@digdir/designsystemet 1.0.7 → 1.0.8

package/dist/src/tokens/create/write.js

@@ -28,18 +28,25 @@ var writeFile = async (path2, data, dry) => {
     throw error;
   });
 };
-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;
+  }
 };
 
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.0.7",
+  version: "1.0.8",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -89,8 +96,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",

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

@@ -1,6 +1,6 @@
 import { type FormatOptions } from './process/platform.js';
 import type { Theme } from './types.js';
-export declare const formatTokens: (options: Omit<FormatOptions, "process">) => Promise<import("./process/platform.js").ProcessReturn>;
+export declare const formatTokens: (options: Omit<FormatOptions, "type">) => Promise<import("./process/platform.js").ProcessReturn>;
 export declare const formatTheme: (themeConfig: Theme) => Promise<import("./process/platform.js").ProcessReturn>;
 /**
  * Formats a theme configuration into CSS.

package/dist/src/tokens/format.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/tokens/format.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAmB,MAAM,uBAAuB,CAAC;AAE5E,OAAO,KAAK,EAAc,KAAK,EAAE,MAAM,YAAY,CAAC;AAEpD,eAAO,MAAM,YAAY,GAAU,SAAS,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,2DAOzE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAU,aAAa,KAAK,2DAYnD,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,GAAU,aAAa,KAAK,oBAItD,CAAC"}
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/tokens/format.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAmB,MAAM,uBAAuB,CAAC;AAE5E,OAAO,KAAK,EAAc,KAAK,EAAE,MAAM,YAAY,CAAC;AAEpD,eAAO,MAAM,YAAY,GAAU,SAAS,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,2DAOtE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAU,aAAa,KAAK,2DAYnD,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,GAAU,aAAa,KAAK,oBAItD,CAAC"}

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,7 +3368,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: {
@@ -3391,8 +3418,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",
@@ -3505,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,7 +3383,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: {
@@ -3406,8 +3433,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",
@@ -3520,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);
 }

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

@@ -4,6 +4,14 @@ import { createPropertyFormatter as createPropertyFormatter2, fileHeader } from
 
 // 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/platform.d.ts

@@ -5,25 +5,23 @@ type SharedOptions = {
     /** Enable verbose output */
     verbose: boolean;
     /** Set the default color for ":root" */
-    rootColor?: string;
+    defaultColor?: string;
     /** Dry run, no files will be written */
     dry?: boolean;
-    /** Clean the output path before building tokens */
-    clean?: boolean;
     /** Generate preview tokens */
     preview: boolean;
     /** Token Studio `$themes.json` content */
     $themes: ThemeObject[];
 };
 export type BuildOptions = {
-    process: 'build';
+    type: 'build';
     /** Design tokens path */
     tokensDir: string;
     /** Output directory for built tokens */
     outDir: string;
 } & SharedOptions;
 export type FormatOptions = {
-    process: 'format';
+    type: 'format';
     /** Tokensets */
     tokenSets: Map<string, TokenSet>;
 } & SharedOptions;

package/dist/src/tokens/process/platform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../../../src/tokens/process/platform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAoB,KAAK,gBAAgB,EAAmB,MAAM,aAAa,CAAC;AAIvF,KAAK,aAAa,GAAG;IACnB,4BAA4B;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8BAA8B;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,0CAA0C;IAC1C,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,yBAAyB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,aAAa,CAAC;AAElB,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,QAAQ,CAAC;IAClB,gBAAgB;IAChB,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;CAClC,GAAG,aAAa,CAAC;AAElB,KAAK,cAAc,GAAG,YAAY,GAAG,aAAa,CAAC;AAEnD,KAAK,qBAAqB,CAAC,CAAC,IAAI,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC;AAE/E,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,WAAW,EAAE,CAAC,CAAC;AAEjE,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,UAAU,EAAE,CAAC;CACzB,CAAC;AAeF,eAAO,IAAI,YAAY,EAAE,cAAc,GAAG,SAAS,CAAC;AAcpD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCqB,CAAC;AAExC,wBAAsB,eAAe,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,aAAa,CAAC,CAgHxF"}
+{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../../../src/tokens/process/platform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAoB,KAAK,gBAAgB,EAAmB,MAAM,aAAa,CAAC;AAIvF,KAAK,aAAa,GAAG;IACnB,4BAA4B;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,8BAA8B;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,0CAA0C;IAC1C,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,yBAAyB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,aAAa,CAAC;AAElB,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,gBAAgB;IAChB,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;CAClC,GAAG,aAAa,CAAC;AAElB,KAAK,cAAc,GAAG,YAAY,GAAG,aAAa,CAAC;AAEnD,KAAK,qBAAqB,CAAC,CAAC,IAAI,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC;AAE/E,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,WAAW,EAAE,CAAC,CAAC;AAEjE,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,UAAU,EAAE,CAAC;CACzB,CAAC;AAeF,eAAO,IAAI,YAAY,EAAE,cAAc,GAAG,SAAS,CAAC;AAkBpD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCqB,CAAC;AAExC,wBAAsB,eAAe,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,aAAa,CAAC,CA0IxF"}