@pandacss/token-dictionary 0.0.0-dev-20230122144203 → 0.0.0-dev-20230124104736

package/dist/index.d.ts

@@ -1,6 +1,8 @@
-type TokenStatus$1 = 'deprecated' | 'experimental' | 'new';
+import { Tokens, SemanticTokens } from '@pandacss/types';
+
+type TokenStatus = 'deprecated' | 'experimental' | 'new';
 type ExtensionData = {
-    status?: TokenStatus$1;
+    status?: TokenStatus;
     category?: string;
     references?: TokenReferences;
     condition?: string;
@@ -73,78 +75,6 @@ declare class Token {
     setType(): void;
 }
 
-type TokenStatus = 'deprecated' | 'experimental' | 'new';
-type TokenEntry<V = any> = {
-    value: V;
-    description?: string;
-    type?: string;
-    extensions?: {
-        status?: TokenStatus;
-        [key: string]: any;
-    };
-};
-type Conditional<C extends string, V> = V | {
-    [K in C]?: Conditional<C, V>;
-};
-type SemanticTokenEntry<V = string, C extends string = string> = {
-    description?: string;
-    type?: string;
-    value: Conditional<C, V>;
-    extensions?: {
-        [key: string]: any;
-    };
-};
-type Border = {
-    color: string;
-    width: string | number;
-    style: string;
-};
-type Shadow = {
-    offsetX: number;
-    offsetY: number;
-    blur: number;
-    spread: number;
-    color: string;
-    inset?: boolean;
-};
-type Gradient = {
-    type: 'linear' | 'radial';
-    placement: string | number;
-    stops: Array<{
-        color: string;
-        position: number;
-    }>;
-};
-type Nested<T> = {
-    [key: string]: T | Nested<T>;
-};
-type TokenValues = {
-    zIndex: number;
-    opacity: number;
-    colors: string;
-    fonts: string | string[];
-    fontSizes: string;
-    fontWeights: string | number;
-    lineHeights: string | number;
-    letterSpacings: string;
-    sizes: string;
-    shadows: Shadow | Shadow[] | string | string[];
-    spacing: string | number;
-    radii: string;
-    borders: string | Border;
-    durations: string;
-    easings: string | number[];
-    animations: string;
-    blurs: string;
-    gradients: string | Gradient;
-};
-type Tokens = {
-    [key in keyof TokenValues]?: Nested<TokenEntry<TokenValues[key]>>;
-};
-type SemanticTokens<C extends string = string> = {
-    [key in keyof TokenValues]?: Nested<SemanticTokenEntry<TokenValues[key], C>>;
-};
-
 type EnforcePhase = 'pre' | 'post';
 type Options = {
     prefix?: string;
@@ -159,6 +89,7 @@ type TokenTransformer = {
 type TokenDictionaryOptions = {
     tokens?: Tokens;
     semanticTokens?: SemanticTokens;
+    breakpoints?: Record<string, string>;
     prefix?: string;
 };
 type TokenMiddleware = {

package/dist/index.js

@@ -199,10 +199,14 @@ var TokenDictionary = class {
     return Array.from(new Set(this.allTokens.map((token) => token.name)));
   }
   constructor(options) {
-    const { tokens = {}, semanticTokens = {}, prefix } = options;
+    const { tokens = {}, semanticTokens = {}, breakpoints, prefix } = options;
+    const computedTokens = (0, import_shared3.compact)({
+      ...tokens,
+      screens: breakpoints ? (0, import_shared3.mapObject)(breakpoints, (value) => ({ value })) : void 0
+    });
     this.prefix = prefix;
     (0, import_shared3.walkObject)(
-      tokens,
+      computedTokens,
       (token, path) => {
         assertTokenFormat(token);
         const category = path[0];

package/dist/index.mjs

@@ -2,7 +2,7 @@
 import { getDotPath as getDotPath2, mapToJson as mapToJson2 } from "@pandacss/shared";
 
 // src/dictionary.ts
-import { isString, memo, walkObject as walkObject2 } from "@pandacss/shared";
+import { compact, isString, mapObject, memo, walkObject as walkObject2 } from "@pandacss/shared";
 import { isMatching, match } from "ts-pattern";
 
 // src/token.ts
@@ -173,10 +173,14 @@ var TokenDictionary = class {
     return Array.from(new Set(this.allTokens.map((token) => token.name)));
   }
   constructor(options) {
-    const { tokens = {}, semanticTokens = {}, prefix } = options;
+    const { tokens = {}, semanticTokens = {}, breakpoints, prefix } = options;
+    const computedTokens = compact({
+      ...tokens,
+      screens: breakpoints ? mapObject(breakpoints, (value) => ({ value })) : void 0
+    });
     this.prefix = prefix;
     walkObject2(
-      tokens,
+      computedTokens,
       (token, path) => {
         assertTokenFormat(token);
         const category = path[0];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/token-dictionary",
-  "version": "0.0.0-dev-20230122144203",
+  "version": "0.0.0-dev-20230124104736",
   "description": "Common error messages for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -15,10 +15,11 @@
   ],
   "dependencies": {
     "ts-pattern": "4.1.3",
-    "@pandacss/shared": "0.0.0-dev-20230122144203"
+    "@pandacss/types": "0.0.0-dev-20230124104736",
+    "@pandacss/shared": "0.0.0-dev-20230124104736"
   },
   "devDependencies": {
-    "@pandacss/fixture": "0.0.0-dev-20230122144203"
+    "@pandacss/fixture": "0.0.0-dev-20230124104736"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=esm,cjs --dts",