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

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

@@ -0,0 +1,218 @@
+//#region src/tokens/create/generators/primitives/typography.ts
+const generateTypography = (themeName, { fontFamily }) => ({ [themeName]: {
+	"font-family": {
+		$type: "fontFamilies",
+		$value: fontFamily
+	},
+	"font-weight": {
+		medium: {
+			$type: "fontWeights",
+			$value: "Medium"
+		},
+		semibold: {
+			$type: "fontWeights",
+			$value: "Semi bold"
+		},
+		regular: {
+			$type: "fontWeights",
+			$value: "Regular"
+		}
+	}
+} });
+const generateFontSizes = (size) => fontSizes[size];
+const lineHeights = {
+	sm: {
+		$type: "lineHeights",
+		$value: "130%"
+	},
+	md: {
+		$type: "lineHeights",
+		$value: "150%"
+	},
+	lg: {
+		$type: "lineHeights",
+		$value: "170%"
+	}
+};
+const letterSpacings = {
+	"1": {
+		$type: "letterSpacing",
+		$value: "-1%"
+	},
+	"2": {
+		$type: "letterSpacing",
+		$value: "-0.5%"
+	},
+	"3": {
+		$type: "letterSpacing",
+		$value: "-0.25%"
+	},
+	"4": {
+		$type: "letterSpacing",
+		$value: "-0.15%"
+	},
+	"5": {
+		$type: "letterSpacing",
+		$value: "0%"
+	},
+	"6": {
+		$type: "letterSpacing",
+		$value: "0.15%"
+	},
+	"7": {
+		$type: "letterSpacing",
+		$value: "0.25%"
+	},
+	"8": {
+		$type: "letterSpacing",
+		$value: "0.5%"
+	},
+	"9": {
+		$type: "letterSpacing",
+		$value: "1.5%"
+	}
+};
+const fontSizes = {
+	large: {
+		"line-height": lineHeights,
+		"font-size": {
+			"1": {
+				$type: "fontSizes",
+				$value: "13"
+			},
+			"2": {
+				$type: "fontSizes",
+				$value: "16"
+			},
+			"3": {
+				$type: "fontSizes",
+				$value: "18"
+			},
+			"4": {
+				$type: "fontSizes",
+				$value: "21"
+			},
+			"5": {
+				$type: "fontSizes",
+				$value: "24"
+			},
+			"6": {
+				$type: "fontSizes",
+				$value: "30"
+			},
+			"7": {
+				$type: "fontSizes",
+				$value: "36"
+			},
+			"8": {
+				$type: "fontSizes",
+				$value: "48"
+			},
+			"9": {
+				$type: "fontSizes",
+				$value: "60"
+			},
+			"10": {
+				$type: "fontSizes",
+				$value: "72"
+			}
+		},
+		"letter-spacing": letterSpacings
+	},
+	medium: {
+		"line-height": lineHeights,
+		"font-size": {
+			"1": {
+				$type: "fontSizes",
+				$value: "12"
+			},
+			"2": {
+				$type: "fontSizes",
+				$value: "14"
+			},
+			"3": {
+				$type: "fontSizes",
+				$value: "16"
+			},
+			"4": {
+				$type: "fontSizes",
+				$value: "18"
+			},
+			"5": {
+				$type: "fontSizes",
+				$value: "21"
+			},
+			"6": {
+				$type: "fontSizes",
+				$value: "24"
+			},
+			"7": {
+				$type: "fontSizes",
+				$value: "30"
+			},
+			"8": {
+				$type: "fontSizes",
+				$value: "36"
+			},
+			"9": {
+				$type: "fontSizes",
+				$value: "48"
+			},
+			"10": {
+				$type: "fontSizes",
+				$value: "60"
+			}
+		},
+		"letter-spacing": letterSpacings
+	},
+	small: {
+		"line-height": lineHeights,
+		"font-size": {
+			"1": {
+				$type: "fontSizes",
+				$value: "11"
+			},
+			"2": {
+				$type: "fontSizes",
+				$value: "13"
+			},
+			"3": {
+				$type: "fontSizes",
+				$value: "14"
+			},
+			"4": {
+				$type: "fontSizes",
+				$value: "16"
+			},
+			"5": {
+				$type: "fontSizes",
+				$value: "18"
+			},
+			"6": {
+				$type: "fontSizes",
+				$value: "21"
+			},
+			"7": {
+				$type: "fontSizes",
+				$value: "24"
+			},
+			"8": {
+				$type: "fontSizes",
+				$value: "30"
+			},
+			"9": {
+				$type: "fontSizes",
+				$value: "36"
+			},
+			"10": {
+				$type: "fontSizes",
+				$value: "48"
+			}
+		},
+		"letter-spacing": letterSpacings
+	}
+};
+//#endregion
+export { generateFontSizes, generateTypography };
+
+//# sourceMappingURL=typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","names":[],"sources":["../../../../../../src/tokens/create/generators/primitives/typography.ts"],"sourcesContent":["import type { SizeModes, TokenSet, Typography } from '../../../types.ts';\n\nexport const generateTypography = (themeName: string, { fontFamily }: Typography): TokenSet => ({\n  [themeName]: {\n    'font-family': {\n      $type: 'fontFamilies',\n      $value: fontFamily,\n    },\n    'font-weight': {\n      medium: {\n        $type: 'fontWeights',\n        $value: 'Medium',\n      },\n      semibold: {\n        $type: 'fontWeights',\n        $value: 'Semi bold',\n      },\n      regular: {\n        $type: 'fontWeights',\n        $value: 'Regular',\n      },\n    },\n  },\n});\n\nexport const generateFontSizes = (size: SizeModes): TokenSet => fontSizes[size];\n\nconst lineHeights = {\n  sm: {\n    $type: 'lineHeights',\n    $value: '130%',\n  },\n  md: {\n    $type: 'lineHeights',\n    $value: '150%',\n  },\n  lg: {\n    $type: 'lineHeights',\n    $value: '170%',\n  },\n};\n\nconst letterSpacings = {\n  '1': {\n    $type: 'letterSpacing',\n    $value: '-1%',\n  },\n  '2': {\n    $type: 'letterSpacing',\n    $value: '-0.5%',\n  },\n  '3': {\n    $type: 'letterSpacing',\n    $value: '-0.25%',\n  },\n  '4': {\n    $type: 'letterSpacing',\n    $value: '-0.15%',\n  },\n  '5': {\n    $type: 'letterSpacing',\n    $value: '0%',\n  },\n  '6': {\n    $type: 'letterSpacing',\n    $value: '0.15%',\n  },\n  '7': {\n    $type: 'letterSpacing',\n    $value: '0.25%',\n  },\n  '8': {\n    $type: 'letterSpacing',\n    $value: '0.5%',\n  },\n  '9': {\n    $type: 'letterSpacing',\n    $value: '1.5%',\n  },\n};\n\nconst fontSizes = {\n  large: {\n    'line-height': lineHeights,\n    'font-size': {\n      '1': {\n        $type: 'fontSizes',\n        $value: '13',\n      },\n      '2': {\n        $type: 'fontSizes',\n        $value: '16',\n      },\n      '3': {\n        $type: 'fontSizes',\n        $value: '18',\n      },\n      '4': {\n        $type: 'fontSizes',\n        $value: '21',\n      },\n      '5': {\n        $type: 'fontSizes',\n        $value: '24',\n      },\n      '6': {\n        $type: 'fontSizes',\n        $value: '30',\n      },\n      '7': {\n        $type: 'fontSizes',\n        $value: '36',\n      },\n      '8': {\n        $type: 'fontSizes',\n        $value: '48',\n      },\n      '9': {\n        $type: 'fontSizes',\n        $value: '60',\n      },\n      '10': {\n        $type: 'fontSizes',\n        $value: '72',\n      },\n    },\n    'letter-spacing': letterSpacings,\n  },\n  medium: {\n    'line-height': lineHeights,\n    'font-size': {\n      '1': {\n        $type: 'fontSizes',\n        $value: '12',\n      },\n      '2': {\n        $type: 'fontSizes',\n        $value: '14',\n      },\n      '3': {\n        $type: 'fontSizes',\n        $value: '16',\n      },\n      '4': {\n        $type: 'fontSizes',\n        $value: '18',\n      },\n      '5': {\n        $type: 'fontSizes',\n        $value: '21',\n      },\n      '6': {\n        $type: 'fontSizes',\n        $value: '24',\n      },\n      '7': {\n        $type: 'fontSizes',\n        $value: '30',\n      },\n      '8': {\n        $type: 'fontSizes',\n        $value: '36',\n      },\n      '9': {\n        $type: 'fontSizes',\n        $value: '48',\n      },\n      '10': {\n        $type: 'fontSizes',\n        $value: '60',\n      },\n    },\n    'letter-spacing': letterSpacings,\n  },\n  small: {\n    'line-height': lineHeights,\n    'font-size': {\n      '1': {\n        $type: 'fontSizes',\n        $value: '11',\n      },\n      '2': {\n        $type: 'fontSizes',\n        $value: '13',\n      },\n      '3': {\n        $type: 'fontSizes',\n        $value: '14',\n      },\n      '4': {\n        $type: 'fontSizes',\n        $value: '16',\n      },\n      '5': {\n        $type: 'fontSizes',\n        $value: '18',\n      },\n      '6': {\n        $type: 'fontSizes',\n        $value: '21',\n      },\n      '7': {\n        $type: 'fontSizes',\n        $value: '24',\n      },\n      '8': {\n        $type: 'fontSizes',\n        $value: '30',\n      },\n      '9': {\n        $type: 'fontSizes',\n        $value: '36',\n      },\n      '10': {\n        $type: 'fontSizes',\n        $value: '48',\n      },\n    },\n    'letter-spacing': letterSpacings,\n  },\n};\n"],"mappings":";AAEA,MAAa,sBAAsB,WAAmB,EAAE,kBAAwC,GAC7F,YAAY;CACX,eAAe;EACb,OAAO;EACP,QAAQ;CACV;CACA,eAAe;EACb,QAAQ;GACN,OAAO;GACP,QAAQ;EACV;EACA,UAAU;GACR,OAAO;GACP,QAAQ;EACV;EACA,SAAS;GACP,OAAO;GACP,QAAQ;EACV;CACF;AACF,EACF;AAEA,MAAa,qBAAqB,SAA8B,UAAU;AAE1E,MAAM,cAAc;CAClB,IAAI;EACF,OAAO;EACP,QAAQ;CACV;CACA,IAAI;EACF,OAAO;EACP,QAAQ;CACV;CACA,IAAI;EACF,OAAO;EACP,QAAQ;CACV;AACF;AAEA,MAAM,iBAAiB;CACrB,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;AACF;AAEA,MAAM,YAAY;CAChB,OAAO;EACL,eAAe;EACf,aAAa;GACX,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,MAAM;IACJ,OAAO;IACP,QAAQ;GACV;EACF;EACA,kBAAkB;CACpB;CACA,QAAQ;EACN,eAAe;EACf,aAAa;GACX,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,MAAM;IACJ,OAAO;IACP,QAAQ;GACV;EACF;EACA,kBAAkB;CACpB;CACA,OAAO;EACL,eAAe;EACf,aAAa;GACX,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,MAAM;IACJ,OAAO;IACP,QAAQ;GACV;EACF;EACA,kBAAkB;CACpB;AACF"}

package/dist/src/tokens/create/generators/semantic/color.d.ts

@@ -0,0 +1,7 @@
+import { TokenSet } from "../../../types.js";
+
+//#region src/tokens/create/generators/semantic/color.d.ts
+declare const generateColorTokens: (colorNames: string[], _themeName: string) => Record<string, TokenSet>;
+//#endregion
+export { generateColorTokens };
+//# sourceMappingURL=color.d.ts.map

package/dist/src/tokens/create/generators/semantic/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","names":[],"sources":["../../../../../../src/tokens/create/generators/semantic/color.ts"],"mappings":";;;cAGa,mBAAA,GAAuB,UAAA,YAAsB,UAAA,aAAqB,MAAM,SAAS,QAAA"}

package/dist/src/tokens/create/generators/semantic/color.js

@@ -0,0 +1,19 @@
+import { semanticColorNames } from "../../../../colors/types.js";
+//#region src/tokens/create/generators/semantic/color.ts
+const generateColorTokens = (colorNames, _themeName) => {
+	const colorTokens = {};
+	for (const colorName of colorNames) colorTokens[colorName] = generateSemanticColorScaleTokens(colorName);
+	return colorTokens;
+};
+const generateSemanticColorScaleTokens = (colorName) => {
+	const colorScale = {};
+	for (const semanticColorName of semanticColorNames) colorScale[semanticColorName] = {
+		$type: "color",
+		$value: `{color.${colorName}.${semanticColorName}}`
+	};
+	return colorScale;
+};
+//#endregion
+export { generateColorTokens };
+
+//# sourceMappingURL=color.js.map

package/dist/src/tokens/create/generators/semantic/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","names":[],"sources":["../../../../../../src/tokens/create/generators/semantic/color.ts"],"sourcesContent":["import { type ColorNames, semanticColorNames } from '../../../../colors/types.ts';\nimport type { Token, TokenSet } from '../../../types.ts';\n\nexport const generateColorTokens = (colorNames: string[], _themeName: string): Record<string, TokenSet> => {\n  const colorTokens = {} as Record<string, TokenSet>;\n\n  for (const colorName of colorNames) {\n    const customColorTokens = generateSemanticColorScaleTokens(colorName);\n    colorTokens[colorName] = customColorTokens;\n  }\n\n  return colorTokens;\n};\n\nconst generateSemanticColorScaleTokens = (colorName: string): Record<ColorNames, Token> => {\n  const colorScale = {} as Record<ColorNames, Token>;\n\n  for (const semanticColorName of semanticColorNames) {\n    colorScale[semanticColorName] = {\n      $type: 'color',\n      $value: `{color.${colorName}.${semanticColorName}}`,\n    };\n  }\n\n  return colorScale;\n};\n"],"mappings":";;AAGA,MAAa,uBAAuB,YAAsB,eAAiD;CACzG,MAAM,cAAc,CAAC;CAErB,KAAK,MAAM,aAAa,YAEtB,YAAY,aADc,iCAAiC,SAClB;CAG3C,OAAO;AACT;AAEA,MAAM,oCAAoC,cAAiD;CACzF,MAAM,aAAa,CAAC;CAEpB,KAAK,MAAM,qBAAqB,oBAC9B,WAAW,qBAAqB;EAC9B,OAAO;EACP,QAAQ,UAAU,UAAU,GAAG,kBAAkB;CACnD;CAGF,OAAO;AACT"}

package/dist/src/tokens/create/generators/semantic/style.d.ts

@@ -0,0 +1,7 @@
+import { TokenSet } from "../../../types.js";
+
+//#region src/tokens/create/generators/semantic/style.d.ts
+declare function generateSemanticStyle(colorNames: string[]): TokenSet;
+//#endregion
+export { generateSemanticStyle };
+//# sourceMappingURL=style.d.ts.map

package/dist/src/tokens/create/generators/semantic/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","names":[],"sources":["../../../../../../src/tokens/create/generators/semantic/style.ts"],"mappings":";;;iBAIgB,qBAAA,CAAsB,UAAA,aAAuB,QAAQ"}

package/dist/src/tokens/create/generators/semantic/style.js

@@ -0,0 +1,420 @@
+import { semanticColorMap } from "../../../../colors/types.js";
+import * as R from "ramda";
+//#region src/tokens/create/generators/semantic/style.ts
+function generateSemanticStyle(colorNames) {
+	return {
+		...generateColors(colorNames),
+		"border-width": {
+			default: {
+				$type: "borderWidth",
+				$value: "{border-width.1}"
+			},
+			focus: {
+				$type: "borderWidth",
+				$value: "{border-width.3}"
+			}
+		},
+		"border-radius": {
+			sm: {
+				$type: "dimension",
+				$value: "{border-radius.1}"
+			},
+			md: {
+				$type: "dimension",
+				$value: "{border-radius.2}"
+			},
+			lg: {
+				$type: "dimension",
+				$value: "{border-radius.3}"
+			},
+			xl: {
+				$type: "dimension",
+				$value: "{border-radius.4}"
+			},
+			default: {
+				$type: "dimension",
+				$value: "{border-radius.5}"
+			},
+			full: {
+				$type: "dimension",
+				$value: "{border-radius.6}"
+			}
+		},
+		opacity: { disabled: {
+			$type: "opacity",
+			$value: "{opacity.30}"
+		} },
+		typography: {
+			heading: {
+				"2xl": {
+					$type: "typography",
+					$value: {
+						fontFamily: "{font-family}",
+						fontWeight: "{font-weight.medium}",
+						lineHeight: "{line-height.sm}",
+						fontSize: "{font-size.10}",
+						letterSpacing: "{letter-spacing.1}"
+					}
+				},
+				xl: {
+					$type: "typography",
+					$value: {
+						fontFamily: "{font-family}",
+						fontWeight: "{font-weight.medium}",
+						lineHeight: "{line-height.sm}",
+						fontSize: "{font-size.9}",
+						letterSpacing: "{letter-spacing.1}"
+					}
+				},
+				lg: {
+					$type: "typography",
+					$value: {
+						fontFamily: "{font-family}",
+						fontWeight: "{font-weight.medium}",
+						lineHeight: "{line-height.sm}",
+						fontSize: "{font-size.8}",
+						letterSpacing: "{letter-spacing.2}"
+					}
+				},
+				md: {
+					$type: "typography",
+					$value: {
+						fontFamily: "{font-family}",
+						fontWeight: "{font-weight.medium}",
+						lineHeight: "{line-height.sm}",
+						fontSize: "{font-size.7}",
+						letterSpacing: "{letter-spacing.3}"
+					}
+				},
+				sm: {
+					$type: "typography",
+					$value: {
+						fontFamily: "{font-family}",
+						fontWeight: "{font-weight.medium}",
+						lineHeight: "{line-height.sm}",
+						fontSize: "{font-size.6}",
+						letterSpacing: "{letter-spacing.5}"
+					}
+				},
+				xs: {
+					$type: "typography",
+					$value: {
+						fontFamily: "{font-family}",
+						fontWeight: "{font-weight.medium}",
+						lineHeight: "{line-height.sm}",
+						fontSize: "{font-size.5}",
+						letterSpacing: "{letter-spacing.6}"
+					}
+				},
+				"2xs": {
+					$type: "typography",
+					$value: {
+						fontFamily: "{font-family}",
+						fontWeight: "{font-weight.medium}",
+						lineHeight: "{line-height.sm}",
+						fontSize: "{font-size.4}",
+						letterSpacing: "{letter-spacing.6}"
+					}
+				}
+			},
+			body: {
+				xl: {
+					$type: "typography",
+					$value: {
+						fontFamily: "{font-family}",
+						fontWeight: "{font-weight.regular}",
+						lineHeight: "{line-height.md}",
+						fontSize: "{font-size.6}",
+						letterSpacing: "{letter-spacing.8}"
+					}
+				},
+				lg: {
+					$type: "typography",
+					$value: {
+						fontFamily: "{font-family}",
+						fontWeight: "{font-weight.regular}",
+						lineHeight: "{line-height.md}",
+						fontSize: "{font-size.5}",
+						letterSpacing: "{letter-spacing.8}"
+					}
+				},
+				md: {
+					$type: "typography",
+					$value: {
+						fontFamily: "{font-family}",
+						fontWeight: "{font-weight.regular}",
+						lineHeight: "{line-height.md}",
+						fontSize: "{font-size.4}",
+						letterSpacing: "{letter-spacing.8}"
+					}
+				},
+				sm: {
+					$type: "typography",
+					$value: {
+						fontFamily: "{font-family}",
+						fontWeight: "{font-weight.regular}",
+						lineHeight: "{line-height.md}",
+						fontSize: "{font-size.3}",
+						letterSpacing: "{letter-spacing.7}"
+					}
+				},
+				xs: {
+					$type: "typography",
+					$value: {
+						fontFamily: "{font-family}",
+						fontWeight: "{font-weight.regular}",
+						lineHeight: "{line-height.md}",
+						fontSize: "{font-size.2}",
+						letterSpacing: "{letter-spacing.6}"
+					}
+				},
+				short: {
+					xl: {
+						$type: "typography",
+						$value: {
+							fontFamily: "{font-family}",
+							fontWeight: "{font-weight.regular}",
+							lineHeight: "{line-height.sm}",
+							fontSize: "{font-size.6}",
+							letterSpacing: "{letter-spacing.8}"
+						}
+					},
+					lg: {
+						$type: "typography",
+						$value: {
+							fontFamily: "{font-family}",
+							fontWeight: "{font-weight.regular}",
+							lineHeight: "{line-height.sm}",
+							fontSize: "{font-size.5}",
+							letterSpacing: "{letter-spacing.8}"
+						}
+					},
+					md: {
+						$type: "typography",
+						$value: {
+							fontFamily: "{font-family}",
+							fontWeight: "{font-weight.regular}",
+							lineHeight: "{line-height.sm}",
+							fontSize: "{font-size.4}",
+							letterSpacing: "{letter-spacing.8}"
+						}
+					},
+					sm: {
+						$type: "typography",
+						$value: {
+							fontFamily: "{font-family}",
+							fontWeight: "{font-weight.regular}",
+							lineHeight: "{line-height.sm}",
+							fontSize: "{font-size.3}",
+							letterSpacing: "{letter-spacing.7}"
+						}
+					},
+					xs: {
+						$type: "typography",
+						$value: {
+							fontFamily: "{font-family}",
+							fontWeight: "{font-weight.regular}",
+							lineHeight: "{line-height.sm}",
+							fontSize: "{font-size.2}",
+							letterSpacing: "{letter-spacing.6}"
+						}
+					}
+				},
+				long: {
+					xl: {
+						$type: "typography",
+						$value: {
+							fontFamily: "{font-family}",
+							fontWeight: "{font-weight.regular}",
+							lineHeight: "{line-height.lg}",
+							fontSize: "{font-size.6}",
+							letterSpacing: "{letter-spacing.8}"
+						}
+					},
+					lg: {
+						$type: "typography",
+						$value: {
+							fontFamily: "{font-family}",
+							fontWeight: "{font-weight.regular}",
+							lineHeight: "{line-height.lg}",
+							fontSize: "{font-size.5}",
+							letterSpacing: "{letter-spacing.8}"
+						}
+					},
+					md: {
+						$type: "typography",
+						$value: {
+							fontFamily: "{font-family}",
+							fontWeight: "{font-weight.regular}",
+							lineHeight: "{line-height.lg}",
+							fontSize: "{font-size.4}",
+							letterSpacing: "{letter-spacing.8}"
+						}
+					},
+					sm: {
+						$type: "typography",
+						$value: {
+							fontFamily: "{font-family}",
+							fontWeight: "{font-weight.regular}",
+							lineHeight: "{line-height.lg}",
+							fontSize: "{font-size.3}",
+							letterSpacing: "{letter-spacing.7}"
+						}
+					},
+					xs: {
+						$type: "typography",
+						$value: {
+							fontFamily: "{font-family}",
+							fontWeight: "{font-weight.regular}",
+							lineHeight: "{line-height.lg}",
+							fontSize: "{font-size.2}",
+							letterSpacing: "{letter-spacing.6}"
+						}
+					}
+				}
+			}
+		},
+		shadow: {
+			xs: {
+				$type: "boxShadow",
+				$value: "{shadow.100}"
+			},
+			sm: {
+				$type: "boxShadow",
+				$value: "{shadow.200}"
+			},
+			md: {
+				$type: "boxShadow",
+				$value: "{shadow.300}"
+			},
+			lg: {
+				$type: "boxShadow",
+				$value: "{shadow.400}"
+			},
+			xl: {
+				$type: "boxShadow",
+				$value: "{shadow.500}"
+			}
+		},
+		size: {
+			"0": {
+				$type: "dimension",
+				$value: "{_size.0}"
+			},
+			"1": {
+				$type: "dimension",
+				$value: "{_size.1}"
+			},
+			"2": {
+				$type: "dimension",
+				$value: "{_size.2}"
+			},
+			"3": {
+				$type: "dimension",
+				$value: "{_size.3}"
+			},
+			"4": {
+				$type: "dimension",
+				$value: "{_size.4}"
+			},
+			"5": {
+				$type: "dimension",
+				$value: "{_size.5}"
+			},
+			"6": {
+				$type: "dimension",
+				$value: "{_size.6}"
+			},
+			"7": {
+				$type: "dimension",
+				$value: "{_size.7}"
+			},
+			"8": {
+				$type: "dimension",
+				$value: "{_size.8}"
+			},
+			"9": {
+				$type: "dimension",
+				$value: "{_size.9}"
+			},
+			"10": {
+				$type: "dimension",
+				$value: "{_size.10}"
+			},
+			"11": {
+				$type: "dimension",
+				$value: "{_size.11}"
+			},
+			"12": {
+				$type: "dimension",
+				$value: "{_size.12}"
+			},
+			"13": {
+				$type: "dimension",
+				$value: "{_size.13}"
+			},
+			"14": {
+				$type: "dimension",
+				$value: "{_size.14}"
+			},
+			"15": {
+				$type: "dimension",
+				$value: "{_size.15}"
+			},
+			"18": {
+				$type: "dimension",
+				$value: "{_size.18}"
+			},
+			"22": {
+				$type: "dimension",
+				$value: "{_size.22}"
+			},
+			"26": {
+				$type: "dimension",
+				$value: "{_size.26}"
+			},
+			"30": {
+				$type: "dimension",
+				$value: "{_size.30}"
+			}
+		}
+	};
+}
+const generateColors = (colorNames) => {
+	const semanticColorTokens = colorNames.map((colorName) => [colorName, generateColorScaleTokens(colorName)]);
+	return {
+		...baseColorTemplate,
+		color: {
+			...Object.fromEntries(semanticColorTokens),
+			...baseColorTemplate.color
+		}
+	};
+};
+const baseColorTemplate = {
+	color: { focus: {
+		inner: {
+			$type: "color",
+			$value: "{color.focus.inner-color}"
+		},
+		outer: {
+			$type: "color",
+			$value: "{color.focus.outer-color}"
+		}
+	} },
+	link: { color: { visited: {
+		$type: "color",
+		$value: "{color.link.visited}"
+	} } }
+};
+const generateColorScaleTokens = (colorName) => {
+	const colorScale = {};
+	for (const [colorSemantic, colorNumber] of R.toPairs(semanticColorMap)) colorScale[colorSemantic] = {
+		$type: "color",
+		$value: `{color.${colorName}.${colorNumber}}`
+	};
+	return colorScale;
+};
+//#endregion
+export { generateSemanticStyle };
+
+//# sourceMappingURL=style.js.map