@pandacss/token-dictionary 0.44.0 → 0.45.1

package/dist/index.js

@@ -512,6 +512,9 @@ function svgToDataUri(svgString) {
 var objectKeys = (obj) => Object.keys(obj);
 
 // src/transform.ts
+function toUnit(v) {
+  return (0, import_shared4.isCssUnit)(v) ? v : `${v}px`;
+}
 var transformShadow = {
   name: "tokens/shadow",
   match: (token) => token.extensions.category === "shadows",
@@ -581,7 +584,7 @@ var transformBorders = {
     }
     if (isCompositeBorder(token.value)) {
       const { width, style, color } = token.value;
-      return `${width}px ${style} ${color}`;
+      return `${toUnit(width)} ${style} ${color}`;
     }
     return token.value;
   }
@@ -637,25 +640,25 @@ var addConditionalCssVariables = {
     const refs = getReferences(token.value);
     if (!refs.length)
       return token.value;
-    refs.forEach((ref) => {
-      if (!ref.includes("/")) {
+    const modifier = refs.some((ref) => ref.includes("/"));
+    if (!modifier) {
+      refs.forEach((ref) => {
         const variable = dictionary.formatCssVar(ref.split("."), { prefix, hash }).ref;
         token.value = token.value.replace(`{${ref}}`, variable);
-        return;
-      }
-      const expanded = expandReferences(token.value, (path) => {
-        const tokenFn = (tokenPath) => {
-          const token2 = dictionary.getByName(tokenPath);
-          return token2?.extensions.varRef;
-        };
+      });
+    } else {
+      const tokenFn = (name) => {
+        const token2 = dictionary.getByName(name);
+        return token2?.extensions.varRef;
+      };
+      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);
         }
         return mix.value;
       });
-      token.value = token.value.replace(`{${ref}}`, expanded);
-    });
+    }
     return token.value;
   }
 };

package/dist/index.mjs

@@ -382,7 +382,7 @@ var removeEmptyTokens = {
 var middlewares = [addNegativeTokens, addVirtualPalette, removeEmptyTokens, addPixelUnit];
 
 // src/transform.ts
-import { isString } from "@pandacss/shared";
+import { isCssUnit, isString } from "@pandacss/shared";
 import { P as P2, match } from "ts-pattern";
 
 // src/mini-svg-uri.ts
@@ -488,6 +488,9 @@ function svgToDataUri(svgString) {
 var objectKeys = (obj) => Object.keys(obj);
 
 // src/transform.ts
+function toUnit(v) {
+  return isCssUnit(v) ? v : `${v}px`;
+}
 var transformShadow = {
   name: "tokens/shadow",
   match: (token) => token.extensions.category === "shadows",
@@ -557,7 +560,7 @@ var transformBorders = {
     }
     if (isCompositeBorder(token.value)) {
       const { width, style, color } = token.value;
-      return `${width}px ${style} ${color}`;
+      return `${toUnit(width)} ${style} ${color}`;
     }
     return token.value;
   }
@@ -613,25 +616,25 @@ var addConditionalCssVariables = {
     const refs = getReferences(token.value);
     if (!refs.length)
       return token.value;
-    refs.forEach((ref) => {
-      if (!ref.includes("/")) {
+    const modifier = refs.some((ref) => ref.includes("/"));
+    if (!modifier) {
+      refs.forEach((ref) => {
         const variable = dictionary.formatCssVar(ref.split("."), { prefix, hash }).ref;
         token.value = token.value.replace(`{${ref}}`, variable);
-        return;
-      }
-      const expanded = expandReferences(token.value, (path) => {
-        const tokenFn = (tokenPath) => {
-          const token2 = dictionary.getByName(tokenPath);
-          return token2?.extensions.varRef;
-        };
+      });
+    } else {
+      const tokenFn = (name) => {
+        const token2 = dictionary.getByName(name);
+        return token2?.extensions.varRef;
+      };
+      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);
         }
         return mix.value;
       });
-      token.value = token.value.replace(`{${ref}}`, expanded);
-    });
+    }
     return token.value;
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/token-dictionary",
-  "version": "0.44.0",
+  "version": "0.45.1",
   "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.44.0",
-    "@pandacss/shared": "0.44.0",
-    "@pandacss/types": "0.44.0"
+    "@pandacss/logger": "^0.45.1",
+    "@pandacss/shared": "0.45.1",
+    "@pandacss/types": "0.45.1"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=esm,cjs --dts",