@pandacss/token-dictionary 1.4.0 → 1.4.2

package/dist/index.d.mts

@@ -174,6 +174,7 @@ declare class TokenDictionaryView {
         json: Record<string, Record<string, string>>;
         valuesByCategory: Map<keyof _pandacss_types.TokenDataTypes, Map<string, string>>;
         get: (path: string, fallback?: string | number) => string;
+        getVar: (path: string, fallback?: string | number) => string;
         getCategoryValues: (category: string) => Record<string, string> | undefined;
     };
     private processCondition;

package/dist/index.d.ts

@@ -174,6 +174,7 @@ declare class TokenDictionaryView {
         json: Record<string, Record<string, string>>;
         valuesByCategory: Map<keyof _pandacss_types.TokenDataTypes, Map<string, string>>;
         get: (path: string, fallback?: string | number) => string;
+        getVar: (path: string, fallback?: string | number) => string;
         getCategoryValues: (category: string) => Record<string, string> | undefined;
     };
     private processCondition;

package/dist/index.js

@@ -604,7 +604,7 @@ var transformColorMix = {
       };
       const mix = dict.colorMix(path, tokenFn);
       if (mix.invalid) {
-        throw new Error("Invalid color mix at " + path + ": " + mix.value);
+        throw new import_shared4.PandaError("INVALID_TOKEN", "Invalid color mix at " + path + ": " + mix.value);
       }
       return mix.value;
     });
@@ -645,7 +645,7 @@ var addConditionalCssVariables = {
       token.value = expandReferences(token.value, (path) => {
         const mix = dictionary.colorMix(path, tokenFn);
         if (mix.invalid) {
-          throw new Error("Invalid color mix at " + path + ": " + mix.value);
+          throw new import_shared4.PandaError("INVALID_TOKEN", "Invalid color mix at " + path + ": " + mix.value);
         }
         return mix.value;
       });
@@ -1122,13 +1122,13 @@ var TokenDictionary = class {
     return expandTokenReferences(value, (path) => {
       if (!path) return;
       if (path.includes("/")) {
-        const mix = this.colorMix(path, this.view.get.bind(this.view));
+        const mix = this.colorMix(path, this.view.getVar.bind(this.view));
         if (mix.invalid) {
-          throw new Error("Invalid color mix at " + path + ": " + mix.value);
+          throw new import_shared6.PandaError("INVALID_TOKEN", "Invalid color mix at " + path + ": " + mix.value);
         }
         return mix.value;
       }
-      const resolved = this.view.get(path);
+      const resolved = this.view.getVar(path);
       if (resolved) return resolved;
       return tokenPathRegex.test(path) ? (0, import_shared6.esc)(path) : path;
     });
@@ -1194,13 +1194,14 @@ var TokenDictionaryView = class {
     const colorPalettes = /* @__PURE__ */ new Map();
     const valuesByCategory = /* @__PURE__ */ new Map();
     const flatValues = /* @__PURE__ */ new Map();
+    const rawValues = /* @__PURE__ */ new Map();
     const nameByVar = /* @__PURE__ */ new Map();
     const vars = /* @__PURE__ */ new Map();
     this.dictionary.allTokens.forEach((token) => {
       this.processCondition(token, conditionMap);
       this.processColorPalette(token, colorPalettes, this.dictionary.byName);
       this.processCategory(token, categoryMap);
-      this.processValue(token, valuesByCategory, flatValues, nameByVar);
+      this.processValue(token, valuesByCategory, flatValues, rawValues, nameByVar);
       this.processVars(token, vars);
     });
     const json = mapToJson(valuesByCategory);
@@ -1214,6 +1215,9 @@ var TokenDictionaryView = class {
       json,
       valuesByCategory,
       get: (0, import_shared6.memo)((path, fallback) => {
+        return rawValues.get(path) ?? fallback;
+      }),
+      getVar: (0, import_shared6.memo)((path, fallback) => {
         return flatValues.get(path) ?? fallback;
       }),
       getCategoryValues: (0, import_shared6.memo)((category) => {
@@ -1268,14 +1272,16 @@ var TokenDictionaryView = class {
     if (!group.has(category)) group.set(category, /* @__PURE__ */ new Map());
     group.get(category).set(prop, token);
   }
-  processValue(token, byCategory, flatValues, nameByVar) {
-    const { category, prop, varRef, isNegative } = token.extensions;
+  processValue(token, byCategory, flatValues, rawValues, nameByVar) {
+    const { category, prop, varRef, isNegative, isVirtual, condition } = token.extensions;
     if (!category) return;
     if (!byCategory.has(category)) byCategory.set(category, /* @__PURE__ */ new Map());
     const value = isNegative ? token.extensions.condition !== "base" ? token.originalValue : token.value : varRef;
     byCategory.get(category).set(prop, value);
     flatValues.set(token.name, value);
     nameByVar.set(value, token.name);
+    const rawValue = isVirtual || condition !== "base" ? varRef : token.value;
+    rawValues.set(token.name, rawValue);
   }
   processVars(token, group) {
     const { condition, isNegative, isVirtual, var: varName, theme } = token.extensions;

package/dist/index.mjs

@@ -7,6 +7,7 @@ import {
   isString as isString2,
   mapObject,
   memo,
+  PandaError as PandaError3,
   walkObject as walkObject2
 } from "@pandacss/shared";
 import { isMatching as isMatching2, match as match2 } from "ts-pattern";
@@ -373,7 +374,7 @@ var removeEmptyTokens = {
 var middlewares = [addNegativeTokens, addVirtualPalette, removeEmptyTokens, addPixelUnit];
 
 // src/transform.ts
-import { isCssUnit, isString } from "@pandacss/shared";
+import { isCssUnit, isString, PandaError as PandaError2 } from "@pandacss/shared";
 import { P as P2, match } from "ts-pattern";
 
 // src/mini-svg-uri.ts
@@ -580,7 +581,7 @@ var transformColorMix = {
       };
       const mix = dict.colorMix(path, tokenFn);
       if (mix.invalid) {
-        throw new Error("Invalid color mix at " + path + ": " + mix.value);
+        throw new PandaError2("INVALID_TOKEN", "Invalid color mix at " + path + ": " + mix.value);
       }
       return mix.value;
     });
@@ -621,7 +622,7 @@ var addConditionalCssVariables = {
       token.value = expandReferences(token.value, (path) => {
         const mix = dictionary.colorMix(path, tokenFn);
         if (mix.invalid) {
-          throw new Error("Invalid color mix at " + path + ": " + mix.value);
+          throw new PandaError2("INVALID_TOKEN", "Invalid color mix at " + path + ": " + mix.value);
         }
         return mix.value;
       });
@@ -1098,13 +1099,13 @@ var TokenDictionary = class {
     return expandTokenReferences(value, (path) => {
       if (!path) return;
       if (path.includes("/")) {
-        const mix = this.colorMix(path, this.view.get.bind(this.view));
+        const mix = this.colorMix(path, this.view.getVar.bind(this.view));
         if (mix.invalid) {
-          throw new Error("Invalid color mix at " + path + ": " + mix.value);
+          throw new PandaError3("INVALID_TOKEN", "Invalid color mix at " + path + ": " + mix.value);
         }
         return mix.value;
       }
-      const resolved = this.view.get(path);
+      const resolved = this.view.getVar(path);
       if (resolved) return resolved;
       return tokenPathRegex.test(path) ? esc3(path) : path;
     });
@@ -1170,13 +1171,14 @@ var TokenDictionaryView = class {
     const colorPalettes = /* @__PURE__ */ new Map();
     const valuesByCategory = /* @__PURE__ */ new Map();
     const flatValues = /* @__PURE__ */ new Map();
+    const rawValues = /* @__PURE__ */ new Map();
     const nameByVar = /* @__PURE__ */ new Map();
     const vars = /* @__PURE__ */ new Map();
     this.dictionary.allTokens.forEach((token) => {
       this.processCondition(token, conditionMap);
       this.processColorPalette(token, colorPalettes, this.dictionary.byName);
       this.processCategory(token, categoryMap);
-      this.processValue(token, valuesByCategory, flatValues, nameByVar);
+      this.processValue(token, valuesByCategory, flatValues, rawValues, nameByVar);
       this.processVars(token, vars);
     });
     const json = mapToJson(valuesByCategory);
@@ -1190,6 +1192,9 @@ var TokenDictionaryView = class {
       json,
       valuesByCategory,
       get: memo((path, fallback) => {
+        return rawValues.get(path) ?? fallback;
+      }),
+      getVar: memo((path, fallback) => {
         return flatValues.get(path) ?? fallback;
       }),
       getCategoryValues: memo((category) => {
@@ -1244,14 +1249,16 @@ var TokenDictionaryView = class {
     if (!group.has(category)) group.set(category, /* @__PURE__ */ new Map());
     group.get(category).set(prop, token);
   }
-  processValue(token, byCategory, flatValues, nameByVar) {
-    const { category, prop, varRef, isNegative } = token.extensions;
+  processValue(token, byCategory, flatValues, rawValues, nameByVar) {
+    const { category, prop, varRef, isNegative, isVirtual, condition } = token.extensions;
     if (!category) return;
     if (!byCategory.has(category)) byCategory.set(category, /* @__PURE__ */ new Map());
     const value = isNegative ? token.extensions.condition !== "base" ? token.originalValue : token.value : varRef;
     byCategory.get(category).set(prop, value);
     flatValues.set(token.name, value);
     nameByVar.set(value, token.name);
+    const rawValue = isVirtual || condition !== "base" ? varRef : token.value;
+    rawValues.set(token.name, rawValue);
   }
   processVars(token, group) {
     const { condition, isNegative, isVirtual, var: varName, theme } = token.extensions;

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@pandacss/token-dictionary",
-  "version": "1.4.0",
+  "version": "1.4.2",
   "description": "Common error messages for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "author": "Segun Adebayo <joseshegs@gmail.com>",
+  "license": "MIT",
   "sideEffects": false,
   "homepage": "https://panda-css.com",
   "repository": {
@@ -33,9 +34,9 @@
   ],
   "dependencies": {
     "ts-pattern": "5.8.0",
-    "@pandacss/logger": "^1.4.0",
-    "@pandacss/types": "1.4.0",
-    "@pandacss/shared": "1.4.0"
+    "@pandacss/logger": "^1.4.2",
+    "@pandacss/shared": "1.4.2",
+    "@pandacss/types": "1.4.2"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=esm,cjs --dts",