@digdir/designsystemet 1.11.1 → 1.12.1

package/dist/src/tokens/build.js

@@ -49,7 +49,7 @@ import pc4 from "picocolors";
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.11.1",
+  version: "1.12.1",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -101,9 +101,8 @@ var package_default = {
     "test:tokens-build-config-tailwind": "pnpm run designsystemet tokens build -t ./temp/config/design-tokens -o ./temp/config/build --clean --experimental-tailwind",
     "test:tokens-create-and-build-options": "pnpm test:tokens-create-options && pnpm test:tokens-build",
     "test:tokens-create-and-build-config": "pnpm test:tokens-create-config && pnpm test:tokens-build-config",
-    "test:generate-config-from-tokens": "pnpm run designsystemet generate-config-from-tokens -d ../../internal/digdir/design-tokens --dry",
+    "test:generate-config-from-tokens": "pnpm run designsystemet generate-config-from-tokens -d ../../design-tokens --dry",
     test: "node -v && pnpm test:tokens-create-and-build-options && pnpm test:generate-config-from-tokens && pnpm test:tokens-create-and-build-config",
-    "update:template": "tsx ./src/scripts/update-template.ts",
     "update:preview-tokens": "tsx ./src/scripts/update-preview-tokens.ts",
     verify: "pnpm test && pnpm update:template && pnpm --filter @internal/digdir update:theme-digdir"
   },
@@ -120,14 +119,14 @@ var package_default = {
     picocolors: "^1.1.1",
     postcss: "^8.5.6",
     ramda: "^0.32.0",
-    "style-dictionary": "^5.2.0",
+    "style-dictionary": "^5.3.0",
     zod: "^4.3.6",
     "zod-validation-error": "^5.0.0"
   },
   devDependencies: {
     "@tokens-studio/types": "0.5.2",
     "@types/chroma-js": "^3.1.2",
-    "@types/node": "^24.10.9",
+    "@types/node": "^24.10.13",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.1",
     tsup: "^8.5.1",

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

@@ -1,7 +1,7 @@
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.11.1",
+  version: "1.12.1",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -53,9 +53,8 @@ var package_default = {
     "test:tokens-build-config-tailwind": "pnpm run designsystemet tokens build -t ./temp/config/design-tokens -o ./temp/config/build --clean --experimental-tailwind",
     "test:tokens-create-and-build-options": "pnpm test:tokens-create-options && pnpm test:tokens-build",
     "test:tokens-create-and-build-config": "pnpm test:tokens-create-config && pnpm test:tokens-build-config",
-    "test:generate-config-from-tokens": "pnpm run designsystemet generate-config-from-tokens -d ../../internal/digdir/design-tokens --dry",
+    "test:generate-config-from-tokens": "pnpm run designsystemet generate-config-from-tokens -d ../../design-tokens --dry",
     test: "node -v && pnpm test:tokens-create-and-build-options && pnpm test:generate-config-from-tokens && pnpm test:tokens-create-and-build-config",
-    "update:template": "tsx ./src/scripts/update-template.ts",
     "update:preview-tokens": "tsx ./src/scripts/update-preview-tokens.ts",
     verify: "pnpm test && pnpm update:template && pnpm --filter @internal/digdir update:theme-digdir"
   },
@@ -72,14 +71,14 @@ var package_default = {
     picocolors: "^1.1.1",
     postcss: "^8.5.6",
     ramda: "^0.32.0",
-    "style-dictionary": "^5.2.0",
+    "style-dictionary": "^5.3.0",
     zod: "^4.3.6",
     "zod-validation-error": "^5.0.0"
   },
   devDependencies: {
     "@tokens-studio/types": "0.5.2",
     "@types/chroma-js": "^3.1.2",
-    "@types/node": "^24.10.9",
+    "@types/node": "^24.10.13",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.1",
     tsup: "^8.5.1",

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

@@ -1,8 +1,8 @@
 import type { ColorScheme } from '../../../colors/types.js';
-import type { Colors } from '../../types.js';
+import type { Colors, SizeModes } from '../../types.js';
 type Metadata = {
     tokenSetOrder: string[];
 };
-export declare function generate$Metadata(schemes: ColorScheme[], themes: string[], colors: Colors): Metadata;
+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

@@ -1 +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,MAAM,gBAAgB,CAAC;AAE7C,KAAK,QAAQ,GAAG;IACd,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,CAqBpG"}
+{"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

@@ -1,15 +1,11 @@
 // src/tokens/create/generators/$metadata.ts
-function generate$Metadata(schemes, themes, colors) {
+function generate$Metadata(schemes, themes, colors, sizeModes) {
   return {
     tokenSetOrder: [
       "primitives/globals",
-      "primitives/modes/size/small",
-      "primitives/modes/size/medium",
-      "primitives/modes/size/large",
+      ...sizeModes.map((size) => `primitives/modes/size/${size}`),
       "primitives/modes/size/global",
-      "primitives/modes/typography/size/small",
-      "primitives/modes/typography/size/medium",
-      "primitives/modes/typography/size/large",
+      ...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}`)]),

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

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

@@ -1 +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,MAAM,gBAAgB,CAAC;AAW7C,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,wBAAsB,eAAe,CACnC,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EAAE,EAChB,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,YAAY,EAAE,CAAC,CAUzB"}
+{"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

@@ -170,9 +170,9 @@ async function createHash(text, algo = "SHA-1") {
     (byte) => byte.toString(16).padStart(2, "0")
   ).join("");
 }
-async function generate$Themes(colorSchemes, themes, colors) {
+async function generate$Themes(colorSchemes, themes, colors, sizeModes) {
   return [
-    ...generateSizeGroup(),
+    ...generateSizeGroup(sizeModes),
     ...await generateThemesGroup(themes),
     ...generateTypographyGroup(themes),
     ...generateColorSchemesGroup(colorSchemes, themes),
@@ -181,7 +181,7 @@ async function generate$Themes(colorSchemes, themes, colors) {
     ...await generateColorGroup("support", colors)
   ];
 }
-function generateSizeGroup() {
+function generateSizeGroup(_sizes) {
   return [
     {
       id: "8b2c8cc86611a34b135cb22948666779361fd729",

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/{color.js → primitives/color-scheme.js}

@@ -1,5 +1,5 @@
-// src/tokens/create/generators/color.ts
-import * as R3 from "ramda";
+// src/tokens/create/generators/primitives/color-scheme.ts
+import * as R4 from "ramda";
 
 // src/colors/colorMetadata.ts
 import * as R from "ramda";
@@ -334,7 +334,30 @@ var generateColorContrast = (color, type) => {
   return color;
 };
 
-// src/tokens/create/generators/color.ts
+// src/colors/types.ts
+import * as R3 from "ramda";
+var semanticColorMap = {
+  "background-default": 1,
+  "background-tinted": 2,
+  "surface-default": 3,
+  "surface-tinted": 4,
+  "surface-hover": 5,
+  "surface-active": 6,
+  "border-subtle": 7,
+  "border-default": 8,
+  "border-strong": 9,
+  "text-subtle": 10,
+  "text-default": 11,
+  "base-default": 12,
+  "base-hover": 13,
+  "base-active": 14,
+  "base-contrast-subtle": 15,
+  "base-contrast-default": 16
+};
+var semanticColorNames = R3.keys(semanticColorMap);
+var semanticColorNumbers = R3.values(semanticColorMap);
+
+// src/tokens/create/generators/primitives/color-scheme.ts
 var generateColor = (colorArray, overrides) => {
   const obj = {};
   const $type = "color";
@@ -371,11 +394,11 @@ var generateColorScheme = (themeName, colorScheme, colors, overrides) => {
     });
     return Object.keys(positionOverrides).length > 0 ? positionOverrides : void 0;
   };
-  const main = R3.mapObjIndexed(
+  const main = R4.mapObjIndexed(
     (color, colorName) => generateColor(generateColorScale(color, colorScheme), createColorOverrides(colorName)),
     colors.main
   );
-  const support = R3.mapObjIndexed(
+  const support = R4.mapObjIndexed(
     (color, colorName) => generateColor(generateColorScale(color, colorScheme), createColorOverrides(colorName)),
     colors.support
   );
@@ -385,7 +408,7 @@ var generateColorScheme = (themeName, colorScheme, colors, overrides) => {
     ...baseColors,
     ...overrides?.severity
   };
-  const globalColors = R3.mapObjIndexed(
+  const globalColors = R4.mapObjIndexed(
     (color, colorName) => generateColor(generateColorScale(color, colorScheme), createColorOverrides(colorName)),
     baseColorsWithOverrides
   );

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,148 @@
+// src/tokens/create/generators/primitives/globals.ts
+var 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%"
+    }
+  }
+};
+var generateGlobals = () => globals;
+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,157 @@
+// src/tokens/create/generators/primitives/size.ts
+var 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}"
+    }
+  }
+};
+var 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"
+      }
+    }
+  }
+};
+var generateSize = (size) => sizeModes[size];
+var generateSizeGlobal = () => global;
+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"}