Only match exact classes using static plugins

Author: adamwathan

src/lib/generateRules.js

@@ -190,7 +190,9 @@ function* resolveMatches(candidate, context) {
             matches.push([{ ...sort, options: { ...sort.options, ...options } }, rule])
           }
         }
-      } else {
+      }
+      // Only process static plugins on exact matches
+      else if (modifier === 'DEFAULT') {
         let ruleSet = plugin
         let [rules, options] = parseRules(ruleSet, context.postCssNodeCache)
         for (let rule of rules) {

tests/01-basic-usage.test.css

@@ -143,18 +143,6 @@
 .inline-grid {
   display: inline-grid;
 }
-.inline {
-  display: inline;
-}
-.flex {
-  display: flex;
-}
-.grid {
-  display: grid;
-}
-.table {
-  display: table;
-}
 .hidden {
   display: none;
 }
@@ -269,9 +257,6 @@
 .resize-none {
   resize: none;
 }
-.resize {
-  resize: both;
-}
 .list-inside {
   list-style-position: inside;
 }
@@ -299,9 +284,6 @@
 .flex-row-reverse {
   flex-direction: row-reverse;
 }
-.flex-row {
-  flex-direction: row;
-}
 .flex-wrap {
   flex-wrap: wrap;
 }

tests/05-prefix.test.html

@@ -3,6 +3,7 @@
 <div class="tw-btn-prefix"></div>
 <div class="tw-custom-util-prefix"></div>
 <div class="custom-util-no-prefix"></div>
+<div class="custom-component"></div>
 <div class="tw-custom-component-prefix"></div>
 <div class="custom-component-no-prefix"></div>
 <div class="tw-font-bold"></div>