@digdir/designsystemet 1.0.8 → 1.1.0

package/dist/src/scripts/createJsonSchema.js

@@ -6,26 +6,8 @@ import { z as z2 } from "zod/v4";
 // src/config.ts
 import chalk from "chalk";
 import * as R7 from "ramda";
-import { fromError } from "zod-validation-error";
 import { z } from "zod/v4";
-
-// src/colors/utils.ts
-import chroma from "chroma-js";
-import Colorjs from "colorjs.io";
-import { Hsluv } from "hsluv";
-var convertToHex = (color) => {
-  if (!color) {
-    return "#000000";
-  }
-  if (/^#[0-9A-Fa-f]{6}$/.test(color)) {
-    return color;
-  }
-  return chroma(color).hex();
-};
-
-// src/colors/theme.ts
-import chroma2 from "chroma-js";
-import * as R2 from "ramda";
+import { fromError } from "zod-validation-error";
 
 // src/colors/colorMetadata.ts
 import * as R from "ramda";
@@ -273,6 +255,24 @@ var colorMetadata = {
 };
 var colorMetadataByNumber = R.indexBy((metadata) => metadata.number, Object.values(colorMetadata));
 
+// src/colors/theme.ts
+import chroma2 from "chroma-js";
+import * as R2 from "ramda";
+
+// src/colors/utils.ts
+import chroma from "chroma-js";
+import Colorjs from "colorjs.io";
+import { Hsluv } from "hsluv";
+var convertToHex = (color) => {
+  if (!color) {
+    return "#000000";
+  }
+  if (/^#[0-9A-Fa-f]{6}$/.test(color)) {
+    return color;
+  }
+  return chroma(color).hex();
+};
+
 // src/colors/theme.ts
 var RESERVED_COLORS = [
   "neutral",

package/dist/src/scripts/update-template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"update-template.d.ts","sourceRoot":"","sources":["../../../src/scripts/update-template.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,eAAe,qBA+E3B,CAAC"}
+{"version":3,"file":"update-template.d.ts","sourceRoot":"","sources":["../../../src/scripts/update-template.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,eAAe,qBA+E3B,CAAC"}

package/dist/src/tokens/build.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../../src/tokens/build.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,YAAY,EAAmB,MAAM,uBAAuB,CAAC;AAiB3E,eAAO,MAAM,WAAW,GAAU,SAAS,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC,2DA6ChF,CAAC"}
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../../src/tokens/build.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,YAAY,EAAmB,MAAM,uBAAuB,CAAC;AAiB3E,eAAO,MAAM,WAAW,GAAU,SAAS,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC,2DAqDhF,CAAC"}

package/dist/src/tokens/build.js

@@ -43,14 +43,71 @@ var readFile = async (path2, dry, allowFileNotFound) => {
   }
 };
 
-// src/tokens/process/theme.ts
-import * as R from "ramda";
+// src/tokens/process/output/tailwind.ts
+var createTailwindCSSFiles = (cssFiles) => {
+  console.log("\n\u{1F371} Creating Tailwind Config");
+  return cssFiles.map((file) => {
+    if (file.destination) {
+      const tailwindConfig = generateTailwind(file.output);
+      const tailwindFile = {
+        destination: file.destination.replace(".css", ".tailwind.css"),
+        output: tailwindConfig
+      };
+      return tailwindFile;
+    }
+    return void 0;
+  }).filter((item) => item !== void 0);
+};
+var generateTailwind = (css) => {
+  const tailwind = ["--font-sans: var(--ds-font-family)"];
+  const tokens = Array.from(new Set(css.match(/--ds-[^:)]+/g)), (m) => m).sort(
+    (a, b) => a.localeCompare(b, void 0, { numeric: true, sensitivity: "base" })
+  );
+  for (const token of tokens) {
+    if (token.startsWith("--ds-color-") && !token.startsWith("--ds-color-focus")) {
+      tailwind.push(`--color-${token.replace("--ds-color-", "")}: var(${token})`);
+    } else if (token.startsWith("--ds-font-weight-")) {
+      tailwind.push(`--font-weight-${token.replace("--ds-font-weight-", "")}: var(${token})`);
+    } else if (token.match(/--ds-border-radius-(sm|md|lg|xl)/)) {
+      tailwind.push(`--radius-${token.replace("--ds-border-radius-", "")}: var(${token})`);
+    } else if (token.match(/--ds-body-(sm|mg|lg)-body-font-size/)) {
+      tailwind.push(`--text-${token.replace("--ds-body-", "").replace("-font-size", "")}: var(${token})`);
+    } else if (token.match(/^--ds-size-\d+$/)) {
+      tailwind.push(`--spacing-${token.replace("--ds-size-", "")}: var(${token})`);
+    }
+  }
+  const dynamicColors = `[data-color] {
+      --color-background-default: var(--ds-color-background-default);
+      --color-background-tinted: var(--ds-color-background-tinted);
+      --color-surface-default: var(--ds-color-surface-default);
+      --color-surface-tinted: var(--ds-color-surface-tinted);
+      --color-surface-hover: var(--ds-color-surface-hover);
+      --color-surface-active: var(--ds-color-surface-active);
+      --color-border-subtle: var(--ds-color-border-subtle);
+      --color-border-default: var(--ds-color-border-default);
+      --color-border-strong: var(--ds-color-border-strong);
+      --color-text-subtle: var(--ds-color-text-subtle);
+      --color-text-default: var(--ds-color-text-default);
+      --color-base-default: var(--ds-color-base-default);
+      --color-base-hover: var(--ds-color-base-hover);
+      --color-base-active: var(--ds-color-base-active);
+      --color-base-contrast-subtle: var(--ds-color-base-contrast-subtle);
+      --color-base-contrast-default: var(--ds-color-base-contrast-default);
+    }`;
+  return `@theme {${tailwind.map((str) => `
+  ${str};`).join("")}
+}
+${dynamicColors}`;
+};
+
+// src/tokens/process/output/theme.ts
 import chalk2 from "chalk";
+import * as R from "ramda";
 
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.0.8",
+  version: "1.1.0",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -60,7 +117,7 @@ var package_default = {
     type: "git",
     url: "git+https://github.com/digdir/designsystemet.git"
   },
-  homepage: "https://github.com/digdir/designsystemet/tree/main/scripts/cli",
+  homepage: "https://github.com/digdir/designsystemet/tree/main/packages/cli",
   license: "MIT",
   type: "module",
   main: "./dist/src/index.js",
@@ -85,8 +142,6 @@ var package_default = {
   },
   scripts: {
     designsystemet: "tsx ./bin/designsystemet.ts",
-    "build:tokens": "pnpm run designsystemet tokens build -p -t ../../internal/design-tokens -o ../../packages/theme/brand --clean",
-    "build:tokens:debug": "tsx --inspect-brk ./bin/designsystemet.ts tokens build -p -t ../../internal/design-tokens -o ../../packages/theme/brand --clean",
     build: "tsup && pnpm build:types && pnpm build:json-schema",
     "build:types": "tsc --emitDeclarationOnly --declaration",
     "build:json-schema": "tsx ./src/scripts/createJsonSchema.ts",
@@ -94,17 +149,20 @@ var package_default = {
     "test:tokens-create-options": 'pnpm run designsystemet tokens create -m dominant:"#007682" -n "#003333" -b 99 -o ./temp/options/design-tokens --theme options --clean',
     "test:tokens-create-config": "pnpm run designsystemet tokens create --config ./configs/test-tokens.config.json",
     "test:tokens-build": "pnpm run designsystemet tokens build -t ./temp/options/design-tokens -o ./temp/options/build --clean",
+    "test:tokens-build-tailwind": "pnpm run designsystemet tokens build -t ./temp/options/design-tokens -o ./temp/options/build --clean --experimental-tailwind",
     "test:tokens-build-config": "pnpm run designsystemet tokens build -t ./temp/config/design-tokens -o ./temp/config/build --clean",
+    "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: "pnpm test:tokens-create-and-build-options && pnpm test:tokens-create-and-build-config",
+    "digdir:tokens-build": "pnpm run designsystemet tokens build -t ../../internal/design-tokens -o ../../packages/theme/brand --clean --experimental-tailwind",
     "digdir:tokens-create": "pnpm run designsystemet tokens create --config ./configs/digdir.config.json",
     "update:template": "tsx ./src/scripts/update-template.ts",
-    "update:theme-digdir": "pnpm digdir:tokens-create && tsx ./src/scripts/update-design-tokens.ts",
+    "update:theme-digdir": "pnpm digdir:tokens-create && tsx ./src/scripts/update-design-tokens.ts && pnpm digdir:tokens-build",
     verify: "pnpm test && pnpm update:template && pnpm update:theme-digdir && pnpm build:tokens"
   },
   dependencies: {
-    "@commander-js/extra-typings": "^13.1.0",
+    "@commander-js/extra-typings": "^14.0.0",
     "@tokens-studio/sd-transforms": "1.3.0",
     "apca-w3": "^0.1.9",
     chalk: "^5.4.1",
@@ -115,11 +173,11 @@ var package_default = {
     "fast-glob": "^3.3.3",
     hsluv: "^1.0.1",
     "object-hash": "^3.0.0",
-    postcss: "^8.5.3",
+    postcss: "^8.5.5",
     ramda: "^0.30.1",
     "style-dictionary": "^4.4.0",
-    zod: "^3.25.30",
-    "zod-validation-error": "^3.4.1"
+    zod: "^3.25.64",
+    "zod-validation-error": "^3.5.0"
   },
   devDependencies: {
     "@tokens-studio/types": "0.5.2",
@@ -127,20 +185,18 @@ var package_default = {
     "@types/chroma-js": "^3.1.1",
     "@types/fs-extra": "^11.0.4",
     "@types/glob": "^8.1.0",
-    "@types/jscodeshift": "^0.12.0",
-    "@types/node": "^22.15.21",
+    "@types/node": "^22.15.31",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.30.2",
     "fs-extra": "^11.3.0",
-    "ts-toolbelt": "^9.6.0",
     tslib: "^2.8.1",
     tsup: "^8.5.0",
-    tsx: "^4.19.4",
+    tsx: "^4.20.3",
     typescript: "^5.8.3"
   }
 };
 
-// src/tokens/process/theme.ts
+// src/tokens/process/output/theme.ts
 var defaultFileHeader = `build: v${package_default.version}`;
 var createThemeCSSFiles = ({
   processedBuilds,
@@ -309,7 +365,7 @@ var prefersColorScheme = (colorScheme2, content) => `
 `;
 var colorScheme = {
   name: "ds/css-colorscheme",
-  format: async ({ dictionary, file, options, platform }) => {
+  format: async ({ dictionary, options, platform }) => {
     const { allTokens } = dictionary;
     const { outputReferences, usesDtcg } = options;
     const { selector, colorScheme: colorScheme2, layer } = platform;
@@ -351,7 +407,7 @@ ${selector} ${content} ${autoSelectorContent}
 };
 var colorCategory = {
   name: "ds/css-colorcategory",
-  format: async ({ dictionary, file, options, platform }) => {
+  format: async ({ dictionary, options, platform }) => {
     const { outputReferences, usesDtcg } = options;
     const { selector, layer } = platform;
     const format = R3.compose(
@@ -394,7 +450,7 @@ var isInlineTokens = R4.anyPass([isNumericBorderRadiusToken, isNumericSizeToken,
 var overrideSizingFormula = (format, token) => {
   const [name, value] = format(token).split(":");
   const calc = value.replace(`var(--ds-size-mode-font-size)`, "1em").replace(/floor\((.*)\);/, "calc($1)");
-  const round = `round(down, ${calc}, 0.0625rem)`;
+  const round = `round(down, ${calc}, 1px)`;
   return {
     name,
     round,
@@ -422,7 +478,7 @@ ${round.join("\n")}
 };
 var semantic = {
   name: "ds/css-semantic",
-  format: async ({ dictionary, file, options, platform }) => {
+  format: async ({ dictionary, options, platform }) => {
     const { outputReferences, usesDtcg } = options;
     const { selector, layer } = platform;
     const format = createPropertyFormatter2({
@@ -460,7 +516,7 @@ var typographyFontFamilyPredicate = R5.allPass([
 ]);
 var typography = {
   name: "ds/css-typography",
-  format: async ({ dictionary, file, options, platform }) => {
+  format: async ({ dictionary, options, platform }) => {
     const { outputReferences, usesDtcg } = options;
     const { selector, layer } = platform;
     const format = createPropertyFormatter3({
@@ -1349,7 +1405,7 @@ var buildTokens = async (options) => {
   try {
     const $designsystemetContent = await readFile(`${tokensDir}/$designsystemet.json`);
     $designsystemet = JSON.parse($designsystemetContent);
-  } catch (error) {
+  } catch (_error) {
   }
   console.log(`
 \u{1F3D7}\uFE0F Start building tokens in ${chalk5.green(tokensDir)}`);
@@ -1360,17 +1416,22 @@ var buildTokens = async (options) => {
     type: "build",
     $themes
   });
-  console.log(`
-\u{1F4BE} Writing build to ${chalk5.green(outDir)}`);
-  for (const { formatted } of processedBuilds.types) {
-    await write(formatted, outDir, options.dry);
-  }
   const fileHeader2 = R14.join("")([
     defaultFileHeader,
     $designsystemet ? `
 design-tokens: v${$designsystemet.version}` : ""
   ]);
-  await write(createThemeCSSFiles({ processedBuilds, fileHeader: fileHeader2 }), outDir, options.dry);
+  let cssFiles = createThemeCSSFiles({ processedBuilds, fileHeader: fileHeader2 });
+  if (options.tailwind) {
+    const tailwindFiles = createTailwindCSSFiles(cssFiles);
+    cssFiles = cssFiles.concat(tailwindFiles.filter(Boolean));
+  }
+  console.log(`
+\u{1F4BE} Writing build to ${chalk5.green(outDir)}`);
+  for (const { formatted } of processedBuilds.types) {
+    await write(formatted, outDir, options.dry);
+  }
+  await write(cssFiles, outDir, options.dry);
   console.log(`
 \u2705 Finished building tokens!`);
   return processedBuilds;

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

@@ -1,7 +1,7 @@
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.0.8",
+  version: "1.1.0",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -11,7 +11,7 @@ var package_default = {
     type: "git",
     url: "git+https://github.com/digdir/designsystemet.git"
   },
-  homepage: "https://github.com/digdir/designsystemet/tree/main/scripts/cli",
+  homepage: "https://github.com/digdir/designsystemet/tree/main/packages/cli",
   license: "MIT",
   type: "module",
   main: "./dist/src/index.js",
@@ -36,8 +36,6 @@ var package_default = {
   },
   scripts: {
     designsystemet: "tsx ./bin/designsystemet.ts",
-    "build:tokens": "pnpm run designsystemet tokens build -p -t ../../internal/design-tokens -o ../../packages/theme/brand --clean",
-    "build:tokens:debug": "tsx --inspect-brk ./bin/designsystemet.ts tokens build -p -t ../../internal/design-tokens -o ../../packages/theme/brand --clean",
     build: "tsup && pnpm build:types && pnpm build:json-schema",
     "build:types": "tsc --emitDeclarationOnly --declaration",
     "build:json-schema": "tsx ./src/scripts/createJsonSchema.ts",
@@ -45,17 +43,20 @@ var package_default = {
     "test:tokens-create-options": 'pnpm run designsystemet tokens create -m dominant:"#007682" -n "#003333" -b 99 -o ./temp/options/design-tokens --theme options --clean',
     "test:tokens-create-config": "pnpm run designsystemet tokens create --config ./configs/test-tokens.config.json",
     "test:tokens-build": "pnpm run designsystemet tokens build -t ./temp/options/design-tokens -o ./temp/options/build --clean",
+    "test:tokens-build-tailwind": "pnpm run designsystemet tokens build -t ./temp/options/design-tokens -o ./temp/options/build --clean --experimental-tailwind",
     "test:tokens-build-config": "pnpm run designsystemet tokens build -t ./temp/config/design-tokens -o ./temp/config/build --clean",
+    "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: "pnpm test:tokens-create-and-build-options && pnpm test:tokens-create-and-build-config",
+    "digdir:tokens-build": "pnpm run designsystemet tokens build -t ../../internal/design-tokens -o ../../packages/theme/brand --clean --experimental-tailwind",
     "digdir:tokens-create": "pnpm run designsystemet tokens create --config ./configs/digdir.config.json",
     "update:template": "tsx ./src/scripts/update-template.ts",
-    "update:theme-digdir": "pnpm digdir:tokens-create && tsx ./src/scripts/update-design-tokens.ts",
+    "update:theme-digdir": "pnpm digdir:tokens-create && tsx ./src/scripts/update-design-tokens.ts && pnpm digdir:tokens-build",
     verify: "pnpm test && pnpm update:template && pnpm update:theme-digdir && pnpm build:tokens"
   },
   dependencies: {
-    "@commander-js/extra-typings": "^13.1.0",
+    "@commander-js/extra-typings": "^14.0.0",
     "@tokens-studio/sd-transforms": "1.3.0",
     "apca-w3": "^0.1.9",
     chalk: "^5.4.1",
@@ -66,11 +67,11 @@ var package_default = {
     "fast-glob": "^3.3.3",
     hsluv: "^1.0.1",
     "object-hash": "^3.0.0",
-    postcss: "^8.5.3",
+    postcss: "^8.5.5",
     ramda: "^0.30.1",
     "style-dictionary": "^4.4.0",
-    zod: "^3.25.30",
-    "zod-validation-error": "^3.4.1"
+    zod: "^3.25.64",
+    "zod-validation-error": "^3.5.0"
   },
   devDependencies: {
     "@tokens-studio/types": "0.5.2",
@@ -78,15 +79,13 @@ var package_default = {
     "@types/chroma-js": "^3.1.1",
     "@types/fs-extra": "^11.0.4",
     "@types/glob": "^8.1.0",
-    "@types/jscodeshift": "^0.12.0",
-    "@types/node": "^22.15.21",
+    "@types/node": "^22.15.31",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.30.2",
     "fs-extra": "^11.3.0",
-    "ts-toolbelt": "^9.6.0",
     tslib: "^2.8.1",
     tsup: "^8.5.0",
-    tsx: "^4.19.4",
+    tsx: "^4.20.3",
     typescript: "^5.8.3"
   }
 };

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

@@ -1,27 +1,6 @@
 // src/tokens/create/generators/color.ts
 import * as R3 from "ramda";
 
-// src/colors/utils.ts
-import chroma from "chroma-js";
-import Colorjs from "colorjs.io";
-import { Hsluv } from "hsluv";
-var getLuminanceFromLightness = (lightness) => {
-  const conv = new Hsluv();
-  conv.hsluv_l = lightness;
-  conv.hsluvToHex();
-  return chroma(conv.hex).luminance();
-};
-var getLightnessFromHex = (hex) => {
-  const conv = new Hsluv();
-  conv.hex = hex;
-  conv.hexToHsluv();
-  return conv.hsluv_l;
-};
-
-// src/colors/theme.ts
-import chroma2 from "chroma-js";
-import * as R2 from "ramda";
-
 // src/colors/colorMetadata.ts
 import * as R from "ramda";
 var baseColors = {
@@ -275,6 +254,27 @@ var colorMetadata = {
 };
 var colorMetadataByNumber = R.indexBy((metadata) => metadata.number, Object.values(colorMetadata));
 
+// src/colors/theme.ts
+import chroma2 from "chroma-js";
+import * as R2 from "ramda";
+
+// src/colors/utils.ts
+import chroma from "chroma-js";
+import Colorjs from "colorjs.io";
+import { Hsluv } from "hsluv";
+var getLuminanceFromLightness = (lightness) => {
+  const conv = new Hsluv();
+  conv.hsluv_l = lightness;
+  conv.hsluvToHex();
+  return chroma(conv.hex).luminance();
+};
+var getLightnessFromHex = (hex) => {
+  const conv = new Hsluv();
+  conv.hex = hex;
+  conv.hexToHsluv();
+  return conv.hsluv_l;
+};
+
 // src/colors/theme.ts
 var generateColorScale = (color, colorScheme) => {
   let interpolationColor = color;

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.0.8",
+  version: "1.1.0",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -56,7 +56,7 @@ var package_default = {
     type: "git",
     url: "git+https://github.com/digdir/designsystemet.git"
   },
-  homepage: "https://github.com/digdir/designsystemet/tree/main/scripts/cli",
+  homepage: "https://github.com/digdir/designsystemet/tree/main/packages/cli",
   license: "MIT",
   type: "module",
   main: "./dist/src/index.js",
@@ -81,8 +81,6 @@ var package_default = {
   },
   scripts: {
     designsystemet: "tsx ./bin/designsystemet.ts",
-    "build:tokens": "pnpm run designsystemet tokens build -p -t ../../internal/design-tokens -o ../../packages/theme/brand --clean",
-    "build:tokens:debug": "tsx --inspect-brk ./bin/designsystemet.ts tokens build -p -t ../../internal/design-tokens -o ../../packages/theme/brand --clean",
     build: "tsup && pnpm build:types && pnpm build:json-schema",
     "build:types": "tsc --emitDeclarationOnly --declaration",
     "build:json-schema": "tsx ./src/scripts/createJsonSchema.ts",
@@ -90,17 +88,20 @@ var package_default = {
     "test:tokens-create-options": 'pnpm run designsystemet tokens create -m dominant:"#007682" -n "#003333" -b 99 -o ./temp/options/design-tokens --theme options --clean',
     "test:tokens-create-config": "pnpm run designsystemet tokens create --config ./configs/test-tokens.config.json",
     "test:tokens-build": "pnpm run designsystemet tokens build -t ./temp/options/design-tokens -o ./temp/options/build --clean",
+    "test:tokens-build-tailwind": "pnpm run designsystemet tokens build -t ./temp/options/design-tokens -o ./temp/options/build --clean --experimental-tailwind",
     "test:tokens-build-config": "pnpm run designsystemet tokens build -t ./temp/config/design-tokens -o ./temp/config/build --clean",
+    "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: "pnpm test:tokens-create-and-build-options && pnpm test:tokens-create-and-build-config",
+    "digdir:tokens-build": "pnpm run designsystemet tokens build -t ../../internal/design-tokens -o ../../packages/theme/brand --clean --experimental-tailwind",
     "digdir:tokens-create": "pnpm run designsystemet tokens create --config ./configs/digdir.config.json",
     "update:template": "tsx ./src/scripts/update-template.ts",
-    "update:theme-digdir": "pnpm digdir:tokens-create && tsx ./src/scripts/update-design-tokens.ts",
+    "update:theme-digdir": "pnpm digdir:tokens-create && tsx ./src/scripts/update-design-tokens.ts && pnpm digdir:tokens-build",
     verify: "pnpm test && pnpm update:template && pnpm update:theme-digdir && pnpm build:tokens"
   },
   dependencies: {
-    "@commander-js/extra-typings": "^13.1.0",
+    "@commander-js/extra-typings": "^14.0.0",
     "@tokens-studio/sd-transforms": "1.3.0",
     "apca-w3": "^0.1.9",
     chalk: "^5.4.1",
@@ -111,11 +112,11 @@ var package_default = {
     "fast-glob": "^3.3.3",
     hsluv: "^1.0.1",
     "object-hash": "^3.0.0",
-    postcss: "^8.5.3",
+    postcss: "^8.5.5",
     ramda: "^0.30.1",
     "style-dictionary": "^4.4.0",
-    zod: "^3.25.30",
-    "zod-validation-error": "^3.4.1"
+    zod: "^3.25.64",
+    "zod-validation-error": "^3.5.0"
   },
   devDependencies: {
     "@tokens-studio/types": "0.5.2",
@@ -123,15 +124,13 @@ var package_default = {
     "@types/chroma-js": "^3.1.1",
     "@types/fs-extra": "^11.0.4",
     "@types/glob": "^8.1.0",
-    "@types/jscodeshift": "^0.12.0",
-    "@types/node": "^22.15.21",
+    "@types/node": "^22.15.31",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.30.2",
     "fs-extra": "^11.3.0",
-    "ts-toolbelt": "^9.6.0",
     tslib: "^2.8.1",
     tsup: "^8.5.0",
-    tsx: "^4.19.4",
+    tsx: "^4.20.3",
     typescript: "^5.8.3"
   }
 };
@@ -522,7 +521,7 @@ var writeTokens = async (options) => {
     if ($themes2) {
       themeObjects = JSON.parse($themes2);
     }
-  } catch (error) {
+  } catch (_error) {
   }
   const concatThemeNames = R.pipe(
     R.filter((obj) => R.toLower(obj.group || "") === "theme"),

package/dist/src/tokens/create.d.ts

@@ -2,6 +2,7 @@ import type { Theme, TokenSets } from './types.js';
 export declare const cliOptions: {
     readonly outDir: "out-dir";
     readonly clean: "clean";
+    readonly tailwind: "tailwind";
     readonly theme: {
         readonly colors: {
             readonly main: "main-colors";

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

@@ -1 +1 @@
-{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../../src/tokens/create.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,KAAK,EAAY,SAAS,EAAE,MAAM,YAAY,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;CAcb,CAAC;AAEX,eAAO,MAAM,YAAY,GAAU,MAAM,KAAK;;EAiC7C,CAAC"}
+{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../../src/tokens/create.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,KAAK,EAAY,SAAS,EAAE,MAAM,YAAY,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CAeb,CAAC;AAEX,eAAO,MAAM,YAAY,GAAU,MAAM,KAAK;;EAiC7C,CAAC"}

package/dist/src/tokens/create.js

@@ -992,27 +992,6 @@ var getDefaultToken = (tokenPath) => {
 // src/tokens/create/generators/color.ts
 import * as R4 from "ramda";
 
-// src/colors/utils.ts
-import chroma from "chroma-js";
-import Colorjs from "colorjs.io";
-import { Hsluv } from "hsluv";
-var getLuminanceFromLightness = (lightness) => {
-  const conv = new Hsluv();
-  conv.hsluv_l = lightness;
-  conv.hsluvToHex();
-  return chroma(conv.hex).luminance();
-};
-var getLightnessFromHex = (hex) => {
-  const conv = new Hsluv();
-  conv.hex = hex;
-  conv.hexToHsluv();
-  return conv.hsluv_l;
-};
-
-// src/colors/theme.ts
-import chroma2 from "chroma-js";
-import * as R3 from "ramda";
-
 // src/colors/colorMetadata.ts
 import * as R2 from "ramda";
 var baseColors = {
@@ -1266,6 +1245,27 @@ var colorMetadata = {
 };
 var colorMetadataByNumber = R2.indexBy((metadata) => metadata.number, Object.values(colorMetadata));
 
+// src/colors/theme.ts
+import chroma2 from "chroma-js";
+import * as R3 from "ramda";
+
+// src/colors/utils.ts
+import chroma from "chroma-js";
+import Colorjs from "colorjs.io";
+import { Hsluv } from "hsluv";
+var getLuminanceFromLightness = (lightness) => {
+  const conv = new Hsluv();
+  conv.hsluv_l = lightness;
+  conv.hsluvToHex();
+  return chroma(conv.hex).luminance();
+};
+var getLightnessFromHex = (hex) => {
+  const conv = new Hsluv();
+  conv.hex = hex;
+  conv.hexToHsluv();
+  return conv.hsluv_l;
+};
+
 // src/colors/theme.ts
 var generateColorScale = (color, colorScheme) => {
   let interpolationColor = color;
@@ -2043,6 +2043,7 @@ var generateTypography = (themeName, { fontFamily }) => {
 var cliOptions = {
   outDir: "out-dir",
   clean: "clean",
+  tailwind: "tailwind",
   theme: {
     colors: {
       main: "main-colors",

package/dist/src/tokens/format.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/tokens/format.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAmB,MAAM,uBAAuB,CAAC;AAE5E,OAAO,KAAK,EAAc,KAAK,EAAE,MAAM,YAAY,CAAC;AAEpD,eAAO,MAAM,YAAY,GAAU,SAAS,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,2DAOtE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAU,aAAa,KAAK,2DAYnD,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,GAAU,aAAa,KAAK,oBAItD,CAAC"}
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/tokens/format.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,aAAa,EAAmB,MAAM,uBAAuB,CAAC;AAC5E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAExC,eAAO,MAAM,YAAY,GAAU,SAAS,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,2DAOtE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAU,aAAa,KAAK,2DAYnD,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,GAAU,aAAa,KAAK,oBAItD,CAAC"}