@pandacss/token-dictionary 1.4.3 → 1.5.0

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as _pandacss_types from '@pandacss/types';
-import { Tokens, SemanticTokens, ThemeVariantsMap, Token as Token$1 } from '@pandacss/types';
+import { Tokens, SemanticTokens, ThemeVariantsMap, ColorPaletteOptions, Token as Token$1 } from '@pandacss/types';
 import { CssVarOptions, CssVar } from '@pandacss/shared';
 
 interface ExtensionData {
@@ -101,6 +101,7 @@ interface TokenDictionaryOptions {
     themes?: ThemeVariantsMap | undefined;
     prefix?: string;
     hash?: boolean;
+    colorPalette?: ColorPaletteOptions;
 }
 interface TokenMiddleware {
     enforce?: EnforcePhase;
@@ -115,6 +116,7 @@ declare class TokenDictionary {
     init(): this;
     get prefix(): string | undefined;
     get hash(): boolean | undefined;
+    get colorPalette(): ColorPaletteOptions | undefined;
     getByName: (path: string) => Token | undefined;
     formatTokenName: (path: string[]) => string;
     formatCssVar: (path: string[], options: CssVarOptions) => CssVar;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _pandacss_types from '@pandacss/types';
-import { Tokens, SemanticTokens, ThemeVariantsMap, Token as Token$1 } from '@pandacss/types';
+import { Tokens, SemanticTokens, ThemeVariantsMap, ColorPaletteOptions, Token as Token$1 } from '@pandacss/types';
 import { CssVarOptions, CssVar } from '@pandacss/shared';
 
 interface ExtensionData {
@@ -101,6 +101,7 @@ interface TokenDictionaryOptions {
     themes?: ThemeVariantsMap | undefined;
     prefix?: string;
     hash?: boolean;
+    colorPalette?: ColorPaletteOptions;
 }
 interface TokenMiddleware {
     enforce?: EnforcePhase;
@@ -115,6 +116,7 @@ declare class TokenDictionary {
     init(): this;
     get prefix(): string | undefined;
     get hash(): boolean | undefined;
+    get colorPalette(): ColorPaletteOptions | undefined;
     getByName: (path: string) => Token | undefined;
     formatTokenName: (path: string[]) => string;
     formatCssVar: (path: string[], options: CssVarOptions) => CssVar;

package/dist/index.js

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -351,6 +361,9 @@ var addPixelUnit = {
 var addVirtualPalette = {
   enforce: "post",
   transform(dictionary) {
+    const colorPaletteConfig = dictionary.colorPalette;
+    const enabled = colorPaletteConfig?.enabled ?? true;
+    if (!enabled) return;
     const tokens = dictionary.filter({ extensions: { category: "colors" } });
     const keys = /* @__PURE__ */ new Map();
     const colorPalettes = /* @__PURE__ */ new Map();
@@ -398,6 +411,7 @@ var middlewares = [addNegativeTokens, addVirtualPalette, removeEmptyTokens, addP
 
 // src/transform.ts
 var import_shared4 = require("@pandacss/shared");
+var import_picomatch = __toESM(require("picomatch"));
 var import_ts_pattern2 = require("ts-pattern");
 
 // src/mini-svg-uri.ts
@@ -660,34 +674,43 @@ var addColorPalette = {
     return token.extensions.category === "colors" && !token.extensions.isVirtual;
   },
   transform(token, dict) {
-    let tokenPathClone = [...token.path];
-    tokenPathClone.pop();
-    tokenPathClone.shift();
-    if (tokenPathClone.length === 0) {
-      const newPath = [...token.path];
-      newPath.shift();
-      tokenPathClone = newPath;
+    const colorPaletteConfig = dict.colorPalette;
+    const enabled = colorPaletteConfig?.enabled ?? true;
+    const include = colorPaletteConfig?.include;
+    const exclude = colorPaletteConfig?.exclude;
+    if (!enabled) return {};
+    let colorPath = token.path.slice(1, -1);
+    if (colorPath.length === 0) {
+      colorPath = token.path.slice(1);
+      if (colorPath.length === 0) {
+        return {};
+      }
     }
-    if (tokenPathClone.length === 0) {
-      return {};
+    const colorPathString = colorPath.join(".");
+    if (exclude?.length) {
+      const excludeMatchers = exclude.map((pattern) => (0, import_picomatch.default)(pattern));
+      if (excludeMatchers.some((matcher) => matcher(colorPathString))) {
+        return {};
+      }
+    }
+    if (include?.length) {
+      const includeMatchers = include.map((pattern) => (0, import_picomatch.default)(pattern));
+      if (!includeMatchers.some((matcher) => matcher(colorPathString))) {
+        return {};
+      }
+    }
+    const colorPaletteRoots = [];
+    for (let i = 0; i < colorPath.length; i++) {
+      colorPaletteRoots.push(colorPath.slice(0, i + 1));
+    }
+    const colorPaletteRoot = colorPath[0];
+    const colorPalette = dict.formatTokenName(colorPath);
+    const startIndex = token.path.indexOf(colorPaletteRoot) + 1;
+    const remainingPath = token.path.slice(startIndex);
+    const colorPaletteTokenKeys = [];
+    for (let i = 0; i < remainingPath.length; i++) {
+      colorPaletteTokenKeys.push(remainingPath.slice(i));
     }
-    const colorPaletteRoots = tokenPathClone.reduce(
-      (acc, _, i, arr) => {
-        const next = arr.slice(0, i + 1);
-        acc.push(next);
-        return acc;
-      },
-      []
-    );
-    const colorPaletteRoot = tokenPathClone[0];
-    const colorPalette = dict.formatTokenName(tokenPathClone);
-    const colorPaletteTokenKeys = token.path.slice(token.path.indexOf(colorPaletteRoot) + 1).reduce(
-      (acc, _, i, arr) => {
-        acc.push(arr.slice(i));
-        return acc;
-      },
-      []
-    );
     if (colorPaletteTokenKeys.length === 0) {
       colorPaletteTokenKeys.push([""]);
     }
@@ -876,6 +899,9 @@ var TokenDictionary = class {
   get hash() {
     return this.options.hash;
   }
+  get colorPalette() {
+    return this.options.colorPalette;
+  }
   getByName = (path) => {
     return this.byName.get(path);
   };

package/dist/index.mjs

@@ -328,6 +328,9 @@ var addPixelUnit = {
 var addVirtualPalette = {
   enforce: "post",
   transform(dictionary) {
+    const colorPaletteConfig = dictionary.colorPalette;
+    const enabled = colorPaletteConfig?.enabled ?? true;
+    if (!enabled) return;
     const tokens = dictionary.filter({ extensions: { category: "colors" } });
     const keys = /* @__PURE__ */ new Map();
     const colorPalettes = /* @__PURE__ */ new Map();
@@ -375,6 +378,7 @@ var middlewares = [addNegativeTokens, addVirtualPalette, removeEmptyTokens, addP
 
 // src/transform.ts
 import { isCssUnit, isString, PandaError as PandaError2 } from "@pandacss/shared";
+import picomatch from "picomatch";
 import { P as P2, match } from "ts-pattern";
 
 // src/mini-svg-uri.ts
@@ -637,34 +641,43 @@ var addColorPalette = {
     return token.extensions.category === "colors" && !token.extensions.isVirtual;
   },
   transform(token, dict) {
-    let tokenPathClone = [...token.path];
-    tokenPathClone.pop();
-    tokenPathClone.shift();
-    if (tokenPathClone.length === 0) {
-      const newPath = [...token.path];
-      newPath.shift();
-      tokenPathClone = newPath;
+    const colorPaletteConfig = dict.colorPalette;
+    const enabled = colorPaletteConfig?.enabled ?? true;
+    const include = colorPaletteConfig?.include;
+    const exclude = colorPaletteConfig?.exclude;
+    if (!enabled) return {};
+    let colorPath = token.path.slice(1, -1);
+    if (colorPath.length === 0) {
+      colorPath = token.path.slice(1);
+      if (colorPath.length === 0) {
+        return {};
+      }
     }
-    if (tokenPathClone.length === 0) {
-      return {};
+    const colorPathString = colorPath.join(".");
+    if (exclude?.length) {
+      const excludeMatchers = exclude.map((pattern) => picomatch(pattern));
+      if (excludeMatchers.some((matcher) => matcher(colorPathString))) {
+        return {};
+      }
+    }
+    if (include?.length) {
+      const includeMatchers = include.map((pattern) => picomatch(pattern));
+      if (!includeMatchers.some((matcher) => matcher(colorPathString))) {
+        return {};
+      }
+    }
+    const colorPaletteRoots = [];
+    for (let i = 0; i < colorPath.length; i++) {
+      colorPaletteRoots.push(colorPath.slice(0, i + 1));
+    }
+    const colorPaletteRoot = colorPath[0];
+    const colorPalette = dict.formatTokenName(colorPath);
+    const startIndex = token.path.indexOf(colorPaletteRoot) + 1;
+    const remainingPath = token.path.slice(startIndex);
+    const colorPaletteTokenKeys = [];
+    for (let i = 0; i < remainingPath.length; i++) {
+      colorPaletteTokenKeys.push(remainingPath.slice(i));
     }
-    const colorPaletteRoots = tokenPathClone.reduce(
-      (acc, _, i, arr) => {
-        const next = arr.slice(0, i + 1);
-        acc.push(next);
-        return acc;
-      },
-      []
-    );
-    const colorPaletteRoot = tokenPathClone[0];
-    const colorPalette = dict.formatTokenName(tokenPathClone);
-    const colorPaletteTokenKeys = token.path.slice(token.path.indexOf(colorPaletteRoot) + 1).reduce(
-      (acc, _, i, arr) => {
-        acc.push(arr.slice(i));
-        return acc;
-      },
-      []
-    );
     if (colorPaletteTokenKeys.length === 0) {
       colorPaletteTokenKeys.push([""]);
     }
@@ -853,6 +866,9 @@ var TokenDictionary = class {
   get hash() {
     return this.options.hash;
   }
+  get colorPalette() {
+    return this.options.colorPalette;
+  }
   getByName = (path) => {
     return this.byName.get(path);
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/token-dictionary",
-  "version": "1.4.3",
+  "version": "1.5.0",
   "description": "Common error messages for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -33,10 +33,14 @@
     "dist"
   ],
   "dependencies": {
+    "picomatch": "^4.0.0",
     "ts-pattern": "5.8.0",
-    "@pandacss/logger": "^1.4.3",
-    "@pandacss/shared": "1.4.3",
-    "@pandacss/types": "1.4.3"
+    "@pandacss/logger": "^1.5.0",
+    "@pandacss/shared": "1.5.0",
+    "@pandacss/types": "1.5.0"
+  },
+  "devDependencies": {
+    "@types/picomatch": "4.0.2"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=esm,cjs --dts",