@digdir/designsystemet 1.0.4 → 1.0.6

package/dist/src/colors/index.js

@@ -1,5 +1,6 @@
 // src/colors/utils.ts
 import chroma from "chroma-js";
+import Colorjs from "colorjs.io";
 import { Hsluv } from "hsluv";
 var hexToCssHsl = (hex, valuesOnly = false) => {
   const [h, s, l] = chroma(hex).hsl();
@@ -72,6 +73,9 @@ var getLuminanceFromLightness = (lightness) => {
   conv.hsluvToHex();
   return chroma(conv.hex).luminance();
 };
+var getLuminanceFromColor = (color) => {
+  return chroma(color).luminance();
+};
 var getLightnessFromHex = (hex) => {
   const conv = new Hsluv();
   conv.hex = hex;
@@ -106,6 +110,32 @@ var rgbToHex = (rgb) => {
     return hex.length === 1 ? "0" + hex : hex;
   }).join("")}`;
 };
+var convertColor = (cssColor, format) => {
+  const color = new Colorjs(cssColor);
+  switch (format) {
+    case "rgb":
+    case "rgba":
+      return color.toString({
+        format: {
+          name: format,
+          coords: ["<number>[0, 255]", "<number>[0, 255]", "<number>[0, 255]"]
+        },
+        precision: 3
+      });
+    case "hex":
+      return color.toString({ format, precision: 3 });
+    case "hct":
+      return color.to(format).toString({
+        format: {
+          name: format,
+          coords: ["<number>", "<number>", "<number>"]
+        },
+        precision: 3
+      });
+    default:
+      return color.to(format).toString({ precision: 3 });
+  }
+};
 
 // src/colors/theme.ts
 import chroma2 from "chroma-js";
@@ -450,6 +480,7 @@ export {
   baseColors,
   canTextBeUsedOnColors,
   colorMetadata,
+  convertColor,
   convertToHex,
   generateColorContrast,
   generateColorScale,
@@ -459,6 +490,7 @@ export {
   getContrastFromLightness,
   getCssVariable,
   getLightnessFromHex,
+  getLuminanceFromColor,
   getLuminanceFromLightness,
   hexToCssHsl,
   hexToHSL,

package/dist/src/colors/theme.js

@@ -253,6 +253,7 @@ var getColorMetadataByNumber = (number) => {
 
 // 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();

package/dist/src/colors/utils.d.ts

@@ -86,6 +86,12 @@ export declare const isHexColor: (hex: string) => boolean;
  * @param lightness The lightness value
  */
 export declare const getLuminanceFromLightness: (lightness: number) => number;
+/**
+ * Get the relative luminance from any valid css color
+ *
+ * @param color
+ */
+export declare const getLuminanceFromColor: (color: string) => number;
 /**
  * Get the HSLuv lightness from a HEX color
  *
@@ -112,4 +118,11 @@ export declare const rgbToHex: (rgb: {
     g: number;
     b: number;
 }) => HexColor;
+/**
+ * Convert a color to a different format
+ *
+ * @param cssColor Any valid css color
+ * @param format Color space/format supported here https://colorjs.io/docs/spaces
+ */
+export declare const convertColor: (cssColor: string, format: string) => string;
 //# sourceMappingURL=utils.d.ts.map

package/dist/src/colors/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/colors/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAErD;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,KAAK,QAAQ,EAAE,oBAAkB,WAO5D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,KAAK,QAAQ,aAGrC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,KAAK,QAAQ,aAKvC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,EAAE,WAExC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,GAAI,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,GAAG,MAAM,KAAG,QAE1D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,GAAI,KAAK,MAAM,EAAE,OAAM,KAAK,GAAG,GAAW;;;;CAO9D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAQ,QAAQ,EAAE,QAAQ,QAAQ,WAIpE,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,GAAI,WAAW,MAAM,EAAE,WAAW,QAAQ,EAAE,iBAAiB,QAAQ,WAYzG,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,QAAQ,EAAE,QAAQ,QAAQ,EAAE,OAAM,YAAY,GAAG,IAAI,GAAG,KAAY,YAYhH,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,YAErC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,GAAI,WAAW,MAAM,WAM1D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,KAAK,QAAQ,WAMhD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,GAAI,kBAAkB,QAAQ,EAAE,iBAAiB,QAAQ,YAe1F,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,QAAQ,MAAM,KAAG,QAQ7C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,KAAK;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,KAAG,QAOnE,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/colors/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAErD;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,KAAK,QAAQ,EAAE,oBAAkB,WAO5D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,KAAK,QAAQ,aAGrC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,KAAK,QAAQ,aAKvC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,EAAE,WAExC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,GAAI,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,GAAG,MAAM,KAAG,QAE1D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,GAAI,KAAK,MAAM,EAAE,OAAM,KAAK,GAAG,GAAW;;;;CAO9D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAQ,QAAQ,EAAE,QAAQ,QAAQ,WAIpE,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,GAAI,WAAW,MAAM,EAAE,WAAW,QAAQ,EAAE,iBAAiB,QAAQ,WAYzG,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,QAAQ,EAAE,QAAQ,QAAQ,EAAE,OAAM,YAAY,GAAG,IAAI,GAAG,KAAY,YAYhH,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,YAErC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,GAAI,WAAW,MAAM,WAM1D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAAI,OAAO,MAAM,WAElD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,KAAK,QAAQ,WAMhD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,GAAI,kBAAkB,QAAQ,EAAE,iBAAiB,QAAQ,YAe1F,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,QAAQ,MAAM,KAAG,QAQ7C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,KAAK;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,KAAG,QAOnE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,UAAU,MAAM,EAAE,QAAQ,MAAM,WA0B5D,CAAC"}

package/dist/src/colors/utils.js

@@ -1,5 +1,6 @@
 // src/colors/utils.ts
 import chroma from "chroma-js";
+import Colorjs from "colorjs.io";
 import { Hsluv } from "hsluv";
 var hexToCssHsl = (hex, valuesOnly = false) => {
   const [h, s, l] = chroma(hex).hsl();
@@ -72,6 +73,9 @@ var getLuminanceFromLightness = (lightness) => {
   conv.hsluvToHex();
   return chroma(conv.hex).luminance();
 };
+var getLuminanceFromColor = (color) => {
+  return chroma(color).luminance();
+};
 var getLightnessFromHex = (hex) => {
   const conv = new Hsluv();
   conv.hex = hex;
@@ -106,14 +110,42 @@ var rgbToHex = (rgb) => {
     return hex.length === 1 ? "0" + hex : hex;
   }).join("")}`;
 };
+var convertColor = (cssColor, format) => {
+  const color = new Colorjs(cssColor);
+  switch (format) {
+    case "rgb":
+    case "rgba":
+      return color.toString({
+        format: {
+          name: format,
+          coords: ["<number>[0, 255]", "<number>[0, 255]", "<number>[0, 255]"]
+        },
+        precision: 3
+      });
+    case "hex":
+      return color.toString({ format, precision: 3 });
+    case "hct":
+      return color.to(format).toString({
+        format: {
+          name: format,
+          coords: ["<number>", "<number>", "<number>"]
+        },
+        precision: 3
+      });
+    default:
+      return color.to(format).toString({ precision: 3 });
+  }
+};
 export {
   HSLToHex,
   areColorsContrasting,
   canTextBeUsedOnColors,
+  convertColor,
   convertToHex,
   getContrastFromHex,
   getContrastFromLightness,
   getLightnessFromHex,
+  getLuminanceFromColor,
   getLuminanceFromLightness,
   hexToCssHsl,
   hexToHSL,

package/dist/src/config.js

@@ -4,6 +4,7 @@ import { z } from "zod";
 
 // src/colors/utils.ts
 import chroma from "chroma-js";
+import Colorjs from "colorjs.io";
 import { Hsluv } from "hsluv";
 var convertToHex = (color) => {
   if (!color) {

package/dist/src/index.js

@@ -1,5 +1,6 @@
 // src/colors/utils.ts
 import chroma from "chroma-js";
+import Colorjs from "colorjs.io";
 import { Hsluv } from "hsluv";
 var hexToCssHsl = (hex, valuesOnly = false) => {
   const [h, s, l] = chroma(hex).hsl();
@@ -72,6 +73,9 @@ var getLuminanceFromLightness = (lightness) => {
   conv.hsluvToHex();
   return chroma(conv.hex).luminance();
 };
+var getLuminanceFromColor = (color) => {
+  return chroma(color).luminance();
+};
 var getLightnessFromHex = (hex) => {
   const conv = new Hsluv();
   conv.hex = hex;
@@ -106,6 +110,32 @@ var rgbToHex = (rgb) => {
     return hex.length === 1 ? "0" + hex : hex;
   }).join("")}`;
 };
+var convertColor = (cssColor, format) => {
+  const color = new Colorjs(cssColor);
+  switch (format) {
+    case "rgb":
+    case "rgba":
+      return color.toString({
+        format: {
+          name: format,
+          coords: ["<number>[0, 255]", "<number>[0, 255]", "<number>[0, 255]"]
+        },
+        precision: 3
+      });
+    case "hex":
+      return color.toString({ format, precision: 3 });
+    case "hct":
+      return color.to(format).toString({
+        format: {
+          name: format,
+          coords: ["<number>", "<number>", "<number>"]
+        },
+        precision: 3
+      });
+    default:
+      return color.to(format).toString({ precision: 3 });
+  }
+};
 
 // src/colors/theme.ts
 import chroma2 from "chroma-js";
@@ -2201,107 +2231,16 @@ var createTokens = async (opts) => {
 };
 
 // src/tokens/format.ts
-import * as R19 from "ramda";
-import chalk3 from "chalk";
+import * as R20 from "ramda";
 
-// package.json
-var package_default = {
-  name: "@digdir/designsystemet",
-  version: "1.0.4",
-  description: "CLI for Designsystemet",
-  author: "Designsystemet team",
-  engines: {
-    node: ">=22.14.0"
-  },
-  repository: {
-    type: "git",
-    url: "git+https://github.com/digdir/designsystemet.git"
-  },
-  homepage: "https://github.com/digdir/designsystemet/tree/main/scripts/cli",
-  license: "MIT",
-  type: "module",
-  main: "./dist/src/index.js",
-  files: [
-    "./dist/**"
-  ],
-  bin: "dist/bin/designsystemet.js",
-  exports: {
-    ".": {
-      import: "./dist/src/index.js"
-    },
-    "./color": {
-      import: "./dist/src/colors/index.js"
-    },
-    "./tokens": {
-      import: "./dist/src/tokens/index.js"
-    }
-  },
-  publishConfig: {
-    access: "public"
-  },
-  scripts: {
-    designsystemet: "tsx ./bin/designsystemet.ts",
-    "build:tokens": "yarn designsystemet tokens build -p -t ../../design-tokens -o ../../packages/theme/brand --clean",
-    "build:tokens:debug": "tsx --inspect-brk ./bin/designsystemet.ts tokens build -p -t ../../design-tokens -o ../../packages/theme/brand --clean",
-    build: "tsup && yarn build:types && yarn build:json-schema",
-    "build:types": "tsc --emitDeclarationOnly --declaration",
-    "build:json-schema": "tsx ./src/scripts/createJsonSchema.ts",
-    types: "tsc --noEmit",
-    "test:tokens-create-options": "yarn designsystemet tokens create -m dominant:#007682  -n #003333 -b 99 -o ./test-tokens-create --theme options-test --clean",
-    "test:tokens-create-config": "yarn designsystemet tokens create --config ./test-tokens-create-complex.config.json",
-    "test:tokens-build": "yarn designsystemet tokens build -t ./test-tokens-create -o ./test-tokens-build --clean",
-    "test:tokens-create-and-build-options": "yarn test:tokens-create-options && yarn test:tokens-build",
-    "test:tokens-create-and-build-config": "yarn test:tokens-create-config && yarn test:tokens-build",
-    test: "yarn test:tokens-create-and-build-options && yarn test:tokens-create-and-build-config",
-    "internal:tokens-create": "yarn designsystemet tokens create --config ./internal.config.json",
-    "update:template": "tsx ./src/scripts/update-template.ts",
-    "update:design-tokens": "yarn internal:tokens-create && tsx ./src/scripts/update-design-tokens.ts",
-    verify: "yarn test && yarn update:template && yarn update:design-tokens"
-  },
-  dependencies: {
-    "@commander-js/extra-typings": "^13.1.0",
-    "@tokens-studio/sd-transforms": "1.2.12",
-    "apca-w3": "^0.1.9",
-    chalk: "^5.4.1",
-    "change-case": "^5.4.4",
-    "chroma-js": "^3.1.2",
-    commander: "^13.1.0",
-    "fast-glob": "^3.3.3",
-    hsluv: "^1.0.1",
-    "object-hash": "^3.0.0",
-    postcss: "^8.5.3",
-    ramda: "^0.30.1",
-    "style-dictionary": "^4.3.3",
-    zod: "^3.24.2",
-    "zod-validation-error": "^3.4.0"
-  },
-  devDependencies: {
-    "@types/apca-w3": "^0.1.3",
-    "@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.14.0",
-    "@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.4.0",
-    tsx: "^4.19.3",
-    typescript: "^5.8.2",
-    "zod-to-json-schema": "^3.24.5"
-  }
-};
-
-// ../../node_modules/@tokens-studio/types/dist/constants/BoxShadowTypes.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BoxShadowTypes.js
 var BoxShadowTypes;
 (function(BoxShadowTypes2) {
   BoxShadowTypes2["DROP_SHADOW"] = "dropShadow";
   BoxShadowTypes2["INNER_SHADOW"] = "innerShadow";
 })(BoxShadowTypes || (BoxShadowTypes = {}));
 
-// ../../node_modules/@tokens-studio/types/dist/constants/ColorModifierTypes.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/ColorModifierTypes.js
 var ColorModifierTypes;
 (function(ColorModifierTypes2) {
   ColorModifierTypes2["LIGHTEN"] = "lighten";
@@ -2310,7 +2249,7 @@ var ColorModifierTypes;
   ColorModifierTypes2["ALPHA"] = "alpha";
 })(ColorModifierTypes || (ColorModifierTypes = {}));
 
-// ../../node_modules/@tokens-studio/types/dist/constants/ColorSpaceTypes.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/ColorSpaceTypes.js
 var ColorSpaceTypes;
 (function(ColorSpaceTypes2) {
   ColorSpaceTypes2["LCH"] = "lch";
@@ -2319,7 +2258,7 @@ var ColorSpaceTypes;
   ColorSpaceTypes2["HSL"] = "hsl";
 })(ColorSpaceTypes || (ColorSpaceTypes = {}));
 
-// ../../node_modules/@tokens-studio/types/dist/constants/Properties.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/Properties.js
 var Properties;
 (function(Properties2) {
   Properties2["sizing"] = "sizing";
@@ -2371,7 +2310,7 @@ var Properties;
   Properties2["description"] = "description";
 })(Properties || (Properties = {}));
 
-// ../../node_modules/@tokens-studio/types/dist/constants/TokenSetStatus.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TokenSetStatus.js
 var TokenSetStatus;
 (function(TokenSetStatus2) {
   TokenSetStatus2["DISABLED"] = "disabled";
@@ -2379,7 +2318,7 @@ var TokenSetStatus;
   TokenSetStatus2["ENABLED"] = "enabled";
 })(TokenSetStatus || (TokenSetStatus = {}));
 
-// ../../node_modules/@tokens-studio/types/dist/constants/TokenTypes.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TokenTypes.js
 var TokenTypes;
 (function(TokenTypes2) {
   TokenTypes2["OTHER"] = "other";
@@ -2410,7 +2349,7 @@ var TokenTypes;
   TokenTypes2["NUMBER"] = "number";
 })(TokenTypes || (TokenTypes = {}));
 
-// ../../node_modules/@tokens-studio/types/dist/constants/BorderValues.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BorderValues.js
 var BorderValues;
 (function(BorderValues2) {
   BorderValues2["BORDER_COLOR"] = "color";
@@ -2418,7 +2357,7 @@ var BorderValues;
   BorderValues2["BORDER_STYLE"] = "style";
 })(BorderValues || (BorderValues = {}));
 
-// ../../node_modules/@tokens-studio/types/dist/constants/StrokeStyleValues.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/StrokeStyleValues.js
 var StrokeStyleValues;
 (function(StrokeStyleValues2) {
   StrokeStyleValues2["SOLID"] = "solid";
@@ -2431,7 +2370,7 @@ var StrokeStyleValues;
   StrokeStyleValues2["INSET"] = "inset";
 })(StrokeStyleValues || (StrokeStyleValues = {}));
 
-// ../../node_modules/@tokens-studio/types/dist/constants/BoxShadowValues.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BoxShadowValues.js
 var BoxShadowValues;
 (function(BoxShadowValues2) {
   BoxShadowValues2["TYPE"] = "type";
@@ -2443,7 +2382,7 @@ var BoxShadowValues;
   BoxShadowValues2["BLEND_MODE"] = "blendMode";
 })(BoxShadowValues || (BoxShadowValues = {}));
 
-// ../../node_modules/@tokens-studio/types/dist/constants/TypographyValues.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TypographyValues.js
 var TypographyValues;
 (function(TypographyValues2) {
   TypographyValues2["FONT_FAMILY"] = "fontFamily";
@@ -2647,20 +2586,24 @@ var mapToLowerCase = R7.map(R7.toLower);
 var hasAnyTruth = R7.any(R7.equals(true));
 var getType = (token) => (token.$type ?? token.type) || "";
 var getValue = (token) => token.$value ?? token.value;
-var typeEquals = R7.curry((types, token) => {
-  if (R7.isNil(token)) {
-    return false;
+var typeEquals = R7.curry(
+  (types, token) => {
+    if (R7.isNil(token)) {
+      return false;
+    }
+    return R7.includes(R7.toLower(getType(token)), R7.map(R7.toLower, Array.isArray(types) ? types : [types]));
   }
-  return R7.includes(R7.toLower(getType(token)), R7.map(R7.toLower, Array.isArray(types) ? types : [types]));
-});
-var pathStartsWithOneOf = R7.curry((paths, token) => {
-  if (R7.isNil(token)) {
-    return false;
+);
+var pathStartsWithOneOf = R7.curry(
+  (paths, token) => {
+    if (R7.isNil(token)) {
+      return false;
+    }
+    const tokenPath = mapToLowerCase(token.path);
+    const matchPathsStartingWith = R7.map((path) => R7.startsWith([path], tokenPath), mapToLowerCase(paths));
+    return hasAnyTruth(matchPathsStartingWith);
   }
-  const tokenPath = mapToLowerCase(token.path);
-  const matchPathsStartingWith = R7.map((path) => R7.startsWith([path], tokenPath), mapToLowerCase(paths));
-  return hasAnyTruth(matchPathsStartingWith);
-});
+);
 function isSemanticToken(token) {
   return token.filePath.includes("semantic/");
 }
@@ -3448,7 +3391,7 @@ var buildConfigs = {
   // },
 };
 async function processPlatform(options) {
-  const { dry, process, $themes } = options;
+  const { process, $themes } = options;
   const platform = "css";
   const tokenSets = process === "format" ? options.tokenSets : void 0;
   const tokensDir = process === "build" ? options.tokensDir : void 0;
@@ -3549,36 +3492,118 @@ ${colors.map((color) => `    ${color}: never;`).join("\n")}
   return typeDeclaration;
 }
 
-// src/tokens/format.ts
-var formatTokens = async (options) => {
-  const processedBuilds = await processPlatform({
-    process: "format",
-    ...options
-  });
-  return processedBuilds;
-};
-var formatTheme = async (themeConfig) => {
-  const { tokenSets } = await createTokens(themeConfig);
-  const $themes = await generate$Themes(["dark", "light"], [themeConfig.name], themeConfig.colors);
-  const processedBuilds = await formatTokens({
-    tokenSets,
-    $themes,
-    verbose: false,
-    preview: false
-  });
-  return processedBuilds;
-};
-var formatThemeCSS = async (themeConfig) => {
-  const processedBuilds = await formatTheme(themeConfig);
-  const themeCSSFiles = createThemeCSSFiles(processedBuilds);
-  return R19.head(themeCSSFiles)?.output ?? "";
+// src/tokens/process/theme.ts
+import * as R19 from "ramda";
+import chalk3 from "chalk";
+
+// package.json
+var package_default = {
+  name: "@digdir/designsystemet",
+  version: "1.0.6",
+  description: "CLI for Designsystemet",
+  author: "Designsystemet team",
+  engines: {
+    node: ">=22.15.0"
+  },
+  repository: {
+    type: "git",
+    url: "git+https://github.com/digdir/designsystemet.git"
+  },
+  homepage: "https://github.com/digdir/designsystemet/tree/main/scripts/cli",
+  license: "MIT",
+  type: "module",
+  main: "./dist/src/index.js",
+  files: [
+    "./dist/**"
+  ],
+  bin: "dist/bin/designsystemet.js",
+  exports: {
+    ".": {
+      import: "./dist/src/index.js"
+    },
+    "./color": {
+      import: "./dist/src/colors/index.js"
+    },
+    "./tokens": {
+      import: "./dist/src/tokens/index.js"
+    }
+  },
+  publishConfig: {
+    access: "public"
+  },
+  scripts: {
+    designsystemet: "tsx ./bin/designsystemet.ts",
+    "build:tokens": "pnpm run designsystemet tokens build -p -t ../../design-tokens -o ../../packages/theme/brand --clean",
+    "build:tokens:debug": "tsx --inspect-brk ./bin/designsystemet.ts tokens build -p -t ../../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",
+    types: "tsc --noEmit",
+    "test:tokens-create-options": 'pnpm run designsystemet tokens create -m dominant:"#007682" -n "#003333" -b 99 -o ./test-tokens/options --theme options --clean',
+    "test:tokens-create-config": "pnpm run designsystemet tokens create --config ./test/test-tokens.config.json",
+    "test:tokens-build": "pnpm run designsystemet tokens build -t ./test-tokens/options -o ./test-tokens/options-build --clean",
+    "test:tokens-build-config": "pnpm run designsystemet tokens build -t ./test-tokens/config -o ./test-tokens/config-build --clean",
+    "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",
+    "internal:tokens-create": "pnpm run designsystemet tokens create --config ./internal.config.json",
+    "update:template": "tsx ./src/scripts/update-template.ts",
+    "update:design-tokens": "pnpm internal:tokens-create && tsx ./src/scripts/update-design-tokens.ts",
+    verify: "pnpm test && pnpm update:template && pnpm update:design-tokens"
+  },
+  dependencies: {
+    "@commander-js/extra-typings": "^13.1.0",
+    "@tokens-studio/sd-transforms": "1.3.0",
+    "apca-w3": "^0.1.9",
+    chalk: "^5.4.1",
+    "change-case": "^5.4.4",
+    "chroma-js": "^3.1.2",
+    "colorjs.io": "^0.6.0-alpha.1",
+    commander: "^13.1.0",
+    "fast-glob": "^3.3.3",
+    hsluv: "^1.0.1",
+    "object-hash": "^3.0.0",
+    postcss: "^8.5.3",
+    ramda: "^0.30.1",
+    "style-dictionary": "^4.4.0",
+    zod: "^3.24.4",
+    "zod-validation-error": "^3.4.0"
+  },
+  devDependencies: {
+    "@tokens-studio/types": "0.5.2",
+    "@types/apca-w3": "^0.1.3",
+    "@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.3",
+    "@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.4.0",
+    tsx: "^4.19.4",
+    typescript: "^5.8.3",
+    "zod-to-json-schema": "^3.24.5"
+  }
 };
-var createThemeCSSFiles = (processedBuilds) => {
+
+// src/tokens/process/theme.ts
+var defaultFileHeader = `build: v${package_default.version}`;
+var createThemeCSSFiles = ({
+  processedBuilds,
+  fileHeader: fileHeader2 = defaultFileHeader
+}) => {
   const groupedByTheme = {};
   for (const [_, buildResults] of Object.entries(R19.dissoc("types", processedBuilds))) {
     for (const buildResult of buildResults) {
-      const previous = groupedByTheme[buildResult.permutation.theme] ?? [];
-      groupedByTheme[buildResult.permutation.theme] = R19.concat(previous, buildResult.formatted);
+      const themeName = buildResult.permutation.theme;
+      const newOutputs = buildResult.formatted;
+      if (R19.isNotEmpty(newOutputs)) {
+        const currentOutputs = groupedByTheme[themeName] ?? [];
+        groupedByTheme[themeName] = R19.concat(currentOutputs, newOutputs);
+      }
     }
   }
   const sortOrder = [
@@ -3617,7 +3642,9 @@ order may change due to nondeterminism.`.trim()
 
 @layer ds.theme, ds.base, ds.utilities, ds.components;
 
-/* This file is generated by ${package_default.name}@${package_default.version} */
+/*
+${fileHeader2}
+*/
 
 `;
   const sortAlphabetically = R19.sort(R19.ascend((x) => x.destination || ""));
@@ -3635,6 +3662,31 @@ order may change due to nondeterminism.`.trim()
   }));
   return themeCSSFiles;
 };
+
+// src/tokens/format.ts
+var formatTokens = async (options) => {
+  const processedBuilds = await processPlatform({
+    process: "format",
+    ...options
+  });
+  return processedBuilds;
+};
+var formatTheme = async (themeConfig) => {
+  const { tokenSets } = await createTokens(themeConfig);
+  const $themes = await generate$Themes(["dark", "light"], [themeConfig.name], themeConfig.colors);
+  const processedBuilds = await formatTokens({
+    tokenSets,
+    $themes,
+    verbose: false,
+    preview: false
+  });
+  return processedBuilds;
+};
+var formatThemeCSS = async (themeConfig) => {
+  const processedBuilds = await formatTheme(themeConfig);
+  const themeCSSFiles = createThemeCSSFiles({ processedBuilds });
+  return R20.head(themeCSSFiles)?.output ?? "";
+};
 export {
   HSLToHex,
   RESERVED_COLORS,
@@ -3643,6 +3695,7 @@ export {
   canTextBeUsedOnColors,
   cliOptions,
   colorMetadata,
+  convertColor,
   convertToHex,
   createTokens,
   formatThemeCSS,
@@ -3655,6 +3708,7 @@ export {
   getContrastFromLightness,
   getCssVariable,
   getLightnessFromHex,
+  getLuminanceFromColor,
   getLuminanceFromLightness,
   hexToCssHsl,
   hexToHSL,