@digdir/designsystemet 1.8.0 → 1.10.0

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.8.0",
+  version: "1.10.0",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -57,23 +57,18 @@ 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/design-tokens --dry",
+    "test:generate-config-from-tokens": "pnpm run designsystemet generate-config-from-tokens -d ../../internal/digdir/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",
-    "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:preview-tokens": "tsx ./src/scripts/update-preview-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"
+    verify: "pnpm test && pnpm update:template && pnpm --filter @internal/digdir update:theme-digdir"
   },
   dependencies: {
     "@commander-js/extra-typings": "^14.0.0",
     "@digdir/designsystemet-types": "workspace:^",
-    "@tokens-studio/sd-transforms": "2.0.2",
-    "apca-w3": "^0.1.9",
-    "change-case": "^5.4.4",
+    "@tokens-studio/sd-transforms": "2.0.3",
     "chroma-js": "^3.2.0",
-    "colorjs.io": "^0.6.0-alpha.1",
+    "colorjs.io": "^0.6.0",
     commander: "^14.0.2",
     "fast-glob": "^3.3.3",
     hsluv: "^1.0.1",
@@ -82,19 +77,15 @@ var package_default = {
     postcss: "^8.5.6",
     ramda: "^0.32.0",
     "style-dictionary": "^5.1.1",
-    zod: "^4.1.13",
+    zod: "^4.3.5",
     "zod-validation-error": "^4.0.2"
   },
   devDependencies: {
     "@tokens-studio/types": "0.5.2",
-    "@types/apca-w3": "^0.1.3",
     "@types/chroma-js": "^3.1.2",
-    "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.19.1",
+    "@types/node": "^22.19.3",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.1",
-    "fs-extra": "^11.3.2",
-    tslib: "^2.8.1",
     tsup: "^8.5.1",
     tsx: "^4.21.0",
     typescript: "^5.9.3"

package/dist/src/tokens/process/platform.js

@@ -1017,7 +1017,6 @@ var TypographyValues;
 })(TypographyValues || (TypographyValues = {}));
 
 // src/tokens/process/utils/getMultidimensionalThemes.ts
-import { kebabCase } from "change-case";
 import pc from "picocolors";
 import * as R13 from "ramda";
 var getMultidimensionalThemes = (processed$themes, dimensions) => {

package/dist/src/tokens/process/utils/getMultidimensionalThemes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getMultidimensionalThemes.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/process/utils/getMultidimensionalThemes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAKxD,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,yBAAyB,GAAI,kBAAkB,oBAAoB,EAAE,EAAE,YAAY,cAAc,EAAE,sBAe/G,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,WAAW,EAAE,gBAAgB,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,OAAO,MAAsD,CAAC;AAC/E;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAAE,CAAC,SAAS,CAAC,EAAE,IAAI,CAAA;CAAE,CAAC;AAMvE;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,GAAG,oBAAoB,GAAG,oBAAoB,CAUlG;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,gBAAgB,EAAE,oBAAoB,EAAE,CAAC,CAAC;AA8FnF,eAAO,MAAM,eAAe,GAAI,kBAAkB,oBAAoB,EAAE,EAAE,aAAa,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,aASnF,CAAC"}
+{"version":3,"file":"getMultidimensionalThemes.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/process/utils/getMultidimensionalThemes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAIvE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,yBAAyB,GAAI,kBAAkB,oBAAoB,EAAE,EAAE,YAAY,cAAc,EAAE,sBAe/G,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,WAAW,EAAE,gBAAgB,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,OAAO,MAAsD,CAAC;AAC/E;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAAE,CAAC,SAAS,CAAC,EAAE,IAAI,CAAA;CAAE,CAAC;AAMvE;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,GAAG,oBAAoB,GAAG,oBAAoB,CAUlG;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,gBAAgB,EAAE,oBAAoB,EAAE,CAAC,CAAC;AA8FnF,eAAO,MAAM,eAAe,GAAI,kBAAkB,oBAAoB,EAAE,EAAE,aAAa,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,aASnF,CAAC"}

package/dist/src/tokens/process/utils/getMultidimensionalThemes.js

@@ -162,7 +162,6 @@ var TypographyValues;
 })(TypographyValues || (TypographyValues = {}));
 
 // src/tokens/process/utils/getMultidimensionalThemes.ts
-import { kebabCase } from "change-case";
 import pc2 from "picocolors";
 import * as R15 from "ramda";
 
@@ -1077,6 +1076,11 @@ var buildConfigs = {
   semantic: { getConfig: configs.semanticVariables, dimensions: ["semantic"] }
 };
 
+// src/tokens/process/utils/kebab-case.ts
+function kebabCase(str) {
+  return str.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
+}
+
 // src/tokens/process/utils/getMultidimensionalThemes.ts
 var getMultidimensionalThemes = (processed$themes, dimensions) => {
   const verboseLogging = buildOptions?.verbose;

package/dist/src/tokens/process/utils/kebab-case.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Function to convert a string to kebab-case.
+ */
+export declare function kebabCase(str: string): string;
+//# sourceMappingURL=kebab-case.d.ts.map

package/dist/src/tokens/process/utils/kebab-case.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kebab-case.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/process/utils/kebab-case.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAK7C"}

package/dist/src/tokens/process/utils/kebab-case.js

@@ -0,0 +1,7 @@
+// src/tokens/process/utils/kebab-case.ts
+function kebabCase(str) {
+  return str.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
+}
+export {
+  kebabCase
+};

package/dist/src/tokens/template/design-tokens/semantic/color.base.template.js

@@ -1,5 +1,5 @@
 // src/tokens/template/design-tokens/semantic/color.base.template.json
-var color_base_template_default = "../../../../../color.base.template-QGZJKXMN.json";
+var color_base_template_default = "../../../../../color.base.template-Z7YWN2TF.json";
 export {
   color_base_template_default as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet",
-  "version": "1.8.0",
+  "version": "1.10.0",
   "description": "CLI for Designsystemet",
   "author": "Designsystemet team",
   "engines": {
@@ -38,11 +38,9 @@
   },
   "dependencies": {
     "@commander-js/extra-typings": "^14.0.0",
-    "@tokens-studio/sd-transforms": "2.0.2",
-    "apca-w3": "^0.1.9",
-    "change-case": "^5.4.4",
+    "@tokens-studio/sd-transforms": "2.0.3",
     "chroma-js": "^3.2.0",
-    "colorjs.io": "^0.6.0-alpha.1",
+    "colorjs.io": "^0.6.0",
     "commander": "^14.0.2",
     "fast-glob": "^3.3.3",
     "hsluv": "^1.0.1",
@@ -51,20 +49,16 @@
     "postcss": "^8.5.6",
     "ramda": "^0.32.0",
     "style-dictionary": "^5.1.1",
-    "zod": "^4.1.13",
+    "zod": "^4.3.5",
     "zod-validation-error": "^4.0.2",
-    "@digdir/designsystemet-types": "^1.8.0"
+    "@digdir/designsystemet-types": "^1.10.0"
   },
   "devDependencies": {
     "@tokens-studio/types": "0.5.2",
-    "@types/apca-w3": "^0.1.3",
     "@types/chroma-js": "^3.1.2",
-    "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.19.1",
+    "@types/node": "^22.19.3",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.1",
-    "fs-extra": "^11.3.2",
-    "tslib": "^2.8.1",
     "tsup": "^8.5.1",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3"
@@ -85,13 +79,10 @@
     "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/design-tokens --dry",
+    "test:generate-config-from-tokens": "pnpm run designsystemet generate-config-from-tokens -d ../../internal/digdir/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",
-    "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:preview-tokens": "tsx ./src/scripts/update-preview-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"
+    "verify": "pnpm test && pnpm update:template && pnpm --filter @internal/digdir update:theme-digdir"
   }
 }

package/configs/digdir.config.json

@@ -1,63 +0,0 @@
-{
-  "$schema": "../dist/config.schema.json",
-  "outDir": "./temp/digdir/design-tokens",
-  "clean": true,
-  "themes": {
-    "digdir": {
-      "colors": {
-        "main": {
-          "accent": "#0062BA"
-        },
-        "support": {
-          "brand1": "#F45F63",
-          "brand2": "#E5AA20",
-          "brand3": "#1E98F5"
-        },
-        "neutral": "#1E2B3C"
-      },
-      "borderRadius": 4,
-      "typography": {
-        "fontFamily": "Inter"
-      }
-    },
-    "altinn": {
-      "colors": {
-        "main": {
-          "accent": "#0062BA"
-        },
-        "support": {
-          "brand1": "#0162BA",
-          "brand2": "#3F3161",
-          "brand3": "#E02F4A"
-        },
-        "neutral": "#1E2B3C"
-      }
-    },
-    "uutilsynet": {
-      "colors": {
-        "main": {
-          "accent": "#0062BA"
-        },
-        "support": {
-          "brand1": "#5B60D1",
-          "brand2": "#FEA769",
-          "brand3": "#5DA290"
-        },
-        "neutral": "#1E2B3C"
-      }
-    },
-    "portal": {
-      "colors": {
-        "main": {
-          "accent": "#38628C"
-        },
-        "support": {
-          "brand1": "#D9ECFF",
-          "brand2": "#FFCA99",
-          "brand3": "#D96C79"
-        },
-        "neutral": "#203040"
-      }
-    }
-  }
-}

package/dist/src/scripts/update-design-tokens.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=update-design-tokens.d.ts.map

package/dist/src/scripts/update-design-tokens.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"update-design-tokens.d.ts","sourceRoot":"","sources":["../../../src/scripts/update-design-tokens.ts"],"names":[],"mappings":""}

package/dist/src/scripts/update-design-tokens.js

@@ -1,37 +0,0 @@
-// src/scripts/update-design-tokens.ts
-import path from "path";
-
-// src/utils.ts
-import fs from "fs/promises";
-import pc from "picocolors";
-var cp = async (src, dest, dry, filter) => {
-  if (dry) {
-    console.log(`${pc.blue("cp")} ${src} ${dest}`);
-    return Promise.resolve();
-  }
-  return fs.cp(src, dest, { recursive: true, filter });
-};
-
-// src/scripts/update-design-tokens.ts
-var DIRNAME = import.meta.dirname || __dirname;
-var TARGET = path.join(DIRNAME, "../../../../internal/design-tokens");
-var INTERNAL = path.join(DIRNAME, "../../temp/digdir/design-tokens");
-async function updateDesignTokens() {
-  console.log("\n\u{1F4C1} Copying design tokens");
-  await cp(path.join(INTERNAL, "primitives/modes/color-scheme"), path.join(TARGET, "primitives/modes/color-scheme"));
-  await cp(path.join(INTERNAL, "primitives/modes/size"), path.join(TARGET, "primitives/modes/size"));
-  await cp(
-    path.join(INTERNAL, "primitives/modes/typography/primary"),
-    path.join(TARGET, "primitives/modes/typography/primary")
-  );
-  await cp(
-    path.join(INTERNAL, "primitives/modes/typography/size"),
-    path.join(TARGET, "primitives/modes/typography/size")
-  );
-  await cp(path.join(INTERNAL, "primitives/globals.json"), path.join(TARGET, "primitives/globals.json"));
-  await cp(path.join(INTERNAL, "semantic"), path.join(TARGET, "semantic"));
-  await cp(path.join(INTERNAL, "themes"), path.join(TARGET, "themes"));
-  await cp(path.join(INTERNAL, "$designsystemet.jsonc"), path.join(TARGET, "$designsystemet.jsonc"));
-  console.log("\u2705 Finished copying design tokens");
-}
-await updateDesignTokens();