@pandacss/token-dictionary 0.32.0 → 0.33.0

package/dist/index.js

@@ -365,6 +365,13 @@ var addVirtualPalette = {
         const colorPaletteList = colorPalettes.get(formated) || [];
         colorPaletteList.push(token);
         colorPalettes.set(formated, colorPaletteList);
+        if (token.extensions.isDefault && colorPaletteRoot.length === 1) {
+          const keyPath = colorPaletteTokenKeys[0]?.filter(Boolean);
+          if (!keyPath.length)
+            return;
+          const path = colorPaletteRoot.concat(keyPath);
+          keys.set(dictionary.formatTokenName(path), []);
+        }
       });
     });
     keys.forEach((segments) => {
@@ -576,7 +583,7 @@ var transformAssets = {
   match: (token) => token.extensions.category === "assets",
   transform(token) {
     const raw = token.value;
-    return (0, import_ts_pattern2.match)(raw).with(import_ts_pattern2.P.string, (value) => value).with({ type: "url" }, ({ value }) => `url('${value}')`).with({ type: "svg" }, ({ value }) => `url('${svgToDataUri(value)})'`).exhaustive();
+    return (0, import_ts_pattern2.match)(raw).with(import_ts_pattern2.P.string, (value) => value).with({ type: "url" }, ({ value }) => `url("${value}")`).with({ type: "svg" }, ({ value }) => `url("${svgToDataUri(value)}")`).exhaustive();
   }
 };
 var addCssVariables = {
@@ -626,17 +633,23 @@ var addColorPalette = {
     if (tokenPathClone.length === 0) {
       return {};
     }
-    const colorPaletteRoots = tokenPathClone.reduce((acc, _, i, arr) => {
-      const next = arr.slice(0, i + 1);
-      acc.push(next);
-      return acc;
-    }, []);
+    const colorPaletteRoots = tokenPathClone.reduce(
+      (acc, _, i, arr) => {
+        const next = arr.slice(0, i + 1);
+        acc.push(next);
+        return acc;
+      },
+      []
+    );
     const colorPaletteRoot = tokenPathClone[0];
     const colorPalette = dict.formatTokenName(tokenPathClone);
-    const colorPaletteTokenKeys = token.path.slice(token.path.indexOf(colorPaletteRoot) + 1).reduce((acc, _, i, arr) => {
-      acc.push(arr.slice(i));
-      return acc;
-    }, []);
+    const colorPaletteTokenKeys = token.path.slice(token.path.indexOf(colorPaletteRoot) + 1).reduce(
+      (acc, _, i, arr) => {
+        acc.push(arr.slice(i));
+        return acc;
+      },
+      []
+    );
     if (colorPaletteTokenKeys.length === 0) {
       colorPaletteTokenKeys.push([""]);
     }
@@ -711,6 +724,7 @@ var TokenDictionary = class {
     (0, import_shared5.walkObject)(
       computedTokens,
       (token, path) => {
+        const isDefault = path.includes("DEFAULT");
         path = filterDefault(path);
         assertTokenFormat(token);
         const category = path[0];
@@ -720,6 +734,9 @@ var TokenDictionary = class {
           category,
           prop: this.formatTokenName(path.slice(1))
         });
+        if (isDefault) {
+          node.setExtensions({ isDefault });
+        }
         this.registerToken(node);
       },
       { stop: isToken }
@@ -727,6 +744,7 @@ var TokenDictionary = class {
     (0, import_shared5.walkObject)(
       semanticTokens,
       (token, path) => {
+        const isDefault = path.includes("DEFAULT");
         path = filterDefault(path);
         assertTokenFormat(token);
         const category = path[0];
@@ -744,6 +762,9 @@ var TokenDictionary = class {
           conditions: value,
           prop: this.formatTokenName(path.slice(1))
         });
+        if (isDefault) {
+          node.setExtensions({ isDefault });
+        }
         this.registerToken(node);
       },
       { stop: isToken }
@@ -843,10 +864,13 @@ var TokenDictionary = class {
         return;
       const references = this.getReferences(token.value);
       token.setExtensions({
-        references: references.reduce((object, reference) => {
-          object[reference.name] = reference;
-          return object;
-        }, {})
+        references: references.reduce(
+          (object, reference) => {
+            object[reference.name] = reference;
+            return object;
+          },
+          {}
+        )
       });
     });
     return this;
@@ -951,7 +975,8 @@ var TokenDictionaryView = class {
     group.get(condition).add(token);
   }
   processColorPalette(token, group, byName) {
-    const { colorPalette, colorPaletteRoots, isVirtual } = token.extensions;
+    const extensions = token.extensions;
+    const { colorPalette, colorPaletteRoots, isVirtual } = extensions;
     if (!colorPalette || isVirtual)
       return;
     colorPaletteRoots.forEach((colorPaletteRoot) => {
@@ -966,6 +991,24 @@ var TokenDictionaryView = class {
         return;
       const virtualVar = virtualToken.extensions.var;
       group.get(formated).set(virtualVar, token.extensions.varRef);
+      if (extensions.isDefault && colorPaletteRoot.length === 1) {
+        const colorPaletteName = this.dictionary.formatTokenName(["colors", "colorPalette"]);
+        const colorPaletteToken = byName.get(colorPaletteName);
+        if (!colorPaletteToken)
+          return;
+        const name = this.dictionary.formatTokenName(token.path);
+        const virtualToken2 = byName.get(name);
+        if (!virtualToken2)
+          return;
+        const keyPath = extensions.colorPaletteTokenKeys[0]?.filter(Boolean);
+        if (!keyPath.length)
+          return;
+        const formated2 = this.dictionary.formatTokenName(colorPaletteRoot.concat(keyPath));
+        if (!group.has(formated2)) {
+          group.set(formated2, /* @__PURE__ */ new Map());
+        }
+        group.get(formated2).set(colorPaletteToken.extensions.var, virtualToken2.extensions.varRef);
+      }
     });
   }
   processCategory(token, group) {
@@ -984,7 +1027,7 @@ var TokenDictionaryView = class {
       byCategory.set(category, /* @__PURE__ */ new Map());
     const value = isNegative ? token.isConditional ? token.originalValue : token.value : varRef;
     byCategory.get(category).set(prop, value);
-    flat.set([category, prop].join("."), value);
+    flat.set(token.name, value);
   }
   processVars(token, group) {
     const { condition, isNegative, isVirtual, var: varName } = token.extensions;

package/dist/index.mjs

@@ -345,6 +345,13 @@ var addVirtualPalette = {
         const colorPaletteList = colorPalettes.get(formated) || [];
         colorPaletteList.push(token);
         colorPalettes.set(formated, colorPaletteList);
+        if (token.extensions.isDefault && colorPaletteRoot.length === 1) {
+          const keyPath = colorPaletteTokenKeys[0]?.filter(Boolean);
+          if (!keyPath.length)
+            return;
+          const path = colorPaletteRoot.concat(keyPath);
+          keys.set(dictionary.formatTokenName(path), []);
+        }
       });
     });
     keys.forEach((segments) => {
@@ -556,7 +563,7 @@ var transformAssets = {
   match: (token) => token.extensions.category === "assets",
   transform(token) {
     const raw = token.value;
-    return match(raw).with(P2.string, (value) => value).with({ type: "url" }, ({ value }) => `url('${value}')`).with({ type: "svg" }, ({ value }) => `url('${svgToDataUri(value)})'`).exhaustive();
+    return match(raw).with(P2.string, (value) => value).with({ type: "url" }, ({ value }) => `url("${value}")`).with({ type: "svg" }, ({ value }) => `url("${svgToDataUri(value)}")`).exhaustive();
   }
 };
 var addCssVariables = {
@@ -606,17 +613,23 @@ var addColorPalette = {
     if (tokenPathClone.length === 0) {
       return {};
     }
-    const colorPaletteRoots = tokenPathClone.reduce((acc, _, i, arr) => {
-      const next = arr.slice(0, i + 1);
-      acc.push(next);
-      return acc;
-    }, []);
+    const colorPaletteRoots = tokenPathClone.reduce(
+      (acc, _, i, arr) => {
+        const next = arr.slice(0, i + 1);
+        acc.push(next);
+        return acc;
+      },
+      []
+    );
     const colorPaletteRoot = tokenPathClone[0];
     const colorPalette = dict.formatTokenName(tokenPathClone);
-    const colorPaletteTokenKeys = token.path.slice(token.path.indexOf(colorPaletteRoot) + 1).reduce((acc, _, i, arr) => {
-      acc.push(arr.slice(i));
-      return acc;
-    }, []);
+    const colorPaletteTokenKeys = token.path.slice(token.path.indexOf(colorPaletteRoot) + 1).reduce(
+      (acc, _, i, arr) => {
+        acc.push(arr.slice(i));
+        return acc;
+      },
+      []
+    );
     if (colorPaletteTokenKeys.length === 0) {
       colorPaletteTokenKeys.push([""]);
     }
@@ -691,6 +704,7 @@ var TokenDictionary = class {
     walkObject2(
       computedTokens,
       (token, path) => {
+        const isDefault = path.includes("DEFAULT");
         path = filterDefault(path);
         assertTokenFormat(token);
         const category = path[0];
@@ -700,6 +714,9 @@ var TokenDictionary = class {
           category,
           prop: this.formatTokenName(path.slice(1))
         });
+        if (isDefault) {
+          node.setExtensions({ isDefault });
+        }
         this.registerToken(node);
       },
       { stop: isToken }
@@ -707,6 +724,7 @@ var TokenDictionary = class {
     walkObject2(
       semanticTokens,
       (token, path) => {
+        const isDefault = path.includes("DEFAULT");
         path = filterDefault(path);
         assertTokenFormat(token);
         const category = path[0];
@@ -724,6 +742,9 @@ var TokenDictionary = class {
           conditions: value,
           prop: this.formatTokenName(path.slice(1))
         });
+        if (isDefault) {
+          node.setExtensions({ isDefault });
+        }
         this.registerToken(node);
       },
       { stop: isToken }
@@ -823,10 +844,13 @@ var TokenDictionary = class {
         return;
       const references = this.getReferences(token.value);
       token.setExtensions({
-        references: references.reduce((object, reference) => {
-          object[reference.name] = reference;
-          return object;
-        }, {})
+        references: references.reduce(
+          (object, reference) => {
+            object[reference.name] = reference;
+            return object;
+          },
+          {}
+        )
       });
     });
     return this;
@@ -931,7 +955,8 @@ var TokenDictionaryView = class {
     group.get(condition).add(token);
   }
   processColorPalette(token, group, byName) {
-    const { colorPalette, colorPaletteRoots, isVirtual } = token.extensions;
+    const extensions = token.extensions;
+    const { colorPalette, colorPaletteRoots, isVirtual } = extensions;
     if (!colorPalette || isVirtual)
       return;
     colorPaletteRoots.forEach((colorPaletteRoot) => {
@@ -946,6 +971,24 @@ var TokenDictionaryView = class {
         return;
       const virtualVar = virtualToken.extensions.var;
       group.get(formated).set(virtualVar, token.extensions.varRef);
+      if (extensions.isDefault && colorPaletteRoot.length === 1) {
+        const colorPaletteName = this.dictionary.formatTokenName(["colors", "colorPalette"]);
+        const colorPaletteToken = byName.get(colorPaletteName);
+        if (!colorPaletteToken)
+          return;
+        const name = this.dictionary.formatTokenName(token.path);
+        const virtualToken2 = byName.get(name);
+        if (!virtualToken2)
+          return;
+        const keyPath = extensions.colorPaletteTokenKeys[0]?.filter(Boolean);
+        if (!keyPath.length)
+          return;
+        const formated2 = this.dictionary.formatTokenName(colorPaletteRoot.concat(keyPath));
+        if (!group.has(formated2)) {
+          group.set(formated2, /* @__PURE__ */ new Map());
+        }
+        group.get(formated2).set(colorPaletteToken.extensions.var, virtualToken2.extensions.varRef);
+      }
     });
   }
   processCategory(token, group) {
@@ -964,7 +1007,7 @@ var TokenDictionaryView = class {
       byCategory.set(category, /* @__PURE__ */ new Map());
     const value = isNegative ? token.isConditional ? token.originalValue : token.value : varRef;
     byCategory.get(category).set(prop, value);
-    flat.set([category, prop].join("."), value);
+    flat.set(token.name, value);
   }
   processVars(token, group) {
     const { condition, isNegative, isVirtual, var: varName } = token.extensions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/token-dictionary",
-  "version": "0.32.0",
+  "version": "0.33.0",
   "description": "Common error messages for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -33,9 +33,9 @@
   ],
   "dependencies": {
     "ts-pattern": "5.0.8",
-    "@pandacss/logger": "^0.32.0",
-    "@pandacss/shared": "0.32.0",
-    "@pandacss/types": "0.32.0"
+    "@pandacss/logger": "^0.33.0",
+    "@pandacss/shared": "0.33.0",
+    "@pandacss/types": "0.33.0"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=esm,cjs --dts",