@digdir/designsystemet 1.0.4 → 1.0.6

package/dist/src/tokens/format.js

@@ -1,96 +1,5 @@
 // src/tokens/format.ts
-import * as R19 from "ramda";
-import chalk3 from "chalk";
-
-// 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"
-  }
-};
+import * as R20 from "ramda";
 
 // src/tokens/create/defaults.ts
 import * as R from "ramda";
@@ -1088,6 +997,7 @@ 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();
@@ -2165,14 +2075,14 @@ var createTokens = async (opts) => {
   return { tokenSets };
 };
 
-// ../../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";
@@ -2181,7 +2091,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";
@@ -2190,7 +2100,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";
@@ -2242,7 +2152,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";
@@ -2250,7 +2160,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";
@@ -2281,7 +2191,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";
@@ -2289,7 +2199,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";
@@ -2302,7 +2212,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";
@@ -2314,7 +2224,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";
@@ -2518,20 +2428,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/");
 }
@@ -3319,7 +3233,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;
@@ -3420,36 +3334,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 = [
@@ -3488,7 +3484,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 || ""));
@@ -3506,8 +3504,32 @@ 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 {
-  createThemeCSSFiles,
   formatTheme,
   formatThemeCSS,
   formatTokens