@digdir/designsystemet 0.0.0-deps-tsdown-20260421103939

package/dist/src/tokens/create/generators/$designsystemet.d.ts

@@ -0,0 +1,5 @@
+export declare function generate$Designsystemet(): {
+    name: string;
+    version: string;
+};
+//# sourceMappingURL=$designsystemet.d.ts.map

package/dist/src/tokens/create/generators/$designsystemet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"$designsystemet.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/create/generators/$designsystemet.ts"],"names":[],"mappings":"AAEA,wBAAgB,uBAAuB;;;EAKtC"}

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

@@ -0,0 +1,10 @@
+import { name, version } from "../../../../package.js";
+//#region src/tokens/create/generators/$designsystemet.ts
+function generate$Designsystemet() {
+	return {
+		name,
+		version
+	};
+}
+//#endregion
+export { generate$Designsystemet };

package/dist/src/tokens/create/generators/$metadata.d.ts

@@ -0,0 +1,8 @@
+import type { ColorScheme } from '../../../colors/types.js';
+import type { Colors, SizeModes } from '../../types.js';
+type Metadata = {
+    tokenSetOrder: string[];
+};
+export declare function generate$Metadata(schemes: ColorScheme[], themes: string[], colors: Colors, sizeModes: SizeModes[]): Metadata;
+export {};
+//# sourceMappingURL=$metadata.d.ts.map

package/dist/src/tokens/create/generators/$metadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"$metadata.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/create/generators/$metadata.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAExD,KAAK,QAAQ,GAAG;IACd,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,WAAW,EAAE,EACtB,MAAM,EAAE,MAAM,EAAE,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EAAE,GACrB,QAAQ,CAiBV"}

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

@@ -0,0 +1,19 @@
+//#region src/tokens/create/generators/$metadata.ts
+function generate$Metadata(schemes, themes, colors, sizeModes) {
+	return { tokenSetOrder: [
+		"primitives/globals",
+		...sizeModes.map((size) => `primitives/modes/size/${size}`),
+		"primitives/modes/size/global",
+		...sizeModes.map((size) => `primitives/modes/typography/size/${size}`),
+		...themes.map((theme) => `primitives/modes/typography/primary/${theme}`),
+		...themes.map((theme) => `primitives/modes/typography/secondary/${theme}`),
+		...schemes.flatMap((scheme) => [...themes.map((theme) => `primitives/modes/color-scheme/${scheme}/${theme}`)]),
+		...themes.map((theme) => `themes/${theme}`),
+		"semantic/color",
+		...Object.entries(colors.main).map(([color]) => `semantic/modes/main-color/${color}`),
+		...Object.entries(colors.support).map(([color]) => `semantic/modes/support-color/${color}`),
+		"semantic/style"
+	] };
+}
+//#endregion
+export { generate$Metadata };

package/dist/src/tokens/create/generators/$themes.d.ts

@@ -0,0 +1,27 @@
+import { type ThemeObject } from '@tokens-studio/types';
+import type { ColorScheme } from '../../../colors/types.js';
+import type { Colors, SizeModes } from '../../types.js';
+type ColorSchemes = Array<ColorScheme>;
+type ThemeObject_ = ThemeObject & {
+    $figmaCollectionId?: string;
+    $figmaModeId?: string;
+    $figmaVariableReferences?: Record<string, string>;
+};
+/**
+
+* 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).
+
+*/
+export declare function generate$Themes(colorSchemes: ColorSchemes, themes: string[], colors: Colors, sizeModes: SizeModes[]): Promise<ThemeObject_[]>;
+export {};
+//# sourceMappingURL=$themes.d.ts.map

package/dist/src/tokens/create/generators/$themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"$themes.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/create/generators/$themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,sBAAsB,CAAC;AAExE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAWxD,KAAK,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAEvC,KAAK,YAAY,GAAG,WAAW,GAAG;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wBAAwB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnD,CAAC;AAEF;;;;;;;;;;;;;;EAcE;AACF,wBAAsB,eAAe,CACnC,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EAAE,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EAAE,GACrB,OAAO,CAAC,YAAY,EAAE,CAAC,CAUzB"}

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
+const capitalize = (word) => word.charAt(0).toUpperCase() + word.slice(1);
+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(colorSchemes, themes, colors, sizeModes) {
+	return [
+		...generateSizeGroup(sizeModes),
+		...await generateThemesGroup(themes),
+		...generateTypographyGroup(themes),
+		...generateColorSchemesGroup(colorSchemes, themes),
+		generateSemanticGroup(),
+		...await generateColorGroup("main", colors),
+		...await generateColorGroup("support", colors)
+	];
+}
+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,
+			"semantic/color": TokenSetStatus.ENABLED,
+			"primitives/globals": TokenSetStatus.SOURCE
+		},
+		$figmaCollectionId: "VariableCollectionId:34811:5976",
+		$figmaModeId: "34811:5",
+		group: "Semantic"
+	};
+}
+async function generateColorGroup(group, colors) {
+	return Promise.all(Object.entries(colors[group]).map(async ([color]) => ({
+		id: await createHash(`${group}-${color}`),
+		name: color,
+		selectedTokenSets: { [`semantic/modes/${group}-color/${color}`]: TokenSetStatus.ENABLED },
+		group: `${capitalize(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 };

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

@@ -0,0 +1,5 @@
+import type { ColorScheme } from '../../../../colors/types.js';
+import type { ColorOverrideSchema } from '../../../../config.js';
+import type { Colors, TokenSet } from '../../../types.js';
+export declare const generateColorScheme: (themeName: string, colorScheme: ColorScheme, colors: Colors, overrides?: ColorOverrideSchema) => TokenSet;
+//# 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","sourceRoot":"","sources":["../../../../../../src/tokens/create/generators/primitives/color-scheme.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAS,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,MAAM,EAAS,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAgBjE,eAAO,MAAM,mBAAmB,GAC9B,WAAW,MAAM,EACjB,aAAa,WAAW,EACxB,QAAQ,MAAM,EACd,YAAY,mBAAmB,KAC9B,QAwFF,CAAC"}

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 main = R.mapObjIndexed((color, colorName) => generateColor(generateColorScale(color, colorScheme), createColorOverrides(colorName)), colors.main);
+	const support = R.mapObjIndexed((color, colorName) => generateColor(generateColorScale(color, colorScheme), createColorOverrides(colorName)), colors.support);
+	const neutralColorScale = generateColorScale(colors.neutral, colorScheme);
+	const neutral = generateColor(neutralColorScale, createColorOverrides("neutral"));
+	const baseColorsWithOverrides = {
+		...baseColors,
+		...overrides?.severity
+	};
+	const globalColors = 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 = neutralColorScale[0].hex;
+	const defaultFocusOuter = neutralColorScale[10].hex;
+	const focusInnerOverride = overrides?.focus?.inner?.[colorScheme];
+	const focusOuterOverride = overrides?.focus?.outer?.[colorScheme];
+	return { [themeName]: {
+		...main,
+		...support,
+		neutral,
+		...globalColors,
+		link: { visited: linkOverride || defaultLinkVisited },
+		focus: {
+			inner: {
+				$type: "color",
+				$value: focusInnerOverride || defaultFocusInner
+			},
+			outer: {
+				$type: "color",
+				$value: focusOuterOverride || defaultFocusOuter
+			}
+		}
+	} };
+};
+//#endregion
+export { generateColorScheme };

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

@@ -0,0 +1,3 @@
+import type { TokenSet } from '../../../types.js';
+export declare const generateGlobals: () => TokenSet;
+//# 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","sourceRoot":"","sources":["../../../../../../src/tokens/create/generators/primitives/globals.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAkJlD,eAAO,MAAM,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,142 @@
+//#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 };

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

@@ -0,0 +1,4 @@
+import type { SizeModes, TokenSet } from '../../../types.js';
+export declare const generateSize: (size: SizeModes) => TokenSet;
+export declare const generateSizeGlobal: () => TokenSet;
+//# 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","sourceRoot":"","sources":["../../../../../../src/tokens/create/generators/primitives/size.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AA0J7D,eAAO,MAAM,YAAY,GAAI,MAAM,SAAS,KAAG,QAA2B,CAAC;AAC3E,eAAO,MAAM,kBAAkB,QAAO,QAAkB,CAAC"}

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

@@ -0,0 +1,147 @@
+//#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 };

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

@@ -0,0 +1,4 @@
+import type { SizeModes, TokenSet, Typography } from '../../../types.js';
+export declare const generateTypography: (themeName: string, { fontFamily }: Typography) => TokenSet;
+export declare const generateFontSizes: (size: SizeModes) => TokenSet;
+//# 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","sourceRoot":"","sources":["../../../../../../src/tokens/create/generators/primitives/typography.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEzE,eAAO,MAAM,kBAAkB,GAAI,WAAW,MAAM,EAAE,gBAAgB,UAAU,KAAG,QAqBjF,CAAC;AAEH,eAAO,MAAM,iBAAiB,GAAI,MAAM,SAAS,KAAG,QAA2B,CAAC"}