@pandacss/eslint-plugin 0.0.17 → 0.0.19

package/dist/index.js

@@ -7957,7 +7957,7 @@ init_cjs_shims();
 
 // package.json
 var name = "@pandacss/eslint-plugin";
-var version = "0.0.17";
+var version = "0.0.19";
 
 // src/configs/all.ts
 init_cjs_shims();
@@ -8531,23 +8531,45 @@ var rule6 = createRule({
       invalidColor: "`{{color}}` is not a valid color token."
     },
     type: "suggestion",
-    schema: []
+    schema: [
+      {
+        type: "object",
+        properties: {
+          noOpacity: {
+            type: "boolean"
+          }
+        }
+      }
+    ]
   },
-  defaultOptions: [],
+  defaultOptions: [
+    {
+      noOpacity: false
+    }
+  ],
   create(context) {
+    const noOpacity = context.options[0]?.noOpacity;
     const isTokenFn = (value) => {
       if (!value)
         return false;
       const tokens = extractTokens(value);
       return tokens.length > 0;
     };
+    const testColorToken = (value) => {
+      if (!value)
+        return false;
+      const color = value?.split("/");
+      const isOpacityToken = !!color[1]?.length;
+      const isValidToken = isColorToken(color[0], context);
+      return noOpacity ? isValidToken && !isOpacityToken : isValidToken;
+    };
     return {
       JSXAttribute(node) {
         if (!isJSXIdentifier(node.name))
           return;
         if (!isPandaProp(node, context) || !node.value)
           return;
-        if (isLiteral(node.value) && isColorAttribute(node.name.name, context) && !isTokenFn(node.value.value?.toString()) && !isColorToken(node.value.value?.toString(), context)) {
+        if (isLiteral(node.value) && isColorAttribute(node.name.name, context) && !isTokenFn(node.value.value?.toString()) && !testColorToken(node.value.value?.toString())) {
           context.report({
             node: node.value,
             messageId: "invalidColor",
@@ -8558,7 +8580,7 @@ var rule6 = createRule({
         }
         if (!isJSXExpressionContainer(node.value))
           return;
-        if (isLiteral(node.value.expression) && isColorAttribute(node.name.name, context) && !isTokenFn(node.value.expression.value?.toString()) && !isColorToken(node.value.expression.value?.toString(), context)) {
+        if (isLiteral(node.value.expression) && isColorAttribute(node.name.name, context) && !isTokenFn(node.value.expression.value?.toString()) && !testColorToken(node.value.expression.value?.toString())) {
           context.report({
             node: node.value.expression,
             messageId: "invalidColor",
@@ -8579,7 +8601,7 @@ var rule6 = createRule({
           return;
         if (isTokenFn(node.value.value?.toString()))
           return;
-        if (isColorToken(node.value.value?.toString(), context))
+        if (testColorToken(node.value.value?.toString()))
           return;
         context.report({
           node: node.value,

package/dist/index.mjs

@@ -10,7 +10,7 @@ var name, version;
 var init_package = __esm({
   "package.json"() {
     name = "@pandacss/eslint-plugin";
-    version = "0.0.17";
+    version = "0.0.19";
   }
 });
 
@@ -8561,23 +8561,45 @@ var init_no_hardcoded_color = __esm({
           invalidColor: "`{{color}}` is not a valid color token."
         },
         type: "suggestion",
-        schema: []
+        schema: [
+          {
+            type: "object",
+            properties: {
+              noOpacity: {
+                type: "boolean"
+              }
+            }
+          }
+        ]
       },
-      defaultOptions: [],
+      defaultOptions: [
+        {
+          noOpacity: false
+        }
+      ],
       create(context) {
+        const noOpacity = context.options[0]?.noOpacity;
         const isTokenFn = (value) => {
           if (!value)
             return false;
           const tokens = extractTokens(value);
           return tokens.length > 0;
         };
+        const testColorToken = (value) => {
+          if (!value)
+            return false;
+          const color = value?.split("/");
+          const isOpacityToken = !!color[1]?.length;
+          const isValidToken = isColorToken(color[0], context);
+          return noOpacity ? isValidToken && !isOpacityToken : isValidToken;
+        };
         return {
           JSXAttribute(node) {
             if (!isJSXIdentifier(node.name))
               return;
             if (!isPandaProp(node, context) || !node.value)
               return;
-            if (isLiteral(node.value) && isColorAttribute(node.name.name, context) && !isTokenFn(node.value.value?.toString()) && !isColorToken(node.value.value?.toString(), context)) {
+            if (isLiteral(node.value) && isColorAttribute(node.name.name, context) && !isTokenFn(node.value.value?.toString()) && !testColorToken(node.value.value?.toString())) {
               context.report({
                 node: node.value,
                 messageId: "invalidColor",
@@ -8588,7 +8610,7 @@ var init_no_hardcoded_color = __esm({
             }
             if (!isJSXExpressionContainer(node.value))
               return;
-            if (isLiteral(node.value.expression) && isColorAttribute(node.name.name, context) && !isTokenFn(node.value.expression.value?.toString()) && !isColorToken(node.value.expression.value?.toString(), context)) {
+            if (isLiteral(node.value.expression) && isColorAttribute(node.name.name, context) && !isTokenFn(node.value.expression.value?.toString()) && !testColorToken(node.value.expression.value?.toString())) {
               context.report({
                 node: node.value.expression,
                 messageId: "invalidColor",
@@ -8609,7 +8631,7 @@ var init_no_hardcoded_color = __esm({
               return;
             if (isTokenFn(node.value.value?.toString()))
               return;
-            if (isColorToken(node.value.value?.toString(), context))
+            if (testColorToken(node.value.value?.toString()))
               return;
             context.report({
               node: node.value,

package/dist/utils/worker.js

@@ -38,7 +38,7 @@ module.exports = __toCommonJS(worker_exports);
 var import_node2 = require("@pandacss/node");
 var import_synckit = require("synckit");
 
-// ../node_modules/.pnpm/@pandacss+preset-base@0.30.1/node_modules/@pandacss/preset-base/dist/index.mjs
+// ../node_modules/.pnpm/@pandacss+preset-base@0.31.0/node_modules/@pandacss/preset-base/dist/index.mjs
 var conditions = {
   hover: "&:is(:hover, [data-hover])",
   focus: "&:is(:focus, [data-focus])",
@@ -2009,6 +2009,12 @@ var typography = {
     className: "text-shadow",
     values: "shadows"
   },
+  textShadowColor: {
+    shorthand: "textShadowColor",
+    className: "text-shadow",
+    values: "colors",
+    transform: createColorMixTransform("--text-shadow-color")
+  },
   textOverflow: {
     className: "text"
   },
@@ -2542,7 +2548,7 @@ var preset = definePreset({
 });
 var src_default = preset;
 
-// ../node_modules/.pnpm/@pandacss+preset-panda@0.30.1/node_modules/@pandacss/preset-panda/dist/index.mjs
+// ../node_modules/.pnpm/@pandacss+preset-panda@0.31.0/node_modules/@pandacss/preset-panda/dist/index.mjs
 var breakpoints = {
   sm: "640px",
   md: "768px",

package/dist/utils/worker.mjs

@@ -13,7 +13,7 @@ init_esm_shims();
 // ../fixture/src/config.ts
 init_esm_shims();
 
-// ../node_modules/.pnpm/@pandacss+preset-base@0.30.1/node_modules/@pandacss/preset-base/dist/index.mjs
+// ../node_modules/.pnpm/@pandacss+preset-base@0.31.0/node_modules/@pandacss/preset-base/dist/index.mjs
 init_esm_shims();
 var conditions = {
   hover: "&:is(:hover, [data-hover])",
@@ -1985,6 +1985,12 @@ var typography = {
     className: "text-shadow",
     values: "shadows"
   },
+  textShadowColor: {
+    shorthand: "textShadowColor",
+    className: "text-shadow",
+    values: "colors",
+    transform: createColorMixTransform("--text-shadow-color")
+  },
   textOverflow: {
     className: "text"
   },
@@ -2518,7 +2524,7 @@ var preset = definePreset({
 });
 var src_default = preset;
 
-// ../node_modules/.pnpm/@pandacss+preset-panda@0.30.1/node_modules/@pandacss/preset-panda/dist/index.mjs
+// ../node_modules/.pnpm/@pandacss+preset-panda@0.31.0/node_modules/@pandacss/preset-panda/dist/index.mjs
 init_esm_shims();
 var breakpoints = {
   sm: "640px",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/eslint-plugin",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "description": "Eslint plugin for Panda CSS",
   "author": "Abraham Aremu <anubra266@gmail.com>",
   "main": "dist/index.js",
@@ -26,10 +26,10 @@
     "dist"
   ],
   "dependencies": {
-    "@pandacss/config": "^0.30.1",
-    "@pandacss/generator": "^0.30.1",
-    "@pandacss/node": "^0.30.1",
-    "@pandacss/shared": "^0.30.1",
+    "@pandacss/config": "^0.31.0",
+    "@pandacss/generator": "^0.31.0",
+    "@pandacss/node": "^0.31.0",
+    "@pandacss/shared": "^0.31.0",
     "@typescript-eslint/utils": "^6.19.1",
     "hookable": "^5.5.3",
     "synckit": "^0.9.0"