@digdir/designsystemet 1.0.6 → 1.0.8

package/dist/src/index.js

@@ -2615,7 +2615,9 @@ function isGlobalColorToken(token) {
 }
 function isColorCategoryToken(token, category) {
   if (!category) {
-    return ["main", "support"].some((c) => isColorCategoryToken(token, c));
+    return Object.keys(colorCategories).some(
+      (colorCategory2) => isColorCategoryToken(token, colorCategory2)
+    );
   }
   return R7.startsWith(["color", category], token.path);
 }
@@ -2952,7 +2954,7 @@ var colorCategoryVariables = (opts) => ({ "color-scheme": colorScheme2, theme, .
     );
   }
   const layer = `ds.theme.color`;
-  const isRootColor = color === buildOptions?.rootColor;
+  const isRootColor = color === buildOptions?.defaultColor;
   const selector = isRootColor ? `:root, [data-color-scheme], [data-color="${color}"]` : `[data-color="${color}"], [data-color-scheme][data-color="${color}"]`;
   const config = {
     preprocessors: ["tokens-studio"],
@@ -3196,8 +3198,7 @@ function processThemeObject(theme) {
 }
 function groupThemes(themes) {
   const groups = {};
-  for (const rawTheme of themes) {
-    const theme = processThemeObject(rawTheme);
+  for (const theme of themes) {
     if (theme.group) {
       const groupKey = theme.group;
       groups[groupKey] = [...groups[groupKey] ?? [], theme];
@@ -3348,9 +3349,12 @@ var initResult = {
 };
 var buildOptions;
 var sd = new StyleDictionary2();
-var getCustomColors = (processed$themes) => processed$themes.filter(
-  (x) => x.group && [colorCategories.main, colorCategories.support].map((c) => `${c}-color`).includes(x.group)
-).map((x) => x.name);
+var getCustomColors = (processed$themes, colorGroups) => processed$themes.filter((x) => {
+  if (!x.group) {
+    return false;
+  }
+  return colorGroups.includes(x.group);
+}).map((x) => x.name);
 var buildConfigs = {
   typography: { getConfig: configs.typographyVariables, dimensions: ["typography"] },
   "color-scheme": { getConfig: configs.colorSchemeVariables, dimensions: ["color-scheme"] },
@@ -3391,17 +3395,40 @@ var buildConfigs = {
   // },
 };
 async function processPlatform(options) {
-  const { process, $themes } = options;
+  const { type, $themes } = options;
   const platform = "css";
-  const tokenSets = process === "format" ? options.tokenSets : void 0;
-  const tokensDir = process === "build" ? options.tokensDir : void 0;
+  const tokenSets = type === "format" ? options.tokenSets : void 0;
+  const tokensDir = type === "build" ? options.tokensDir : void 0;
+  const UNSAFE_DEFAULT_COLOR = process.env.UNSAFE_DEFAULT_COLOR ?? "";
+  if (UNSAFE_DEFAULT_COLOR) {
+    console.warn(
+      chalk2.yellow(
+        `
+\u26A0\uFE0F UNSAFE_DEFAULT_COLOR is set to ${chalk2.blue(UNSAFE_DEFAULT_COLOR)}. This will override the default color.`
+      )
+    );
+  }
+  const UNSAFE_COLOR_GROUPS = Array.from(process.env.UNSAFE_COLOR_GROUPS?.split(",") ?? []);
+  if (UNSAFE_COLOR_GROUPS.length > 0) {
+    console.warn(
+      chalk2.yellow(
+        `
+\u26A0\uFE0F UNSAFE_COLOR_GROUPS is set to ${chalk2.blue(`[${UNSAFE_COLOR_GROUPS.join(", ")}]`)}. This will override the default color groups.`
+      )
+    );
+  }
+  const colorGroups = UNSAFE_COLOR_GROUPS.length > 0 ? UNSAFE_COLOR_GROUPS : [colorCategories.main, colorCategories.support].map((c) => `${c}-color`);
   buildOptions = options;
+  buildOptions.defaultColor = UNSAFE_DEFAULT_COLOR;
   const processed$themes = $themes.map(processThemeObject).filter((theme) => R18.not(theme.group === "size" && theme.name !== "medium"));
-  const customColors = getCustomColors(processed$themes);
-  if (!buildOptions.rootColor) {
+  const customColors = getCustomColors(processed$themes, colorGroups);
+  if (!buildOptions.defaultColor) {
     const firstMainColor = R18.head(customColors);
-    buildOptions.rootColor = firstMainColor;
-    console.log(`Using first main color; ${chalk2.blue(firstMainColor)}, as ${chalk2.green(`":root"`)} color`);
+    buildOptions.defaultColor = firstMainColor;
+  }
+  if (buildOptions.defaultColor) {
+    console.log(`
+\u{1F3A8} Using ${chalk2.blue(buildOptions.defaultColor)} as default color`);
   }
   const buildAndSdConfigs = R18.map((buildConfig) => {
     const sdConfigs = getConfigsForThemeDimensions(buildConfig.getConfig, processed$themes, buildConfig.dimensions, {
@@ -3499,11 +3526,11 @@ import chalk3 from "chalk";
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.0.6",
+  version: "1.0.8",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
-    node: ">=22.15.0"
+    node: ">=22.16.0"
   },
   repository: {
     type: "git",
@@ -3514,7 +3541,8 @@ var package_default = {
   type: "module",
   main: "./dist/src/index.js",
   files: [
-    "./dist/**"
+    "./dist/**",
+    "./configs/**"
   ],
   bin: "dist/bin/designsystemet.js",
   exports: {
@@ -3533,23 +3561,23 @@ var package_default = {
   },
   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: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",
     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-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-config": "pnpm run designsystemet tokens build -t ./temp/config/design-tokens -o ./temp/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",
+    "digdir:tokens-create": "pnpm run designsystemet tokens create --config ./configs/digdir.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"
+    "update:theme-digdir": "pnpm digdir:tokens-create && tsx ./src/scripts/update-design-tokens.ts",
+    verify: "pnpm test && pnpm update:template && pnpm update:theme-digdir && pnpm build:tokens"
   },
   dependencies: {
     "@commander-js/extra-typings": "^13.1.0",
@@ -3566,8 +3594,8 @@ var package_default = {
     postcss: "^8.5.3",
     ramda: "^0.30.1",
     "style-dictionary": "^4.4.0",
-    zod: "^3.24.4",
-    "zod-validation-error": "^3.4.0"
+    zod: "^3.25.30",
+    "zod-validation-error": "^3.4.1"
   },
   devDependencies: {
     "@tokens-studio/types": "0.5.2",
@@ -3576,16 +3604,15 @@ var package_default = {
     "@types/fs-extra": "^11.0.4",
     "@types/glob": "^8.1.0",
     "@types/jscodeshift": "^0.12.0",
-    "@types/node": "^22.15.3",
+    "@types/node": "^22.15.21",
     "@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",
+    tsup: "^8.5.0",
     tsx: "^4.19.4",
-    typescript: "^5.8.3",
-    "zod-to-json-schema": "^3.24.5"
+    typescript: "^5.8.3"
   }
 };
 
@@ -3639,9 +3666,6 @@ order may change due to nondeterminism.`.trim()
     return sortIndex;
   });
   const header = `@charset "UTF-8";
-
-@layer ds.theme, ds.base, ds.utilities, ds.components;
-
 /*
 ${fileHeader2}
 */
@@ -3666,7 +3690,7 @@ ${fileHeader2}
 // src/tokens/format.ts
 var formatTokens = async (options) => {
   const processedBuilds = await processPlatform({
-    process: "format",
+    type: "format",
     ...options
   });
   return processedBuilds;

package/dist/src/migrations/beta-to-v1.js

@@ -42,19 +42,26 @@ var cssVarRename = (dictionary) => ({
 });
 
 // src/migrations/codemods/css/run.ts
-import fs2 from "node:fs";
+import fs2 from "fs";
 import glob from "fast-glob";
 import postcss from "postcss";
 
 // src/utils.ts
-import fs from "node:fs/promises";
+import fs from "fs/promises";
 import chalk2 from "chalk";
-var readFile = async (path, dry) => {
+var readFile = async (path, dry, allowFileNotFound) => {
   if (dry) {
     console.log(`${chalk2.blue("readFile")} ${path}`);
     return Promise.resolve("");
   }
-  return fs.readFile(path, "utf-8");
+  try {
+    return await fs.readFile(path, "utf-8");
+  } catch (error) {
+    if (allowFileNotFound && error.code === "ENOENT") {
+      return "";
+    }
+    throw error;
+  }
 };
 
 // src/migrations/codemods/css/run.ts

package/dist/src/migrations/codemods/css/run.js

@@ -1,17 +1,24 @@
 // src/migrations/codemods/css/run.ts
-import fs2 from "node:fs";
+import fs2 from "fs";
 import glob from "fast-glob";
 import postcss from "postcss";
 
 // src/utils.ts
-import fs from "node:fs/promises";
+import fs from "fs/promises";
 import chalk from "chalk";
-var readFile = async (path, dry) => {
+var readFile = async (path, dry, allowFileNotFound) => {
   if (dry) {
     console.log(`${chalk.blue("readFile")} ${path}`);
     return Promise.resolve("");
   }
-  return fs.readFile(path, "utf-8");
+  try {
+    return await fs.readFile(path, "utf-8");
+  } catch (error) {
+    if (allowFileNotFound && error.code === "ENOENT") {
+      return "";
+    }
+    throw error;
+  }
 };
 
 // src/migrations/codemods/css/run.ts

package/dist/src/migrations/color-rename-next49.js

@@ -33,19 +33,26 @@ var cssVarRename = (dictionary) => ({
 });
 
 // src/migrations/codemods/css/run.ts
-import fs2 from "node:fs";
+import fs2 from "fs";
 import glob from "fast-glob";
 import postcss from "postcss";
 
 // src/utils.ts
-import fs from "node:fs/promises";
+import fs from "fs/promises";
 import chalk2 from "chalk";
-var readFile = async (path, dry) => {
+var readFile = async (path, dry, allowFileNotFound) => {
   if (dry) {
     console.log(`${chalk2.blue("readFile")} ${path}`);
     return Promise.resolve("");
   }
-  return fs.readFile(path, "utf-8");
+  try {
+    return await fs.readFile(path, "utf-8");
+  } catch (error) {
+    if (allowFileNotFound && error.code === "ENOENT") {
+      return "";
+    }
+    throw error;
+  }
 };
 
 // src/migrations/codemods/css/run.ts

package/dist/src/migrations/index.js

@@ -42,19 +42,26 @@ var cssVarRename = (dictionary) => ({
 });
 
 // src/migrations/codemods/css/run.ts
-import fs2 from "node:fs";
+import fs2 from "fs";
 import glob from "fast-glob";
 import postcss from "postcss";
 
 // src/utils.ts
-import fs from "node:fs/promises";
+import fs from "fs/promises";
 import chalk2 from "chalk";
-var readFile = async (path, dry) => {
+var readFile = async (path, dry, allowFileNotFound) => {
   if (dry) {
     console.log(`${chalk2.blue("readFile")} ${path}`);
     return Promise.resolve("");
   }
-  return fs.readFile(path, "utf-8");
+  try {
+    return await fs.readFile(path, "utf-8");
+  } catch (error) {
+    if (allowFileNotFound && error.code === "ENOENT") {
+      return "";
+    }
+    throw error;
+  }
 };
 
 // src/migrations/codemods/css/run.ts