@pandacss/token-dictionary 0.13.1 → 0.15.0

package/dist/index.js

@@ -364,7 +364,7 @@ var TokenDictionary = class {
   applyMiddlewares(enforce) {
     this.middlewares.forEach((middleware) => {
       if (middleware.enforce === enforce) {
-        middleware.transform(this, { prefix: this.prefix });
+        middleware.transform(this, { prefix: this.prefix, hash: this.hash });
       }
     });
   }
@@ -444,16 +444,18 @@ var formats = {
   groupByColorPalette(dictionary) {
     const grouped = /* @__PURE__ */ new Map();
     dictionary.allTokens.forEach((token) => {
-      const { colorPalette } = token.extensions;
+      const { colorPalette, colorPaletteRoots } = token.extensions;
       if (!colorPalette || token.extensions.isVirtual)
         return;
-      grouped.get(colorPalette) || grouped.set(colorPalette, /* @__PURE__ */ new Map());
-      const virtualName = token.name.replace(colorPalette, "colorPalette");
-      const virtualToken = dictionary.getByName(virtualName);
-      if (!virtualToken)
-        return;
-      const virtualVar = virtualToken.extensions.var;
-      grouped.get(colorPalette).set(virtualVar, token.extensions.varRef);
+      colorPaletteRoots.forEach((colorPaletteRoot) => {
+        grouped.get(colorPaletteRoot) || grouped.set(colorPaletteRoot, /* @__PURE__ */ new Map());
+        const virtualName = token.name.replace(colorPaletteRoot, "colorPalette");
+        const virtualToken = dictionary.getByName(virtualName);
+        if (!virtualToken)
+          return;
+        const virtualVar = virtualToken.extensions.var;
+        grouped.get(colorPaletteRoot).set(virtualVar, token.extensions.varRef);
+      });
     });
     return grouped;
   },
@@ -567,19 +569,21 @@ var addVirtualPalette = {
     const keys = /* @__PURE__ */ new Set();
     const colorPalettes = /* @__PURE__ */ new Map();
     tokens.forEach((token) => {
-      const { colorPalette } = token.extensions;
+      const { colorPalette, colorPaletteRoots, colorPaletteTokenKeys } = token.extensions;
       if (!colorPalette)
         return;
-      const list = colorPalettes.get(colorPalette) || [];
-      keys.add(token.path.at(-1));
-      list.push(token);
-      colorPalettes.set(colorPalette, list);
+      colorPaletteTokenKeys.forEach(keys.add, keys);
+      colorPaletteRoots.forEach((colorPaletteRoot) => {
+        const colorPaletteList = colorPalettes.get(colorPaletteRoot) || [];
+        colorPaletteList.push(token);
+        colorPalettes.set(colorPaletteRoot, colorPaletteList);
+      });
     });
     keys.forEach((key) => {
       const node = new Token({
         name: `colors.colorPalette.${key}`,
         value: `{colors.colorPalette.${key}}`,
-        path: ["colors", "colorPalette", key]
+        path: ["colors", "colorPalette", ...key.split(".")]
       });
       node.setExtensions({
         category: "colors",
@@ -839,22 +843,34 @@ var addConditionalCssVariables = {
     return token.value;
   }
 };
-function getColorPaletteName(path) {
-  if (path.includes("colorPalette"))
-    return "";
-  const clone = [...path];
-  clone.pop();
-  clone.shift();
-  return clone.join(".");
-}
 var addColorPalette = {
   type: "extensions",
   name: "tokens/colors/colorPalette",
   match(token) {
-    return token.extensions.category === "colors";
+    return token.extensions.category === "colors" && !token.extensions.isVirtual;
   },
   transform(token) {
-    return { colorPalette: getColorPaletteName(token.path) };
+    const tokenPathClone = [...token.path];
+    tokenPathClone.pop();
+    tokenPathClone.shift();
+    if (tokenPathClone.length === 0) {
+      return {};
+    }
+    const colorPaletteRoots = tokenPathClone.reduce((acc, _, i, arr) => {
+      acc.push(arr.slice(0, i + 1).join("."));
+      return acc;
+    }, []);
+    const colorPaletteRoot = tokenPathClone.at(0);
+    const colorPalette = tokenPathClone.join(".");
+    const colorPaletteTokenKeys = token.path.slice(token.path.indexOf(colorPaletteRoot) + 1).reduce((acc, _, i, arr) => {
+      acc.push(arr.slice(i).join("."));
+      return acc;
+    }, []);
+    return {
+      colorPalette,
+      colorPaletteRoots,
+      colorPaletteTokenKeys
+    };
   }
 };
 var transforms = [

package/dist/index.mjs

@@ -337,7 +337,7 @@ var TokenDictionary = class {
   applyMiddlewares(enforce) {
     this.middlewares.forEach((middleware) => {
       if (middleware.enforce === enforce) {
-        middleware.transform(this, { prefix: this.prefix });
+        middleware.transform(this, { prefix: this.prefix, hash: this.hash });
       }
     });
   }
@@ -417,16 +417,18 @@ var formats = {
   groupByColorPalette(dictionary) {
     const grouped = /* @__PURE__ */ new Map();
     dictionary.allTokens.forEach((token) => {
-      const { colorPalette } = token.extensions;
+      const { colorPalette, colorPaletteRoots } = token.extensions;
       if (!colorPalette || token.extensions.isVirtual)
         return;
-      grouped.get(colorPalette) || grouped.set(colorPalette, /* @__PURE__ */ new Map());
-      const virtualName = token.name.replace(colorPalette, "colorPalette");
-      const virtualToken = dictionary.getByName(virtualName);
-      if (!virtualToken)
-        return;
-      const virtualVar = virtualToken.extensions.var;
-      grouped.get(colorPalette).set(virtualVar, token.extensions.varRef);
+      colorPaletteRoots.forEach((colorPaletteRoot) => {
+        grouped.get(colorPaletteRoot) || grouped.set(colorPaletteRoot, /* @__PURE__ */ new Map());
+        const virtualName = token.name.replace(colorPaletteRoot, "colorPalette");
+        const virtualToken = dictionary.getByName(virtualName);
+        if (!virtualToken)
+          return;
+        const virtualVar = virtualToken.extensions.var;
+        grouped.get(colorPaletteRoot).set(virtualVar, token.extensions.varRef);
+      });
     });
     return grouped;
   },
@@ -540,19 +542,21 @@ var addVirtualPalette = {
     const keys = /* @__PURE__ */ new Set();
     const colorPalettes = /* @__PURE__ */ new Map();
     tokens.forEach((token) => {
-      const { colorPalette } = token.extensions;
+      const { colorPalette, colorPaletteRoots, colorPaletteTokenKeys } = token.extensions;
       if (!colorPalette)
         return;
-      const list = colorPalettes.get(colorPalette) || [];
-      keys.add(token.path.at(-1));
-      list.push(token);
-      colorPalettes.set(colorPalette, list);
+      colorPaletteTokenKeys.forEach(keys.add, keys);
+      colorPaletteRoots.forEach((colorPaletteRoot) => {
+        const colorPaletteList = colorPalettes.get(colorPaletteRoot) || [];
+        colorPaletteList.push(token);
+        colorPalettes.set(colorPaletteRoot, colorPaletteList);
+      });
     });
     keys.forEach((key) => {
       const node = new Token({
         name: `colors.colorPalette.${key}`,
         value: `{colors.colorPalette.${key}}`,
-        path: ["colors", "colorPalette", key]
+        path: ["colors", "colorPalette", ...key.split(".")]
       });
       node.setExtensions({
         category: "colors",
@@ -812,22 +816,34 @@ var addConditionalCssVariables = {
     return token.value;
   }
 };
-function getColorPaletteName(path) {
-  if (path.includes("colorPalette"))
-    return "";
-  const clone = [...path];
-  clone.pop();
-  clone.shift();
-  return clone.join(".");
-}
 var addColorPalette = {
   type: "extensions",
   name: "tokens/colors/colorPalette",
   match(token) {
-    return token.extensions.category === "colors";
+    return token.extensions.category === "colors" && !token.extensions.isVirtual;
   },
   transform(token) {
-    return { colorPalette: getColorPaletteName(token.path) };
+    const tokenPathClone = [...token.path];
+    tokenPathClone.pop();
+    tokenPathClone.shift();
+    if (tokenPathClone.length === 0) {
+      return {};
+    }
+    const colorPaletteRoots = tokenPathClone.reduce((acc, _, i, arr) => {
+      acc.push(arr.slice(0, i + 1).join("."));
+      return acc;
+    }, []);
+    const colorPaletteRoot = tokenPathClone.at(0);
+    const colorPalette = tokenPathClone.join(".");
+    const colorPaletteTokenKeys = token.path.slice(token.path.indexOf(colorPaletteRoot) + 1).reduce((acc, _, i, arr) => {
+      acc.push(arr.slice(i).join("."));
+      return acc;
+    }, []);
+    return {
+      colorPalette,
+      colorPaletteRoots,
+      colorPaletteTokenKeys
+    };
   }
 };
 var transforms = [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/token-dictionary",
-  "version": "0.13.1",
+  "version": "0.15.0",
   "description": "Common error messages for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -15,11 +15,11 @@
   ],
   "dependencies": {
     "ts-pattern": "5.0.4",
-    "@pandacss/types": "0.13.1",
-    "@pandacss/shared": "0.13.1"
+    "@pandacss/types": "0.15.0",
+    "@pandacss/shared": "0.15.0"
   },
   "devDependencies": {
-    "@pandacss/fixture": "0.13.1"
+    "@pandacss/fixture": "0.15.0"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=esm,cjs --dts",