@pandacss/eslint-plugin 0.1.10 → 0.1.12

package/dist/index.js

@@ -7957,7 +7957,7 @@ init_cjs_shims();
 
 // package.json
 var name = "@pandacss/eslint-plugin";
-var version = "0.1.10";
+var version = "0.1.12";
 
 // src/configs/all.ts
 init_cjs_shims();
@@ -7999,6 +7999,7 @@ var import_utils2 = require("@typescript-eslint/utils");
 var isIdentifier = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.Identifier);
 var isLiteral = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.Literal);
 var isTemplateLiteral = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.TemplateLiteral);
+var isArrayExpression = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.ArrayExpression);
 var isObjectExpression = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.ObjectExpression);
 var isMemberExpression = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.MemberExpression);
 var isVariableDeclarator = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.VariableDeclarator);
@@ -8437,7 +8438,9 @@ var rule4 = createRule({
       description: "Ensure user doesn't use dynamic styling at any point. \nPrefer to use static styles, leverage css variables or recipes for known dynamic styles."
     },
     messages: {
-      dynamic: "Remove dynamic value. Prefer static styles"
+      dynamic: "Remove dynamic value. Prefer static styles",
+      dynamicProperty: "Remove dynamic property. Prefer static style property",
+      dynamicRecipeVariant: "Remove dynamic variant. Prefer static variant definition"
     },
     type: "suggestion",
     schema: []
@@ -8456,6 +8459,9 @@ var rule4 = createRule({
           return;
         if (isObjectExpression(node.value.expression))
           return;
+        if (isArrayExpression(node.value.expression)) {
+          return checkElements(node.value.expression, context);
+        }
         if (!isPandaProp(node, context))
           return;
         context.report({
@@ -8463,6 +8469,15 @@ var rule4 = createRule({
           messageId: "dynamic"
         });
       },
+      // Dynamic properties
+      "Property[computed=true]"(node) {
+        if (!isInPandaFunction(node, context))
+          return;
+        context.report({
+          node: node.key,
+          messageId: isRecipeVariant(node, context) ? "dynamicRecipeVariant" : "dynamicProperty"
+        });
+      },
       Property(node) {
         if (!isIdentifier(node.key))
           return;
@@ -8472,6 +8487,9 @@ var rule4 = createRule({
           return;
         if (isObjectExpression(node.value))
           return;
+        if (isArrayExpression(node.value)) {
+          return checkElements(node.value, context);
+        }
         if (!isPandaAttribute(node, context))
           return;
         context.report({
@@ -8482,6 +8500,20 @@ var rule4 = createRule({
     };
   }
 });
+function checkElements(array, context) {
+  array.elements.forEach((node) => {
+    if (!node)
+      return;
+    if (isLiteral(node))
+      return;
+    if (isTemplateLiteral(node) && node.expressions.length === 0)
+      return;
+    context.report({
+      node,
+      messageId: "dynamic"
+    });
+  });
+}
 var no_dynamic_styling_default = rule4;
 
 // src/rules/no-escape-hatch.ts

package/dist/index.mjs

@@ -10,7 +10,7 @@ var name, version;
 var init_package = __esm({
   "package.json"() {
     name = "@pandacss/eslint-plugin";
-    version = "0.1.10";
+    version = "0.1.12";
   }
 });
 
@@ -7957,7 +7957,7 @@ var require_dist3 = __commonJS({
 // src/utils/nodes.ts
 import { isNodeOfType } from "@typescript-eslint/utils/ast-utils";
 import { AST_NODE_TYPES } from "@typescript-eslint/utils";
-var isIdentifier, isLiteral, isTemplateLiteral, isObjectExpression, isMemberExpression, isVariableDeclarator, isVariableDeclaration, isJSXMemberExpression, isJSXOpeningElement, isJSXExpressionContainer, isJSXAttribute, isJSXIdentifier, isCallExpression, isImportDeclaration, isImportSpecifier, isProperty;
+var isIdentifier, isLiteral, isTemplateLiteral, isArrayExpression, isObjectExpression, isMemberExpression, isVariableDeclarator, isVariableDeclaration, isJSXMemberExpression, isJSXOpeningElement, isJSXExpressionContainer, isJSXAttribute, isJSXIdentifier, isCallExpression, isImportDeclaration, isImportSpecifier, isProperty;
 var init_nodes = __esm({
   "src/utils/nodes.ts"() {
     "use strict";
@@ -7965,6 +7965,7 @@ var init_nodes = __esm({
     isIdentifier = isNodeOfType(AST_NODE_TYPES.Identifier);
     isLiteral = isNodeOfType(AST_NODE_TYPES.Literal);
     isTemplateLiteral = isNodeOfType(AST_NODE_TYPES.TemplateLiteral);
+    isArrayExpression = isNodeOfType(AST_NODE_TYPES.ArrayExpression);
     isObjectExpression = isNodeOfType(AST_NODE_TYPES.ObjectExpression);
     isMemberExpression = isNodeOfType(AST_NODE_TYPES.MemberExpression);
     isVariableDeclarator = isNodeOfType(AST_NODE_TYPES.VariableDeclarator);
@@ -8433,6 +8434,20 @@ var init_no_debug = __esm({
 });
 
 // src/rules/no-dynamic-styling.ts
+function checkElements(array, context) {
+  array.elements.forEach((node) => {
+    if (!node)
+      return;
+    if (isLiteral(node))
+      return;
+    if (isTemplateLiteral(node) && node.expressions.length === 0)
+      return;
+    context.report({
+      node,
+      messageId: "dynamic"
+    });
+  });
+}
 var RULE_NAME4, rule4, no_dynamic_styling_default;
 var init_no_dynamic_styling = __esm({
   "src/rules/no-dynamic-styling.ts"() {
@@ -8449,7 +8464,9 @@ var init_no_dynamic_styling = __esm({
           description: "Ensure user doesn't use dynamic styling at any point. \nPrefer to use static styles, leverage css variables or recipes for known dynamic styles."
         },
         messages: {
-          dynamic: "Remove dynamic value. Prefer static styles"
+          dynamic: "Remove dynamic value. Prefer static styles",
+          dynamicProperty: "Remove dynamic property. Prefer static style property",
+          dynamicRecipeVariant: "Remove dynamic variant. Prefer static variant definition"
         },
         type: "suggestion",
         schema: []
@@ -8468,6 +8485,9 @@ var init_no_dynamic_styling = __esm({
               return;
             if (isObjectExpression(node.value.expression))
               return;
+            if (isArrayExpression(node.value.expression)) {
+              return checkElements(node.value.expression, context);
+            }
             if (!isPandaProp(node, context))
               return;
             context.report({
@@ -8475,6 +8495,15 @@ var init_no_dynamic_styling = __esm({
               messageId: "dynamic"
             });
           },
+          // Dynamic properties
+          "Property[computed=true]"(node) {
+            if (!isInPandaFunction(node, context))
+              return;
+            context.report({
+              node: node.key,
+              messageId: isRecipeVariant(node, context) ? "dynamicRecipeVariant" : "dynamicProperty"
+            });
+          },
           Property(node) {
             if (!isIdentifier(node.key))
               return;
@@ -8484,6 +8513,9 @@ var init_no_dynamic_styling = __esm({
               return;
             if (isObjectExpression(node.value))
               return;
+            if (isArrayExpression(node.value)) {
+              return checkElements(node.value, context);
+            }
             if (!isPandaAttribute(node, context))
               return;
             context.report({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/eslint-plugin",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "Eslint plugin for Panda CSS",
   "author": "Abraham Aremu <anubra266@gmail.com>",
   "main": "dist/index.js",