@pandacss/token-dictionary 0.49.0 → 0.51.0

package/dist/index.d.mts

@@ -119,7 +119,7 @@ declare class TokenDictionary {
     formatTokenName: (path: string[]) => string;
     formatCssVar: (path: string[], options: CssVarOptions) => CssVar;
     registerTokens(): this;
-    registerToken: (token: Token, transformPhase?: 'pre' | 'post') => void;
+    registerToken: (token: Token, transformPhase?: "pre" | "post") => void;
     private transforms;
     registerTransform(...transforms: TokenTransformer[]): this;
     private execTransform;
@@ -197,7 +197,7 @@ declare function expandReferences(value: string, fn: (key: string) => string): s
  * Converts a JS Map to an object
  */
 declare function mapToJson(map: Map<string, any>): Record<string, unknown>;
-declare const isToken: (value: any) => value is Token$1<any>;
+declare const isToken: (value: any) => value is Token$1;
 declare function assertTokenFormat(token: any): asserts token is Token$1;
 
 export { Token, TokenDictionary, type TokenExtensions, assertTokenFormat, expandReferences, getReferences, hasReference, isToken, mapToJson };

package/dist/index.d.ts

@@ -119,7 +119,7 @@ declare class TokenDictionary {
     formatTokenName: (path: string[]) => string;
     formatCssVar: (path: string[], options: CssVarOptions) => CssVar;
     registerTokens(): this;
-    registerToken: (token: Token, transformPhase?: 'pre' | 'post') => void;
+    registerToken: (token: Token, transformPhase?: "pre" | "post") => void;
     private transforms;
     registerTransform(...transforms: TokenTransformer[]): this;
     private execTransform;
@@ -197,7 +197,7 @@ declare function expandReferences(value: string, fn: (key: string) => string): s
  * Converts a JS Map to an object
  */
 declare function mapToJson(map: Map<string, any>): Record<string, unknown>;
-declare const isToken: (value: any) => value is Token$1<any>;
+declare const isToken: (value: any) => value is Token$1;
 declare function assertTokenFormat(token: any): asserts token is Token$1;
 
 export { Token, TokenDictionary, type TokenExtensions, assertTokenFormat, expandReferences, getReferences, hasReference, isToken, mapToJson };

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.49.0",
+  "version": "0.51.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.49.0",
-    "@pandacss/shared": "0.49.0",
-    "@pandacss/types": "0.49.0"
+    "@pandacss/logger": "^0.51.0",
+    "@pandacss/shared": "0.51.0",
+    "@pandacss/types": "0.51.0"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=esm,cjs --dts",