@pandacss/token-dictionary 0.48.1 → 0.50.0

package/dist/index.js

@@ -39,10 +39,10 @@ var import_ts_pattern3 = require("ts-pattern");
 var import_ts_pattern = require("ts-pattern");
 var isCompositeShadow = (0, import_ts_pattern.isMatching)({
   inset: import_ts_pattern.P.optional(import_ts_pattern.P.boolean),
-  offsetX: import_ts_pattern.P.number,
-  offsetY: import_ts_pattern.P.number,
-  blur: import_ts_pattern.P.number,
-  spread: import_ts_pattern.P.number,
+  offsetX: import_ts_pattern.P.union(import_ts_pattern.P.number, import_ts_pattern.P.string),
+  offsetY: import_ts_pattern.P.union(import_ts_pattern.P.number, import_ts_pattern.P.string),
+  blur: import_ts_pattern.P.union(import_ts_pattern.P.number, import_ts_pattern.P.string),
+  spread: import_ts_pattern.P.union(import_ts_pattern.P.number, import_ts_pattern.P.string),
   color: import_ts_pattern.P.string
 });
 var isCompositeGradient = (0, import_ts_pattern.isMatching)({
@@ -516,6 +516,9 @@ var objectKeys = (obj) => Object.keys(obj);
 function toUnit(v) {
   return (0, import_shared4.isCssUnit)(v) || hasReference(v.toString()) ? v : `${v}px`;
 }
+function px(v) {
+  return (0, import_shared4.isString)(v) ? v : `${v}px`;
+}
 var transformShadow = {
   name: "tokens/shadow",
   match: (token) => token.extensions.category === "shadows",
@@ -528,7 +531,7 @@ var transformShadow = {
     }
     if (isCompositeShadow(token.value)) {
       const { offsetX, offsetY, blur, spread, color, inset } = token.value;
-      return `${inset ? "inset " : ""}${offsetX}px ${offsetY}px ${blur}px ${spread}px ${color}`;
+      return [inset ? "inset " : "", px(offsetX), px(offsetY), px(blur), px(spread), color].filter(Boolean).join(" ");
     }
     return token.value;
   }

package/dist/index.mjs

@@ -15,10 +15,10 @@ import { isMatching as isMatching2, match as match2 } from "ts-pattern";
 import { P, isMatching } from "ts-pattern";
 var isCompositeShadow = isMatching({
   inset: P.optional(P.boolean),
-  offsetX: P.number,
-  offsetY: P.number,
-  blur: P.number,
-  spread: P.number,
+  offsetX: P.union(P.number, P.string),
+  offsetY: P.union(P.number, P.string),
+  blur: P.union(P.number, P.string),
+  spread: P.union(P.number, P.string),
   color: P.string
 });
 var isCompositeGradient = isMatching({
@@ -492,6 +492,9 @@ var objectKeys = (obj) => Object.keys(obj);
 function toUnit(v) {
   return isCssUnit(v) || hasReference(v.toString()) ? v : `${v}px`;
 }
+function px(v) {
+  return isString(v) ? v : `${v}px`;
+}
 var transformShadow = {
   name: "tokens/shadow",
   match: (token) => token.extensions.category === "shadows",
@@ -504,7 +507,7 @@ var transformShadow = {
     }
     if (isCompositeShadow(token.value)) {
       const { offsetX, offsetY, blur, spread, color, inset } = token.value;
-      return `${inset ? "inset " : ""}${offsetX}px ${offsetY}px ${blur}px ${spread}px ${color}`;
+      return [inset ? "inset " : "", px(offsetX), px(offsetY), px(blur), px(spread), color].filter(Boolean).join(" ");
     }
     return token.value;
   }

package/package.json

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