@breadstone-infrastructure/style-dictionary 0.0.206 → 0.0.209

package/formats/tailwind/v4/tailwindV4Format.d.ts

@@ -52,4 +52,68 @@ export declare const tailwindV4PresetFormat: Format;
  * @public
  */
 export declare const tailwindV4CssPropertiesFormat: Format;
+/**
+ * Style-Dictionary format that outputs a Tailwind v4 JavaScript config file.
+ * This generates a config that can be used with the @config directive in CSS.
+ *
+ * In Tailwind v4, you can still use a JavaScript config file, but it's imported
+ * via the @config directive in your CSS file rather than being auto-discovered.
+ *
+ * @example
+ * ```js
+ * // tailwind.config.js
+ * export default {
+ *   theme: {
+ *     colors: {
+ *       primary: {
+ *         500: '#3b82f6',
+ *       },
+ *     },
+ *   },
+ * };
+ * ```
+ *
+ * Usage in CSS:
+ * ```css
+ * @config "./tailwind.config.js";
+ * @import "tailwindcss";
+ * ```
+ *
+ * @public
+ */
+export declare const tailwindV4ConfigJsFormat: Format;
+/**
+ * Style-Dictionary format that outputs a Tailwind v4 TypeScript config file.
+ * This generates a typed config that can be used with the @config directive in CSS.
+ *
+ * In Tailwind v4, you can still use a TypeScript config file, but it's imported
+ * via the @config directive in your CSS file rather than being auto-discovered.
+ *
+ * @example
+ * ```ts
+ * // tailwind.config.ts
+ * import type { Config } from 'tailwindcss';
+ *
+ * const config: Config = {
+ *   theme: {
+ *     colors: {
+ *       primary: {
+ *         500: '#3b82f6',
+ *       },
+ *     },
+ *   },
+ * };
+ *
+ * export default config;
+ * ```
+ *
+ * Usage in CSS:
+ * ```css
+ * @config "./tailwind.config.ts";
+ * @import "tailwindcss";
+ * ```
+ *
+ * @public
+ */
+export declare const tailwindV4ConfigTsFormat: Format;
 //# sourceMappingURL=tailwindV4Format.d.ts.map

package/formats/tailwind/v4/tailwindV4Format.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tailwindV4Format.d.ts","sourceRoot":"","sources":["../../../../src/formats/tailwind/v4/tailwindV4Format.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAsB,MAAM,EAAgB,MAAM,wBAAwB,CAAC;AAKvF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAanC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAYpC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,6BAA6B,EAAE,MAY3C,CAAC"}
+{"version":3,"file":"tailwindV4Format.d.ts","sourceRoot":"","sources":["../../../../src/formats/tailwind/v4/tailwindV4Format.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAsB,MAAM,EAAgB,MAAM,wBAAwB,CAAC;AAMvF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAanC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAYpC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,6BAA6B,EAAE,MAY3C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAWtC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAWtC,CAAC"}

package/formats/tailwind/v4/tailwindV4Format.js

@@ -1,8 +1,9 @@
 "use strict";
 // #region Imports
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.tailwindV4CssPropertiesFormat = exports.tailwindV4PresetFormat = exports.tailwindV4ThemeFormat = void 0;
+exports.tailwindV4ConfigTsFormat = exports.tailwindV4ConfigJsFormat = exports.tailwindV4CssPropertiesFormat = exports.tailwindV4PresetFormat = exports.tailwindV4ThemeFormat = void 0;
 const buildTailwindV4Theme_js_1 = require("./buildTailwindV4Theme.js");
+const buildTailwindV4Config_js_1 = require("./buildTailwindV4Config.js");
 // #endregion
 /**
  * Style-Dictionary format that outputs a Tailwind v4 CSS theme file.
@@ -85,4 +86,84 @@ exports.tailwindV4CssPropertiesFormat = {
         });
     }
 };
+/**
+ * Style-Dictionary format that outputs a Tailwind v4 JavaScript config file.
+ * This generates a config that can be used with the @config directive in CSS.
+ *
+ * In Tailwind v4, you can still use a JavaScript config file, but it's imported
+ * via the @config directive in your CSS file rather than being auto-discovered.
+ *
+ * @example
+ * ```js
+ * // tailwind.config.js
+ * export default {
+ *   theme: {
+ *     colors: {
+ *       primary: {
+ *         500: '#3b82f6',
+ *       },
+ *     },
+ *   },
+ * };
+ * ```
+ *
+ * Usage in CSS:
+ * ```css
+ * @config "./tailwind.config.js";
+ * @import "tailwindcss";
+ * ```
+ *
+ * @public
+ */
+exports.tailwindV4ConfigJsFormat = {
+    name: 'tailwind/v4/config/js',
+    format({ dictionary, options }) {
+        return (0, buildTailwindV4Config_js_1.buildTailwindV4ConfigJs)(dictionary.allTokens, {
+            ignoredTokenNameSubstrings: options.ignoredTokenNames ?? [],
+            useExtend: options.useExtend ?? false
+        });
+    }
+};
+/**
+ * Style-Dictionary format that outputs a Tailwind v4 TypeScript config file.
+ * This generates a typed config that can be used with the @config directive in CSS.
+ *
+ * In Tailwind v4, you can still use a TypeScript config file, but it's imported
+ * via the @config directive in your CSS file rather than being auto-discovered.
+ *
+ * @example
+ * ```ts
+ * // tailwind.config.ts
+ * import type { Config } from 'tailwindcss';
+ *
+ * const config: Config = {
+ *   theme: {
+ *     colors: {
+ *       primary: {
+ *         500: '#3b82f6',
+ *       },
+ *     },
+ *   },
+ * };
+ *
+ * export default config;
+ * ```
+ *
+ * Usage in CSS:
+ * ```css
+ * @config "./tailwind.config.ts";
+ * @import "tailwindcss";
+ * ```
+ *
+ * @public
+ */
+exports.tailwindV4ConfigTsFormat = {
+    name: 'tailwind/v4/config/ts',
+    format({ dictionary, options }) {
+        return (0, buildTailwindV4Config_js_1.buildTailwindV4ConfigTs)(dictionary.allTokens, {
+            ignoredTokenNameSubstrings: options.ignoredTokenNames ?? [],
+            useExtend: options.useExtend ?? false
+        });
+    }
+};
 //# sourceMappingURL=tailwindV4Format.js.map

package/formats/tailwind/v4/tailwindV4Format.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwindV4Format.js","sourceRoot":"","sources":["../../../../src/formats/tailwind/v4/tailwindV4Format.ts"],"names":[],"mappings":";AAAA,kBAAkB;;;AAGlB,uEAAwF;AAExF,aAAa;AAEb;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,qBAAqB,GAAW;IACzC,IAAI,EAAE,mBAAmB;IACzB,MAAM,CAAC,EAAE,UAAU,EAAE,OAAO,EAG3B;QACG,OAAO,IAAA,8CAAoB,EAAC,UAAU,CAAC,SAAS,EAAE;YAC9C,0BAA0B,EAAE,OAAO,CAAC,iBAAiB,IAAI,EAAE;YAC3D,qBAAqB,EAAE,IAAI;YAC3B,WAAW,EAAE,IAAI;YACjB,UAAU,EAAE,OAAO,CAAC,UAAU;SACjC,CAAC,CAAC;IACP,CAAC;CACJ,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACU,QAAA,sBAAsB,GAAW;IAC1C,IAAI,EAAE,oBAAoB;IAC1B,MAAM,CAAC,EAAE,UAAU,EAAE,OAAO,EAG3B;QACG,OAAO,IAAA,+CAAqB,EAAC,UAAU,CAAC,SAAS,EAAE;YAC/C,0BAA0B,EAAE,OAAO,CAAC,iBAAiB,IAAI,EAAE;YAC3D,WAAW,EAAE,IAAI;YACjB,UAAU,EAAE,OAAO,CAAC,UAAU;SACjC,CAAC,CAAC;IACP,CAAC;CACJ,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACU,QAAA,6BAA6B,GAAW;IACjD,IAAI,EAAE,4BAA4B;IAClC,MAAM,CAAC,EAAE,UAAU,EAAE,OAAO,EAG3B;QACG,OAAO,IAAA,+CAAqB,EAAC,UAAU,CAAC,SAAS,EAAE;YAC/C,0BAA0B,EAAE,OAAO,CAAC,iBAAiB,IAAI,EAAE;YAC3D,qBAAqB,EAAE,KAAK;YAC5B,WAAW,EAAE,KAAK;SACrB,CAAC,CAAC;IACP,CAAC;CACJ,CAAC"}
+{"version":3,"file":"tailwindV4Format.js","sourceRoot":"","sources":["../../../../src/formats/tailwind/v4/tailwindV4Format.ts"],"names":[],"mappings":";AAAA,kBAAkB;;;AAGlB,uEAAwF;AACxF,yEAA8F;AAE9F,aAAa;AAEb;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,qBAAqB,GAAW;IACzC,IAAI,EAAE,mBAAmB;IACzB,MAAM,CAAC,EAAE,UAAU,EAAE,OAAO,EAG3B;QACG,OAAO,IAAA,8CAAoB,EAAC,UAAU,CAAC,SAAS,EAAE;YAC9C,0BAA0B,EAAE,OAAO,CAAC,iBAAiB,IAAI,EAAE;YAC3D,qBAAqB,EAAE,IAAI;YAC3B,WAAW,EAAE,IAAI;YACjB,UAAU,EAAE,OAAO,CAAC,UAAU;SACjC,CAAC,CAAC;IACP,CAAC;CACJ,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACU,QAAA,sBAAsB,GAAW;IAC1C,IAAI,EAAE,oBAAoB;IAC1B,MAAM,CAAC,EAAE,UAAU,EAAE,OAAO,EAG3B;QACG,OAAO,IAAA,+CAAqB,EAAC,UAAU,CAAC,SAAS,EAAE;YAC/C,0BAA0B,EAAE,OAAO,CAAC,iBAAiB,IAAI,EAAE;YAC3D,WAAW,EAAE,IAAI;YACjB,UAAU,EAAE,OAAO,CAAC,UAAU;SACjC,CAAC,CAAC;IACP,CAAC;CACJ,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACU,QAAA,6BAA6B,GAAW;IACjD,IAAI,EAAE,4BAA4B;IAClC,MAAM,CAAC,EAAE,UAAU,EAAE,OAAO,EAG3B;QACG,OAAO,IAAA,+CAAqB,EAAC,UAAU,CAAC,SAAS,EAAE;YAC/C,0BAA0B,EAAE,OAAO,CAAC,iBAAiB,IAAI,EAAE;YAC3D,qBAAqB,EAAE,KAAK;YAC5B,WAAW,EAAE,KAAK;SACrB,CAAC,CAAC;IACP,CAAC;CACJ,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACU,QAAA,wBAAwB,GAAW;IAC5C,IAAI,EAAE,uBAAuB;IAC7B,MAAM,CAAC,EAAE,UAAU,EAAE,OAAO,EAG3B;QACG,OAAO,IAAA,kDAAuB,EAAC,UAAU,CAAC,SAAS,EAAE;YACjD,0BAA0B,EAAE,OAAO,CAAC,iBAAiB,IAAI,EAAE;YAC3D,SAAS,EAAE,OAAO,CAAC,SAAS,IAAI,KAAK;SACxC,CAAC,CAAC;IACP,CAAC;CACJ,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACU,QAAA,wBAAwB,GAAW;IAC5C,IAAI,EAAE,uBAAuB;IAC7B,MAAM,CAAC,EAAE,UAAU,EAAE,OAAO,EAG3B;QACG,OAAO,IAAA,kDAAuB,EAAC,UAAU,CAAC,SAAS,EAAE;YACjD,0BAA0B,EAAE,OAAO,CAAC,iBAAiB,IAAI,EAAE;YAC3D,SAAS,EAAE,OAAO,CAAC,SAAS,IAAI,KAAK;SACxC,CAAC,CAAC;IACP,CAAC;CACJ,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@breadstone-infrastructure/style-dictionary",
     "description": "Common style-dictionary classes and functions",
-    "version": "0.0.206",
+    "version": "0.0.209",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
     "repository": {
@@ -13,9 +13,9 @@
     "module": "./index.js",
     "types": "./index.d.ts",
     "dependencies": {
-        "@breadstone-infrastructure/utilities": "^0.0.206",
+        "@breadstone-infrastructure/utilities": "^0.0.209",
         "chroma-js": "^3.2.0",
         "style-dictionary": "^4.4.0",
-        "tailwindcss": "^3.4.18"
+        "tailwindcss": "^3.4.19"
     }
 }

package/formats/tailwind/DesignTokenType.d.ts

@@ -1,10 +0,0 @@
-/**
- * Supported logical token types as returned by `getType`.
- *
- * This mirrors your original formatter's behavior and is used for
- * type-based fallback mapping if no valid category is present.
- *
- * @public
- */
-export type DesignTokenType = 'borderRadius' | 'borderWidth' | 'color' | 'duration' | 'font' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'height' | 'letterSpacing' | 'lineHeight' | 'maxHeight' | 'maxWidth' | 'minHeight' | 'minWidth' | 'opacity' | 'shadow' | 'size' | 'spacing' | 'textDecorationLine' | 'textTransform' | 'width' | 'zIndex';
-//# sourceMappingURL=DesignTokenType.d.ts.map

package/formats/tailwind/DesignTokenType.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DesignTokenType.d.ts","sourceRoot":"","sources":["../../../src/formats/tailwind/DesignTokenType.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,MAAM,eAAe,GAAK,cAAc,GAAG,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,eAAe,GAAG,YAAY,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,oBAAoB,GAAG,eAAe,GAAG,OAAO,GAAG,QAAQ,CAAC"}

package/formats/tailwind/DesignTokenType.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=DesignTokenType.js.map

package/formats/tailwind/DesignTokenType.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DesignTokenType.js","sourceRoot":"","sources":["../../../src/formats/tailwind/DesignTokenType.ts"],"names":[],"mappings":""}

package/formats/tailwind/TailwindPropertyMapping.d.ts

@@ -1,61 +0,0 @@
-import type { Config as TailwindConfig } from 'tailwindcss';
-import type { DesignTokenType } from './DesignTokenType';
-/**
- * A valid key for the `theme` section of Tailwind config.
- *
- * @public
- */
-export type TailwindThemeKey = keyof NonNullable<TailwindConfig['theme']>;
-/**
- * Strategy describing how to map a token value under a given theme key.
- *
- * @private
- */
-type MappingStrategy = 'flat' | 'nested' | 'shadeMap' | 'shadow';
-/**
- * Function type for transforming token paths into Tailwind-compatible keys.
- * Can return either a string (for flat/shadow strategies) or an array (for nested/shadeMap strategies).
- *
- * @public
- */
-export type PathTransformFn = (path: ReadonlyArray<string>) => string | ReadonlyArray<string>;
-/**
- * Internal mapping definition: for a given Tailwind theme key,
- * which mapping strategy to apply when inserting tokens.
- *
- * @public
- */
-export interface IKeyMapping {
-    readonly themeKey: TailwindThemeKey;
-    readonly strategy: MappingStrategy;
-    readonly pathTransform?: PathTransformFn;
-}
-/**
- * Set of supported design token types for validation.
- * Used only for logging; unsupported types are skipped.
- *
- * @public
- */
-export declare const SUPPORTED_TOKEN_TYPES: ReadonlyArray<DesignTokenType>;
-/**
- * Maps token-level `category` values (which MUST match Tailwind theme keys)
- * to Tailwind theme keys and the corresponding mapping strategy.
- *
- * This is the primary mapping: if a token specifies a `category` and it is
- * found here, it is used directly.
- *
- * @public
- */
-export declare const CATEGORY_TO_KEY_MAPPING: Partial<Record<TailwindThemeKey, IKeyMapping>>;
-/**
- * Fallback mapping from logical token type → Tailwind theme key + strategy.
- *
- * This is used when there is no valid `category` on the token.
- * It keeps the behavior close to the original formatter where routing
- * was based on `type`.
- *
- * @public
- */
-export declare const TOKEN_TYPE_TO_KEY_MAPPING: Partial<Record<DesignTokenType, IKeyMapping>>;
-export {};
-//# sourceMappingURL=TailwindPropertyMapping.d.ts.map

package/formats/tailwind/TailwindPropertyMapping.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TailwindPropertyMapping.d.ts","sourceRoot":"","sources":["../../../src/formats/tailwind/TailwindPropertyMapping.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMzD;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,WAAW,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;AAE1E;;;;GAIG;AACH,KAAK,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEjE;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;AAE9F;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IACxB,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAAC;IACnC,QAAQ,CAAC,aAAa,CAAC,EAAE,eAAe,CAAC;CAC5C;AAMD;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,eAAe,CAwBhE,CAAC;AAMF;;;;;;;;GAQG;AACH,eAAO,MAAM,uBAAuB,EAAE,OAAO,CAAC,MAAM,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAwNlF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,yBAAyB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,WAAW,CAAC,CAwInF,CAAC"}