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

package/dist/src/tokens/create/generators/$themes.js

@@ -0,0 +1,158 @@
+import { TokenSetStatus } from "../../../../node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TokenSetStatus.js";
+import "../../../../node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/types/index.js";
+//#region src/tokens/create/generators/$themes.ts
+async function createHash(text, algo = "SHA-1") {
+	const crypto = globalThis.crypto;
+	return Array.from(new Uint8Array(await crypto.subtle.digest(algo, new TextEncoder().encode(text))), (byte) => byte.toString(16).padStart(2, "0")).join("");
+}
+/**
+
+* Generates the `$themes.json` file which is used by Token Studio to update Figma variable collections and modes.
+
+* **IMPORTANT:**
+
+* We use existing Figma variable ids to update existing collections/modes fetched from our published Figma community file.
+
+* These are important for maintaining existing variables in user files when updating tokens.
+
+* Omitting these ids results will result in the following bugs:
+- New collections/modes being created which may cause ghost variables in Figma.
+- New collections/modes may cause users hitting the cap on Figma variable modes which is at time of writing 4 (or unlimited for enterprise).
+
+*/
+async function generate$Themes(tokenSetDimensions, themeNames, colorNames) {
+	const { colorSchemes, sizeModes } = tokenSetDimensions;
+	return [
+		...generateSizeGroup(sizeModes),
+		...await generateThemesGroup(themeNames),
+		...generateTypographyGroup(themeNames),
+		...generateColorSchemesGroup(colorSchemes, themeNames),
+		generateSemanticGroup(),
+		...await generateColorGroup(colorNames)
+	];
+}
+function generateSizeGroup(_sizes) {
+	return [
+		{
+			id: "8b2c8cc86611a34b135cb22948666779361fd729",
+			name: "medium",
+			$figmaStyleReferences: {},
+			selectedTokenSets: {
+				"primitives/modes/size/medium": TokenSetStatus.SOURCE,
+				"primitives/modes/size/global": TokenSetStatus.ENABLED,
+				"primitives/modes/typography/size/medium": TokenSetStatus.ENABLED
+			},
+			$figmaCollectionId: "VariableCollectionId:36248:20757",
+			$figmaModeId: "41630:1",
+			group: "Size"
+		},
+		{
+			id: "d49b9eebeb48a4f165a74b7261733d0a73370f0e",
+			name: "large",
+			$figmaStyleReferences: {},
+			selectedTokenSets: {
+				"primitives/modes/size/large": TokenSetStatus.SOURCE,
+				"primitives/modes/size/global": TokenSetStatus.ENABLED,
+				"primitives/modes/typography/size/large": TokenSetStatus.ENABLED
+			},
+			$figmaCollectionId: "VariableCollectionId:36248:20757",
+			$figmaModeId: "41630:2",
+			group: "Size"
+		},
+		{
+			id: "fb11567729c298ca37c9da4e3a27716a23480824",
+			name: "small",
+			$figmaStyleReferences: {},
+			selectedTokenSets: {
+				"primitives/modes/size/small": TokenSetStatus.SOURCE,
+				"primitives/modes/size/global": TokenSetStatus.ENABLED,
+				"primitives/modes/typography/size/small": TokenSetStatus.ENABLED
+			},
+			$figmaCollectionId: "VariableCollectionId:36248:20757",
+			$figmaModeId: "41630:3",
+			group: "Size"
+		}
+	];
+}
+const colorSchemeDefaults = {
+	light: {
+		name: "Light",
+		selectedTokenSets: {},
+		id: "0daa3ca0b427b9349da7e7dc00101b5668972926",
+		$figmaCollectionId: "VariableCollectionId:34811:5472",
+		$figmaModeId: "34811:0"
+	},
+	dark: {
+		name: "Dark",
+		selectedTokenSets: {},
+		id: "9ebd8aed52afbffc17e2666e8b4653a53498b257",
+		$figmaCollectionId: "VariableCollectionId:34811:5472",
+		$figmaModeId: "34811:1"
+	},
+	contrast: {
+		name: "Contrast",
+		selectedTokenSets: {},
+		id: "9ebd8aed52afbffc17e2666e8b4653a53498b123",
+		$figmaCollectionId: "VariableCollectionId:34811:5472",
+		$figmaModeId: "34811:2"
+	}
+};
+function generateColorSchemesGroup(colorSchemes, themes) {
+	return colorSchemes.map((scheme) => ({
+		...colorSchemeDefaults[scheme],
+		selectedTokenSets: Object.fromEntries([...themes.map((theme) => [`primitives/modes/color-scheme/${scheme}/${theme}`, TokenSetStatus.ENABLED])]),
+		group: "Color scheme"
+	}));
+}
+async function generateThemesGroup(themes) {
+	return Promise.all(themes.map(async (theme, index) => ({
+		id: await createHash(theme),
+		$figmaCollectionId: "VariableCollectionId:36528:61712",
+		$figmaModeId: `40960:${index + 6}`,
+		name: theme,
+		selectedTokenSets: { [`themes/${theme}`]: TokenSetStatus.ENABLED },
+		group: "Theme"
+	})));
+}
+function generateSemanticGroup() {
+	return {
+		id: "541629445ef90ad5363f9e88f52a1ccb617e6f84",
+		name: "Semantic",
+		selectedTokenSets: {
+			"semantic/style": TokenSetStatus.ENABLED,
+			"primitives/globals": TokenSetStatus.SOURCE
+		},
+		$figmaCollectionId: "VariableCollectionId:34811:5976",
+		$figmaModeId: "34811:5",
+		group: "Semantic"
+	};
+}
+async function generateColorGroup(colorNames) {
+	return Promise.all(colorNames.map(async (color) => ({
+		id: await createHash(color),
+		name: color,
+		selectedTokenSets: { [`semantic/color/${color}`]: TokenSetStatus.ENABLED },
+		group: `Color`
+	})));
+}
+function generateTypographyGroup(themes) {
+	return [{
+		id: "368d753fcac4455f289500eaa42e70dc0a03522f",
+		$figmaCollectionId: "VariableCollectionId:36248:20769",
+		$figmaModeId: "36248:2",
+		name: "Primary",
+		selectedTokenSets: Object.fromEntries(themes.map((theme) => [`primitives/modes/typography/primary/${theme}`, TokenSetStatus.ENABLED])),
+		group: "Typography"
+	}, {
+		id: "264b8bd1d40b364e1ea3acf09e49795ddd4c513c",
+		$figmaCollectionId: "VariableCollectionId:36248:20769",
+		$figmaModeId: "36248:3",
+		name: "Secondary",
+		selectedTokenSets: Object.fromEntries(themes.map((theme) => [`primitives/modes/typography/secondary/${theme}`, TokenSetStatus.ENABLED])),
+		group: "Typography"
+	}];
+}
+//#endregion
+export { generate$Themes };
+
+//# sourceMappingURL=$themes.js.map

package/dist/src/tokens/create/generators/$themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"$themes.js","names":[],"sources":["../../../../../src/tokens/create/generators/$themes.ts"],"sourcesContent":["import { type ThemeObject, TokenSetStatus } from '@tokens-studio/types';\n\nimport type { ColorScheme } from '../../../colors/types.ts';\nimport type { SizeModes, TokenSetDimensions } from '../../types.ts';\n\nasync function createHash(text: string, algo = 'SHA-1') {\n  const crypto = globalThis.crypto;\n  return Array.from(new Uint8Array(await crypto.subtle.digest(algo, new TextEncoder().encode(text))), (byte) =>\n    byte.toString(16).padStart(2, '0'),\n  ).join('');\n}\n\ntype ColorSchemes = Array<ColorScheme>;\n\ntype ThemeObject_ = ThemeObject & {\n  $figmaCollectionId?: string;\n  $figmaModeId?: string;\n  $figmaVariableReferences?: Record<string, string>;\n};\n\n/**\n\n* Generates the `$themes.json` file which is used by Token Studio to update Figma variable collections and modes.\n\n* **IMPORTANT:**\n\n* We use existing Figma variable ids to update existing collections/modes fetched from our published Figma community file.\n\n* These are important for maintaining existing variables in user files when updating tokens.\n\n* Omitting these ids results will result in the following bugs:\n - New collections/modes being created which may cause ghost variables in Figma.\n - New collections/modes may cause users hitting the cap on Figma variable modes which is at time of writing 4 (or unlimited for enterprise).\n\n*/\nexport async function generate$Themes(\n  tokenSetDimensions: TokenSetDimensions,\n  themeNames: string[],\n  colorNames: string[],\n): Promise<ThemeObject_[]> {\n  const { colorSchemes, sizeModes } = tokenSetDimensions;\n  return [\n    ...generateSizeGroup(sizeModes),\n    ...(await generateThemesGroup(themeNames)),\n    ...generateTypographyGroup(themeNames),\n    ...generateColorSchemesGroup(colorSchemes, themeNames),\n    generateSemanticGroup(),\n    ...(await generateColorGroup(colorNames)),\n  ];\n}\n\nfunction generateSizeGroup(_sizes: SizeModes[]): ThemeObject_[] {\n  return [\n    {\n      id: '8b2c8cc86611a34b135cb22948666779361fd729',\n      name: 'medium',\n      $figmaStyleReferences: {},\n      selectedTokenSets: {\n        'primitives/modes/size/medium': TokenSetStatus.SOURCE,\n        'primitives/modes/size/global': TokenSetStatus.ENABLED,\n        'primitives/modes/typography/size/medium': TokenSetStatus.ENABLED,\n      },\n      $figmaCollectionId: 'VariableCollectionId:36248:20757',\n      $figmaModeId: '41630:1',\n      group: 'Size',\n    },\n    {\n      id: 'd49b9eebeb48a4f165a74b7261733d0a73370f0e',\n      name: 'large',\n      $figmaStyleReferences: {},\n      selectedTokenSets: {\n        'primitives/modes/size/large': TokenSetStatus.SOURCE,\n        'primitives/modes/size/global': TokenSetStatus.ENABLED,\n        'primitives/modes/typography/size/large': TokenSetStatus.ENABLED,\n      },\n      $figmaCollectionId: 'VariableCollectionId:36248:20757',\n      $figmaModeId: '41630:2',\n      group: 'Size',\n    },\n    {\n      id: 'fb11567729c298ca37c9da4e3a27716a23480824',\n      name: 'small',\n      $figmaStyleReferences: {},\n      selectedTokenSets: {\n        'primitives/modes/size/small': TokenSetStatus.SOURCE,\n        'primitives/modes/size/global': TokenSetStatus.ENABLED,\n        'primitives/modes/typography/size/small': TokenSetStatus.ENABLED,\n      },\n      $figmaCollectionId: 'VariableCollectionId:36248:20757',\n      $figmaModeId: '41630:3',\n      group: 'Size',\n    },\n  ];\n}\n\nconst colorSchemeDefaults: Record<ColorScheme, ThemeObject_> = {\n  light: {\n    name: 'Light',\n    selectedTokenSets: {},\n    id: '0daa3ca0b427b9349da7e7dc00101b5668972926',\n    $figmaCollectionId: 'VariableCollectionId:34811:5472',\n    $figmaModeId: '34811:0',\n  },\n  dark: {\n    name: 'Dark',\n    selectedTokenSets: {},\n    id: '9ebd8aed52afbffc17e2666e8b4653a53498b257',\n    $figmaCollectionId: 'VariableCollectionId:34811:5472',\n    $figmaModeId: '34811:1',\n  },\n  contrast: {\n    name: 'Contrast',\n    selectedTokenSets: {},\n    id: '9ebd8aed52afbffc17e2666e8b4653a53498b123',\n    $figmaCollectionId: 'VariableCollectionId:34811:5472',\n    $figmaModeId: '34811:2',\n  },\n};\n\nfunction generateColorSchemesGroup(colorSchemes: ColorSchemes, themes: string[]): ThemeObject_[] {\n  return colorSchemes.map(\n    (scheme): ThemeObject_ => ({\n      ...colorSchemeDefaults[scheme],\n      selectedTokenSets: Object.fromEntries([\n        ...themes.map((theme) => [`primitives/modes/color-scheme/${scheme}/${theme}`, TokenSetStatus.ENABLED]),\n      ]),\n      group: 'Color scheme',\n    }),\n  );\n}\n\nasync function generateThemesGroup(themes: string[]): Promise<ThemeObject_[]> {\n  return Promise.all(\n    themes.map(\n      async (theme, index): Promise<ThemeObject_> => ({\n        id: await createHash(theme),\n        $figmaCollectionId: 'VariableCollectionId:36528:61712',\n        $figmaModeId: `40960:${index + 6}`, // Start on 6 in Token Studio and Community file for some reason\n        name: theme,\n        selectedTokenSets: {\n          [`themes/${theme}`]: TokenSetStatus.ENABLED,\n        },\n        group: 'Theme',\n      }),\n    ),\n  );\n}\n\nfunction generateSemanticGroup(): ThemeObject_ {\n  return {\n    id: '541629445ef90ad5363f9e88f52a1ccb617e6f84',\n    name: 'Semantic',\n    selectedTokenSets: {\n      'semantic/style': TokenSetStatus.ENABLED,\n      'primitives/globals': TokenSetStatus.SOURCE,\n    },\n    $figmaCollectionId: 'VariableCollectionId:34811:5976',\n    $figmaModeId: '34811:5',\n    group: 'Semantic',\n  };\n}\n\nasync function generateColorGroup(colorNames: string[]): Promise<ThemeObject_[]> {\n  return Promise.all(\n    colorNames.map(\n      async (color): Promise<ThemeObject_> => ({\n        id: await createHash(color),\n        name: color,\n        selectedTokenSets: {\n          [`semantic/color/${color}`]: TokenSetStatus.ENABLED,\n        },\n        group: `Color`,\n      }),\n    ),\n  );\n}\n\nfunction generateTypographyGroup(themes: string[]): ThemeObject_[] {\n  return [\n    {\n      id: '368d753fcac4455f289500eaa42e70dc0a03522f',\n      $figmaCollectionId: 'VariableCollectionId:36248:20769',\n      $figmaModeId: '36248:2',\n      name: 'Primary',\n      selectedTokenSets: Object.fromEntries(\n        themes.map((theme) => [`primitives/modes/typography/primary/${theme}`, TokenSetStatus.ENABLED]),\n      ),\n      group: 'Typography',\n    },\n    {\n      id: '264b8bd1d40b364e1ea3acf09e49795ddd4c513c',\n      $figmaCollectionId: 'VariableCollectionId:36248:20769',\n      $figmaModeId: '36248:3',\n      name: 'Secondary',\n      selectedTokenSets: Object.fromEntries(\n        themes.map((theme) => [`primitives/modes/typography/secondary/${theme}`, TokenSetStatus.ENABLED]),\n      ),\n      group: 'Typography',\n    },\n  ];\n}\n"],"mappings":"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"}

package/dist/src/tokens/create/generators/primitives/color-scheme.d.ts

@@ -0,0 +1,9 @@
+import { ColorOverrideSchema } from "../../../../schemas/v1.1/schema.js";
+import { ColorScheme, CssColor } from "../../../../colors/types.js";
+import { TokenSet } from "../../../types.js";
+
+//#region src/tokens/create/generators/primitives/color-scheme.d.ts
+declare const generateColorScheme: (themeName: string, colorScheme: ColorScheme, colors: Record<string, CssColor>, overrides?: ColorOverrideSchema) => TokenSet;
+//#endregion
+export { generateColorScheme };
+//# sourceMappingURL=color-scheme.d.ts.map

package/dist/src/tokens/create/generators/primitives/color-scheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme.d.ts","names":[],"sources":["../../../../../../src/tokens/create/generators/primitives/color-scheme.ts"],"mappings":";;;;;cAqBa,mBAAA,GACX,SAAA,UACA,WAAA,EAAa,WAAA,EACb,MAAA,EAAQ,MAAA,SAAe,QAAA,GACvB,SAAA,GAAY,mBAAA,KACX,QAAA"}

package/dist/src/tokens/create/generators/primitives/color-scheme.js

@@ -0,0 +1,71 @@
+import { baseColors, colorMetadata, dsLinkColor } from "../../../../colors/colorMetadata.js";
+import { generateColorScale } from "../../../../colors/theme.js";
+import "../../../../colors/index.js";
+import * as R from "ramda";
+//#region src/tokens/create/generators/primitives/color-scheme.ts
+const generateColor = (colorArray, overrides) => {
+	const obj = {};
+	const $type = "color";
+	for (const index in colorArray) {
+		const position = Number(index) + 1;
+		obj[position] = {
+			$type,
+			$value: overrides?.[position] || colorArray[index].hex
+		};
+	}
+	return obj;
+};
+const generateColorScheme = (themeName, colorScheme, colors, overrides) => {
+	const createColorOverrides = (colorName) => {
+		if (!overrides?.colors || !(colorName in overrides.colors)) return;
+		const colorOverrides = overrides.colors[colorName];
+		const positionOverrides = {};
+		Object.entries(colorOverrides).forEach(([semanticTokenName, modeOverrides]) => {
+			const position = colorMetadata[semanticTokenName].number;
+			if (position) {
+				let overrideValue;
+				if (colorScheme === "light" && modeOverrides.light) overrideValue = modeOverrides.light;
+				else if (colorScheme === "dark" && modeOverrides.dark) overrideValue = modeOverrides.dark;
+				if (overrideValue) positionOverrides[position] = overrideValue;
+			}
+		});
+		return Object.keys(positionOverrides).length > 0 ? positionOverrides : void 0;
+	};
+	const colorScales = R.mapObjIndexed((color, colorName) => {
+		if (colorName === "neutral") return generateColor(generateColorScale(colors.neutral, colorScheme), createColorOverrides("neutral"));
+		return generateColor(generateColorScale(color, colorScheme), createColorOverrides(colorName));
+	}, colors);
+	const baseColorsWithOverrides = {
+		...baseColors,
+		...overrides?.severity
+	};
+	const severityColors = R.mapObjIndexed((color, colorName) => generateColor(generateColorScale(color, colorScheme), createColorOverrides(colorName)), baseColorsWithOverrides);
+	const defaultLinkVisited = generateColor(generateColorScale(dsLinkColor, colorScheme))[12];
+	const linkOverride = overrides?.linkVisited?.[colorScheme] ? {
+		$type: "color",
+		$value: overrides.linkVisited[colorScheme]
+	} : void 0;
+	const defaultFocusInner = colorScales.neutral[1].$value;
+	const defaultFocusOuter = colorScales.neutral[11].$value;
+	const focusInnerOverride = overrides?.focus?.inner?.[colorScheme];
+	const focusOuterOverride = overrides?.focus?.outer?.[colorScheme];
+	return { [themeName]: {
+		...colorScales,
+		...severityColors,
+		link: { visited: linkOverride || defaultLinkVisited },
+		focus: {
+			inner: {
+				$type: "color",
+				$value: focusInnerOverride || defaultFocusInner
+			},
+			outer: {
+				$type: "color",
+				$value: focusOuterOverride || defaultFocusOuter
+			}
+		}
+	} };
+};
+//#endregion
+export { generateColorScheme };
+
+//# sourceMappingURL=color-scheme.js.map

package/dist/src/tokens/create/generators/primitives/color-scheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme.js","names":[],"sources":["../../../../../../src/tokens/create/generators/primitives/color-scheme.ts"],"sourcesContent":["import * as R from 'ramda';\nimport { baseColors, colorMetadata, dsLinkColor } from '../../../../colors/colorMetadata.ts';\nimport { generateColorScale } from '../../../../colors/index.ts';\nimport type { Color, ColorScheme, CssColor } from '../../../../colors/types.ts';\nimport type { ColorOverrideSchema } from '../../../../schemas/v1.1/schema.ts';\nimport type { Token, TokenSet } from '../../../types.ts';\n\nconst generateColor = (colorArray: Color[], overrides?: Record<number, string>): TokenSet => {\n  const obj: TokenSet = {};\n  const $type = 'color';\n  for (const index in colorArray) {\n    const position = Number(index) + 1;\n    const overrideValue = overrides?.[position];\n    obj[position] = {\n      $type,\n      $value: overrideValue || colorArray[index].hex,\n    };\n  }\n  return obj;\n};\n\nexport const generateColorScheme = (\n  themeName: string,\n  colorScheme: ColorScheme,\n  colors: Record<string, CssColor>,\n  overrides?: ColorOverrideSchema,\n): TokenSet => {\n  /* Create override mappings for each color */\n  const createColorOverrides = (colorName: string) => {\n    if (!overrides?.colors || !(colorName in overrides.colors)) {\n      return undefined;\n    }\n\n    const colorOverrides = overrides.colors[colorName];\n    const positionOverrides: Record<number, string> = {};\n\n    // Map semantic token names to color scale positions\n    Object.entries(colorOverrides).forEach(([semanticTokenName, modeOverrides]) => {\n      const position = colorMetadata[semanticTokenName as keyof typeof colorMetadata].number;\n      if (position) {\n        let overrideValue: string | undefined;\n\n        if (colorScheme === 'light' && modeOverrides.light) {\n          overrideValue = modeOverrides.light;\n        } else if (colorScheme === 'dark' && modeOverrides.dark) {\n          overrideValue = modeOverrides.dark;\n        }\n\n        if (overrideValue) {\n          positionOverrides[position] = overrideValue;\n        }\n      }\n    });\n\n    return Object.keys(positionOverrides).length > 0 ? positionOverrides : undefined;\n  };\n\n  const colorScales = R.mapObjIndexed((color, colorName) => {\n    if (colorName === 'neutral') {\n      const neutralColorScale = generateColorScale(colors.neutral, colorScheme);\n      return generateColor(neutralColorScale, createColorOverrides('neutral'));\n    }\n\n    return generateColor(generateColorScale(color, colorScheme), createColorOverrides(colorName));\n  }, colors);\n\n  const baseColorsWithOverrides = {\n    ...baseColors,\n    ...overrides?.severity,\n  };\n\n  const severityColors = R.mapObjIndexed(\n    (color, colorName) => generateColor(generateColorScale(color, colorScheme), createColorOverrides(colorName)),\n    baseColorsWithOverrides,\n  );\n\n  const linkColor = generateColor(generateColorScale(dsLinkColor, colorScheme));\n  const defaultLinkVisited = linkColor[12];\n  const linkOverride: Token | undefined = overrides?.linkVisited?.[colorScheme as 'light' | 'dark']\n    ? ({ $type: 'color', $value: overrides.linkVisited[colorScheme as 'light' | 'dark'] } as Token)\n    : undefined;\n\n  /* Default focus-inner is position 1 (background-default), focus-outer is position 11 (text-default) */\n  const defaultFocusInner = colorScales.neutral[1].$value;\n  const defaultFocusOuter = colorScales.neutral[11].$value;\n\n  const focusInnerOverride = overrides?.focus?.inner?.[colorScheme as 'light' | 'dark'];\n  const focusOuterOverride = overrides?.focus?.outer?.[colorScheme as 'light' | 'dark'];\n\n  return {\n    [themeName]: {\n      ...colorScales,\n      ...severityColors,\n      link: {\n        visited: linkOverride || defaultLinkVisited,\n      },\n      focus: {\n        inner: {\n          $type: 'color',\n          $value: focusInnerOverride || defaultFocusInner,\n        } as Token,\n        outer: {\n          $type: 'color',\n          $value: focusOuterOverride || defaultFocusOuter,\n        } as Token,\n      },\n    },\n  };\n};\n"],"mappings":";;;;;AAOA,MAAM,iBAAiB,YAAqB,cAAiD;CAC3F,MAAM,MAAgB,CAAC;CACvB,MAAM,QAAQ;CACd,KAAK,MAAM,SAAS,YAAY;EAC9B,MAAM,WAAW,OAAO,KAAK,IAAI;EAEjC,IAAI,YAAY;GACd;GACA,QAHoB,YAAY,aAGP,WAAW,MAAM,CAAC;EAC7C;CACF;CACA,OAAO;AACT;AAEA,MAAa,uBACX,WACA,aACA,QACA,cACa;CAEb,MAAM,wBAAwB,cAAsB;EAClD,IAAI,CAAC,WAAW,UAAU,EAAE,aAAa,UAAU,SACjD;EAGF,MAAM,iBAAiB,UAAU,OAAO;EACxC,MAAM,oBAA4C,CAAC;EAGnD,OAAO,QAAQ,cAAc,CAAC,CAAC,SAAS,CAAC,mBAAmB,mBAAmB;GAC7E,MAAM,WAAW,cAAc,kBAAgD,CAAC;GAChF,IAAI,UAAU;IACZ,IAAI;IAEJ,IAAI,gBAAgB,WAAW,cAAc,OAC3C,gBAAgB,cAAc;SACzB,IAAI,gBAAgB,UAAU,cAAc,MACjD,gBAAgB,cAAc;IAGhC,IAAI,eACF,kBAAkB,YAAY;GAElC;EACF,CAAC;EAED,OAAO,OAAO,KAAK,iBAAiB,CAAC,CAAC,SAAS,IAAI,oBAAoB,KAAA;CACzE;CAEA,MAAM,cAAc,EAAE,eAAe,OAAO,cAAc;EACxD,IAAI,cAAc,WAEhB,OAAO,cADmB,mBAAmB,OAAO,SAAS,WACxB,GAAG,qBAAqB,SAAS,CAAC;EAGzE,OAAO,cAAc,mBAAmB,OAAO,WAAW,GAAG,qBAAqB,SAAS,CAAC;CAC9F,GAAG,MAAM;CAET,MAAM,0BAA0B;EAC9B,GAAG;EACH,GAAG,WAAW;CAChB;CAEA,MAAM,iBAAiB,EAAE,eACtB,OAAO,cAAc,cAAc,mBAAmB,OAAO,WAAW,GAAG,qBAAqB,SAAS,CAAC,GAC3G,uBACF;CAGA,MAAM,qBADY,cAAc,mBAAmB,aAAa,WAAW,CACxC,CAAC,CAAC;CACrC,MAAM,eAAkC,WAAW,cAAc,eAC5D;EAAE,OAAO;EAAS,QAAQ,UAAU,YAAY;CAAiC,IAClF,KAAA;CAGJ,MAAM,oBAAoB,YAAY,QAAQ,EAAE,CAAC;CACjD,MAAM,oBAAoB,YAAY,QAAQ,GAAG,CAAC;CAElD,MAAM,qBAAqB,WAAW,OAAO,QAAQ;CACrD,MAAM,qBAAqB,WAAW,OAAO,QAAQ;CAErD,OAAO,GACJ,YAAY;EACX,GAAG;EACH,GAAG;EACH,MAAM,EACJ,SAAS,gBAAgB,mBAC3B;EACA,OAAO;GACL,OAAO;IACL,OAAO;IACP,QAAQ,sBAAsB;GAChC;GACA,OAAO;IACL,OAAO;IACP,QAAQ,sBAAsB;GAChC;EACF;CACF,EACF;AACF"}

package/dist/src/tokens/create/generators/primitives/globals.d.ts

@@ -0,0 +1,7 @@
+import { TokenSet } from "../../../types.js";
+
+//#region src/tokens/create/generators/primitives/globals.d.ts
+declare const generateGlobals: () => TokenSet;
+//#endregion
+export { generateGlobals };
+//# sourceMappingURL=globals.d.ts.map

package/dist/src/tokens/create/generators/primitives/globals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globals.d.ts","names":[],"sources":["../../../../../../src/tokens/create/generators/primitives/globals.ts"],"mappings":";;;cAkJa,eAAA,QAAe,QAAgB"}

package/dist/src/tokens/create/generators/primitives/globals.js

@@ -0,0 +1,144 @@
+//#region src/tokens/create/generators/primitives/globals.ts
+const globals = {
+	"border-width": {
+		"1": {
+			$type: "borderWidth",
+			$value: "1px"
+		},
+		"3": {
+			$type: "borderWidth",
+			$value: "3px"
+		}
+	},
+	shadow: {
+		"100": {
+			$type: "boxShadow",
+			$value: [{
+				color: "rgba(0,0,0,0.16)",
+				x: "0",
+				y: "0",
+				blur: "1",
+				spread: "0"
+			}, {
+				x: "0",
+				y: "1",
+				blur: "2",
+				spread: "0",
+				color: "rgba(0,0,0,0.12)"
+			}]
+		},
+		"200": {
+			$type: "boxShadow",
+			$value: [
+				{
+					color: "rgba(0,0,0,0.15)",
+					x: "0",
+					y: "0",
+					blur: "1",
+					spread: "0"
+				},
+				{
+					color: "rgba(0,0,0,0.12)",
+					x: "0",
+					y: "1",
+					blur: "2",
+					spread: "0"
+				},
+				{
+					x: "0",
+					y: "2",
+					blur: "4",
+					spread: "0",
+					color: "rgba(0,0,0,0.1)"
+				}
+			]
+		},
+		"300": {
+			$type: "boxShadow",
+			$value: [
+				{
+					color: "rgba(0,0,0,0.14)",
+					x: "0",
+					y: "0",
+					blur: "1",
+					spread: "0"
+				},
+				{
+					color: "rgba(0,0,0,0.12)",
+					x: "0",
+					y: "2",
+					blur: "4",
+					spread: "0"
+				},
+				{
+					x: "0",
+					y: "4",
+					blur: "8",
+					spread: "0",
+					color: "rgba(0,0,0,0.12)"
+				}
+			]
+		},
+		"400": {
+			$type: "boxShadow",
+			$value: [
+				{
+					color: "rgba(0,0,0,0.13)",
+					x: "0",
+					y: "0",
+					blur: "1",
+					spread: "0"
+				},
+				{
+					color: "rgba(0,0,0,0.13)",
+					x: "0",
+					y: "3",
+					blur: "5",
+					spread: "0"
+				},
+				{
+					x: "0",
+					y: "6",
+					blur: "12",
+					spread: "0",
+					color: "rgba(0,0,0,0.14)"
+				}
+			]
+		},
+		"500": {
+			$type: "boxShadow",
+			$value: [
+				{
+					color: "rgba(0,0,0,0.12)",
+					x: "0",
+					y: "0",
+					blur: "1",
+					spread: "0"
+				},
+				{
+					color: "rgba(0,0,0,0.16)",
+					x: "0",
+					y: "4",
+					blur: "8",
+					spread: "0"
+				},
+				{
+					x: "0",
+					y: "12",
+					blur: "24",
+					spread: "0",
+					color: "rgba(0,0,0,0.16)"
+				}
+			]
+		}
+	},
+	opacity: { "30": {
+		$type: "opacity",
+		$value: "30%"
+	} }
+};
+const generateGlobals = () => globals;
+//#endregion
+export { generateGlobals };
+
+//# sourceMappingURL=globals.js.map

package/dist/src/tokens/create/generators/primitives/globals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globals.js","names":[],"sources":["../../../../../../src/tokens/create/generators/primitives/globals.ts"],"sourcesContent":["import type { TokenSet } from '../../../types.ts';\n\nconst globals: TokenSet = {\n  'border-width': {\n    '1': {\n      $type: 'borderWidth',\n      $value: '1px',\n    },\n    '3': {\n      $type: 'borderWidth',\n      $value: '3px',\n    },\n  },\n  shadow: {\n    '100': {\n      $type: 'boxShadow',\n      $value: [\n        {\n          color: 'rgba(0,0,0,0.16)',\n          x: '0',\n          y: '0',\n          blur: '1',\n          spread: '0',\n        },\n        {\n          x: '0',\n          y: '1',\n          blur: '2',\n          spread: '0',\n          color: 'rgba(0,0,0,0.12)',\n        },\n      ],\n    },\n    '200': {\n      $type: 'boxShadow',\n      $value: [\n        {\n          color: 'rgba(0,0,0,0.15)',\n          x: '0',\n          y: '0',\n          blur: '1',\n          spread: '0',\n        },\n        {\n          color: 'rgba(0,0,0,0.12)',\n          x: '0',\n          y: '1',\n          blur: '2',\n          spread: '0',\n        },\n        {\n          x: '0',\n          y: '2',\n          blur: '4',\n          spread: '0',\n          color: 'rgba(0,0,0,0.1)',\n        },\n      ],\n    },\n    '300': {\n      $type: 'boxShadow',\n      $value: [\n        {\n          color: 'rgba(0,0,0,0.14)',\n          x: '0',\n          y: '0',\n          blur: '1',\n          spread: '0',\n        },\n        {\n          color: 'rgba(0,0,0,0.12)',\n          x: '0',\n          y: '2',\n          blur: '4',\n          spread: '0',\n        },\n        {\n          x: '0',\n          y: '4',\n          blur: '8',\n          spread: '0',\n          color: 'rgba(0,0,0,0.12)',\n        },\n      ],\n    },\n    '400': {\n      $type: 'boxShadow',\n      $value: [\n        {\n          color: 'rgba(0,0,0,0.13)',\n          x: '0',\n          y: '0',\n          blur: '1',\n          spread: '0',\n        },\n        {\n          color: 'rgba(0,0,0,0.13)',\n          x: '0',\n          y: '3',\n          blur: '5',\n          spread: '0',\n        },\n        {\n          x: '0',\n          y: '6',\n          blur: '12',\n          spread: '0',\n          color: 'rgba(0,0,0,0.14)',\n        },\n      ],\n    },\n    '500': {\n      $type: 'boxShadow',\n      $value: [\n        {\n          color: 'rgba(0,0,0,0.12)',\n          x: '0',\n          y: '0',\n          blur: '1',\n          spread: '0',\n        },\n        {\n          color: 'rgba(0,0,0,0.16)',\n          x: '0',\n          y: '4',\n          blur: '8',\n          spread: '0',\n        },\n        {\n          x: '0',\n          y: '12',\n          blur: '24',\n          spread: '0',\n          color: 'rgba(0,0,0,0.16)',\n        },\n      ],\n    },\n  },\n  opacity: {\n    '30': {\n      $type: 'opacity',\n      $value: '30%',\n    },\n  },\n} satisfies TokenSet;\n\nexport const generateGlobals = () => globals;\n"],"mappings":";AAEA,MAAM,UAAoB;CACxB,gBAAgB;EACd,KAAK;GACH,OAAO;GACP,QAAQ;EACV;EACA,KAAK;GACH,OAAO;GACP,QAAQ;EACV;CACF;CACA,QAAQ;EACN,OAAO;GACL,OAAO;GACP,QAAQ,CACN;IACE,OAAO;IACP,GAAG;IACH,GAAG;IACH,MAAM;IACN,QAAQ;GACV,GACA;IACE,GAAG;IACH,GAAG;IACH,MAAM;IACN,QAAQ;IACR,OAAO;GACT,CACF;EACF;EACA,OAAO;GACL,OAAO;GACP,QAAQ;IACN;KACE,OAAO;KACP,GAAG;KACH,GAAG;KACH,MAAM;KACN,QAAQ;IACV;IACA;KACE,OAAO;KACP,GAAG;KACH,GAAG;KACH,MAAM;KACN,QAAQ;IACV;IACA;KACE,GAAG;KACH,GAAG;KACH,MAAM;KACN,QAAQ;KACR,OAAO;IACT;GACF;EACF;EACA,OAAO;GACL,OAAO;GACP,QAAQ;IACN;KACE,OAAO;KACP,GAAG;KACH,GAAG;KACH,MAAM;KACN,QAAQ;IACV;IACA;KACE,OAAO;KACP,GAAG;KACH,GAAG;KACH,MAAM;KACN,QAAQ;IACV;IACA;KACE,GAAG;KACH,GAAG;KACH,MAAM;KACN,QAAQ;KACR,OAAO;IACT;GACF;EACF;EACA,OAAO;GACL,OAAO;GACP,QAAQ;IACN;KACE,OAAO;KACP,GAAG;KACH,GAAG;KACH,MAAM;KACN,QAAQ;IACV;IACA;KACE,OAAO;KACP,GAAG;KACH,GAAG;KACH,MAAM;KACN,QAAQ;IACV;IACA;KACE,GAAG;KACH,GAAG;KACH,MAAM;KACN,QAAQ;KACR,OAAO;IACT;GACF;EACF;EACA,OAAO;GACL,OAAO;GACP,QAAQ;IACN;KACE,OAAO;KACP,GAAG;KACH,GAAG;KACH,MAAM;KACN,QAAQ;IACV;IACA;KACE,OAAO;KACP,GAAG;KACH,GAAG;KACH,MAAM;KACN,QAAQ;IACV;IACA;KACE,GAAG;KACH,GAAG;KACH,MAAM;KACN,QAAQ;KACR,OAAO;IACT;GACF;EACF;CACF;CACA,SAAS,EACP,MAAM;EACJ,OAAO;EACP,QAAQ;CACV,EACF;AACF;AAEA,MAAa,wBAAwB"}

package/dist/src/tokens/create/generators/primitives/size.d.ts

@@ -0,0 +1,8 @@
+import { SizeModes, TokenSet } from "../../../types.js";
+
+//#region src/tokens/create/generators/primitives/size.d.ts
+declare const generateSize: (size: SizeModes) => TokenSet;
+declare const generateSizeGlobal: () => TokenSet;
+//#endregion
+export { generateSize, generateSizeGlobal };
+//# sourceMappingURL=size.d.ts.map

package/dist/src/tokens/create/generators/primitives/size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.d.ts","names":[],"sources":["../../../../../../src/tokens/create/generators/primitives/size.ts"],"mappings":";;;cA0Ja,YAAA,GAAgB,IAAA,EAAM,SAAA,KAAY,QAA2B;AAAA,cAC7D,kBAAA,QAAyB,QAAkB"}

package/dist/src/tokens/create/generators/primitives/size.js

@@ -0,0 +1,149 @@
+//#region src/tokens/create/generators/primitives/size.ts
+const global = { _size: {
+	"0": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 0)"
+	},
+	"1": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 1)"
+	},
+	"2": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 2)"
+	},
+	"3": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 3)"
+	},
+	"4": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 4)"
+	},
+	"5": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 5)"
+	},
+	"6": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 6)"
+	},
+	"7": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 7)"
+	},
+	"8": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 8)"
+	},
+	"9": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 9)"
+	},
+	"10": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 10)"
+	},
+	"11": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 11)"
+	},
+	"12": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 12)"
+	},
+	"13": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 13)"
+	},
+	"14": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 14)"
+	},
+	"15": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 15)"
+	},
+	"18": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 18)"
+	},
+	"22": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 22)"
+	},
+	"26": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 26)"
+	},
+	"30": {
+		$type: "dimension",
+		$value: "floor({_size.unit} * 30)"
+	},
+	"mode-font-size": {
+		$type: "number",
+		$value: "{size._mode-font-size}"
+	},
+	base: {
+		$type: "number",
+		$value: "{size._base}"
+	},
+	step: {
+		$type: "number",
+		$value: "{size._step}"
+	},
+	unit: {
+		$type: "number",
+		$value: "{_size.step} / {_size.base} * {_size.mode-font-size}"
+	}
+} };
+const sizeModes = {
+	large: { size: {
+		"_mode-font-size": {
+			$type: "dimension",
+			$value: "21"
+		},
+		_base: {
+			$type: "dimension",
+			$value: "18"
+		},
+		_step: {
+			$type: "dimension",
+			$value: "4"
+		}
+	} },
+	medium: { size: {
+		"_mode-font-size": {
+			$type: "dimension",
+			$value: "18"
+		},
+		_base: {
+			$type: "dimension",
+			$value: "18"
+		},
+		_step: {
+			$type: "dimension",
+			$value: "4"
+		}
+	} },
+	small: { size: {
+		"_mode-font-size": {
+			$type: "dimension",
+			$value: "16"
+		},
+		_base: {
+			$type: "dimension",
+			$value: "18"
+		},
+		_step: {
+			$type: "dimension",
+			$value: "4"
+		}
+	} }
+};
+const generateSize = (size) => sizeModes[size];
+const generateSizeGlobal = () => global;
+//#endregion
+export { generateSize, generateSizeGlobal };
+
+//# sourceMappingURL=size.js.map

package/dist/src/tokens/create/generators/primitives/size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.js","names":[],"sources":["../../../../../../src/tokens/create/generators/primitives/size.ts"],"sourcesContent":["import type { SizeModes, TokenSet } from '../../../types.ts';\n\nconst global: TokenSet = {\n  _size: {\n    '0': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 0)',\n    },\n    '1': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 1)',\n    },\n    '2': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 2)',\n    },\n    '3': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 3)',\n    },\n    '4': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 4)',\n    },\n    '5': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 5)',\n    },\n    '6': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 6)',\n    },\n    '7': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 7)',\n    },\n    '8': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 8)',\n    },\n    '9': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 9)',\n    },\n    '10': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 10)',\n    },\n    '11': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 11)',\n    },\n    '12': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 12)',\n    },\n    '13': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 13)',\n    },\n    '14': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 14)',\n    },\n    '15': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 15)',\n    },\n    '18': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 18)',\n    },\n    '22': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 22)',\n    },\n    '26': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 26)',\n    },\n    '30': {\n      $type: 'dimension',\n      $value: 'floor({_size.unit} * 30)',\n    },\n    'mode-font-size': {\n      $type: 'number',\n      $value: '{size._mode-font-size}',\n    },\n    base: {\n      $type: 'number',\n      $value: '{size._base}',\n    },\n    step: {\n      $type: 'number',\n      $value: '{size._step}',\n    },\n    unit: {\n      $type: 'number',\n      $value: '{_size.step} / {_size.base} * {_size.mode-font-size}',\n    },\n  },\n};\n\nconst sizeModes: Record<SizeModes, TokenSet> = {\n  large: {\n    size: {\n      '_mode-font-size': {\n        $type: 'dimension',\n        $value: '21',\n      },\n      _base: {\n        $type: 'dimension',\n        $value: '18',\n      },\n      _step: {\n        $type: 'dimension',\n        $value: '4',\n      },\n    },\n  },\n  medium: {\n    size: {\n      '_mode-font-size': {\n        $type: 'dimension',\n        $value: '18',\n      },\n      _base: {\n        $type: 'dimension',\n        $value: '18',\n      },\n      _step: {\n        $type: 'dimension',\n        $value: '4',\n      },\n    },\n  },\n  small: {\n    size: {\n      '_mode-font-size': {\n        $type: 'dimension',\n        $value: '16',\n      },\n      _base: {\n        $type: 'dimension',\n        $value: '18',\n      },\n      _step: {\n        $type: 'dimension',\n        $value: '4',\n      },\n    },\n  },\n};\n\nexport const generateSize = (size: SizeModes): TokenSet => sizeModes[size];\nexport const generateSizeGlobal = (): TokenSet => global;\n"],"mappings":";AAEA,MAAM,SAAmB,EACvB,OAAO;CACL,KAAK;EACH,OAAO;EACP,QAAQ;CACV;CACA,KAAK;EACH,OAAO;EACP,QAAQ;CACV;CACA,KAAK;EACH,OAAO;EACP,QAAQ;CACV;CACA,KAAK;EACH,OAAO;EACP,QAAQ;CACV;CACA,KAAK;EACH,OAAO;EACP,QAAQ;CACV;CACA,KAAK;EACH,OAAO;EACP,QAAQ;CACV;CACA,KAAK;EACH,OAAO;EACP,QAAQ;CACV;CACA,KAAK;EACH,OAAO;EACP,QAAQ;CACV;CACA,KAAK;EACH,OAAO;EACP,QAAQ;CACV;CACA,KAAK;EACH,OAAO;EACP,QAAQ;CACV;CACA,MAAM;EACJ,OAAO;EACP,QAAQ;CACV;CACA,MAAM;EACJ,OAAO;EACP,QAAQ;CACV;CACA,MAAM;EACJ,OAAO;EACP,QAAQ;CACV;CACA,MAAM;EACJ,OAAO;EACP,QAAQ;CACV;CACA,MAAM;EACJ,OAAO;EACP,QAAQ;CACV;CACA,MAAM;EACJ,OAAO;EACP,QAAQ;CACV;CACA,MAAM;EACJ,OAAO;EACP,QAAQ;CACV;CACA,MAAM;EACJ,OAAO;EACP,QAAQ;CACV;CACA,MAAM;EACJ,OAAO;EACP,QAAQ;CACV;CACA,MAAM;EACJ,OAAO;EACP,QAAQ;CACV;CACA,kBAAkB;EAChB,OAAO;EACP,QAAQ;CACV;CACA,MAAM;EACJ,OAAO;EACP,QAAQ;CACV;CACA,MAAM;EACJ,OAAO;EACP,QAAQ;CACV;CACA,MAAM;EACJ,OAAO;EACP,QAAQ;CACV;AACF,EACF;AAEA,MAAM,YAAyC;CAC7C,OAAO,EACL,MAAM;EACJ,mBAAmB;GACjB,OAAO;GACP,QAAQ;EACV;EACA,OAAO;GACL,OAAO;GACP,QAAQ;EACV;EACA,OAAO;GACL,OAAO;GACP,QAAQ;EACV;CACF,EACF;CACA,QAAQ,EACN,MAAM;EACJ,mBAAmB;GACjB,OAAO;GACP,QAAQ;EACV;EACA,OAAO;GACL,OAAO;GACP,QAAQ;EACV;EACA,OAAO;GACL,OAAO;GACP,QAAQ;EACV;CACF,EACF;CACA,OAAO,EACL,MAAM;EACJ,mBAAmB;GACjB,OAAO;GACP,QAAQ;EACV;EACA,OAAO;GACL,OAAO;GACP,QAAQ;EACV;EACA,OAAO;GACL,OAAO;GACP,QAAQ;EACV;CACF,EACF;AACF;AAEA,MAAa,gBAAgB,SAA8B,UAAU;AACrE,MAAa,2BAAqC"}

package/dist/src/tokens/create/generators/primitives/typography.d.ts

@@ -0,0 +1,10 @@
+import { SizeModes, TokenSet, Typography } from "../../../types.js";
+
+//#region src/tokens/create/generators/primitives/typography.d.ts
+declare const generateTypography: (themeName: string, {
+  fontFamily
+}: Typography) => TokenSet;
+declare const generateFontSizes: (size: SizeModes) => TokenSet;
+//#endregion
+export { generateFontSizes, generateTypography };
+//# sourceMappingURL=typography.d.ts.map

package/dist/src/tokens/create/generators/primitives/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","names":[],"sources":["../../../../../../src/tokens/create/generators/primitives/typography.ts"],"mappings":";;;cAEa,kBAAA,GAAsB,SAAA;EAAmB;AAAA,GAAgB,UAAA,KAAa,QAAA;AAAA,cAuBtE,iBAAA,GAAqB,IAAA,EAAM,SAAA,KAAY,QAA2B"}