@pandacss/eslint-plugin 0.2.8 → 0.2.10

package/dist/utils/worker.js

@@ -3814,6 +3814,125 @@ var import_config = require("@pandacss/config");
 var import_generator = require("@pandacss/generator");
 var import_node = require("@pandacss/node");
 var import_shared = require("@pandacss/shared");
+
+// ../node_modules/.pnpm/@pandacss+dev@0.40.1_typescript@5.7.3/node_modules/@pandacss/dev/dist/index.mjs
+function defineConfig(config2) {
+  return config2;
+}
+
+// ../sandbox/v9/panda.config.ts
+var panda_config_default = defineConfig({
+  preflight: true,
+  include: ["./src/**/*.{tsx,jsx}", "./pages/**/*.{jsx,tsx}"],
+  exclude: [],
+  outdir: "styled-system",
+  jsxFactory: "panda",
+  jsxFramework: "react",
+  theme: {
+    extend: {
+      tokens: {
+        colors: {
+          red: {
+            400: {
+              value: "#ff0000",
+              description: "red color",
+              deprecated: true
+            }
+          }
+        }
+      },
+      semanticTokens: {
+        colors: {
+          text: { value: { base: "{colors.gray.600}", _osDark: "{colors.gray.400}" } },
+          bg: { value: { base: "{colors.gray.600}", _osDark: "{colors.gray.400}" } }
+        }
+      },
+      recipes: {
+        button: {
+          className: "button",
+          jsx: ["Button", "ListedButton", /WithRegex$/, "PrimaryButtonLike"],
+          description: "A button styles",
+          base: {
+            fontSize: "lg"
+          },
+          variants: {
+            size: {
+              sm: {
+                padding: "2",
+                borderRadius: "sm"
+              },
+              md: {
+                padding: "4",
+                borderRadius: "md"
+              }
+            },
+            variant: {
+              primary: {
+                color: "white",
+                backgroundColor: "blue.500"
+              },
+              danger: {
+                color: "white",
+                backgroundColor: "red.500"
+              },
+              secondary: {
+                color: "pink.300",
+                backgroundColor: "green.500"
+              },
+              purple: {
+                color: "amber.300",
+                backgroundColor: "purple.500"
+              }
+            },
+            state: {
+              focused: {
+                color: "green"
+              },
+              hovered: {
+                color: "pink.400"
+              }
+            },
+            rounded: {
+              true: {
+                borderRadius: "md"
+              }
+            }
+          },
+          compoundVariants: [
+            {
+              size: "sm",
+              variant: "primary",
+              css: {
+                fontSize: "12px"
+              }
+            },
+            {
+              variant: ["primary", "danger"],
+              state: "focused",
+              css: {
+                padding: 4,
+                fontWeight: "bold",
+                fontSize: "24px"
+              }
+            }
+          ]
+        }
+      }
+    }
+  },
+  globalCss: {
+    "*": {
+      fontFamily: "Inter",
+      margin: "0"
+    },
+    a: {
+      color: "inherit",
+      textDecoration: "none"
+    }
+  }
+});
+
+// ../fixture/src/create-context.ts
 var config = {
   ...fixturePreset,
   optimize: true,
@@ -3833,7 +3952,7 @@ var fixtureDefaults = {
   deserialize: () => (0, import_shared.parseJson)((0, import_shared.stringifyJson)(config))
 };
 var createContext = (userConfig) => {
-  const resolvedConfig = userConfig ? (0, import_config.mergeConfigs)([fixtureDefaults.config, userConfig]) : fixtureDefaults.config;
+  const resolvedConfig = (0, import_config.mergeConfigs)([fixtureDefaults.config, panda_config_default, { importMap: "./panda" }]);
   return new import_node.PandaContext({
     ...fixtureDefaults,
     config: resolvedConfig,
@@ -3859,7 +3978,7 @@ async function _getContext(configPath2) {
 async function getContext(opts) {
   if (process.env.NODE_ENV === "test") {
     configPath = opts.configPath;
-    const ctx = createContext({ importMap: "./panda" });
+    const ctx = createContext();
     ctx.getFiles = () => ["App.tsx"];
     return ctx;
   } else {
@@ -3873,14 +3992,24 @@ async function getContext(opts) {
 async function filterInvalidTokens(ctx, paths) {
   return paths.filter((path2) => !ctx.utility.tokens.view.get(path2));
 }
+async function filterDeprecatedTokens(ctx, tokens3) {
+  return tokens3.filter((token) => {
+    const value = typeof token === "string" ? token : token.category + "." + token.value;
+    return ctx.utility.tokens.isDeprecated(value);
+  });
+}
 async function isColorToken(ctx, value) {
   return !!ctx.utility.tokens.view.categoryMap.get("colors")?.get(value);
 }
-async function isColorAttribute(ctx, _attr) {
+async function getPropCategory(ctx, _attr) {
   const longhand = await resolveLongHand(ctx, _attr);
   const attr = longhand || _attr;
   const attrConfig = ctx.utility.config[attr];
-  return attrConfig?.values === "colors";
+  return typeof attrConfig?.values === "string" ? attrConfig.values : void 0;
+}
+async function isColorAttribute(ctx, _attr) {
+  const category = await getPropCategory(ctx, _attr);
+  return category === "colors";
 }
 var arePathsEqual = (path1, path2) => {
   const normalizedPath1 = import_path.default.resolve(path1);
@@ -3941,6 +4070,10 @@ async function runAsync(action, opts, ...args) {
       return isColorToken(ctx, ...args);
     case "filterInvalidTokens":
       return filterInvalidTokens(ctx, ...args);
+    case "getPropCategory":
+      return getPropCategory(ctx, ...args);
+    case "filterDeprecatedTokens":
+      return filterDeprecatedTokens(ctx, ...args);
   }
 }
 function run(action, opts, ...args) {

package/dist/utils/worker.mjs

@@ -3795,6 +3795,129 @@ import { mergeConfigs } from "@pandacss/config";
 import { Generator } from "@pandacss/generator";
 import { PandaContext } from "@pandacss/node";
 import { stringifyJson, parseJson } from "@pandacss/shared";
+
+// ../sandbox/v9/panda.config.ts
+init_esm_shims();
+
+// ../node_modules/.pnpm/@pandacss+dev@0.40.1_typescript@5.7.3/node_modules/@pandacss/dev/dist/index.mjs
+init_esm_shims();
+function defineConfig(config2) {
+  return config2;
+}
+
+// ../sandbox/v9/panda.config.ts
+var panda_config_default = defineConfig({
+  preflight: true,
+  include: ["./src/**/*.{tsx,jsx}", "./pages/**/*.{jsx,tsx}"],
+  exclude: [],
+  outdir: "styled-system",
+  jsxFactory: "panda",
+  jsxFramework: "react",
+  theme: {
+    extend: {
+      tokens: {
+        colors: {
+          red: {
+            400: {
+              value: "#ff0000",
+              description: "red color",
+              deprecated: true
+            }
+          }
+        }
+      },
+      semanticTokens: {
+        colors: {
+          text: { value: { base: "{colors.gray.600}", _osDark: "{colors.gray.400}" } },
+          bg: { value: { base: "{colors.gray.600}", _osDark: "{colors.gray.400}" } }
+        }
+      },
+      recipes: {
+        button: {
+          className: "button",
+          jsx: ["Button", "ListedButton", /WithRegex$/, "PrimaryButtonLike"],
+          description: "A button styles",
+          base: {
+            fontSize: "lg"
+          },
+          variants: {
+            size: {
+              sm: {
+                padding: "2",
+                borderRadius: "sm"
+              },
+              md: {
+                padding: "4",
+                borderRadius: "md"
+              }
+            },
+            variant: {
+              primary: {
+                color: "white",
+                backgroundColor: "blue.500"
+              },
+              danger: {
+                color: "white",
+                backgroundColor: "red.500"
+              },
+              secondary: {
+                color: "pink.300",
+                backgroundColor: "green.500"
+              },
+              purple: {
+                color: "amber.300",
+                backgroundColor: "purple.500"
+              }
+            },
+            state: {
+              focused: {
+                color: "green"
+              },
+              hovered: {
+                color: "pink.400"
+              }
+            },
+            rounded: {
+              true: {
+                borderRadius: "md"
+              }
+            }
+          },
+          compoundVariants: [
+            {
+              size: "sm",
+              variant: "primary",
+              css: {
+                fontSize: "12px"
+              }
+            },
+            {
+              variant: ["primary", "danger"],
+              state: "focused",
+              css: {
+                padding: 4,
+                fontWeight: "bold",
+                fontSize: "24px"
+              }
+            }
+          ]
+        }
+      }
+    }
+  },
+  globalCss: {
+    "*": {
+      fontFamily: "Inter",
+      margin: "0"
+    },
+    a: {
+      color: "inherit",
+      textDecoration: "none"
+    }
+  }
+});
+
+// ../fixture/src/create-context.ts
 var config = {
   ...fixturePreset,
   optimize: true,
@@ -3814,7 +3937,7 @@ var fixtureDefaults = {
   deserialize: () => parseJson(stringifyJson(config))
 };
 var createContext = (userConfig) => {
-  const resolvedConfig = userConfig ? mergeConfigs([fixtureDefaults.config, userConfig]) : fixtureDefaults.config;
+  const resolvedConfig = mergeConfigs([fixtureDefaults.config, panda_config_default, { importMap: "./panda" }]);
   return new PandaContext({
     ...fixtureDefaults,
     config: resolvedConfig,
@@ -3843,7 +3966,7 @@ async function _getContext(configPath2) {
 async function getContext(opts) {
   if (process.env.NODE_ENV === "test") {
     configPath = opts.configPath;
-    const ctx = createContext({ importMap: "./panda" });
+    const ctx = createContext();
     ctx.getFiles = () => ["App.tsx"];
     return ctx;
   } else {
@@ -3857,14 +3980,24 @@ async function getContext(opts) {
 async function filterInvalidTokens(ctx, paths) {
   return paths.filter((path2) => !ctx.utility.tokens.view.get(path2));
 }
+async function filterDeprecatedTokens(ctx, tokens3) {
+  return tokens3.filter((token) => {
+    const value = typeof token === "string" ? token : token.category + "." + token.value;
+    return ctx.utility.tokens.isDeprecated(value);
+  });
+}
 async function isColorToken(ctx, value) {
   return !!ctx.utility.tokens.view.categoryMap.get("colors")?.get(value);
 }
-async function isColorAttribute(ctx, _attr) {
+async function getPropCategory(ctx, _attr) {
   const longhand = await resolveLongHand(ctx, _attr);
   const attr = longhand || _attr;
   const attrConfig = ctx.utility.config[attr];
-  return attrConfig?.values === "colors";
+  return typeof attrConfig?.values === "string" ? attrConfig.values : void 0;
+}
+async function isColorAttribute(ctx, _attr) {
+  const category = await getPropCategory(ctx, _attr);
+  return category === "colors";
 }
 var arePathsEqual = (path1, path2) => {
   const normalizedPath1 = path.resolve(path1);
@@ -3925,6 +4058,10 @@ async function runAsync(action, opts, ...args) {
       return isColorToken(ctx, ...args);
     case "filterInvalidTokens":
       return filterInvalidTokens(ctx, ...args);
+    case "getPropCategory":
+      return getPropCategory(ctx, ...args);
+    case "filterDeprecatedTokens":
+      return filterDeprecatedTokens(ctx, ...args);
   }
 }
 function run(action, opts, ...args) {

package/package.json

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