@digdir/designsystemet 0.0.0-chore-remove-cli-tsx-20260701060359

package/dist/src/tokens/process/configs/semantic.js

@@ -0,0 +1,49 @@
+import { pathStartsWithOneOf, typeEquals } from "../../utils.js";
+import { dsTransformers } from "./shared.js";
+import { formats } from "../formats/css.js";
+import * as R from "ramda";
+import { outputReferencesFilter } from "style-dictionary/utils";
+//#region src/tokens/process/configs/semantic.ts
+const semanticVariables = ({ theme }) => {
+	return {
+		preprocessors: ["tokens-studio"],
+		platforms: { css: {
+			theme,
+			basePxFontSize: 16,
+			selector: `:root`,
+			layer: `ds.theme.semantic`,
+			prefix: "ds",
+			buildPath: `${theme}/`,
+			transforms: dsTransformers,
+			files: [{
+				destination: `semantic.css`,
+				format: formats.semantic.name,
+				filter: (token) => {
+					const isUwantedToken = R.anyPass([R.includes("primitives/global")])(token.filePath);
+					const isPrivateToken = R.includes("_", token.path);
+					const unwantedPaths = pathStartsWithOneOf([
+						"size",
+						"_size",
+						"font-size",
+						"line-height",
+						"letter-spacing"
+					], token);
+					const unwantedTypes = typeEquals([
+						"color",
+						"fontWeight",
+						"fontFamily",
+						"typography"
+					], token);
+					return !(unwantedPaths || unwantedTypes || isPrivateToken || isUwantedToken);
+				}
+			}],
+			options: { outputReferences: (token, options) => {
+				return pathStartsWithOneOf(["border-radius"], token) && outputReferencesFilter(token, options);
+			} }
+		} }
+	};
+};
+//#endregion
+export { semanticVariables };
+
+//# sourceMappingURL=semantic.js.map

package/dist/src/tokens/process/configs/semantic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"semantic.js","names":[],"sources":["../../../../../src/tokens/process/configs/semantic.ts"],"sourcesContent":["import * as R from 'ramda';\nimport { outputReferencesFilter } from 'style-dictionary/utils';\nimport { pathStartsWithOneOf, typeEquals } from '../../utils.ts';\nimport { formats } from '../formats/css.ts';\n\nimport { basePxFontSize, dsTransformers, type GetStyleDictionaryConfig, prefix } from './shared.ts';\n\nexport const semanticVariables: GetStyleDictionaryConfig = ({ theme }) => {\n  const selector = `:root`;\n  const layer = `ds.theme.semantic`;\n\n  return {\n    preprocessors: ['tokens-studio'],\n    platforms: {\n      css: {\n        // custom\n        theme,\n        basePxFontSize,\n        selector,\n        layer,\n        //\n        prefix,\n        buildPath: `${theme}/`,\n        transforms: dsTransformers,\n        files: [\n          {\n            destination: `semantic.css`,\n            format: formats.semantic.name,\n            filter: (token) => {\n              const isUwantedToken = R.anyPass([R.includes('primitives/global')])(token.filePath);\n              const isPrivateToken = R.includes('_', token.path);\n              const unwantedPaths = pathStartsWithOneOf(\n                ['size', '_size', 'font-size', 'line-height', 'letter-spacing'],\n                token,\n              );\n              const unwantedTypes = typeEquals(['color', 'fontWeight', 'fontFamily', 'typography'], token);\n              const unwantedTokens = !(unwantedPaths || unwantedTypes || isPrivateToken || isUwantedToken);\n\n              return unwantedTokens;\n            },\n          },\n        ],\n        options: {\n          outputReferences: (token, options) => {\n            const include = pathStartsWithOneOf(['border-radius'], token);\n            return include && outputReferencesFilter(token, options);\n          },\n        },\n      },\n    },\n  };\n};\n"],"mappings":";;;;;;AAOA,MAAa,qBAA+C,EAAE,YAAY;CAIxE,OAAO;EACL,eAAe,CAAC,eAAe;EAC/B,WAAW,EACT,KAAK;GAEH;GACA,gBAAA;GACA,UAAA;GACA,OAAA;GAEA,QAAA;GACA,WAAW,GAAG,MAAM;GACpB,YAAY;GACZ,OAAO,CACL;IACE,aAAa;IACb,QAAQ,QAAQ,SAAS;IACzB,SAAS,UAAU;KACjB,MAAM,iBAAiB,EAAE,QAAQ,CAAC,EAAE,SAAS,mBAAmB,CAAC,CAAC,CAAC,CAAC,MAAM,QAAQ;KAClF,MAAM,iBAAiB,EAAE,SAAS,KAAK,MAAM,IAAI;KACjD,MAAM,gBAAgB,oBACpB;MAAC;MAAQ;MAAS;MAAa;MAAe;KAAgB,GAC9D,KACF;KACA,MAAM,gBAAgB,WAAW;MAAC;MAAS;MAAc;MAAc;KAAY,GAAG,KAAK;KAG3F,OAAO,EAFkB,iBAAiB,iBAAiB,kBAAkB;IAG/E;GACF,CACF;GACA,SAAS,EACP,mBAAmB,OAAO,YAAY;IAEpC,OADgB,oBAAoB,CAAC,eAAe,GAAG,KAC1C,KAAK,uBAAuB,OAAO,OAAO;GACzD,EACF;EACF,EACF;CACF;AACF"}

package/dist/src/tokens/process/configs/shared.d.ts

@@ -0,0 +1,14 @@
+import { ThemePermutation } from "../../types.js";
+import { Config } from "style-dictionary/types";
+
+//#region src/tokens/process/configs/shared.d.ts
+type GetStyleDictionaryConfig = (permutation: ThemePermutation) => Config | {
+  config: Config;
+  permutationOverrides?: Partial<ThemePermutation>;
+}[];
+declare const prefix = "ds";
+declare const basePxFontSize = 16;
+declare const dsTransformers: string[];
+//#endregion
+export { GetStyleDictionaryConfig, basePxFontSize, dsTransformers, prefix };
+//# sourceMappingURL=shared.d.ts.map

package/dist/src/tokens/process/configs/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","names":[],"sources":["../../../../../src/tokens/process/configs/shared.ts"],"mappings":";;;;KAIY,wBAAA,IACV,WAAA,EAAa,gBAAA,KACV,MAAA;EAA0B,MAAA,EAAQ,MAAA;EAAuB,oBAAA,GAAuB,OAAA,CAAQ,gBAAA;AAAA;AAAA,cAEhF,MAAA;AAAA,cACA,cAAA;AAAA,cAEA,cAAA"}

package/dist/src/tokens/process/configs/shared.js

@@ -0,0 +1,21 @@
+import { resolveMath, sizeRem, typographyName, unitless } from "../transformers.js";
+//#region src/tokens/process/configs/shared.ts
+const prefix = "ds";
+const basePxFontSize = 16;
+const dsTransformers = [
+	"name/kebab",
+	resolveMath.name,
+	"ts/size/px",
+	sizeRem.name,
+	unitless.name,
+	"ts/typography/fontWeight",
+	typographyName.name,
+	"ts/color/modifiers",
+	"ts/color/css/hexrgba",
+	"ts/size/lineheight",
+	"shadow/css/shorthand"
+];
+//#endregion
+export { basePxFontSize, dsTransformers, prefix };
+
+//# sourceMappingURL=shared.js.map

package/dist/src/tokens/process/configs/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","names":[],"sources":["../../../../../src/tokens/process/configs/shared.ts"],"sourcesContent":["import type { Config as StyleDictionaryConfig } from 'style-dictionary/types';\nimport type { ThemePermutation } from '../../types.ts';\nimport { resolveMath, sizeRem, typographyName, unitless } from '../transformers.ts';\n\nexport type GetStyleDictionaryConfig = (\n  permutation: ThemePermutation,\n) => StyleDictionaryConfig | { config: StyleDictionaryConfig; permutationOverrides?: Partial<ThemePermutation> }[];\n\nexport const prefix = 'ds';\nexport const basePxFontSize = 16;\n\nexport const dsTransformers = [\n  'name/kebab',\n  resolveMath.name,\n  'ts/size/px',\n  sizeRem.name,\n  unitless.name,\n  'ts/typography/fontWeight',\n  typographyName.name,\n  'ts/color/modifiers',\n  'ts/color/css/hexrgba',\n  'ts/size/lineheight',\n  'shadow/css/shorthand',\n];\n"],"mappings":";;AAQA,MAAa,SAAS;AACtB,MAAa,iBAAiB;AAE9B,MAAa,iBAAiB;CAC5B;CACA,YAAY;CACZ;CACA,QAAQ;CACR,SAAS;CACT;CACA,eAAe;CACf;CACA;CACA;CACA;AACF"}

package/dist/src/tokens/process/configs/size-mode.d.ts

@@ -0,0 +1,7 @@
+import { GetStyleDictionaryConfig } from "./shared.js";
+
+//#region src/tokens/process/configs/size-mode.d.ts
+declare const sizeModeVariables: GetStyleDictionaryConfig;
+//#endregion
+export { sizeModeVariables };
+//# sourceMappingURL=size-mode.d.ts.map

package/dist/src/tokens/process/configs/size-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-mode.d.ts","names":[],"sources":["../../../../../src/tokens/process/configs/size-mode.ts"],"mappings":";;;cAKa,iBAAA,EAAmB,wBA8B/B"}

package/dist/src/tokens/process/configs/size-mode.js

@@ -0,0 +1,30 @@
+import { dsTransformers } from "./shared.js";
+import { formats } from "../formats/css.js";
+import * as R from "ramda";
+//#region src/tokens/process/configs/size-mode.ts
+const sizeModeVariables = ({ theme, size }) => {
+	return {
+		preprocessors: ["tokens-studio"],
+		platforms: { css: {
+			size,
+			theme,
+			basePxFontSize: 16,
+			selector: `:root`,
+			layer: `ds.theme.size-mode`,
+			prefix: "ds",
+			buildPath: `${theme}/`,
+			transforms: dsTransformers,
+			files: [{
+				destination: `size-mode/${size}.css`,
+				format: formats.sizeMode.name,
+				filter: (token) => {
+					return R.equals(["_size", "mode-font-size"], token.path);
+				}
+			}]
+		} }
+	};
+};
+//#endregion
+export { sizeModeVariables };
+
+//# sourceMappingURL=size-mode.js.map

package/dist/src/tokens/process/configs/size-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-mode.js","names":[],"sources":["../../../../../src/tokens/process/configs/size-mode.ts"],"sourcesContent":["import * as R from 'ramda';\nimport { formats } from '../formats/css.ts';\n\nimport { basePxFontSize, dsTransformers, type GetStyleDictionaryConfig, prefix } from './shared.ts';\n\nexport const sizeModeVariables: GetStyleDictionaryConfig = ({ theme, size }) => {\n  const selector = `:root`;\n  const layer = `ds.theme.size-mode`;\n\n  return {\n    preprocessors: ['tokens-studio'],\n    platforms: {\n      css: {\n        // custom\n        size,\n        theme,\n        basePxFontSize,\n        selector,\n        layer,\n        //\n        prefix,\n        buildPath: `${theme}/`,\n        transforms: dsTransformers,\n        files: [\n          {\n            destination: `size-mode/${size}.css`,\n            format: formats.sizeMode.name,\n            filter: (token) => {\n              return R.equals(['_size', 'mode-font-size'], token.path);\n            },\n          },\n        ],\n      },\n    },\n  };\n};\n"],"mappings":";;;;AAKA,MAAa,qBAA+C,EAAE,OAAO,WAAW;CAI9E,OAAO;EACL,eAAe,CAAC,eAAe;EAC/B,WAAW,EACT,KAAK;GAEH;GACA;GACA,gBAAA;GACA,UAAA;GACA,OAAA;GAEA,QAAA;GACA,WAAW,GAAG,MAAM;GACpB,YAAY;GACZ,OAAO,CACL;IACE,aAAa,aAAa,KAAK;IAC/B,QAAQ,QAAQ,SAAS;IACzB,SAAS,UAAU;KACjB,OAAO,EAAE,OAAO,CAAC,SAAS,gBAAgB,GAAG,MAAM,IAAI;IACzD;GACF,CACF;EACF,EACF;CACF;AACF"}

package/dist/src/tokens/process/configs/size.d.ts

@@ -0,0 +1,7 @@
+import { GetStyleDictionaryConfig } from "./shared.js";
+
+//#region src/tokens/process/configs/size.d.ts
+declare const sizeVariables: GetStyleDictionaryConfig;
+//#endregion
+export { sizeVariables };
+//# sourceMappingURL=size.d.ts.map

package/dist/src/tokens/process/configs/size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.d.ts","names":[],"sources":["../../../../../src/tokens/process/configs/size.ts"],"mappings":";;;cAQa,aAAA,EAAe,wBAuC3B"}

package/dist/src/tokens/process/configs/size.js

@@ -0,0 +1,36 @@
+import { isDigit, pathStartsWithOneOf } from "../../utils.js";
+import { dsTransformers } from "./shared.js";
+import { formats } from "../formats/css.js";
+import * as R from "ramda";
+import { outputReferencesFilter } from "style-dictionary/utils";
+//#region src/tokens/process/configs/size.ts
+const sizeVariables = ({ theme }) => {
+	return {
+		preprocessors: ["tokens-studio"],
+		platforms: { css: {
+			theme,
+			basePxFontSize: 16,
+			selector: `:root, [data-size]`,
+			layer: `ds.theme.size`,
+			prefix: "ds",
+			buildPath: `${theme}/`,
+			transforms: dsTransformers,
+			files: [{
+				destination: `size.css`,
+				format: formats.size.name,
+				filter: (token) => {
+					const isUwantedToken = R.anyPass([R.includes("primitives/global")])(token.filePath);
+					const isPrivateToken = R.includes("_", token.path);
+					return pathStartsWithOneOf(["size", "_size"], token) && !(isUwantedToken || isPrivateToken);
+				}
+			}],
+			options: { outputReferences: (token, options) => {
+				return pathStartsWithOneOf(["size", "_size"], token) && (isDigit(token.path[1]) || token.path[1] === "unit") && outputReferencesFilter(token, options);
+			} }
+		} }
+	};
+};
+//#endregion
+export { sizeVariables };
+
+//# sourceMappingURL=size.js.map

package/dist/src/tokens/process/configs/size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.js","names":[],"sources":["../../../../../src/tokens/process/configs/size.ts"],"sourcesContent":["import * as R from 'ramda';\nimport type {} from 'style-dictionary/types';\nimport { outputReferencesFilter } from 'style-dictionary/utils';\nimport { isDigit, pathStartsWithOneOf } from '../../utils.ts';\nimport { formats } from '../formats/css.ts';\n\nimport { basePxFontSize, dsTransformers, type GetStyleDictionaryConfig, prefix } from './shared.ts';\n\nexport const sizeVariables: GetStyleDictionaryConfig = ({ theme }) => {\n  // [data-size] selector ensures --ds-size-* variables are recalculated when --ds-size-mode-font-size changes\n  const selector = `:root, [data-size]`;\n  const layer = `ds.theme.size`;\n\n  return {\n    preprocessors: ['tokens-studio'],\n    platforms: {\n      css: {\n        // custom\n        theme,\n        basePxFontSize,\n        selector,\n        layer,\n        //\n        prefix,\n        buildPath: `${theme}/`,\n        transforms: dsTransformers,\n        files: [\n          {\n            destination: `size.css`,\n            format: formats.size.name,\n            filter: (token) => {\n              const isUwantedToken = R.anyPass([R.includes('primitives/global')])(token.filePath);\n              const isPrivateToken = R.includes('_', token.path);\n              return pathStartsWithOneOf(['size', '_size'], token) && !(isUwantedToken || isPrivateToken);\n            },\n          },\n        ],\n        options: {\n          outputReferences: (token, options) => {\n            const isWantedSize =\n              pathStartsWithOneOf(['size', '_size'], token) && (isDigit(token.path[1]) || token.path[1] === 'unit');\n            return isWantedSize && outputReferencesFilter(token, options);\n          },\n        },\n      },\n    },\n  };\n};\n"],"mappings":";;;;;;AAQA,MAAa,iBAA2C,EAAE,YAAY;CAKpE,OAAO;EACL,eAAe,CAAC,eAAe;EAC/B,WAAW,EACT,KAAK;GAEH;GACA,gBAAA;GACA,UAAA;GACA,OAAA;GAEA,QAAA;GACA,WAAW,GAAG,MAAM;GACpB,YAAY;GACZ,OAAO,CACL;IACE,aAAa;IACb,QAAQ,QAAQ,KAAK;IACrB,SAAS,UAAU;KACjB,MAAM,iBAAiB,EAAE,QAAQ,CAAC,EAAE,SAAS,mBAAmB,CAAC,CAAC,CAAC,CAAC,MAAM,QAAQ;KAClF,MAAM,iBAAiB,EAAE,SAAS,KAAK,MAAM,IAAI;KACjD,OAAO,oBAAoB,CAAC,QAAQ,OAAO,GAAG,KAAK,KAAK,EAAE,kBAAkB;IAC9E;GACF,CACF;GACA,SAAS,EACP,mBAAmB,OAAO,YAAY;IAGpC,OADE,oBAAoB,CAAC,QAAQ,OAAO,GAAG,KAAK,MAAM,QAAQ,MAAM,KAAK,EAAE,KAAK,MAAM,KAAK,OAAO,WACzE,uBAAuB,OAAO,OAAO;GAC9D,EACF;EACF,EACF;CACF;AACF"}

package/dist/src/tokens/process/configs/type-scale.d.ts

@@ -0,0 +1,7 @@
+import { GetStyleDictionaryConfig } from "./shared.js";
+
+//#region src/tokens/process/configs/type-scale.d.ts
+declare const typeScaleVariables: GetStyleDictionaryConfig;
+//#endregion
+export { typeScaleVariables };
+//# sourceMappingURL=type-scale.d.ts.map

package/dist/src/tokens/process/configs/type-scale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-scale.d.ts","names":[],"sources":["../../../../../src/tokens/process/configs/type-scale.ts"],"mappings":";;;cAKa,kBAAA,EAAoB,wBAiDhC"}

package/dist/src/tokens/process/configs/type-scale.js

@@ -0,0 +1,51 @@
+import { pathStartsWithOneOf, typeEquals } from "../../utils.js";
+import { sizeRem, typographyName } from "../transformers.js";
+import "./shared.js";
+import { formats } from "../formats/css.js";
+//#region src/tokens/process/configs/type-scale.ts
+const typeScaleVariables = ({ theme }) => {
+	return {
+		usesDtcg: true,
+		preprocessors: ["tokens-studio"],
+		expand: { include: ["typography"] },
+		platforms: { css: {
+			prefix: "ds",
+			selector: ":root, [data-size]",
+			layer: `ds.theme.type-scale`,
+			buildPath: `${theme}/`,
+			basePxFontSize: 16,
+			transforms: [
+				"name/kebab",
+				"ts/size/px",
+				sizeRem.name,
+				"ts/size/lineheight",
+				"ts/typography/fontWeight",
+				typographyName.name
+			],
+			files: [{
+				destination: `type-scale.css`,
+				format: formats.typeScale.name,
+				filter: (token) => {
+					const included = typeEquals([
+						"typography",
+						"dimension",
+						"fontsize"
+					], token);
+					if (/primitives\/modes\/typography\/(primary|secondary)/.test(token.filePath)) return false;
+					return included && !pathStartsWithOneOf([
+						"spacing",
+						"sizing",
+						"size",
+						"border-width",
+						"border-radius"
+					], token) && (pathStartsWithOneOf(["font-size"], token) || token.path.includes("fontSize"));
+				}
+			}],
+			options: { outputReferences: (token) => pathStartsWithOneOf(["typography"], token) && token.path.includes("fontSize") }
+		} }
+	};
+};
+//#endregion
+export { typeScaleVariables };
+
+//# sourceMappingURL=type-scale.js.map

package/dist/src/tokens/process/configs/type-scale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-scale.js","names":[],"sources":["../../../../../src/tokens/process/configs/type-scale.ts"],"sourcesContent":["import { pathStartsWithOneOf, typeEquals } from '../../utils.ts';\nimport { formats } from '../formats/css.ts';\nimport { sizeRem, typographyName } from '../transformers.ts';\nimport { basePxFontSize, type GetStyleDictionaryConfig, prefix } from './shared.ts';\n\nexport const typeScaleVariables: GetStyleDictionaryConfig = ({ theme }) => {\n  const selector = ':root, [data-size]';\n  const layer = `ds.theme.type-scale`;\n\n  return {\n    usesDtcg: true,\n    preprocessors: ['tokens-studio'],\n    expand: {\n      include: ['typography'],\n    },\n    platforms: {\n      css: {\n        prefix,\n        selector,\n        layer,\n        buildPath: `${theme}/`,\n        basePxFontSize,\n        transforms: [\n          'name/kebab',\n          'ts/size/px',\n          sizeRem.name,\n          'ts/size/lineheight',\n          'ts/typography/fontWeight',\n          typographyName.name,\n        ],\n        files: [\n          {\n            destination: `type-scale.css`,\n            format: formats.typeScale.name,\n            filter: (token) => {\n              const included = typeEquals(['typography', 'dimension', 'fontsize'], token);\n\n              // Remove primitive typgography tokens\n              if (/primitives\\/modes\\/typography\\/(primary|secondary)/.test(token.filePath)) return false;\n\n              return (\n                included &&\n                !pathStartsWithOneOf(['spacing', 'sizing', 'size', 'border-width', 'border-radius'], token) &&\n                (pathStartsWithOneOf(['font-size'], token) || token.path.includes('fontSize'))\n              );\n            },\n          },\n        ],\n        options: {\n          outputReferences: (token) => pathStartsWithOneOf(['typography'], token) && token.path.includes('fontSize'),\n        },\n      },\n    },\n  };\n};\n"],"mappings":";;;;;AAKA,MAAa,sBAAgD,EAAE,YAAY;CAIzE,OAAO;EACL,UAAU;EACV,eAAe,CAAC,eAAe;EAC/B,QAAQ,EACN,SAAS,CAAC,YAAY,EACxB;EACA,WAAW,EACT,KAAK;GACH,QAAA;GACA,UAAA;GACA,OAAA;GACA,WAAW,GAAG,MAAM;GACpB,gBAAA;GACA,YAAY;IACV;IACA;IACA,QAAQ;IACR;IACA;IACA,eAAe;GACjB;GACA,OAAO,CACL;IACE,aAAa;IACb,QAAQ,QAAQ,UAAU;IAC1B,SAAS,UAAU;KACjB,MAAM,WAAW,WAAW;MAAC;MAAc;MAAa;KAAU,GAAG,KAAK;KAG1E,IAAI,qDAAqD,KAAK,MAAM,QAAQ,GAAG,OAAO;KAEtF,OACE,YACA,CAAC,oBAAoB;MAAC;MAAW;MAAU;MAAQ;MAAgB;KAAe,GAAG,KAAK,MACzF,oBAAoB,CAAC,WAAW,GAAG,KAAK,KAAK,MAAM,KAAK,SAAS,UAAU;IAEhF;GACF,CACF;GACA,SAAS,EACP,mBAAmB,UAAU,oBAAoB,CAAC,YAAY,GAAG,KAAK,KAAK,MAAM,KAAK,SAAS,UAAU,EAC3G;EACF,EACF;CACF;AACF"}

package/dist/src/tokens/process/configs/typography.d.ts

@@ -0,0 +1,7 @@
+import { GetStyleDictionaryConfig } from "./shared.js";
+
+//#region src/tokens/process/configs/typography.d.ts
+declare const typographyVariables: GetStyleDictionaryConfig;
+//#endregion
+export { typographyVariables };
+//# sourceMappingURL=typography.d.ts.map

package/dist/src/tokens/process/configs/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","names":[],"sources":["../../../../../src/tokens/process/configs/typography.ts"],"mappings":";;;cAOa,mBAAA,EAAqB,wBAiDjC"}

package/dist/src/tokens/process/configs/typography.js

@@ -0,0 +1,66 @@
+import { pathStartsWithOneOf, typeEquals } from "../../utils.js";
+import { sizeRem, typographyName } from "../transformers.js";
+import "./shared.js";
+import { formats } from "../formats/css.js";
+import { expandTypesMap } from "@tokens-studio/sd-transforms";
+//#region src/tokens/process/configs/typography.ts
+const typographyVariables = ({ theme, typography }) => {
+	const selector = `${typography === "primary" ? ":root, " : ""}[data-typography="${typography}"]`;
+	const layer = `ds.theme.typography.${typography}`;
+	return {
+		usesDtcg: true,
+		preprocessors: ["tokens-studio"],
+		expand: {
+			include: ["typography"],
+			typesMap: {
+				...expandTypesMap,
+				typography: {
+					...expandTypesMap.typography,
+					letterSpacing: "dimension"
+				}
+			}
+		},
+		platforms: { css: {
+			prefix: "ds",
+			typography,
+			selector,
+			layer,
+			buildPath: `${theme}/`,
+			basePxFontSize: 16,
+			transforms: [
+				"name/kebab",
+				"ts/size/px",
+				sizeRem.name,
+				"ts/size/lineheight",
+				"ts/typography/fontWeight",
+				"ts/size/css/letterspacing",
+				typographyName.name
+			],
+			files: [{
+				destination: `typography/${typography}.css`,
+				format: formats.typography.name,
+				filter: (token) => {
+					const included = typeEquals([
+						"fontweight",
+						"fontFamily",
+						"lineHeight",
+						"dimension"
+					], token);
+					if (/primitives\/modes\/typography\/(primary|secondary)/.test(token.filePath)) return false;
+					return included && !pathStartsWithOneOf([
+						"spacing",
+						"sizing",
+						"size",
+						"_size",
+						"border-width",
+						"border-radius"
+					], token) && !(pathStartsWithOneOf(["typography"], token) && token.path.includes("fontSize"));
+				}
+			}]
+		} }
+	};
+};
+//#endregion
+export { typographyVariables };
+
+//# sourceMappingURL=typography.js.map

package/dist/src/tokens/process/configs/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","names":[],"sources":["../../../../../src/tokens/process/configs/typography.ts"],"sourcesContent":["import { expandTypesMap } from '@tokens-studio/sd-transforms';\nimport { pathStartsWithOneOf, typeEquals } from '../../utils.ts';\nimport { formats } from '../formats/css.ts';\nimport { sizeRem, typographyName } from '../transformers.ts';\n\nimport { basePxFontSize, type GetStyleDictionaryConfig, prefix } from './shared.ts';\n\nexport const typographyVariables: GetStyleDictionaryConfig = ({ theme, typography }) => {\n  const selector = `${typography === 'primary' ? ':root, ' : ''}[data-typography=\"${typography}\"]`;\n  const layer = `ds.theme.typography.${typography}`;\n\n  return {\n    usesDtcg: true,\n    preprocessors: ['tokens-studio'],\n    expand: {\n      include: ['typography'],\n      typesMap: { ...expandTypesMap, typography: { ...expandTypesMap.typography, letterSpacing: 'dimension' } },\n    },\n    platforms: {\n      css: {\n        prefix,\n        typography,\n        selector,\n        layer,\n        buildPath: `${theme}/`,\n        basePxFontSize,\n        transforms: [\n          'name/kebab',\n          'ts/size/px',\n          sizeRem.name,\n          'ts/size/lineheight',\n          'ts/typography/fontWeight',\n          'ts/size/css/letterspacing',\n          typographyName.name,\n        ],\n        files: [\n          {\n            destination: `typography/${typography}.css`,\n            format: formats.typography.name,\n            filter: (token) => {\n              const included = typeEquals(['fontweight', 'fontFamily', 'lineHeight', 'dimension'], token);\n\n              // Remove primitive typgography tokens\n              if (/primitives\\/modes\\/typography\\/(primary|secondary)/.test(token.filePath)) return false;\n\n              return (\n                included &&\n                !pathStartsWithOneOf(['spacing', 'sizing', 'size', '_size', 'border-width', 'border-radius'], token) &&\n                !(pathStartsWithOneOf(['typography'], token) && token.path.includes('fontSize'))\n              );\n            },\n          },\n        ],\n      },\n    },\n  };\n};\n"],"mappings":";;;;;;AAOA,MAAa,uBAAiD,EAAE,OAAO,iBAAiB;CACtF,MAAM,WAAW,GAAG,eAAe,YAAY,YAAY,GAAG,oBAAoB,WAAW;CAC7F,MAAM,QAAQ,uBAAuB;CAErC,OAAO;EACL,UAAU;EACV,eAAe,CAAC,eAAe;EAC/B,QAAQ;GACN,SAAS,CAAC,YAAY;GACtB,UAAU;IAAE,GAAG;IAAgB,YAAY;KAAE,GAAG,eAAe;KAAY,eAAe;IAAY;GAAE;EAC1G;EACA,WAAW,EACT,KAAK;GACH,QAAA;GACA;GACA;GACA;GACA,WAAW,GAAG,MAAM;GACpB,gBAAA;GACA,YAAY;IACV;IACA;IACA,QAAQ;IACR;IACA;IACA;IACA,eAAe;GACjB;GACA,OAAO,CACL;IACE,aAAa,cAAc,WAAW;IACtC,QAAQ,QAAQ,WAAW;IAC3B,SAAS,UAAU;KACjB,MAAM,WAAW,WAAW;MAAC;MAAc;MAAc;MAAc;KAAW,GAAG,KAAK;KAG1F,IAAI,qDAAqD,KAAK,MAAM,QAAQ,GAAG,OAAO;KAEtF,OACE,YACA,CAAC,oBAAoB;MAAC;MAAW;MAAU;MAAQ;MAAS;MAAgB;KAAe,GAAG,KAAK,KACnG,EAAE,oBAAoB,CAAC,YAAY,GAAG,KAAK,KAAK,MAAM,KAAK,SAAS,UAAU;IAElF;GACF,CACF;EACF,EACF;CACF;AACF"}

package/dist/src/tokens/process/configs.d.ts

@@ -0,0 +1,18 @@
+import { GetStyleDictionaryConfig } from "./configs/shared.js";
+import { GetSDConfigOptions, SDConfigForThemePermutation, ThemeDimension } from "../types.js";
+import { ProcessedThemeObject } from "./utils/getMultidimensionalThemes.js";
+
+//#region src/tokens/process/configs.d.ts
+declare const configs: {
+  colorSchemeVariables: GetStyleDictionaryConfig;
+  colorVariables: GetStyleDictionaryConfig;
+  sizeModeVariables: GetStyleDictionaryConfig;
+  sizeVariables: GetStyleDictionaryConfig;
+  typographyVariables: GetStyleDictionaryConfig;
+  typeScaleVariables: GetStyleDictionaryConfig;
+  semanticVariables: GetStyleDictionaryConfig;
+};
+declare const getConfigsForThemeDimensions: (getConfig: GetStyleDictionaryConfig, processed$themes: ProcessedThemeObject[], dimensions: ThemeDimension[], options: GetSDConfigOptions) => SDConfigForThemePermutation[];
+//#endregion
+export { configs, getConfigsForThemeDimensions };
+//# sourceMappingURL=configs.d.ts.map

package/dist/src/tokens/process/configs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configs.d.ts","names":[],"sources":["../../../../src/tokens/process/configs.ts"],"mappings":";;;;;cA6Ba,OAAA;;;;;;;;;cAUA,4BAAA,GACX,SAAA,EAAW,wBAAA,EACX,gBAAA,EAAkB,oBAAA,IAClB,UAAA,EAAY,cAAA,IACZ,OAAA,EAAS,kBAAA,KACR,2BAAA"}

package/dist/src/tokens/process/configs.js

@@ -0,0 +1,74 @@
+import { traverseObj } from "../utils.js";
+import { resolveMath, sizeRem, typographyName, unitless } from "./transformers.js";
+import { formats } from "./formats/css.js";
+import { colorSchemeVariables, colorVariables } from "./configs/color.js";
+import { semanticVariables } from "./configs/semantic.js";
+import { sizeVariables } from "./configs/size.js";
+import { sizeModeVariables } from "./configs/size-mode.js";
+import { typeScaleVariables } from "./configs/type-scale.js";
+import { typographyVariables } from "./configs/typography.js";
+import { buildOptions } from "./platform.js";
+import { getMultidimensionalThemes } from "./utils/getMultidimensionalThemes.js";
+import * as R from "ramda";
+import StyleDictionary from "style-dictionary";
+import { register } from "@tokens-studio/sd-transforms";
+//#region src/tokens/process/configs.ts
+register(StyleDictionary, { withSDBuiltins: false });
+StyleDictionary.registerTransform(sizeRem);
+StyleDictionary.registerTransform(typographyName);
+StyleDictionary.registerTransform(resolveMath);
+StyleDictionary.registerTransform(unitless);
+for (const format of Object.values(formats)) StyleDictionary.registerFormat(format);
+const configs = {
+	colorSchemeVariables,
+	colorVariables,
+	sizeModeVariables,
+	sizeVariables,
+	typographyVariables,
+	typeScaleVariables,
+	semanticVariables
+};
+const getConfigsForThemeDimensions = (getConfig, processed$themes, dimensions, options) => {
+	const { tokensDir, tokenSets } = options;
+	return getMultidimensionalThemes(processed$themes, dimensions).flatMap(({ selectedTokenSets, permutation }) => {
+		const tokenSource = {
+			source: void 0,
+			tokens: {}
+		};
+		if (tokenSets) for (const tokenSet of selectedTokenSets) {
+			const tokens = tokenSets.get(tokenSet);
+			if (tokens) {
+				const tokensWithFilePath = traverseObj(tokens, (obj) => {
+					if (Object.hasOwn(obj, `$value`) && !obj.filePath) obj.filePath = tokenSet;
+				});
+				tokenSource.tokens = R.mergeDeepRight(tokenSource.tokens, tokensWithFilePath);
+			}
+		}
+		else tokenSource.source = selectedTokenSets.map((x) => `${tokensDir}/${x}.json`);
+		const configOrConfigs = getConfig(permutation);
+		return (Array.isArray(configOrConfigs) ? configOrConfigs : [{ config: configOrConfigs }]).map(({ config, permutationOverrides }) => {
+			return {
+				permutation: {
+					...permutation,
+					...permutationOverrides
+				},
+				config: {
+					...config,
+					/** Use official W3C design token format
+					@see https://v4.styledictionary.com/info/dtcg/
+					@see https://design-tokens.github.io/community-group/format/ */
+					usesDtcg: true,
+					log: {
+						...config?.log,
+						verbosity: buildOptions?.verbose ? "verbose" : "silent"
+					},
+					...tokenSource
+				}
+			};
+		});
+	}).sort();
+};
+//#endregion
+export { configs, getConfigsForThemeDimensions };
+
+//# sourceMappingURL=configs.js.map

package/dist/src/tokens/process/configs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configs.js","names":[],"sources":["../../../../src/tokens/process/configs.ts"],"sourcesContent":["import { register } from '@tokens-studio/sd-transforms';\nimport * as R from 'ramda';\nimport StyleDictionary, { type Tokens } from 'style-dictionary';\nimport type { DesignTokens } from 'style-dictionary/types';\nimport type { GetSDConfigOptions, SDConfigForThemePermutation, ThemeDimension } from '../types.ts';\nimport { traverseObj } from '../utils.ts';\nimport { colorSchemeVariables, colorVariables } from './configs/color.ts';\nimport { semanticVariables } from './configs/semantic.ts';\nimport type { GetStyleDictionaryConfig } from './configs/shared.ts';\nimport { sizeVariables } from './configs/size.ts';\nimport { sizeModeVariables } from './configs/size-mode.ts';\nimport { typeScaleVariables } from './configs/type-scale.ts';\nimport { typographyVariables } from './configs/typography.ts';\nimport { formats } from './formats/css.ts';\nimport { buildOptions } from './platform.ts';\nimport { resolveMath, sizeRem, typographyName, unitless } from './transformers.ts';\nimport { getMultidimensionalThemes, type ProcessedThemeObject } from './utils/getMultidimensionalThemes.ts';\n\nvoid register(StyleDictionary, { withSDBuiltins: false });\n\nStyleDictionary.registerTransform(sizeRem);\nStyleDictionary.registerTransform(typographyName);\nStyleDictionary.registerTransform(resolveMath);\nStyleDictionary.registerTransform(unitless);\n\nfor (const format of Object.values(formats)) {\n  StyleDictionary.registerFormat(format);\n}\n\nexport const configs = {\n  colorSchemeVariables,\n  colorVariables,\n  sizeModeVariables,\n  sizeVariables,\n  typographyVariables,\n  typeScaleVariables,\n  semanticVariables,\n};\n\nexport const getConfigsForThemeDimensions = (\n  getConfig: GetStyleDictionaryConfig,\n  processed$themes: ProcessedThemeObject[],\n  dimensions: ThemeDimension[],\n  options: GetSDConfigOptions,\n): SDConfigForThemePermutation[] => {\n  const { tokensDir, tokenSets } = options;\n\n  const permutations = getMultidimensionalThemes(processed$themes, dimensions);\n  return permutations\n    .flatMap(({ selectedTokenSets, permutation }) => {\n      const tokenSource: { source?: string[]; tokens: Tokens } = { source: undefined, tokens: {} };\n\n      if (tokenSets) {\n        for (const tokenSet of selectedTokenSets) {\n          const tokens = tokenSets.get(tokenSet);\n\n          if (tokens) {\n            const tokensWithFilePath = traverseObj(tokens as DesignTokens, (obj) => {\n              if (Object.hasOwn(obj, `$value`) && !obj.filePath) {\n                obj.filePath = tokenSet;\n              }\n            });\n\n            // Merge tokenSets into a single tokens object with filePath denoting tokenSet\n            tokenSource.tokens = R.mergeDeepRight(tokenSource.tokens, tokensWithFilePath) as DesignTokens;\n          }\n        }\n      } else {\n        // Tell SD where to read tokenSets from disk\n        tokenSource.source = selectedTokenSets.map((x) => `${tokensDir}/${x}.json`);\n      }\n\n      const configOrConfigs = getConfig(permutation);\n      const configs_ = Array.isArray(configOrConfigs) ? configOrConfigs : [{ config: configOrConfigs }];\n\n      const configs: SDConfigForThemePermutation[] = configs_.map(({ config, permutationOverrides }) => {\n        return {\n          permutation: { ...permutation, ...permutationOverrides },\n          config: {\n            ...config,\n            /** Use official W3C design token format\n            @see https://v4.styledictionary.com/info/dtcg/\n            @see https://design-tokens.github.io/community-group/format/ */\n            usesDtcg: true,\n            log: {\n              ...config?.log,\n              verbosity: buildOptions?.verbose ? 'verbose' : 'silent',\n            },\n            ...tokenSource,\n          },\n        };\n      });\n\n      return configs;\n    })\n    .sort();\n};\n"],"mappings":";;;;;;;;;;;;;;;AAkBK,SAAS,iBAAiB,EAAE,gBAAgB,MAAM,CAAC;AAExD,gBAAgB,kBAAkB,OAAO;AACzC,gBAAgB,kBAAkB,cAAc;AAChD,gBAAgB,kBAAkB,WAAW;AAC7C,gBAAgB,kBAAkB,QAAQ;AAE1C,KAAK,MAAM,UAAU,OAAO,OAAO,OAAO,GACxC,gBAAgB,eAAe,MAAM;AAGvC,MAAa,UAAU;CACrB;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAa,gCACX,WACA,kBACA,YACA,YACkC;CAClC,MAAM,EAAE,WAAW,cAAc;CAGjC,OADqB,0BAA0B,kBAAkB,UAC/C,CAAC,CAChB,SAAS,EAAE,mBAAmB,kBAAkB;EAC/C,MAAM,cAAqD;GAAE,QAAQ,KAAA;GAAW,QAAQ,CAAC;EAAE;EAE3F,IAAI,WACF,KAAK,MAAM,YAAY,mBAAmB;GACxC,MAAM,SAAS,UAAU,IAAI,QAAQ;GAErC,IAAI,QAAQ;IACV,MAAM,qBAAqB,YAAY,SAAyB,QAAQ;KACtE,IAAI,OAAO,OAAO,KAAK,QAAQ,KAAK,CAAC,IAAI,UACvC,IAAI,WAAW;IAEnB,CAAC;IAGD,YAAY,SAAS,EAAE,eAAe,YAAY,QAAQ,kBAAkB;GAC9E;EACF;OAGA,YAAY,SAAS,kBAAkB,KAAK,MAAM,GAAG,UAAU,GAAG,EAAE,MAAM;EAG5E,MAAM,kBAAkB,UAAU,WAAW;EAqB7C,QApBiB,MAAM,QAAQ,eAAe,IAAI,kBAAkB,CAAC,EAAE,QAAQ,gBAAgB,CAAC,EAAA,CAExC,KAAK,EAAE,QAAQ,2BAA2B;GAChG,OAAO;IACL,aAAa;KAAE,GAAG;KAAa,GAAG;IAAqB;IACvD,QAAQ;KACN,GAAG;;;;KAIH,UAAU;KACV,KAAK;MACH,GAAG,QAAQ;MACX,WAAW,cAAc,UAAU,YAAY;KACjD;KACA,GAAG;IACL;GACF;EACF,CAEa;CACf,CAAC,CAAC,CACD,KAAK;AACV"}

package/dist/src/tokens/process/formats/css/color.d.ts

@@ -0,0 +1,8 @@
+import { Format } from "style-dictionary/types";
+
+//#region src/tokens/process/formats/css/color.d.ts
+declare const colorScheme: Format;
+declare const colorCategory: Format;
+//#endregion
+export { colorCategory, colorScheme };
+//# sourceMappingURL=color.d.ts.map

package/dist/src/tokens/process/formats/css/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","names":[],"sources":["../../../../../../src/tokens/process/formats/css/color.ts"],"mappings":";;;cAca,WAAA,EAAa,MA2CzB;AAAA,cAEY,aAAA,EAAe,MAwC3B"}

package/dist/src/tokens/process/formats/css/color.js

@@ -0,0 +1,64 @@
+import { isSemanticToken } from "../../../utils.js";
+import { buildOptions } from "../../platform.js";
+import * as R from "ramda";
+import { createPropertyFormatter } from "style-dictionary/utils";
+//#region src/tokens/process/formats/css/color.ts
+const prefersColorScheme = (colorScheme, content) => `
+@media (prefers-color-scheme: ${colorScheme}) {
+  [data-color-scheme="auto"] ${content}
+}
+`;
+const colorScheme = {
+	name: "ds/css-colorscheme",
+	format: async ({ dictionary, options, platform }) => {
+		const { allTokens } = dictionary;
+		const { outputReferences, usesDtcg } = options;
+		const { selector, colorScheme, layer } = platform;
+		const colorScheme_ = colorScheme;
+		const format = createPropertyFormatter({
+			outputReferences,
+			dictionary,
+			format: "css",
+			usesDtcg
+		});
+		const colorSchemeProperty = colorScheme_ === "dark" || colorScheme_ === "light" ? `\n  color-scheme: ${colorScheme_};\n` : "";
+		const content = `{\n${allTokens.filter(R.allPass([R.anyPass([isSemanticToken])])).map((token) => ({
+			token,
+			formatted: format(token)
+		})).map(R.view(R.lensProp("formatted"))).join("\n")}\n${colorSchemeProperty}}\n`;
+		const autoSelectorContent = ["light", "dark"].includes(colorScheme_) ? prefersColorScheme(colorScheme_, content) : "";
+		return R.isNotNil(layer) ? `@layer ${layer} {\n${selector} ${content} ${autoSelectorContent}\n}\n` : `${selector} ${content} ${autoSelectorContent}\n`;
+	}
+};
+const colorCategory = {
+	name: "ds/css-colorcategory",
+	format: async ({ dictionary, file, options, platform }) => {
+		const { outputReferences, usesDtcg } = options;
+		const { selector, layer } = platform;
+		const destination = file.destination;
+		const format = R.compose(createPropertyFormatter({
+			outputReferences,
+			dictionary,
+			format: "css",
+			usesDtcg
+		}), (token) => ({
+			...token,
+			name: token.name.replace(`color-${token.path[1]}-`, "color-"),
+			original: {
+				...token.original,
+				$value: `{${token.path.join(".")}}`
+			}
+		}));
+		const formattedMap = dictionary.allTokens.map((token) => ({
+			token,
+			formatted: format(token)
+		}));
+		buildOptions.buildTokenFormats[destination] = formattedMap;
+		const content = `{\n${formattedMap.map(R.view(R.lensProp("formatted"))).join("\n")}\n}\n`;
+		return R.isNotNil(layer) ? `@layer ${layer} {\n${selector} ${content}\n}\n` : `${selector} ${content}\n`;
+	}
+};
+//#endregion
+export { colorCategory, colorScheme };
+
+//# sourceMappingURL=color.js.map

package/dist/src/tokens/process/formats/css/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","names":[],"sources":["../../../../../../src/tokens/process/formats/css/color.ts"],"sourcesContent":["import * as R from 'ramda';\nimport type { TransformedToken } from 'style-dictionary';\nimport type { Format } from 'style-dictionary/types';\nimport { createPropertyFormatter } from 'style-dictionary/utils';\n\nimport { isSemanticToken } from '../../../utils.ts';\nimport { buildOptions } from '../../platform.ts';\n\nconst prefersColorScheme = (colorScheme: string, content: string) => `\n@media (prefers-color-scheme: ${colorScheme}) {\n  [data-color-scheme=\"auto\"] ${content}\n}\n`;\n\nexport const colorScheme: Format = {\n  name: 'ds/css-colorscheme',\n  format: async ({ dictionary, options, platform }) => {\n    const { allTokens } = dictionary;\n    const { outputReferences, usesDtcg } = options;\n    const { selector, colorScheme, layer } = platform;\n\n    const colorScheme_ = colorScheme as string;\n\n    const format = createPropertyFormatter({\n      outputReferences,\n      dictionary,\n      format: 'css',\n      usesDtcg,\n    });\n\n    const colorSchemeProperty =\n      colorScheme_ === 'dark' || colorScheme_ === 'light' ? `\\n  color-scheme: ${colorScheme_};\\n` : '';\n\n    const filteredAllTokens = allTokens.filter(\n      R.allPass([\n        R.anyPass([\n          // Include semantic tokens in the output\n          isSemanticToken,\n        ]),\n      ]),\n    );\n    const formattedMap = filteredAllTokens.map((token: TransformedToken) => ({\n      token,\n      formatted: format(token),\n    }));\n\n    const formattedTokens = formattedMap.map(R.view(R.lensProp('formatted'))).join('\\n');\n    const content = `{\\n${formattedTokens}\\n${colorSchemeProperty}}\\n`;\n    const autoSelectorContent = ['light', 'dark'].includes(colorScheme_)\n      ? prefersColorScheme(colorScheme_, content)\n      : '';\n    const body = R.isNotNil(layer)\n      ? `@layer ${layer} {\\n${selector} ${content} ${autoSelectorContent}\\n}\\n`\n      : `${selector} ${content} ${autoSelectorContent}\\n`;\n\n    return body;\n  },\n};\n\nexport const colorCategory: Format = {\n  name: 'ds/css-colorcategory',\n  format: async ({ dictionary, file, options, platform }) => {\n    const { outputReferences, usesDtcg } = options;\n    const { selector, layer } = platform;\n    const destination = file.destination as string;\n\n    const format = R.compose(\n      createPropertyFormatter({\n        outputReferences,\n        dictionary,\n        format: 'css',\n        usesDtcg,\n      }),\n      (token: TransformedToken) => ({\n        ...token,\n        // Strip the color name (e.g. \"color-brand1-\" -> \"color-\"). Color names can\n        // contain hyphens (e.g. \"my-brand\"), so remove the exact name from the path\n        // rather than matching with \\w+, which would stop at the first hyphen.\n        name: token.name.replace(`color-${token.path[1]}-`, 'color-'),\n        original: {\n          ...token.original,\n          $value: `{${token.path.join('.')}}`,\n        },\n      }),\n    );\n\n    const formattedMap = dictionary.allTokens.map((token: TransformedToken) => ({\n      token,\n      formatted: format(token),\n    }));\n\n    buildOptions.buildTokenFormats[destination] = formattedMap;\n\n    const formattedTokens = formattedMap.map(R.view(R.lensProp('formatted'))).join('\\n');\n    const content = `{\\n${formattedTokens}\\n}\\n`;\n    const body = R.isNotNil(layer) ? `@layer ${layer} {\\n${selector} ${content}\\n}\\n` : `${selector} ${content}\\n`;\n\n    return body;\n  },\n};\n"],"mappings":";;;;;AAQA,MAAM,sBAAsB,aAAqB,YAAoB;gCACrC,YAAY;+BACb,QAAQ;;;AAIvC,MAAa,cAAsB;CACjC,MAAM;CACN,QAAQ,OAAO,EAAE,YAAY,SAAS,eAAe;EACnD,MAAM,EAAE,cAAc;EACtB,MAAM,EAAE,kBAAkB,aAAa;EACvC,MAAM,EAAE,UAAU,aAAa,UAAU;EAEzC,MAAM,eAAe;EAErB,MAAM,SAAS,wBAAwB;GACrC;GACA;GACA,QAAQ;GACR;EACF,CAAC;EAED,MAAM,sBACJ,iBAAiB,UAAU,iBAAiB,UAAU,qBAAqB,aAAa,OAAO;EAgBjG,MAAM,UAAU,MAdU,UAAU,OAClC,EAAE,QAAQ,CACR,EAAE,QAAQ,CAER,eACF,CAAC,CACH,CAAC,CAEkC,CAAC,CAAC,KAAK,WAA6B;GACvE;GACA,WAAW,OAAO,KAAK;EACzB,EAEmC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,IAC3C,EAAE,IAAI,oBAAoB;EAC9D,MAAM,sBAAsB,CAAC,SAAS,MAAM,CAAC,CAAC,SAAS,YAAY,IAC/D,mBAAmB,cAAc,OAAO,IACxC;EAKJ,OAJa,EAAE,SAAS,KAAK,IACzB,UAAU,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,oBAAoB,SACjE,GAAG,SAAS,GAAG,QAAQ,GAAG,oBAAoB;CAGpD;AACF;AAEA,MAAa,gBAAwB;CACnC,MAAM;CACN,QAAQ,OAAO,EAAE,YAAY,MAAM,SAAS,eAAe;EACzD,MAAM,EAAE,kBAAkB,aAAa;EACvC,MAAM,EAAE,UAAU,UAAU;EAC5B,MAAM,cAAc,KAAK;EAEzB,MAAM,SAAS,EAAE,QACf,wBAAwB;GACtB;GACA;GACA,QAAQ;GACR;EACF,CAAC,IACA,WAA6B;GAC5B,GAAG;GAIH,MAAM,MAAM,KAAK,QAAQ,SAAS,MAAM,KAAK,GAAG,IAAI,QAAQ;GAC5D,UAAU;IACR,GAAG,MAAM;IACT,QAAQ,IAAI,MAAM,KAAK,KAAK,GAAG,EAAE;GACnC;EACF,EACF;EAEA,MAAM,eAAe,WAAW,UAAU,KAAK,WAA6B;GAC1E;GACA,WAAW,OAAO,KAAK;EACzB,EAAE;EAEF,aAAa,kBAAkB,eAAe;EAG9C,MAAM,UAAU,MADQ,aAAa,IAAI,EAAE,KAAK,EAAE,SAAS,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,IAC3C,EAAE;EAGtC,OAFa,EAAE,SAAS,KAAK,IAAI,UAAU,MAAM,MAAM,SAAS,GAAG,QAAQ,SAAS,GAAG,SAAS,GAAG,QAAQ;CAG7G;AACF"}

package/dist/src/tokens/process/formats/css/semantic.d.ts

@@ -0,0 +1,7 @@
+import { Format } from "style-dictionary/types";
+
+//#region src/tokens/process/formats/css/semantic.d.ts
+declare const semantic: Format;
+//#endregion
+export { semantic };
+//# sourceMappingURL=semantic.d.ts.map

package/dist/src/tokens/process/formats/css/semantic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"semantic.d.ts","names":[],"sources":["../../../../../../src/tokens/process/formats/css/semantic.ts"],"mappings":";;;cAOa,QAAA,EAAU,MA8BtB"}

package/dist/src/tokens/process/formats/css/semantic.js

@@ -0,0 +1,31 @@
+import { inlineTokens } from "../../../utils.js";
+import { isInlineTokens } from "./size.js";
+import { buildOptions } from "../../platform.js";
+import * as R from "ramda";
+import { createPropertyFormatter } from "style-dictionary/utils";
+//#region src/tokens/process/formats/css/semantic.ts
+const semantic = {
+	name: "ds/css-semantic",
+	format: async ({ dictionary, file, options, platform }) => {
+		const { outputReferences, usesDtcg } = options;
+		const { selector, layer } = platform;
+		const destination = file.destination;
+		const format = createPropertyFormatter({
+			outputReferences,
+			dictionary,
+			format: "css",
+			usesDtcg
+		});
+		const formattedMap = inlineTokens(isInlineTokens, dictionary.allTokens).map((token) => ({
+			token,
+			formatted: format(token)
+		}));
+		buildOptions.buildTokenFormats[destination] = formattedMap;
+		const content = `${selector} {\n${formattedMap.map(R.prop("formatted")).join("\n")}\n}\n`;
+		return R.isNotNil(layer) ? `@layer ${layer} {\n${content}\n}\n` : `${content}\n`;
+	}
+};
+//#endregion
+export { semantic };
+
+//# sourceMappingURL=semantic.js.map

package/dist/src/tokens/process/formats/css/semantic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"semantic.js","names":[],"sources":["../../../../../../src/tokens/process/formats/css/semantic.ts"],"sourcesContent":["import * as R from 'ramda';\nimport type { Format } from 'style-dictionary/types';\nimport { createPropertyFormatter } from 'style-dictionary/utils';\nimport { inlineTokens } from '../../../utils.ts';\nimport { buildOptions } from '../../platform.ts';\nimport { isInlineTokens } from './size.ts';\n\nexport const semantic: Format = {\n  name: 'ds/css-semantic',\n  format: async ({ dictionary, file, options, platform }) => {\n    const { outputReferences, usesDtcg } = options;\n    const { selector, layer } = platform;\n    const destination = file.destination as string;\n\n    const format = createPropertyFormatter({\n      outputReferences,\n      dictionary,\n      format: 'css',\n      usesDtcg,\n    });\n\n    const tokens = inlineTokens(isInlineTokens, dictionary.allTokens);\n\n    const formattedMap = tokens.map((token) => ({\n      token,\n      formatted: format(token),\n    }));\n\n    buildOptions.buildTokenFormats[destination] = formattedMap;\n\n    const formattedTokens = formattedMap.map(R.prop('formatted')).join('\\n');\n\n    const content = `${selector} {\\n${formattedTokens}\\n}\\n`;\n    const body = R.isNotNil(layer) ? `@layer ${layer} {\\n${content}\\n}\\n` : `${content}\\n`;\n\n    return body;\n  },\n};\n"],"mappings":";;;;;;AAOA,MAAa,WAAmB;CAC9B,MAAM;CACN,QAAQ,OAAO,EAAE,YAAY,MAAM,SAAS,eAAe;EACzD,MAAM,EAAE,kBAAkB,aAAa;EACvC,MAAM,EAAE,UAAU,UAAU;EAC5B,MAAM,cAAc,KAAK;EAEzB,MAAM,SAAS,wBAAwB;GACrC;GACA;GACA,QAAQ;GACR;EACF,CAAC;EAID,MAAM,eAFS,aAAa,gBAAgB,WAAW,SAE7B,CAAC,CAAC,KAAK,WAAW;GAC1C;GACA,WAAW,OAAO,KAAK;EACzB,EAAE;EAEF,aAAa,kBAAkB,eAAe;EAI9C,MAAM,UAAU,GAAG,SAAS,MAFJ,aAAa,IAAI,EAAE,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,IAEnB,EAAE;EAGlD,OAFa,EAAE,SAAS,KAAK,IAAI,UAAU,MAAM,MAAM,QAAQ,SAAS,GAAG,QAAQ;CAGrF;AACF"}