@digdir/designsystemet 1.0.7 → 1.0.8

package/dist/config.schema.json

@@ -88,6 +88,7 @@
     }
   },
   "required": [
+    "outDir",
     "themes"
   ],
   "additionalProperties": false

package/dist/src/config.d.ts

@@ -1,5 +1,15 @@
 import { z } from 'zod/v4';
-export declare function mapPathToOptionName(path: (string | number)[]): string | undefined;
+/**
+ * Validates a configuration object against a provided Zod schema.
+ *
+ * @template T - The expected type of the validated configuration.
+ * @param schema - A Zod schema used to validate the configuration object.
+ * @param unvalidatedConfig - The configuration object to validate.
+ * @returns The validated configuration object, typed as T.
+ * @throws Exits the process with code 1 if validation fails, after logging a friendly error message.
+ */
+export declare function validateConfig<T>(schema: z.ZodType<T>, unvalidatedConfig: Record<string, unknown>, configPath: string): T;
+export declare function parseConfig<T>(schema: z.ZodType<T>, configFile: string, configPath: string): T;
 export declare const colorRegex: RegExp;
 declare const themeSchema: z.ZodObject<{
     colors: z.ZodObject<{
@@ -12,13 +22,13 @@ declare const themeSchema: z.ZodObject<{
     }, z.core.$strip>>;
     borderRadius: z.ZodOptional<z.ZodNumber>;
 }, z.core.$strip>;
-/**
- * This defines the structure of the JSON config file
- */
-export declare const configFileSchema: z.ZodObject<{
-    outDir: z.ZodOptional<z.ZodString>;
+export declare const configFileBuildSchema: z.ZodObject<{
     clean: z.ZodOptional<z.ZodBoolean>;
-    themes: z.ZodRecord<z.ZodString, z.ZodObject<{
+}, z.core.$strip>;
+export declare const configFileCreateSchema: z.ZodObject<{
+    outDir: z.ZodNonOptional<z.ZodString>;
+    clean: z.ZodNonOptional<z.ZodOptional<z.ZodBoolean>>;
+    themes: z.ZodNonOptional<z.ZodRecord<z.ZodString, z.ZodObject<{
         colors: z.ZodObject<{
             main: z.ZodRecord<z.ZodString, z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
             support: z.ZodDefault<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>>>;
@@ -28,15 +38,13 @@ export declare const configFileSchema: z.ZodObject<{
             fontFamily: z.ZodString;
         }, z.core.$strip>>;
         borderRadius: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strip>>;
+    }, z.core.$strip>>>;
 }, z.core.$strip>;
 /**
- * This defines the structure of the final configuration after combining the config file,
- * command-line options and default values.
+ * This defines the structure of the final configuration file
  */
 export declare const combinedConfigSchema: z.ZodObject<{
-    outDir: z.ZodNonOptional<z.ZodOptional<z.ZodString>>;
-    clean: z.ZodNonOptional<z.ZodOptional<z.ZodBoolean>>;
+    outDir: z.ZodNonOptional<z.ZodString>;
     themes: z.ZodNonOptional<z.ZodRecord<z.ZodString, z.ZodObject<{
         colors: z.ZodObject<{
             main: z.ZodRecord<z.ZodString, z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
@@ -48,8 +56,11 @@ export declare const combinedConfigSchema: z.ZodObject<{
         }, z.core.$strip>>;
         borderRadius: z.ZodOptional<z.ZodNumber>;
     }, z.core.$strip>>>;
+    clean: z.ZodOptional<z.ZodBoolean>;
 }, z.core.$strip>;
-export type Config = z.infer<typeof combinedConfigSchema>;
-export type ThemeConfig = z.infer<typeof themeSchema>;
+export type ConfigSchema = z.infer<typeof combinedConfigSchema>;
+export type ConfigSchemaBuild = z.infer<typeof configFileBuildSchema>;
+export type ConfigSchemaCreate = z.infer<typeof configFileCreateSchema>;
+export type ConfigSchemaTheme = z.infer<typeof themeSchema>;
 export {};
 //# sourceMappingURL=config.d.ts.map

package/dist/src/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,sBAQ5D;AAWD,eAAO,MAAM,UAAU,QAA2C,CAAC;AAyBnE,QAAA,MAAM,WAAW;;;;;;;;;;iBAiBmG,CAAC;AAErH;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;iBAO3B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;iBAA8B,CAAC;AAChE,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,WAAW,CAAC,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAgC3B;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAC9B,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EACpB,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1C,UAAU,EAAE,MAAM,GACjB,CAAC,CASH;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC,CAc9F;AAWD,eAAO,MAAM,UAAU,QAA2C,CAAC;AAyBnE,QAAA,MAAM,WAAW;;;;;;;;;;iBAiBmG,CAAC;AAErH,eAAO,MAAM,qBAAqB;;iBAEhC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;iBAYtB,CAAC;AAEd;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;iBAA6D,CAAC;AAC/F,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAChE,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACtE,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,WAAW,CAAC,CAAC"}

package/dist/src/config.js

@@ -1,5 +1,7 @@
 // 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
@@ -318,6 +320,42 @@ function mapPathToOptionName(path2) {
   }
   return option;
 }
+function makeFriendlyError(err) {
+  return fromError(err, {
+    messageBuilder: (issues) => issues.map((issue) => {
+      const issuePath = issue.path.join(".");
+      const optionName = mapPathToOptionName(issue.path);
+      const errorCode = `(error code: ${issue.code})`;
+      const optionMessage = optionName ? ` or CLI option --${optionName}` : "";
+      return `  - Error in JSON value ${chalk.red(issuePath)}${optionMessage}:
+    ${issue.message} ${chalk.dim(errorCode)}`;
+    }).join("\n")
+  });
+}
+function validateConfig(schema, unvalidatedConfig, configPath) {
+  try {
+    return schema.parse(unvalidatedConfig);
+  } catch (err) {
+    console.error(chalk.redBright(`Invalid config file at ${chalk.red(configPath)}`));
+    const validationError = makeFriendlyError(err);
+    console.error(validationError.toString());
+    process.exit(1);
+  }
+}
+function parseConfig(schema, configFile, configPath) {
+  if (!configFile) {
+    return {};
+  }
+  try {
+    const parsedConfig = JSON.parse(configFile);
+    return schema.parse(parsedConfig);
+  } catch (err) {
+    console.error(chalk.redBright(`Failed parsing config file at ${chalk.red(configPath)}`));
+    const validationError = makeFriendlyError(err);
+    console.error(validationError.toString());
+    process.exit(1);
+  }
+}
 var hexPatterns = [
   // Hex colors: #000, #0000, #000000, #00000000
   `#[0-9a-fA-F]{3}`,
@@ -352,17 +390,22 @@ var themeSchema = z.object({
   }).describe("Defines the typography for a given theme").optional(),
   borderRadius: z.number().meta({ description: "Defines the border-radius for this theme" }).optional()
 }).meta({ description: "An object defining a theme. The property name holding the object becomes the theme name." });
-var configFileSchema = z.object({
-  outDir: z.string().meta({ description: "Path to the output directory for the created design tokens" }).optional(),
+var configFileBuildSchema = z.object({
+  clean: z.boolean().meta({ description: "Delete the output directory before building or creating tokens" }).optional()
+});
+var configFileCreateSchema = z.object({
+  outDir: z.string().meta({ description: "Path to the output directory for the created design tokens" }),
   clean: z.boolean().meta({ description: "Delete the output directory before building or creating tokens" }).optional(),
   themes: z.record(z.string(), themeSchema).meta({
     description: "An object with one or more themes. Each property defines a theme, and the property name is used as the theme name."
   })
-});
-var combinedConfigSchema = configFileSchema.required();
+}).required();
+var combinedConfigSchema = configFileCreateSchema.extend(configFileBuildSchema.shape);
 export {
   colorRegex,
   combinedConfigSchema,
-  configFileSchema,
-  mapPathToOptionName
+  configFileBuildSchema,
+  configFileCreateSchema,
+  parseConfig,
+  validateConfig
 };

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,7 +3526,7 @@ import chalk3 from "chalk";
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.0.7",
+  version: "1.0.8",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -3549,8 +3576,8 @@ var package_default = {
     test: "pnpm test:tokens-create-and-build-options && pnpm test:tokens-create-and-build-config",
     "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 digdir: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",
@@ -3663,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

@@ -49,12 +49,19 @@ import postcss from "postcss";
 // src/utils.ts
 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

@@ -6,12 +6,19 @@ import postcss from "postcss";
 // src/utils.ts
 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

@@ -40,12 +40,19 @@ import postcss from "postcss";
 // src/utils.ts
 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

@@ -49,12 +49,19 @@ import postcss from "postcss";
 // src/utils.ts
 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/scripts/createJsonSchema.js

@@ -4,7 +4,9 @@ import { resolve } from "path";
 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
@@ -332,19 +334,22 @@ var themeSchema = z.object({
   }).describe("Defines the typography for a given theme").optional(),
   borderRadius: z.number().meta({ description: "Defines the border-radius for this theme" }).optional()
 }).meta({ description: "An object defining a theme. The property name holding the object becomes the theme name." });
-var configFileSchema = z.object({
-  outDir: z.string().meta({ description: "Path to the output directory for the created design tokens" }).optional(),
+var configFileBuildSchema = z.object({
+  clean: z.boolean().meta({ description: "Delete the output directory before building or creating tokens" }).optional()
+});
+var configFileCreateSchema = z.object({
+  outDir: z.string().meta({ description: "Path to the output directory for the created design tokens" }),
   clean: z.boolean().meta({ description: "Delete the output directory before building or creating tokens" }).optional(),
   themes: z.record(z.string(), themeSchema).meta({
     description: "An object with one or more themes. Each property defines a theme, and the property name is used as the theme name."
   })
-});
-var combinedConfigSchema = configFileSchema.required();
+}).required();
+var combinedConfigSchema = configFileCreateSchema.extend(configFileBuildSchema.shape);
 
 // src/scripts/createJsonSchema.ts
 var schema = z2.object({
   $schema: z2.string().optional()
-}).extend(configFileSchema.shape);
+}).extend(combinedConfigSchema.shape);
 writeFile(
   resolve(import.meta.dirname, "../../dist/config.schema.json"),
   JSON.stringify(

package/dist/src/scripts/update-template.js

@@ -1122,12 +1122,19 @@ var cleanDir = async (dir, dry) => {
 \u{1F525} Cleaning dir ${chalk.red(`${dir.trim()}`)} `);
   return fs.rm(dir, { recursive: true, force: true });
 };
-var readFile = async (path2, dry) => {
+var readFile = async (path2, dry, allowFileNotFound) => {
   if (dry) {
     console.log(`${chalk.blue("readFile")} ${path2}`);
     return Promise.resolve("");
   }
-  return fs.readFile(path2, "utf-8");
+  try {
+    return await fs.readFile(path2, "utf-8");
+  } catch (error) {
+    if (allowFileNotFound && error.code === "ENOENT") {
+      return "";
+    }
+    throw error;
+  }
 };
 
 // src/scripts/update-template.ts

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

@@ -1,3 +1,3 @@
 import { type BuildOptions } from './process/platform.js';
-export declare const buildTokens: (options: Omit<BuildOptions, "process" | "$themes">) => Promise<import("./process/platform.js").ProcessReturn>;
+export declare const buildTokens: (options: Omit<BuildOptions, "type" | "$themes">) => Promise<import("./process/platform.js").ProcessReturn>;
 //# sourceMappingURL=build.d.ts.map

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,SAAS,GAAG,SAAS,CAAC,2DAiDnF,CAAC"}
+{"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"}

package/dist/src/tokens/build.js

@@ -28,21 +28,19 @@ var writeFile = async (path2, data, dry) => {
     throw error;
   });
 };
-var cleanDir = async (dir, dry) => {
-  if (dry) {
-    console.log(`${chalk.blue("cleanDir")} ${dir}`);
-    return Promise.resolve();
-  }
-  console.log(`
-\u{1F525} Cleaning dir ${chalk.red(`${dir.trim()}`)} `);
-  return fs.rm(dir, { recursive: true, force: true });
-};
-var readFile = async (path2, dry) => {
+var readFile = async (path2, dry, allowFileNotFound) => {
   if (dry) {
     console.log(`${chalk.blue("readFile")} ${path2}`);
     return Promise.resolve("");
   }
-  return fs.readFile(path2, "utf-8");
+  try {
+    return await fs.readFile(path2, "utf-8");
+  } catch (error) {
+    if (allowFileNotFound && error.code === "ENOENT") {
+      return "";
+    }
+    throw error;
+  }
 };
 
 // src/tokens/process/theme.ts
@@ -52,7 +50,7 @@ import chalk2 from "chalk";
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.0.7",
+  version: "1.0.8",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -102,8 +100,8 @@ var package_default = {
     test: "pnpm test:tokens-create-and-build-options && pnpm test:tokens-create-and-build-config",
     "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 digdir: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",
@@ -264,7 +262,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 R2.startsWith(["color", category], token.path);
 }
@@ -601,7 +601,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"],
@@ -1008,8 +1008,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];
@@ -1160,9 +1159,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"] },
@@ -1203,17 +1205,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(
+      chalk4.yellow(
+        `
+\u26A0\uFE0F UNSAFE_DEFAULT_COLOR is set to ${chalk4.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(
+      chalk4.yellow(
+        `
+\u26A0\uFE0F UNSAFE_COLOR_GROUPS is set to ${chalk4.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) => R13.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 = R13.head(customColors);
-    buildOptions.rootColor = firstMainColor;
-    console.log(`Using first main color; ${chalk4.blue(firstMainColor)}, as ${chalk4.green(`":root"`)} color`);
+    buildOptions.defaultColor = firstMainColor;
+  }
+  if (buildOptions.defaultColor) {
+    console.log(`
+\u{1F3A8} Using ${chalk4.blue(buildOptions.defaultColor)} as default color`);
   }
   const buildAndSdConfigs = R13.map((buildConfig) => {
     const sdConfigs = getConfigsForThemeDimensions(buildConfig.getConfig, processed$themes, buildConfig.dimensions, {
@@ -1332,12 +1357,9 @@ var buildTokens = async (options) => {
     ...options,
     outDir,
     tokensDir,
-    process: "build",
+    type: "build",
     $themes
   });
-  if (options.clean) {
-    await cleanDir(outDir, options.dry);
-  }
   console.log(`
 \u{1F4BE} Writing build to ${chalk5.green(outDir)}`);
   for (const { formatted } of processedBuilds.types) {

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

@@ -1,7 +1,7 @@
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.0.7",
+  version: "1.0.8",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -51,8 +51,8 @@ var package_default = {
     test: "pnpm test:tokens-create-and-build-options && pnpm test:tokens-create-and-build-config",
     "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 digdir: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",