fix: #316

francoismassart · Feb 1, 2024 · 4f2a833 · 4f2a833
1 parent cf46b40
commit 4f2a833
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 2 deletions.
diff --git a/lib/config/groups.js b/lib/config/groups.js
@@ -538,8 +538,32 @@ module.exports.groups = [
       },
       {
         type: 'Font Variant Numeric',
-        members:
-          '(normal|lining|oldstyle|proportional|tabular)\\-nums|ordinal|slashed-zero|(diagonal|stacked)\\-fractions',
+        members: [
+          {
+            type: 'Normal Nums',
+            members: 'normal\\-nums',
+          },
+          {
+            type: 'Ordinal',
+            members: 'ordinal',
+          },
+          {
+            type: 'Slashed Zero',
+            members: 'slashed-zero',
+          },
+          {
+            type: 'Style Nums',
+            members: '(lining|oldstyle)\\-nums',
+          },
+          {
+            type: 'Proportinal or Tabular',
+            members: '(proportional|tabular)\\-nums',
+          },
+          {
+            type: 'Fractions',
+            members: '(diagonal|stacked)\\-fractions',
+          },
+        ],
       },
       {
         type: 'Letter Spacing',

diff --git a/tests/lib/rules/no-contradicting-classname.js b/tests/lib/rules/no-contradicting-classname.js
@@ -307,6 +307,9 @@ ruleTester.run("no-contradicting-classname", rule, {
         </div>
       `,
     },
+    {
+      code: `<div class="diagonal-fractions tabular-nums lining-nums">Font Variant Numeric #316</div>`,
+    },
   ],
 
   invalid: [
@@ -733,6 +736,18 @@ ruleTester.run("no-contradicting-classname", rule, {
       code: `<div class="grid grid-rows-4 grid-flow-col gap-4 grid-rows-subgrid">Subgrid support</div>`,
       errors: generateErrors(["grid-rows-4 grid-rows-subgrid"]),
     },
+    {
+      code: `<div class="lining-nums oldstyle-nums">Font Variant Numeric #316</div>`,
+      errors: generateErrors(["lining-nums oldstyle-nums"]),
+    },
+    {
+      code: `<div class="proportional-nums tabular-nums">Font Variant Numeric #316</div>`,
+      errors: generateErrors(["proportional-nums tabular-nums"]),
+    },
+    {
+      code: `<div class="diagonal-fractions stacked-fractions">Font Variant Numeric #316</div>`,
+      errors: generateErrors(["diagonal-fractions stacked-fractions"]),
+    },
     // {
     //   code: `
     //   <div class="scale-75 transform-none">