@pandacss/token-dictionary 1.6.1 → 1.7.1

package/dist/index.d.mts

@@ -178,6 +178,7 @@ declare class TokenDictionaryView {
         get: (path: string, fallback?: string | number) => string;
         getVar: (path: string, fallback?: string | number) => string;
         getCategoryValues: (category: string) => Record<string, string> | undefined;
+        getColorPaletteValues: (palette: string) => string[];
     };
     private processCondition;
     private processColorPalette;

package/dist/index.d.ts

@@ -178,6 +178,7 @@ declare class TokenDictionaryView {
         get: (path: string, fallback?: string | number) => string;
         getVar: (path: string, fallback?: string | number) => string;
         getCategoryValues: (category: string) => Record<string, string> | undefined;
+        getColorPaletteValues: (palette: string) => string[];
     };
     private processCondition;
     private processColorPalette;

package/dist/index.js

@@ -951,6 +951,7 @@ var TokenDictionary = class {
       node.setExtensions({
         category,
         conditions: value,
+        rawValue: value,
         prop: this.formatTokenName(path.slice(1))
       });
       if (isDefault) {
@@ -1218,6 +1219,7 @@ var TokenDictionaryView = class {
     const conditionMap = /* @__PURE__ */ new Map();
     const categoryMap = /* @__PURE__ */ new Map();
     const colorPalettes = /* @__PURE__ */ new Map();
+    const colorPaletteTokens = /* @__PURE__ */ new Map();
     const valuesByCategory = /* @__PURE__ */ new Map();
     const flatValues = /* @__PURE__ */ new Map();
     const rawValues = /* @__PURE__ */ new Map();
@@ -1225,7 +1227,7 @@ var TokenDictionaryView = class {
     const vars = /* @__PURE__ */ new Map();
     this.dictionary.allTokens.forEach((token) => {
       this.processCondition(token, conditionMap);
-      this.processColorPalette(token, colorPalettes, this.dictionary.byName);
+      this.processColorPalette(token, colorPalettes, colorPaletteTokens, this.dictionary.byName);
       this.processCategory(token, categoryMap);
       this.processValue(token, valuesByCategory, flatValues, rawValues, nameByVar);
       this.processVars(token, vars);
@@ -1251,6 +1253,11 @@ var TokenDictionaryView = class {
         if (result != null) {
           return result;
         }
+      }),
+      getColorPaletteValues: (0, import_shared6.memo)((palette) => {
+        const tokens = colorPaletteTokens.get(palette);
+        if (!tokens) return [];
+        return Array.from(tokens).sort();
       })
     };
   }
@@ -1260,7 +1267,7 @@ var TokenDictionaryView = class {
     if (!group.has(condition)) group.set(condition, /* @__PURE__ */ new Set());
     group.get(condition).add(token);
   }
-  processColorPalette(token, group, byName) {
+  processColorPalette(token, group, tokenPaths, byName) {
     const extensions = token.extensions;
     const { colorPalette, colorPaletteRoots, isVirtual } = extensions;
     if (!colorPalette || isVirtual) return;
@@ -1269,12 +1276,17 @@ var TokenDictionaryView = class {
       if (!group.has(formated)) {
         group.set(formated, /* @__PURE__ */ new Map());
       }
+      if (!tokenPaths.has(formated)) {
+        tokenPaths.set(formated, /* @__PURE__ */ new Set());
+      }
       const virtualPath = replaceRootWithColorPalette([...token.path], [...colorPaletteRoot]);
       const virtualName = this.dictionary.formatTokenName(virtualPath);
       const virtualToken = byName.get(virtualName);
       if (!virtualToken) return;
       const virtualVar = virtualToken.extensions.var;
       group.get(formated).set(virtualVar, token.extensions.varRef);
+      const tokenPath = this.dictionary.formatTokenName(virtualPath.slice(1));
+      tokenPaths.get(formated).add(tokenPath);
       if (extensions.isDefault && colorPaletteRoot.length === 1) {
         const colorPaletteName = this.dictionary.formatTokenName(["colors", "colorPalette"]);
         const colorPaletteToken = byName.get(colorPaletteName);

package/dist/index.mjs

@@ -918,6 +918,7 @@ var TokenDictionary = class {
       node.setExtensions({
         category,
         conditions: value,
+        rawValue: value,
         prop: this.formatTokenName(path.slice(1))
       });
       if (isDefault) {
@@ -1185,6 +1186,7 @@ var TokenDictionaryView = class {
     const conditionMap = /* @__PURE__ */ new Map();
     const categoryMap = /* @__PURE__ */ new Map();
     const colorPalettes = /* @__PURE__ */ new Map();
+    const colorPaletteTokens = /* @__PURE__ */ new Map();
     const valuesByCategory = /* @__PURE__ */ new Map();
     const flatValues = /* @__PURE__ */ new Map();
     const rawValues = /* @__PURE__ */ new Map();
@@ -1192,7 +1194,7 @@ var TokenDictionaryView = class {
     const vars = /* @__PURE__ */ new Map();
     this.dictionary.allTokens.forEach((token) => {
       this.processCondition(token, conditionMap);
-      this.processColorPalette(token, colorPalettes, this.dictionary.byName);
+      this.processColorPalette(token, colorPalettes, colorPaletteTokens, this.dictionary.byName);
       this.processCategory(token, categoryMap);
       this.processValue(token, valuesByCategory, flatValues, rawValues, nameByVar);
       this.processVars(token, vars);
@@ -1218,6 +1220,11 @@ var TokenDictionaryView = class {
         if (result != null) {
           return result;
         }
+      }),
+      getColorPaletteValues: memo((palette) => {
+        const tokens = colorPaletteTokens.get(palette);
+        if (!tokens) return [];
+        return Array.from(tokens).sort();
       })
     };
   }
@@ -1227,7 +1234,7 @@ var TokenDictionaryView = class {
     if (!group.has(condition)) group.set(condition, /* @__PURE__ */ new Set());
     group.get(condition).add(token);
   }
-  processColorPalette(token, group, byName) {
+  processColorPalette(token, group, tokenPaths, byName) {
     const extensions = token.extensions;
     const { colorPalette, colorPaletteRoots, isVirtual } = extensions;
     if (!colorPalette || isVirtual) return;
@@ -1236,12 +1243,17 @@ var TokenDictionaryView = class {
       if (!group.has(formated)) {
         group.set(formated, /* @__PURE__ */ new Map());
       }
+      if (!tokenPaths.has(formated)) {
+        tokenPaths.set(formated, /* @__PURE__ */ new Set());
+      }
       const virtualPath = replaceRootWithColorPalette([...token.path], [...colorPaletteRoot]);
       const virtualName = this.dictionary.formatTokenName(virtualPath);
       const virtualToken = byName.get(virtualName);
       if (!virtualToken) return;
       const virtualVar = virtualToken.extensions.var;
       group.get(formated).set(virtualVar, token.extensions.varRef);
+      const tokenPath = this.dictionary.formatTokenName(virtualPath.slice(1));
+      tokenPaths.get(formated).add(tokenPath);
       if (extensions.isDefault && colorPaletteRoot.length === 1) {
         const colorPaletteName = this.dictionary.formatTokenName(["colors", "colorPalette"]);
         const colorPaletteToken = byName.get(colorPaletteName);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/token-dictionary",
-  "version": "1.6.1",
+  "version": "1.7.1",
   "description": "Common error messages for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -35,9 +35,9 @@
   "dependencies": {
     "picomatch": "^4.0.0",
     "ts-pattern": "5.9.0",
-    "@pandacss/logger": "^1.6.1",
-    "@pandacss/shared": "1.6.1",
-    "@pandacss/types": "1.6.1"
+    "@pandacss/logger": "^1.7.1",
+    "@pandacss/shared": "1.7.1",
+    "@pandacss/types": "1.7.1"
   },
   "devDependencies": {
     "@types/picomatch": "4.0.2"