@pandacss/token-dictionary 0.0.0-dev-20230515185817 → 0.0.0-dev-20230515195510

package/dist/index.d.ts

@@ -78,6 +78,7 @@ declare class Token {
 type EnforcePhase = 'pre' | 'post';
 type Options = {
     prefix?: string;
+    hash?: boolean;
 };
 type TokenTransformer = {
     name: string;
@@ -91,6 +92,7 @@ type TokenDictionaryOptions = {
     semanticTokens?: SemanticTokens;
     breakpoints?: Record<string, string>;
     prefix?: string;
+    hash?: boolean;
 };
 type TokenMiddleware = {
     enforce?: EnforcePhase;
@@ -99,6 +101,7 @@ type TokenMiddleware = {
 declare class TokenDictionary$1 {
     allTokens: Token[];
     prefix: string | undefined;
+    hash: boolean | undefined;
     get allNames(): string[];
     constructor(options: TokenDictionaryOptions);
     getByName: (name: string) => Token | undefined;

package/dist/index.js

@@ -235,11 +235,12 @@ function expandBreakpoints(breakpoints) {
 var TokenDictionary = class {
   allTokens = [];
   prefix;
+  hash;
   get allNames() {
     return Array.from(new Set(this.allTokens.map((token) => token.name)));
   }
   constructor(options) {
-    const { tokens = {}, semanticTokens = {}, breakpoints, prefix } = options;
+    const { tokens = {}, semanticTokens = {}, breakpoints, prefix, hash } = options;
     const breakpointTokens = expandBreakpoints(breakpoints);
     const computedTokens = (0, import_shared3.compact)({
       ...tokens,
@@ -250,6 +251,7 @@ var TokenDictionary = class {
       }
     });
     this.prefix = prefix;
+    this.hash = hash;
     (0, import_shared3.walkObject)(
       computedTokens,
       (token, path) => {
@@ -313,7 +315,10 @@ var TokenDictionary = class {
         return;
       if (typeof transform.match === "function" && !transform.match(token))
         return;
-      const transformed = transform.transform(token, { prefix: this.prefix });
+      const transformed = transform.transform(token, {
+        prefix: this.prefix,
+        hash: this.hash
+      });
       (0, import_ts_pattern.match)(transform).with({ type: "extensions" }, () => {
         token.setExtensions(transformed);
       }).with({ type: "value" }, () => {
@@ -497,13 +502,13 @@ var formats = {
 var import_shared5 = require("@pandacss/shared");
 var addNegativeTokens = {
   enforce: "pre",
-  transform(dictionary, { prefix }) {
+  transform(dictionary, { prefix, hash }) {
     const tokens = dictionary.filter({
       extensions: { category: "spacing" }
     });
     tokens.forEach((token) => {
       const originalPath = [...token.path];
-      const originalVar = (0, import_shared5.cssVar)(originalPath.join("-"), { prefix });
+      const originalVar = (0, import_shared5.cssVar)(originalPath.join("-"), { prefix, hash });
       const node = token.clone();
       node.setExtensions({
         isNegative: true,
@@ -768,10 +773,10 @@ var transformAssets = {
 var addCssVariables = {
   type: "extensions",
   name: "tokens/css-var",
-  transform(token, { prefix }) {
+  transform(token, { prefix, hash }) {
     const { isNegative, originalPath } = token.extensions;
     const pathValue = isNegative ? originalPath : token.path;
-    const variable = (0, import_shared6.cssVar)(pathValue.join("-"), { prefix });
+    const variable = (0, import_shared6.cssVar)(pathValue.join("-"), { prefix, hash });
     return {
       var: variable.var,
       varRef: variable.ref
@@ -781,12 +786,12 @@ var addCssVariables = {
 var addConditionalCssVariables = {
   enforce: "post",
   name: "tokens/conditionals",
-  transform(token, { prefix }) {
+  transform(token, { prefix, hash }) {
     const refs = getReferences(token.value);
     if (!refs.length)
       return token.value;
     refs.forEach((ref) => {
-      const variable = (0, import_shared6.cssVar)(ref.split(".").join("-"), { prefix }).ref;
+      const variable = (0, import_shared6.cssVar)(ref.split(".").join("-"), { prefix, hash }).ref;
       token.value = token.value.replace(`{${ref}}`, variable);
     });
     return token.value;

package/dist/index.mjs

@@ -209,11 +209,12 @@ function expandBreakpoints(breakpoints) {
 var TokenDictionary = class {
   allTokens = [];
   prefix;
+  hash;
   get allNames() {
     return Array.from(new Set(this.allTokens.map((token) => token.name)));
   }
   constructor(options) {
-    const { tokens = {}, semanticTokens = {}, breakpoints, prefix } = options;
+    const { tokens = {}, semanticTokens = {}, breakpoints, prefix, hash } = options;
     const breakpointTokens = expandBreakpoints(breakpoints);
     const computedTokens = compact({
       ...tokens,
@@ -224,6 +225,7 @@ var TokenDictionary = class {
       }
     });
     this.prefix = prefix;
+    this.hash = hash;
     walkObject2(
       computedTokens,
       (token, path) => {
@@ -287,7 +289,10 @@ var TokenDictionary = class {
         return;
       if (typeof transform.match === "function" && !transform.match(token))
         return;
-      const transformed = transform.transform(token, { prefix: this.prefix });
+      const transformed = transform.transform(token, {
+        prefix: this.prefix,
+        hash: this.hash
+      });
       match(transform).with({ type: "extensions" }, () => {
         token.setExtensions(transformed);
       }).with({ type: "value" }, () => {
@@ -471,13 +476,13 @@ var formats = {
 import { calc, cssVar } from "@pandacss/shared";
 var addNegativeTokens = {
   enforce: "pre",
-  transform(dictionary, { prefix }) {
+  transform(dictionary, { prefix, hash }) {
     const tokens = dictionary.filter({
       extensions: { category: "spacing" }
     });
     tokens.forEach((token) => {
       const originalPath = [...token.path];
-      const originalVar = cssVar(originalPath.join("-"), { prefix });
+      const originalVar = cssVar(originalPath.join("-"), { prefix, hash });
       const node = token.clone();
       node.setExtensions({
         isNegative: true,
@@ -742,10 +747,10 @@ var transformAssets = {
 var addCssVariables = {
   type: "extensions",
   name: "tokens/css-var",
-  transform(token, { prefix }) {
+  transform(token, { prefix, hash }) {
     const { isNegative, originalPath } = token.extensions;
     const pathValue = isNegative ? originalPath : token.path;
-    const variable = cssVar2(pathValue.join("-"), { prefix });
+    const variable = cssVar2(pathValue.join("-"), { prefix, hash });
     return {
       var: variable.var,
       varRef: variable.ref
@@ -755,12 +760,12 @@ var addCssVariables = {
 var addConditionalCssVariables = {
   enforce: "post",
   name: "tokens/conditionals",
-  transform(token, { prefix }) {
+  transform(token, { prefix, hash }) {
     const refs = getReferences(token.value);
     if (!refs.length)
       return token.value;
     refs.forEach((ref) => {
-      const variable = cssVar2(ref.split(".").join("-"), { prefix }).ref;
+      const variable = cssVar2(ref.split(".").join("-"), { prefix, hash }).ref;
       token.value = token.value.replace(`{${ref}}`, variable);
     });
     return token.value;

package/package.json

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