@digdir/designsystemet 1.0.6 → 1.0.8

package/dist/src/tokens/format.js

@@ -2457,7 +2457,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);
 }
@@ -2794,7 +2796,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"],
@@ -3038,8 +3040,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];
@@ -3190,9 +3191,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"] },
@@ -3233,17 +3237,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, {
@@ -3341,11 +3368,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",
@@ -3356,7 +3383,8 @@ var package_default = {
   type: "module",
   main: "./dist/src/index.js",
   files: [
-    "./dist/**"
+    "./dist/**",
+    "./configs/**"
   ],
   bin: "dist/bin/designsystemet.js",
   exports: {
@@ -3375,23 +3403,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",
@@ -3408,8 +3436,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",
@@ -3418,16 +3446,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"
   }
 };
 
@@ -3481,9 +3508,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}
 */
@@ -3508,7 +3532,7 @@ ${fileHeader2}
 // src/tokens/format.ts
 var formatTokens = async (options) => {
   const processedBuilds = await processPlatform({
-    process: "format",
+    type: "format",
     ...options
   });
   return processedBuilds;

package/dist/src/tokens/index.js

@@ -2472,7 +2472,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);
 }
@@ -2809,7 +2811,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"],
@@ -3053,8 +3055,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];
@@ -3205,9 +3206,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"] },
@@ -3248,17 +3252,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, {
@@ -3356,11 +3383,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",
@@ -3371,7 +3398,8 @@ var package_default = {
   type: "module",
   main: "./dist/src/index.js",
   files: [
-    "./dist/**"
+    "./dist/**",
+    "./configs/**"
   ],
   bin: "dist/bin/designsystemet.js",
   exports: {
@@ -3390,23 +3418,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",
@@ -3423,8 +3451,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",
@@ -3433,16 +3461,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"
   }
 };
 
@@ -3496,9 +3523,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}
 */
@@ -3523,7 +3547,7 @@ ${fileHeader2}
 // src/tokens/format.ts
 var formatTokens = async (options) => {
   const processedBuilds = await processPlatform({
-    process: "format",
+    type: "format",
     ...options
   });
   return processedBuilds;

package/dist/src/tokens/process/configs/color.js

@@ -3,6 +3,14 @@ import * as R12 from "ramda";
 
 // src/tokens/utils.ts
 import * as R from "ramda";
+
+// src/tokens/types.ts
+var colorCategories = {
+  main: "main",
+  support: "support"
+};
+
+// src/tokens/utils.ts
 var mapToLowerCase = R.map(R.toLower);
 var hasAnyTruth = R.any(R.equals(true));
 var getType = (token) => (token.$type ?? token.type) || "";
@@ -36,7 +44,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 R.startsWith(["color", category], token.path);
 }
@@ -59,14 +69,6 @@ function inlineTokens(shouldInline, tokens) {
 // src/tokens/process/formats/css/color.ts
 import * as R2 from "ramda";
 import { createPropertyFormatter } from "style-dictionary/utils";
-
-// src/tokens/types.ts
-var colorCategories = {
-  main: "main",
-  support: "support"
-};
-
-// src/tokens/process/formats/css/color.ts
 var prefersColorScheme = (colorScheme2, content) => `
 @media (prefers-color-scheme: ${colorScheme2}) {
   [data-color-scheme="auto"] ${content}
@@ -791,7 +793,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"],

package/dist/src/tokens/process/configs/semantic.js

@@ -4,6 +4,14 @@ import { outputReferencesFilter } from "style-dictionary/utils";
 
 // src/tokens/utils.ts
 import * as R from "ramda";
+
+// src/tokens/types.ts
+var colorCategories = {
+  main: "main",
+  support: "support"
+};
+
+// src/tokens/utils.ts
 var mapToLowerCase = R.map(R.toLower);
 var hasAnyTruth = R.any(R.equals(true));
 var getType = (token) => (token.$type ?? token.type) || "";
@@ -34,7 +42,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 R.startsWith(["color", category], token.path);
 }
@@ -57,14 +67,6 @@ function inlineTokens(shouldInline, tokens) {
 // src/tokens/process/formats/css/color.ts
 import * as R2 from "ramda";
 import { createPropertyFormatter } from "style-dictionary/utils";
-
-// src/tokens/types.ts
-var colorCategories = {
-  main: "main",
-  support: "support"
-};
-
-// src/tokens/process/formats/css/color.ts
 var prefersColorScheme = (colorScheme2, content) => `
 @media (prefers-color-scheme: ${colorScheme2}) {
   [data-color-scheme="auto"] ${content}

package/dist/src/tokens/process/configs/storefront.js

@@ -4,6 +4,14 @@ import { outputReferencesFilter } from "style-dictionary/utils";
 
 // src/tokens/utils.ts
 import * as R from "ramda";
+
+// src/tokens/types.ts
+var colorCategories = {
+  main: "main",
+  support: "support"
+};
+
+// src/tokens/utils.ts
 var mapToLowerCase = R.map(R.toLower);
 var hasAnyTruth = R.any(R.equals(true));
 var getType = (token) => (token.$type ?? token.type) || "";
@@ -28,7 +36,9 @@ var pathStartsWithOneOf = R.curry(
 );
 function isColorCategoryToken(token, category) {
   if (!category) {
-    return ["main", "support"].some((c) => isColorCategoryToken(token, c));
+    return Object.keys(colorCategories).some(
+      (colorCategory) => isColorCategoryToken(token, colorCategory)
+    );
   }
   return R.startsWith(["color", category], token.path);
 }

package/dist/src/tokens/process/configs/typography.js

@@ -3,6 +3,14 @@ import { expandTypesMap } from "@tokens-studio/sd-transforms";
 
 // src/tokens/utils.ts
 import * as R from "ramda";
+
+// src/tokens/types.ts
+var colorCategories = {
+  main: "main",
+  support: "support"
+};
+
+// src/tokens/utils.ts
 var mapToLowerCase = R.map(R.toLower);
 var hasAnyTruth = R.any(R.equals(true));
 var getType = (token) => (token.$type ?? token.type) || "";
@@ -33,7 +41,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 R.startsWith(["color", category], token.path);
 }
@@ -56,14 +66,6 @@ function inlineTokens(shouldInline, tokens) {
 // src/tokens/process/formats/css/color.ts
 import * as R2 from "ramda";
 import { createPropertyFormatter } from "style-dictionary/utils";
-
-// src/tokens/types.ts
-var colorCategories = {
-  main: "main",
-  support: "support"
-};
-
-// src/tokens/process/formats/css/color.ts
 var prefersColorScheme = (colorScheme2, content) => `
 @media (prefers-color-scheme: ${colorScheme2}) {
   [data-color-scheme="auto"] ${content}

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

@@ -5,6 +5,14 @@ import StyleDictionary2 from "style-dictionary";
 
 // src/tokens/utils.ts
 import * as R from "ramda";
+
+// src/tokens/types.ts
+var colorCategories = {
+  main: "main",
+  support: "support"
+};
+
+// src/tokens/utils.ts
 var mapToLowerCase = R.map(R.toLower);
 var hasAnyTruth = R.any(R.equals(true));
 var getType = (token) => (token.$type ?? token.type) || "";
@@ -38,7 +46,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 R.startsWith(["color", category], token.path);
 }
@@ -76,14 +86,6 @@ import * as R8 from "ramda";
 // src/tokens/process/formats/css/color.ts
 import * as R2 from "ramda";
 import { createPropertyFormatter } from "style-dictionary/utils";
-
-// src/tokens/types.ts
-var colorCategories = {
-  main: "main",
-  support: "support"
-};
-
-// src/tokens/process/formats/css/color.ts
 var prefersColorScheme = (colorScheme2, content) => `
 @media (prefers-color-scheme: ${colorScheme2}) {
   [data-color-scheme="auto"] ${content}
@@ -460,24 +462,9 @@ var getMultidimensionalThemes = (processed$themes, dimensions) => {
   });
 };
 var processed = Symbol("Type brand for ProcessedThemeObject");
-function isProcessed(theme) {
-  return Boolean(theme[processed]);
-}
-function processThemeObject(theme) {
-  if (isProcessed(theme)) {
-    return theme;
-  }
-  const result = { ...theme, [processed]: true };
-  if (result.group) {
-    result.group = kebabCase(result.group);
-  }
-  result.name = kebabCase(result.name);
-  return result;
-}
 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];
@@ -702,7 +689,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"],

package/dist/src/tokens/process/formats/css/color.js

@@ -39,7 +39,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 R.startsWith(["color", category], token.path);
 }

package/dist/src/tokens/process/formats/css.js

@@ -40,7 +40,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 R.startsWith(["color", category], token.path);
 }