FIX francoismassart#84

Author: francoismassart

README.md

@@ -33,6 +33,8 @@ If you enjoy my work you can:
 
 ## Latest changelog
 
+- FIX: [`transform-none` not allowed](https://github.com/francoismassart/eslint-plugin-tailwindcss/issues/84)
+
 - FIX: [Important marker throws warning](https://github.com/francoismassart/eslint-plugin-tailwindcss/issues/82)
 - FIX: [Boolean values in class throws error](https://github.com/francoismassart/eslint-plugin-tailwindcss/issues/83)
 - FIX: [Negative margins](https://github.com/francoismassart/eslint-plugin-tailwindcss/issues/78)

lib/config/groups.js

@@ -936,6 +936,15 @@ module.exports.groups = [
           },
         ],
       },
+      {
+        type: 'Transform None',
+        members: [
+          {
+            type: 'transform-none',
+            members: 'transform\\-none',
+          },
+        ],
+      },
       {
         type: 'Scale',
         members: [

tests/lib/rules/no-contradicting-classname.js

@@ -170,6 +170,12 @@ ruleTester.run("no-contradicting-classname", rule, {
         Same class prefix, type prefix may be required for resolving ambiguous values
       </div>`,
     },
+    {
+      code: `
+      <div class="scale-75 translate-x-4 skew-y-3 motion-reduce:transform-none">
+        Legit transform-none
+      </div>`,
+    },
   ],
 
   invalid: [
@@ -382,5 +388,12 @@ ruleTester.run("no-contradicting-classname", rule, {
       options: config,
       errors: generateErrors("aspect-none aspect-w-16"),
     },
+    // {
+    //   code: `
+    //   <div class="scale-75 transform-none">
+    //     Conflicting transform-none
+    //   </div>`,
+    //   errors: generateErrors("scale-75 transform-none"),
+    // },
   ],
 });

tests/lib/rules/no-custom-classname.js

@@ -521,6 +521,10 @@ ruleTester.run("no-custom-classname", rule, {
         },
       ],
     },
+    {
+      code: `
+      <div className="transform-none">Disabling transform</div>`,
+    },
   ],
 
   invalid: [