@digdir/designsystemet 1.7.3 → 1.9.0

package/dist/src/tokens/build.js

@@ -49,7 +49,7 @@ import pc4 from "picocolors";
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.7.3",
+  version: "1.9.0",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -112,10 +112,11 @@ var package_default = {
   },
   dependencies: {
     "@commander-js/extra-typings": "^14.0.0",
-    "@tokens-studio/sd-transforms": "1.3.0",
+    "@digdir/designsystemet-types": "workspace:^",
+    "@tokens-studio/sd-transforms": "2.0.3",
     "apca-w3": "^0.1.9",
     "change-case": "^5.4.4",
-    "chroma-js": "^3.1.2",
+    "chroma-js": "^3.2.0",
     "colorjs.io": "^0.6.0-alpha.1",
     commander: "^14.0.2",
     "fast-glob": "^3.3.3",
@@ -125,7 +126,7 @@ var package_default = {
     postcss: "^8.5.6",
     ramda: "^0.32.0",
     "style-dictionary": "^5.1.1",
-    zod: "^4.1.12",
+    zod: "^4.1.13",
     "zod-validation-error": "^4.0.2"
   },
   devDependencies: {
@@ -133,13 +134,13 @@ var package_default = {
     "@types/apca-w3": "^0.1.3",
     "@types/chroma-js": "^3.1.2",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.19.0",
+    "@types/node": "^22.19.1",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.1",
     "fs-extra": "^11.3.2",
     tslib: "^2.8.1",
-    tsup: "^8.5.0",
-    tsx: "^4.20.6",
+    tsup: "^8.5.1",
+    tsx: "^4.21.0",
     typescript: "^5.9.3"
   }
 };
@@ -1538,10 +1539,10 @@ function createColorTypeDeclaration(colors) {
 \u{1F371} Building ${pc4.green("type declarations")}`);
   const typeDeclaration = `
 /* ${defaultFileHeader} */
-import type {} from '@digdir/designsystemet/types';
+import type {} from '@digdir/designsystemet-types';
 
 // Augment types based on theme
-declare module '@digdir/designsystemet/types' {
+declare module '@digdir/designsystemet-types' {
   export interface ColorDefinitions {
 ${colors.map((color) => `    ${color.includes("-") ? `'${color}'` : color}: never;`).join("\n")}
   }

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

@@ -1,7 +1,7 @@
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.7.3",
+  version: "1.9.0",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -64,10 +64,11 @@ var package_default = {
   },
   dependencies: {
     "@commander-js/extra-typings": "^14.0.0",
-    "@tokens-studio/sd-transforms": "1.3.0",
+    "@digdir/designsystemet-types": "workspace:^",
+    "@tokens-studio/sd-transforms": "2.0.3",
     "apca-w3": "^0.1.9",
     "change-case": "^5.4.4",
-    "chroma-js": "^3.1.2",
+    "chroma-js": "^3.2.0",
     "colorjs.io": "^0.6.0-alpha.1",
     commander: "^14.0.2",
     "fast-glob": "^3.3.3",
@@ -77,7 +78,7 @@ var package_default = {
     postcss: "^8.5.6",
     ramda: "^0.32.0",
     "style-dictionary": "^5.1.1",
-    zod: "^4.1.12",
+    zod: "^4.1.13",
     "zod-validation-error": "^4.0.2"
   },
   devDependencies: {
@@ -85,13 +86,13 @@ var package_default = {
     "@types/apca-w3": "^0.1.3",
     "@types/chroma-js": "^3.1.2",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.19.0",
+    "@types/node": "^22.19.1",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.1",
     "fs-extra": "^11.3.2",
     tslib: "^2.8.1",
-    tsup: "^8.5.0",
-    tsx: "^4.20.6",
+    tsup: "^8.5.1",
+    tsx: "^4.21.0",
     typescript: "^5.9.3"
   }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/create/generators/color.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAS,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,KAAK,EAAE,MAAM,EAAS,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAgB9D,eAAO,MAAM,mBAAmB,GAC9B,WAAW,MAAM,EACjB,aAAa,WAAW,EACxB,QAAQ,MAAM,EACd,YAAY,mBAAmB,KAC9B,QAqEF,CAAC"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/create/generators/color.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAS,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,KAAK,EAAE,MAAM,EAAS,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAgB9D,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

@@ -379,7 +379,8 @@ var generateColorScheme = (themeName, colorScheme, colors, overrides) => {
     (color, colorName) => generateColor(generateColorScale(color, colorScheme), createColorOverrides(colorName)),
     colors.support
   );
-  const neutral = generateColor(generateColorScale(colors.neutral, colorScheme), createColorOverrides("neutral"));
+  const neutralColorScale = generateColorScale(colors.neutral, colorScheme);
+  const neutral = generateColor(neutralColorScale, createColorOverrides("neutral"));
   const baseColorsWithOverrides = {
     ...baseColors,
     ...overrides?.severity
@@ -389,7 +390,12 @@ var generateColorScheme = (themeName, colorScheme, colors, overrides) => {
     baseColorsWithOverrides
   );
   const linkColor = generateColor(generateColorScale(dsLinkColor, colorScheme));
+  const defaultLinkVisited = linkColor[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,
@@ -397,7 +403,17 @@ var generateColorScheme = (themeName, colorScheme, colors, overrides) => {
       neutral,
       ...globalColors,
       link: {
-        visited: linkOverride || linkColor[12]
+        visited: linkOverride || defaultLinkVisited
+      },
+      focus: {
+        inner: {
+          $type: "color",
+          $value: focusInnerOverride || defaultFocusInner
+        },
+        outer: {
+          $type: "color",
+          $value: focusOuterOverride || defaultFocusOuter
+        }
       }
     }
   };

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

@@ -261,11 +261,11 @@ var color_base_template_default = {
     focus: {
       inner: {
         $type: "color",
-        $value: "{color.neutral.background-default}"
+        $value: "{color.focus.inner-color}"
       },
       outer: {
         $type: "color",
-        $value: "{color.neutral.text-default}"
+        $value: "{color.focus.outer-color}"
       }
     }
   },

package/dist/src/tokens/create/generators/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/create/generators/theme.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAEvD,eAAO,MAAM,aAAa,GAAI,QAAQ,MAAM,EAAE,WAAW,MAAM,EAAE,cAAc,MAAM,aA+CpF,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/create/generators/theme.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAEvD,eAAO,MAAM,aAAa,GAAI,QAAQ,MAAM,EAAE,WAAW,MAAM,EAAE,cAAc,MAAM,aAyDpF,CAAC"}

package/dist/src/tokens/create/generators/theme.js

@@ -403,6 +403,16 @@ var generateTheme = (colors, themeName, borderRadius) => {
           $type: "color",
           $value: `{${themeName}.link.visited}`
         }
+      },
+      focus: {
+        "inner-color": {
+          $type: "color",
+          $value: `{${themeName}.focus.inner}`
+        },
+        "outer-color": {
+          $type: "color",
+          $value: `{${themeName}.focus.outer}`
+        }
       }
     },
     ...remainingThemeFile

package/dist/src/tokens/create/write.js

@@ -46,7 +46,7 @@ var readFile = async (path2, dry, allowFileNotFound) => {
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.7.3",
+  version: "1.9.0",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -109,10 +109,11 @@ var package_default = {
   },
   dependencies: {
     "@commander-js/extra-typings": "^14.0.0",
-    "@tokens-studio/sd-transforms": "1.3.0",
+    "@digdir/designsystemet-types": "workspace:^",
+    "@tokens-studio/sd-transforms": "2.0.3",
     "apca-w3": "^0.1.9",
     "change-case": "^5.4.4",
-    "chroma-js": "^3.1.2",
+    "chroma-js": "^3.2.0",
     "colorjs.io": "^0.6.0-alpha.1",
     commander: "^14.0.2",
     "fast-glob": "^3.3.3",
@@ -122,7 +123,7 @@ var package_default = {
     postcss: "^8.5.6",
     ramda: "^0.32.0",
     "style-dictionary": "^5.1.1",
-    zod: "^4.1.12",
+    zod: "^4.1.13",
     "zod-validation-error": "^4.0.2"
   },
   devDependencies: {
@@ -130,13 +131,13 @@ var package_default = {
     "@types/apca-w3": "^0.1.3",
     "@types/chroma-js": "^3.1.2",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.19.0",
+    "@types/node": "^22.19.1",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.1",
     "fs-extra": "^11.3.2",
     tslib: "^2.8.1",
-    tsup: "^8.5.0",
-    tsx: "^4.20.6",
+    tsup: "^8.5.1",
+    tsx: "^4.21.0",
     typescript: "^5.9.3"
   }
 };

package/dist/src/tokens/create.js

@@ -1374,7 +1374,8 @@ var generateColorScheme = (themeName, colorScheme, colors, overrides) => {
     (color, colorName) => generateColor(generateColorScale(color, colorScheme), createColorOverrides(colorName)),
     colors.support
   );
-  const neutral = generateColor(generateColorScale(colors.neutral, colorScheme), createColorOverrides("neutral"));
+  const neutralColorScale = generateColorScale(colors.neutral, colorScheme);
+  const neutral = generateColor(neutralColorScale, createColorOverrides("neutral"));
   const baseColorsWithOverrides = {
     ...baseColors,
     ...overrides?.severity
@@ -1384,7 +1385,12 @@ var generateColorScheme = (themeName, colorScheme, colors, overrides) => {
     baseColorsWithOverrides
   );
   const linkColor = generateColor(generateColorScale(dsLinkColor, colorScheme));
+  const defaultLinkVisited = linkColor[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,
@@ -1392,7 +1398,17 @@ var generateColorScheme = (themeName, colorScheme, colors, overrides) => {
       neutral,
       ...globalColors,
       link: {
-        visited: linkOverride || linkColor[12]
+        visited: linkOverride || defaultLinkVisited
+      },
+      focus: {
+        inner: {
+          $type: "color",
+          $value: focusInnerOverride || defaultFocusInner
+        },
+        outer: {
+          $type: "color",
+          $value: focusOuterOverride || defaultFocusOuter
+        }
       }
     }
   };
@@ -1407,11 +1423,11 @@ var color_base_template_default = {
     focus: {
       inner: {
         $type: "color",
-        $value: "{color.neutral.background-default}"
+        $value: "{color.focus.inner-color}"
       },
       outer: {
         $type: "color",
-        $value: "{color.neutral.text-default}"
+        $value: "{color.focus.outer-color}"
       }
     }
   },
@@ -1767,6 +1783,16 @@ var generateTheme = (colors, themeName, borderRadius) => {
           $type: "color",
           $value: `{${themeName}.link.visited}`
         }
+      },
+      focus: {
+        "inner-color": {
+          $type: "color",
+          $value: `{${themeName}.focus.inner}`
+        },
+        "outer-color": {
+          $type: "color",
+          $value: `{${themeName}.focus.outer}`
+        }
       }
     },
     ...remainingThemeFile

package/dist/src/tokens/format.js

@@ -1707,7 +1707,8 @@ var generateColorScheme = (themeName, colorScheme2, colors, overrides) => {
     (color, colorName) => generateColor(generateColorScale(color, colorScheme2), createColorOverrides(colorName)),
     colors.support
   );
-  const neutral = generateColor(generateColorScale(colors.neutral, colorScheme2), createColorOverrides("neutral"));
+  const neutralColorScale = generateColorScale(colors.neutral, colorScheme2);
+  const neutral = generateColor(neutralColorScale, createColorOverrides("neutral"));
   const baseColorsWithOverrides = {
     ...baseColors,
     ...overrides?.severity
@@ -1717,7 +1718,12 @@ var generateColorScheme = (themeName, colorScheme2, colors, overrides) => {
     baseColorsWithOverrides
   );
   const linkColor = generateColor(generateColorScale(dsLinkColor, colorScheme2));
+  const defaultLinkVisited = linkColor[12];
   const linkOverride = overrides?.linkVisited?.[colorScheme2] ? { $type: "color", $value: overrides.linkVisited[colorScheme2] } : void 0;
+  const defaultFocusInner = neutralColorScale[0].hex;
+  const defaultFocusOuter = neutralColorScale[10].hex;
+  const focusInnerOverride = overrides?.focus?.inner?.[colorScheme2];
+  const focusOuterOverride = overrides?.focus?.outer?.[colorScheme2];
   return {
     [themeName]: {
       ...main,
@@ -1725,7 +1731,17 @@ var generateColorScheme = (themeName, colorScheme2, colors, overrides) => {
       neutral,
       ...globalColors,
       link: {
-        visited: linkOverride || linkColor[12]
+        visited: linkOverride || defaultLinkVisited
+      },
+      focus: {
+        inner: {
+          $type: "color",
+          $value: focusInnerOverride || defaultFocusInner
+        },
+        outer: {
+          $type: "color",
+          $value: focusOuterOverride || defaultFocusOuter
+        }
       }
     }
   };
@@ -1740,11 +1756,11 @@ var color_base_template_default = {
     focus: {
       inner: {
         $type: "color",
-        $value: "{color.neutral.background-default}"
+        $value: "{color.focus.inner-color}"
       },
       outer: {
         $type: "color",
-        $value: "{color.neutral.text-default}"
+        $value: "{color.focus.outer-color}"
       }
     }
   },
@@ -2100,6 +2116,16 @@ var generateTheme = (colors, themeName, borderRadius) => {
           $type: "color",
           $value: `{${themeName}.link.visited}`
         }
+      },
+      focus: {
+        "inner-color": {
+          $type: "color",
+          $value: `{${themeName}.focus.inner}`
+        },
+        "outer-color": {
+          $type: "color",
+          $value: `{${themeName}.focus.outer}`
+        }
       }
     },
     ...remainingThemeFile
@@ -2191,7 +2217,7 @@ import * as R8 from "ramda";
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.7.3",
+  version: "1.9.0",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -2254,10 +2280,11 @@ var package_default = {
   },
   dependencies: {
     "@commander-js/extra-typings": "^14.0.0",
-    "@tokens-studio/sd-transforms": "1.3.0",
+    "@digdir/designsystemet-types": "workspace:^",
+    "@tokens-studio/sd-transforms": "2.0.3",
     "apca-w3": "^0.1.9",
     "change-case": "^5.4.4",
-    "chroma-js": "^3.1.2",
+    "chroma-js": "^3.2.0",
     "colorjs.io": "^0.6.0-alpha.1",
     commander: "^14.0.2",
     "fast-glob": "^3.3.3",
@@ -2267,7 +2294,7 @@ var package_default = {
     postcss: "^8.5.6",
     ramda: "^0.32.0",
     "style-dictionary": "^5.1.1",
-    zod: "^4.1.12",
+    zod: "^4.1.13",
     "zod-validation-error": "^4.0.2"
   },
   devDependencies: {
@@ -2275,13 +2302,13 @@ var package_default = {
     "@types/apca-w3": "^0.1.3",
     "@types/chroma-js": "^3.1.2",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.19.0",
+    "@types/node": "^22.19.1",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.1",
     "fs-extra": "^11.3.2",
     tslib: "^2.8.1",
-    tsup: "^8.5.0",
-    tsx: "^4.20.6",
+    tsup: "^8.5.1",
+    tsx: "^4.21.0",
     typescript: "^5.9.3"
   }
 };

package/dist/src/tokens/index.js

@@ -1374,7 +1374,8 @@ var generateColorScheme = (themeName, colorScheme2, colors, overrides) => {
     (color, colorName) => generateColor(generateColorScale(color, colorScheme2), createColorOverrides(colorName)),
     colors.support
   );
-  const neutral = generateColor(generateColorScale(colors.neutral, colorScheme2), createColorOverrides("neutral"));
+  const neutralColorScale = generateColorScale(colors.neutral, colorScheme2);
+  const neutral = generateColor(neutralColorScale, createColorOverrides("neutral"));
   const baseColorsWithOverrides = {
     ...baseColors,
     ...overrides?.severity
@@ -1384,7 +1385,12 @@ var generateColorScheme = (themeName, colorScheme2, colors, overrides) => {
     baseColorsWithOverrides
   );
   const linkColor = generateColor(generateColorScale(dsLinkColor, colorScheme2));
+  const defaultLinkVisited = linkColor[12];
   const linkOverride = overrides?.linkVisited?.[colorScheme2] ? { $type: "color", $value: overrides.linkVisited[colorScheme2] } : void 0;
+  const defaultFocusInner = neutralColorScale[0].hex;
+  const defaultFocusOuter = neutralColorScale[10].hex;
+  const focusInnerOverride = overrides?.focus?.inner?.[colorScheme2];
+  const focusOuterOverride = overrides?.focus?.outer?.[colorScheme2];
   return {
     [themeName]: {
       ...main,
@@ -1392,7 +1398,17 @@ var generateColorScheme = (themeName, colorScheme2, colors, overrides) => {
       neutral,
       ...globalColors,
       link: {
-        visited: linkOverride || linkColor[12]
+        visited: linkOverride || defaultLinkVisited
+      },
+      focus: {
+        inner: {
+          $type: "color",
+          $value: focusInnerOverride || defaultFocusInner
+        },
+        outer: {
+          $type: "color",
+          $value: focusOuterOverride || defaultFocusOuter
+        }
       }
     }
   };
@@ -1407,11 +1423,11 @@ var color_base_template_default = {
     focus: {
       inner: {
         $type: "color",
-        $value: "{color.neutral.background-default}"
+        $value: "{color.focus.inner-color}"
       },
       outer: {
         $type: "color",
-        $value: "{color.neutral.text-default}"
+        $value: "{color.focus.outer-color}"
       }
     }
   },
@@ -1767,6 +1783,16 @@ var generateTheme = (colors, themeName, borderRadius) => {
           $type: "color",
           $value: `{${themeName}.link.visited}`
         }
+      },
+      focus: {
+        "inner-color": {
+          $type: "color",
+          $value: `{${themeName}.focus.inner}`
+        },
+        "outer-color": {
+          $type: "color",
+          $value: `{${themeName}.focus.outer}`
+        }
       }
     },
     ...remainingThemeFile
@@ -2207,7 +2233,7 @@ import * as R8 from "ramda";
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.7.3",
+  version: "1.9.0",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -2270,10 +2296,11 @@ var package_default = {
   },
   dependencies: {
     "@commander-js/extra-typings": "^14.0.0",
-    "@tokens-studio/sd-transforms": "1.3.0",
+    "@digdir/designsystemet-types": "workspace:^",
+    "@tokens-studio/sd-transforms": "2.0.3",
     "apca-w3": "^0.1.9",
     "change-case": "^5.4.4",
-    "chroma-js": "^3.1.2",
+    "chroma-js": "^3.2.0",
     "colorjs.io": "^0.6.0-alpha.1",
     commander: "^14.0.2",
     "fast-glob": "^3.3.3",
@@ -2283,7 +2310,7 @@ var package_default = {
     postcss: "^8.5.6",
     ramda: "^0.32.0",
     "style-dictionary": "^5.1.1",
-    zod: "^4.1.12",
+    zod: "^4.1.13",
     "zod-validation-error": "^4.0.2"
   },
   devDependencies: {
@@ -2291,13 +2318,13 @@ var package_default = {
     "@types/apca-w3": "^0.1.3",
     "@types/chroma-js": "^3.1.2",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.19.0",
+    "@types/node": "^22.19.1",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.1",
     "fs-extra": "^11.3.2",
     tslib: "^2.8.1",
-    tsup: "^8.5.0",
-    tsx: "^4.20.6",
+    tsup: "^8.5.1",
+    tsx: "^4.21.0",
     typescript: "^5.9.3"
   }
 };

package/dist/src/tokens/process/output/declarations.js

@@ -4,7 +4,7 @@ import pc3 from "picocolors";
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.7.3",
+  version: "1.9.0",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -67,10 +67,11 @@ var package_default = {
   },
   dependencies: {
     "@commander-js/extra-typings": "^14.0.0",
-    "@tokens-studio/sd-transforms": "1.3.0",
+    "@digdir/designsystemet-types": "workspace:^",
+    "@tokens-studio/sd-transforms": "2.0.3",
     "apca-w3": "^0.1.9",
     "change-case": "^5.4.4",
-    "chroma-js": "^3.1.2",
+    "chroma-js": "^3.2.0",
     "colorjs.io": "^0.6.0-alpha.1",
     commander: "^14.0.2",
     "fast-glob": "^3.3.3",
@@ -80,7 +81,7 @@ var package_default = {
     postcss: "^8.5.6",
     ramda: "^0.32.0",
     "style-dictionary": "^5.1.1",
-    zod: "^4.1.12",
+    zod: "^4.1.13",
     "zod-validation-error": "^4.0.2"
   },
   devDependencies: {
@@ -88,13 +89,13 @@ var package_default = {
     "@types/apca-w3": "^0.1.3",
     "@types/chroma-js": "^3.1.2",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.19.0",
+    "@types/node": "^22.19.1",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.1",
     "fs-extra": "^11.3.2",
     tslib: "^2.8.1",
-    tsup: "^8.5.0",
-    tsx: "^4.20.6",
+    tsup: "^8.5.1",
+    tsx: "^4.21.0",
     typescript: "^5.9.3"
   }
 };
@@ -1209,10 +1210,10 @@ function createColorTypeDeclaration(colors) {
 \u{1F371} Building ${pc3.green("type declarations")}`);
   const typeDeclaration = `
 /* ${defaultFileHeader} */
-import type {} from '@digdir/designsystemet/types';
+import type {} from '@digdir/designsystemet-types';
 
 // Augment types based on theme
-declare module '@digdir/designsystemet/types' {
+declare module '@digdir/designsystemet-types' {
   export interface ColorDefinitions {
 ${colors.map((color) => `    ${color.includes("-") ? `'${color}'` : color}: never;`).join("\n")}
   }

package/dist/src/tokens/process/output/theme.js

@@ -5,7 +5,7 @@ import * as R2 from "ramda";
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.7.3",
+  version: "1.9.0",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -68,10 +68,11 @@ var package_default = {
   },
   dependencies: {
     "@commander-js/extra-typings": "^14.0.0",
-    "@tokens-studio/sd-transforms": "1.3.0",
+    "@digdir/designsystemet-types": "workspace:^",
+    "@tokens-studio/sd-transforms": "2.0.3",
     "apca-w3": "^0.1.9",
     "change-case": "^5.4.4",
-    "chroma-js": "^3.1.2",
+    "chroma-js": "^3.2.0",
     "colorjs.io": "^0.6.0-alpha.1",
     commander: "^14.0.2",
     "fast-glob": "^3.3.3",
@@ -81,7 +82,7 @@ var package_default = {
     postcss: "^8.5.6",
     ramda: "^0.32.0",
     "style-dictionary": "^5.1.1",
-    zod: "^4.1.12",
+    zod: "^4.1.13",
     "zod-validation-error": "^4.0.2"
   },
   devDependencies: {
@@ -89,13 +90,13 @@ var package_default = {
     "@types/apca-w3": "^0.1.3",
     "@types/chroma-js": "^3.1.2",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.19.0",
+    "@types/node": "^22.19.1",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.1",
     "fs-extra": "^11.3.2",
     tslib: "^2.8.1",
-    tsup: "^8.5.0",
-    tsx: "^4.20.6",
+    tsup: "^8.5.1",
+    tsx: "^4.21.0",
     typescript: "^5.9.3"
   }
 };