@digdir/designsystemet 1.0.0-next.46 → 1.0.0-next.48

package/dist/bin/config.d.ts

@@ -6,10 +6,11 @@ export declare const colorRegex: RegExp;
  */
 export declare const configFileSchema: z.ZodObject<{
     outDir: z.ZodOptional<z.ZodString>;
+    clean: z.ZodOptional<z.ZodBoolean>;
     themes: z.ZodRecord<z.ZodString, z.ZodObject<{
         colors: z.ZodObject<{
             main: z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}` | `rgb(${number} ${number} ${number})` | `hsl(${number}deg ${number}% ${number}%)` | `hsv(${number}deg ${number}% ${number}%)` | `hsluv(${number} ${number} ${number})` | `lab(${number}% ${number} ${number})` | `lch(${number}% ${number} ${number}deg)` | `oklab(${number}% ${number} ${number})` | `oklch(${number}% ${number} ${number}deg)` | `jab(${number}% ${number} ${number})` | `jch(${number}% ${number} ${number}deg)`, string>>;
-            support: z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}` | `rgb(${number} ${number} ${number})` | `hsl(${number}deg ${number}% ${number}%)` | `hsv(${number}deg ${number}% ${number}%)` | `hsluv(${number} ${number} ${number})` | `lab(${number}% ${number} ${number})` | `lch(${number}% ${number} ${number}deg)` | `oklab(${number}% ${number} ${number})` | `oklch(${number}% ${number} ${number}deg)` | `jab(${number}% ${number} ${number})` | `jch(${number}% ${number} ${number}deg)`, string>>;
+            support: z.ZodDefault<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}` | `rgb(${number} ${number} ${number})` | `hsl(${number}deg ${number}% ${number}%)` | `hsv(${number}deg ${number}% ${number}%)` | `hsluv(${number} ${number} ${number})` | `lab(${number}% ${number} ${number})` | `lch(${number}% ${number} ${number}deg)` | `oklab(${number}% ${number} ${number})` | `oklch(${number}% ${number} ${number}deg)` | `jab(${number}% ${number} ${number})` | `jch(${number}% ${number} ${number}deg)`, string>>>>;
             neutral: z.ZodEffects<z.ZodString, `#${string}` | `rgb(${number} ${number} ${number})` | `hsl(${number}deg ${number}% ${number}%)` | `hsv(${number}deg ${number}% ${number}%)` | `hsluv(${number} ${number} ${number})` | `lab(${number}% ${number} ${number})` | `lch(${number}% ${number} ${number}deg)` | `oklab(${number}% ${number} ${number})` | `oklch(${number}% ${number} ${number}deg)` | `jab(${number}% ${number} ${number})` | `jch(${number}% ${number} ${number}deg)`, string>;
         }, "strip", z.ZodTypeAny, {
             main: Record<string, `#${string}` | `rgb(${number} ${number} ${number})` | `hsl(${number}deg ${number}% ${number}%)` | `hsv(${number}deg ${number}% ${number}%)` | `hsluv(${number} ${number} ${number})` | `lab(${number}% ${number} ${number})` | `lch(${number}% ${number} ${number}deg)` | `oklab(${number}% ${number} ${number})` | `oklch(${number}% ${number} ${number}deg)` | `jab(${number}% ${number} ${number})` | `jch(${number}% ${number} ${number}deg)`>;
@@ -18,7 +19,7 @@ export declare const configFileSchema: z.ZodObject<{
         }, {
             main: Record<string, string>;
             neutral: string;
-            support: Record<string, string>;
+            support?: Record<string, string> | undefined;
         }>;
         typography: z.ZodObject<{
             fontFamily: z.ZodString;
@@ -42,7 +43,7 @@ export declare const configFileSchema: z.ZodObject<{
         colors: {
             main: Record<string, string>;
             neutral: string;
-            support: Record<string, string>;
+            support?: Record<string, string> | undefined;
         };
         typography: {
             fontFamily: string;
@@ -61,19 +62,21 @@ export declare const configFileSchema: z.ZodObject<{
         };
         borderRadius: number;
     }>;
+    clean?: boolean | undefined;
     outDir?: string | undefined;
 }, {
     themes: Record<string, {
         colors: {
             main: Record<string, string>;
             neutral: string;
-            support: Record<string, string>;
+            support?: Record<string, string> | undefined;
         };
         typography: {
             fontFamily: string;
         };
         borderRadius: number;
     }>;
+    clean?: boolean | undefined;
     outDir?: string | undefined;
 }>;
 /**
@@ -82,10 +85,11 @@ export declare const configFileSchema: z.ZodObject<{
  */
 export declare const combinedConfigSchema: z.ZodObject<{
     outDir: z.ZodString;
+    clean: z.ZodBoolean;
     themes: z.ZodRecord<z.ZodString, z.ZodObject<{
         colors: z.ZodObject<{
             main: z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}` | `rgb(${number} ${number} ${number})` | `hsl(${number}deg ${number}% ${number}%)` | `hsv(${number}deg ${number}% ${number}%)` | `hsluv(${number} ${number} ${number})` | `lab(${number}% ${number} ${number})` | `lch(${number}% ${number} ${number}deg)` | `oklab(${number}% ${number} ${number})` | `oklch(${number}% ${number} ${number}deg)` | `jab(${number}% ${number} ${number})` | `jch(${number}% ${number} ${number}deg)`, string>>;
-            support: z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}` | `rgb(${number} ${number} ${number})` | `hsl(${number}deg ${number}% ${number}%)` | `hsv(${number}deg ${number}% ${number}%)` | `hsluv(${number} ${number} ${number})` | `lab(${number}% ${number} ${number})` | `lch(${number}% ${number} ${number}deg)` | `oklab(${number}% ${number} ${number})` | `oklch(${number}% ${number} ${number}deg)` | `jab(${number}% ${number} ${number})` | `jch(${number}% ${number} ${number}deg)`, string>>;
+            support: z.ZodDefault<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}` | `rgb(${number} ${number} ${number})` | `hsl(${number}deg ${number}% ${number}%)` | `hsv(${number}deg ${number}% ${number}%)` | `hsluv(${number} ${number} ${number})` | `lab(${number}% ${number} ${number})` | `lch(${number}% ${number} ${number}deg)` | `oklab(${number}% ${number} ${number})` | `oklch(${number}% ${number} ${number}deg)` | `jab(${number}% ${number} ${number})` | `jch(${number}% ${number} ${number}deg)`, string>>>>;
             neutral: z.ZodEffects<z.ZodString, `#${string}` | `rgb(${number} ${number} ${number})` | `hsl(${number}deg ${number}% ${number}%)` | `hsv(${number}deg ${number}% ${number}%)` | `hsluv(${number} ${number} ${number})` | `lab(${number}% ${number} ${number})` | `lch(${number}% ${number} ${number}deg)` | `oklab(${number}% ${number} ${number})` | `oklch(${number}% ${number} ${number}deg)` | `jab(${number}% ${number} ${number})` | `jch(${number}% ${number} ${number}deg)`, string>;
         }, "strip", z.ZodTypeAny, {
             main: Record<string, `#${string}` | `rgb(${number} ${number} ${number})` | `hsl(${number}deg ${number}% ${number}%)` | `hsv(${number}deg ${number}% ${number}%)` | `hsluv(${number} ${number} ${number})` | `lab(${number}% ${number} ${number})` | `lch(${number}% ${number} ${number}deg)` | `oklab(${number}% ${number} ${number})` | `oklch(${number}% ${number} ${number}deg)` | `jab(${number}% ${number} ${number})` | `jch(${number}% ${number} ${number}deg)`>;
@@ -94,7 +98,7 @@ export declare const combinedConfigSchema: z.ZodObject<{
         }, {
             main: Record<string, string>;
             neutral: string;
-            support: Record<string, string>;
+            support?: Record<string, string> | undefined;
         }>;
         typography: z.ZodObject<{
             fontFamily: z.ZodString;
@@ -118,7 +122,7 @@ export declare const combinedConfigSchema: z.ZodObject<{
         colors: {
             main: Record<string, string>;
             neutral: string;
-            support: Record<string, string>;
+            support?: Record<string, string> | undefined;
         };
         typography: {
             fontFamily: string;
@@ -126,6 +130,7 @@ export declare const combinedConfigSchema: z.ZodObject<{
         borderRadius: number;
     }>>;
 }, "strip", z.ZodTypeAny, {
+    clean: boolean;
     themes: Record<string, {
         colors: {
             main: Record<string, `#${string}` | `rgb(${number} ${number} ${number})` | `hsl(${number}deg ${number}% ${number}%)` | `hsv(${number}deg ${number}% ${number}%)` | `hsluv(${number} ${number} ${number})` | `lab(${number}% ${number} ${number})` | `lch(${number}% ${number} ${number}deg)` | `oklab(${number}% ${number} ${number})` | `oklch(${number}% ${number} ${number}deg)` | `jab(${number}% ${number} ${number})` | `jch(${number}% ${number} ${number}deg)`>;
@@ -139,11 +144,12 @@ export declare const combinedConfigSchema: z.ZodObject<{
     }>;
     outDir: string;
 }, {
+    clean: boolean;
     themes: Record<string, {
         colors: {
             main: Record<string, string>;
             neutral: string;
-            support: Record<string, string>;
+            support?: Record<string, string> | undefined;
         };
         typography: {
             fontFamily: string;

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

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../bin/config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAIxB,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,sBAQ5D;AAUD,eAAO,MAAM,UAAU,QAA2C,CAAC;AA6BnE;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAM3B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAC;AAChE,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../bin/config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAIxB,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,sBAQ5D;AAUD,eAAO,MAAM,UAAU,QAA2C,CAAC;AA6BnE;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAO3B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAC;AAChE,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/dist/bin/config.js

@@ -0,0 +1,56 @@
+import * as R from "ramda";
+import { z } from "zod";
+import { convertToHex } from "../src/colors/index.js";
+import { cliOptions } from "../src/tokens/create.js";
+function mapPathToOptionName(path) {
+  const normalisedPath = path[0] === "themes" ? ["theme", ...R.drop(2, path)] : path;
+  const option = R.path(normalisedPath, cliOptions);
+  if (typeof option !== "string") {
+    return;
+  }
+  return option;
+}
+const hexPatterns = [
+  // Hex colors: #000, #0000, #000000, #00000000
+  `#[0-9a-fA-F]{3}`,
+  `#[0-9a-fA-F]{4}`,
+  `#[0-9a-fA-F]{6}`,
+  `#[0-9a-fA-F]{8}`
+];
+const colorRegex = new RegExp(`^${hexPatterns.join("|")}$`);
+const colorSchema = z.string({ description: "A hex color, which is used for creating a color scale" }).regex(colorRegex).transform(convertToHex);
+const colorCategorySchema = z.record(colorSchema, { description: "One or more color definitions" });
+const themeSchema = z.object(
+  {
+    colors: z.object(
+      {
+        main: colorCategorySchema,
+        support: colorCategorySchema.optional().default({}),
+        neutral: colorSchema
+      },
+      { description: "Defines the colors for this theme" }
+    ),
+    typography: z.object(
+      {
+        fontFamily: z.string({ description: "Sets the font-family for this theme" })
+      },
+      { description: "Defines the typography for a given theme" }
+    ),
+    borderRadius: z.number({ description: "Defines the border-radius for this theme" })
+  },
+  { description: "An object defining a theme. The property name holding the object becomes the theme name." }
+);
+const configFileSchema = z.object({
+  outDir: z.string({ description: "Path to the output directory for the created design tokens" }).optional(),
+  clean: z.boolean({ description: "Delete the output directory before building or creating tokens" }).optional(),
+  themes: z.record(themeSchema, {
+    description: "An object with one or more themes. Each property defines a theme, and the property name is used as the theme name."
+  })
+});
+const combinedConfigSchema = configFileSchema.required();
+export {
+  colorRegex,
+  combinedConfigSchema,
+  configFileSchema,
+  mapPathToOptionName
+};

package/dist/bin/designsystemet.js

@@ -15,41 +15,43 @@ import { getDefaultOrExplicitOption, getExplicitOptionOnly } from "./options.js"
 program.name("designsystemet").description("CLI for working with Designsystemet").showHelpAfterError();
 function makeTokenCommands() {
   const tokenCmd = createCommand("tokens");
-  const DEFAULT_TOKENS_DIR = "./design-tokens";
-  const DEFAULT_BUILD_DIR = "./design-tokens-build";
+  const DEFAULT_TOKENS_CREATE_DIR = "./design-tokens";
+  const DEFAULT_TOKENS_BUILD_DIR = "./design-tokens-build";
   const DEFAULT_FONT = "Inter";
   const DEFAULT_THEME_NAME = "theme";
   const DEFAULT_CONFIG_FILE = "designsystemet.config.json";
-  tokenCmd.command("build").description("Build Designsystemet tokens").option("-t, --tokens <string>", `Path to ${chalk.blue("design-tokens")}`, DEFAULT_TOKENS_DIR).option("-o, --out-dir <string>", `Output directory for built ${chalk.blue("design-tokens")}`, DEFAULT_BUILD_DIR).option("--dry [boolean]", `Dry run for built ${chalk.blue("design-tokens")}`, false).option("-p, --preview", "Generate preview token.ts files", false).option("--verbose", "Enable verbose output", false).action((opts) => {
-    const { preview, verbose } = opts;
-    const tokens = typeof opts.tokens === "string" ? opts.tokens : DEFAULT_TOKENS_DIR;
+  tokenCmd.command("build").description("Build Designsystemet tokens").option("-t, --tokens <string>", `Path to ${chalk.blue("design-tokens")}`, DEFAULT_TOKENS_CREATE_DIR).option(
+    "-o, --out-dir <string>",
+    `Output directory for built ${chalk.blue("design-tokens")}`,
+    DEFAULT_TOKENS_BUILD_DIR
+  ).option(`--${cliOptions.clean} [boolean]`, "Clean output directory before building tokens", parseBoolean, false).option("--dry [boolean]", `Dry run for built ${chalk.blue("design-tokens")}`, parseBoolean, false).option("-p, --preview", "Generate preview token.ts files", false).option("--verbose", "Enable verbose output", false).action((opts) => {
+    const { preview, verbose, clean, dry } = opts;
+    const tokens = typeof opts.tokens === "string" ? opts.tokens : DEFAULT_TOKENS_CREATE_DIR;
     const outDir = typeof opts.outDir === "string" ? opts.outDir : "./dist/tokens";
-    const dry = Boolean(opts.dry);
     console.log(`Building tokens in ${chalk.green(tokens)}`);
     if (dry) {
       console.log(`Performing dry run, no files will be written`);
     }
-    return buildTokens({ tokens, outDir, preview, verbose, dry });
+    return buildTokens({ tokens, outDir, preview, verbose, dry, clean });
   });
   tokenCmd.command("create").description("Create Designsystemet tokens").option(`-m, --${cliOptions.theme.colors.main} <name:hex...>`, `Main colors`, parseColorValues).option(`-s, --${cliOptions.theme.colors.support} <name:hex...>`, `Support colors`, parseColorValues).option(`-n, --${cliOptions.theme.colors.neutral} <hex>`, `Neutral hex color`, convertToHex).option(
     `-o, --${cliOptions.outDir} <string>`,
     `Output directory for created ${chalk.blue("design-tokens")}`,
-    DEFAULT_TOKENS_DIR
-  ).option("--dry [boolean]", `Dry run for created ${chalk.blue("design-tokens")}`, false).option(`-f, --${cliOptions.theme.typography.fontFamily} <string>`, `Font family`, DEFAULT_FONT).option(
+    DEFAULT_TOKENS_CREATE_DIR
+  ).option(`--${cliOptions.clean} [boolean]`, "Clean output directory before creating tokens", parseBoolean, false).option("--dry [boolean]", `Dry run for created ${chalk.blue("design-tokens")}`, parseBoolean, false).option(`-f, --${cliOptions.theme.typography.fontFamily} <string>`, `Font family`, DEFAULT_FONT).option(
     `-b, --${cliOptions.theme.borderRadius} <number>`,
     `Unitless base border-radius in px`,
     (radiusAsString) => Number(radiusAsString),
     4
   ).option("--theme <string>", "Theme name (ignored when using JSON config file)", DEFAULT_THEME_NAME).option(
-    "--json <string>",
-    `Path to JSON config file (default: "${DEFAULT_CONFIG_FILE}")`,
-    (value) => parseJsonConfig(value, { allowFileNotFound: false })
+    "--config <string>",
+    `Path to config file (default: "${DEFAULT_CONFIG_FILE}")`,
+    (value) => parseConfig(value, { allowFileNotFound: false })
   ).action(async (opts, cmd) => {
-    const dry = Boolean(opts.dry);
-    if (dry) {
+    if (opts.dry) {
       console.log(`Performing dry run, no files will be written`);
     }
-    const configFile = await (opts.json ? opts.json : parseJsonConfig(DEFAULT_CONFIG_FILE, { allowFileNotFound: true }));
+    const configFile = await (opts.config ? opts.config : parseConfig(DEFAULT_CONFIG_FILE, { allowFileNotFound: true }));
     const propsFromJson = configFile?.config;
     if (propsFromJson) {
       const themeColors = Object.values(propsFromJson?.themes ?? {}).map(
@@ -58,7 +60,7 @@ function makeTokenCommands() {
       if (!R.all(R.equals(R.__, themeColors[0]), themeColors)) {
         console.error(
           chalk.redBright(
-            `In JSON config ${configFile.path}, all themes must have the same custom color names, but we found:`
+            `In config ${configFile.path}, all themes must have the same custom color names, but we found:`
           )
         );
         const themeNames = R.keys(propsFromJson.themes ?? {});
@@ -84,6 +86,7 @@ function makeTokenCommands() {
     });
     const unvalidatedConfig = noUndefined({
       outDir: propsFromJson?.outDir ?? getDefaultOrExplicitOption(cmd, "outDir"),
+      clean: propsFromJson?.clean ?? getDefaultOrExplicitOption(cmd, "clean"),
       themes: propsFromJson?.themes ? (
         // For each theme specified in the JSON config, we override the config values
         // with the explicitly set options from the CLI.
@@ -100,7 +103,7 @@ function makeTokenCommands() {
     try {
       config = combinedConfigSchema.parse(unvalidatedConfig);
     } catch (err) {
-      console.error(chalk.redBright("Invalid config after combining JSON file and CLI options"));
+      console.error(chalk.redBright("Invalid config after combining config file and CLI options"));
       const validationError = makeFriendlyError(err);
       console.error(validationError.toString());
       process.exit(1);
@@ -109,7 +112,7 @@ function makeTokenCommands() {
     for (const [name, themeWithoutName] of Object.entries(config.themes)) {
       const theme = { name, ...themeWithoutName };
       const tokens = createTokens(theme);
-      await writeTokens({ outDir: config.outDir, tokens, theme, dry });
+      await writeTokens({ outDir: config.outDir, tokens, theme, dry: opts.dry, clean: config.clean });
     }
   });
   return tokenCmd;
@@ -134,11 +137,12 @@ program.command("migrate").description("run a Designsystemet migration").addArgu
   }
 });
 await program.parseAsync(process.argv);
-async function parseJsonConfig(jsonPath, options) {
-  const resolvedPath = path.resolve(process.cwd(), jsonPath);
-  let jsonFile;
+async function parseConfig(configPath, options) {
+  const resolvedPath = path.resolve(process.cwd(), configPath);
+  let configFile;
   try {
-    jsonFile = await fs.readFile(resolvedPath, { encoding: "utf-8" });
+    configFile = await fs.readFile(resolvedPath, { encoding: "utf-8" });
+    console.log(`Found config file: ${chalk.green(resolvedPath)}`);
   } catch (err) {
     if (err instanceof Error) {
       const nodeErr = err;
@@ -150,11 +154,11 @@ async function parseJsonConfig(jsonPath, options) {
   }
   try {
     return {
-      path: jsonPath,
-      config: await configFileSchema.parseAsync(JSON.parse(jsonFile))
+      path: configPath,
+      config: await configFileSchema.parseAsync(JSON.parse(configFile))
     };
   } catch (err) {
-    console.error(chalk.redBright(`Invalid JSON config in ${jsonPath}`));
+    console.error(chalk.redBright(`Invalid config in ${configPath}`));
     const validationError = makeFriendlyError(err);
     console.error(validationError.toString());
     process.exit(1);
@@ -177,3 +181,6 @@ function parseColorValues(value, previous = {}) {
   previous[name] = convertToHex(hex);
   return previous;
 }
+function parseBoolean(value, previous) {
+  return value === "true" || value === true;
+}

package/dist/bin/options.js

@@ -0,0 +1,12 @@
+const getOptionIfMatchingSource = (...sources) => (command, option) => {
+  const source = command.getOptionValueSource(option);
+  if (sources.includes(source)) {
+    return command.getOptionValue(option);
+  }
+};
+const getExplicitOptionOnly = getOptionIfMatchingSource("cli");
+const getDefaultOrExplicitOption = getOptionIfMatchingSource("cli", "default");
+export {
+  getDefaultOrExplicitOption,
+  getExplicitOptionOnly
+};

package/dist/config.schema.json

@@ -8,6 +8,10 @@
       "type": "string",
       "description": "Path to the output directory for the created design tokens"
     },
+    "clean": {
+      "type": "boolean",
+      "description": "Delete the output directory before building or creating tokens"
+    },
     "themes": {
       "type": "object",
       "additionalProperties": {
@@ -26,7 +30,9 @@
                 "description": "One or more color definitions"
               },
               "support": {
-                "$ref": "#/properties/themes/additionalProperties/properties/colors/properties/main"
+                "$ref": "#/properties/themes/additionalProperties/properties/colors/properties/main",
+                "description": "One or more color definitions",
+                "default": {}
               },
               "neutral": {
                 "$ref": "#/properties/themes/additionalProperties/properties/colors/properties/main/additionalProperties"
@@ -34,7 +40,6 @@
             },
             "required": [
               "main",
-              "support",
               "neutral"
             ],
             "additionalProperties": false,

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

@@ -1 +1 @@
-{"version":3,"file":"configs.d.ts","sourceRoot":"","sources":["../../../../src/tokens/build/configs.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,IAAI,qBAAqB,EAAoB,MAAM,wBAAwB,CAAC;AAQhG,OAAO,KAAK,EAEV,kBAAkB,EAClB,2BAA2B,EAC3B,cAAc,EACd,gBAAgB,EACjB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,KAAK,oBAAoB,EAA6B,MAAM,sCAAsC,CAAC;AAO5G,eAAO,MAAM,MAAM,OAAO,CAAC;AAC3B,eAAO,MAAM,cAAc,KAAK,CAAC;AA8BjC,MAAM,MAAM,wBAAwB,GAAG,CACrC,WAAW,EAAE,gBAAgB,EAC7B,OAAO,EAAE;IACP,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,KACE,qBAAqB,GAAG;IAAE,MAAM,EAAE,qBAAqB,CAAC;IAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAA;CAAE,EAAE,CAAC;AA+PnH,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAEF,eAAO,MAAM,4BAA4B,cAC5B,wBAAwB,UAC3B,oBAAoB,EAAE,cAClB,cAAc,EAAE,WACnB,kBAAkB,KAC1B,2BAA2B,EA8B7B,CAAC"}
+{"version":3,"file":"configs.d.ts","sourceRoot":"","sources":["../../../../src/tokens/build/configs.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,IAAI,qBAAqB,EAAoB,MAAM,wBAAwB,CAAC;AAQhG,OAAO,KAAK,EAEV,kBAAkB,EAClB,2BAA2B,EAC3B,cAAc,EACd,gBAAgB,EACjB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,KAAK,oBAAoB,EAA6B,MAAM,sCAAsC,CAAC;AAO5G,eAAO,MAAM,MAAM,OAAO,CAAC;AAC3B,eAAO,MAAM,cAAc,KAAK,CAAC;AA8BjC,MAAM,MAAM,wBAAwB,GAAG,CACrC,WAAW,EAAE,gBAAgB,EAC7B,OAAO,EAAE;IACP,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,KACE,qBAAqB,GAAG;IAAE,MAAM,EAAE,qBAAqB,CAAC;IAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAA;CAAE,EAAE,CAAC;AAwOnH,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAEF,eAAO,MAAM,4BAA4B,cAC5B,wBAAwB,UAC3B,oBAAoB,EAAE,cAClB,cAAc,EAAE,WACnB,kBAAkB,KAC1B,2BAA2B,EA8B7B,CAAC"}

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

@@ -2,7 +2,7 @@ import { expandTypesMap, register } from "@tokens-studio/sd-transforms";
 import * as R from "ramda";
 import StyleDictionary from "style-dictionary";
 import { outputReferencesFilter } from "style-dictionary/utils";
-import { DEFAULT_COLOR, buildOptions } from "../build.js";
+import { buildOptions } from "../build.js";
 import { isColorCategoryToken, isDigit, pathStartsWithOneOf, typeEquals } from "../utils.js";
 import { formats } from "./formats/css.js";
 import { jsTokens } from "./formats/js-tokens.js";
@@ -70,8 +70,8 @@ const colorSchemeVariables = ({ "color-scheme": colorScheme = "light", theme },
 };
 const colorCategoryVariables = (category) => ({ "color-scheme": colorScheme, theme, [`${category}-color`]: color }, { outPath }) => {
   const layer = `ds.theme.color`;
-  const isDefault = color === buildOptions?.accentColor;
-  const selector = `${isDefault ? ":root, [data-color-scheme], " : ""}[data-color="${color}"]`;
+  const isRootColor = color === buildOptions?.rootColor;
+  const selector = `${isRootColor ? ":root, [data-color-scheme], " : ""}[data-color="${color}"]`;
   const config = {
     usesDtcg,
     preprocessors: ["tokens-studio"],
@@ -101,29 +101,6 @@ const colorCategoryVariables = (category) => ({ "color-scheme": colorScheme, the
       }
     }
   };
-  if (isDefault && color !== DEFAULT_COLOR) {
-    console.log(
-      `Creating "${DEFAULT_COLOR}" color variables pointing to "${color}", since a color named "${DEFAULT_COLOR}" is not defined`
-    );
-    const defaultColorConfig = R.mergeDeepRight(config, {
-      platforms: {
-        css: {
-          selector: ":root",
-          files: [
-            {
-              ...config.platforms?.css?.files?.[0],
-              destination: `color/${DEFAULT_COLOR}.css`
-            }
-          ],
-          options: { replaceCategoryWith: DEFAULT_COLOR }
-        }
-      }
-    });
-    return [
-      { config },
-      { config: defaultColorConfig, permutationOverrides: { "main-color": `${DEFAULT_COLOR} \u2192 ${color}` } }
-    ];
-  }
   return config;
 };
 const semanticVariables = ({ theme }, { outPath }) => {

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

@@ -11,7 +11,7 @@ export type ColorCategories = keyof typeof colorCategories;
 export type ThemePermutation = {
     'color-scheme': string;
     'main-color': string;
-    'support-color': string;
+    'support-color'?: string;
     semantic: string;
     size: string;
     theme: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/tokens/build/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAChG,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAE7D,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AACX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,gBAAgB,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,gBAAgB,EAAE,OAAO,CAAC,EAAE,qBAAqB,KAAK,OAAO,CAAC;AAEtG,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,SAAS,EAAE,wBAAwB,CAAC;IACpC,0FAA0F;IAC1F,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,uGAAuG;IACvG,OAAO,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACtC,mEAAmE;IACnE,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,2BAA2B,EAAE,EAAE,OAAO,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjG,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IAAE,WAAW,EAAE,gBAAgB,CAAC;IAAC,MAAM,EAAE,qBAAqB,CAAA;CAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/tokens/build/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAChG,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAE7D,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,gBAAgB,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,gBAAgB,EAAE,OAAO,CAAC,EAAE,qBAAqB,KAAK,OAAO,CAAC;AAEtG,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,SAAS,EAAE,wBAAwB,CAAC;IACpC,0FAA0F;IAC1F,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,uGAAuG;IACvG,OAAO,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACtC,mEAAmE;IACnE,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,2BAA2B,EAAE,EAAE,OAAO,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjG,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IAAE,WAAW,EAAE,gBAAgB,CAAC;IAAC,MAAM,EAAE,qBAAqB,CAAA;CAAE,CAAC"}

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

@@ -1,4 +1,3 @@
-export declare const DEFAULT_COLOR = "accent";
 type Options = {
     /** Design tokens path */
     tokens: string;
@@ -8,10 +7,12 @@ type Options = {
     preview: boolean;
     /** Enable verbose output */
     verbose: boolean;
-    /** Set the default "accent" color, if not overridden with data-color */
-    accentColor?: string;
-    /** Dry run */
+    /** Set the default color for ":root" */
+    rootColor?: string;
+    /** Dry run, no files will be written */
     dry?: boolean;
+    /** Clean the output path before building tokens */
+    clean?: boolean;
 };
 export declare let buildOptions: Options | undefined;
 export declare function buildTokens(options: Options): Promise<void>;

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

@@ -1 +1 @@
-{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../../src/tokens/build.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,aAAa,WAAW,CAAC;AAEtC,KAAK,OAAO,GAAG;IACb,yBAAyB;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,eAAO,IAAI,YAAY,EAAE,OAAO,GAAG,SAAS,CAAC;AAwC7C,wBAAsB,WAAW,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAiFjE"}
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../../src/tokens/build.ts"],"names":[],"mappings":"AAcA,KAAK,OAAO,GAAG;IACb,yBAAyB;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,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;CACjB,CAAC;AAEF,eAAO,IAAI,YAAY,EAAE,OAAO,GAAG,SAAS,CAAC;AAwC7C,wBAAsB,WAAW,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CA2FjE"}

package/dist/src/tokens/build.js

@@ -7,8 +7,7 @@ import { configs, getConfigsForThemeDimensions } from "./build/configs.js";
 import { colorCategories } from "./build/types.js";
 import { makeEntryFile } from "./build/utils/entryfile.js";
 import { processThemeObject } from "./build/utils/getMultidimensionalThemes.js";
-import { copyFile, writeFile } from "./utils.js";
-const DEFAULT_COLOR = "accent";
+import { cleanDir, copyFile, writeFile } from "./utils.js";
 let buildOptions;
 const sd = new StyleDictionary();
 const buildConfigs = {
@@ -42,30 +41,39 @@ const buildConfigs = {
   }
 };
 async function buildTokens(options) {
-  const { dry } = options;
+  const { dry, clean } = options;
   const tokensDir = options.tokens;
   const targetDir = path.resolve(options.outDir);
   buildOptions = options;
   const $themes = JSON.parse(await fs.readFile(path.resolve(`${tokensDir}/$themes.json`), "utf-8")).map(processThemeObject);
   const relevant$themes = $themes.filter((theme) => R.not(theme.group === "size" && theme.name !== "medium"));
-  if (!buildOptions.accentColor) {
-    const accentOrFirstMainColor = relevant$themes.find((theme) => theme.name === DEFAULT_COLOR) || relevant$themes.find((theme) => theme.group === "main-color");
-    buildOptions.accentColor = accentOrFirstMainColor?.name;
+  if (!buildOptions.rootColor) {
+    const firstMainColor = relevant$themes.find((theme) => theme.group === "main-color");
+    buildOptions.rootColor = firstMainColor?.name;
+    console.log(`Using first main color; ${chalk.blue(firstMainColor?.name)}, as ${chalk.green(`":root"`)} color`);
   }
-  if (buildOptions.accentColor !== DEFAULT_COLOR) {
-    console.log("accent color:", buildOptions.accentColor);
+  const buildAndSdConfigs = R.map((buildConfig) => {
+    const sdConfigs = getConfigsForThemeDimensions(buildConfig.getConfig, relevant$themes, buildConfig.dimensions, {
+      outPath: targetDir,
+      tokensDir,
+      ...buildConfig.options
+    });
+    const unknownConfigs = buildConfig.dimensions.map(
+      (dimension) => sdConfigs.filter((x) => x.permutation[dimension] === "unknown")
+    );
+    for (const unknowns of unknownConfigs) {
+      if (unknowns.length === sdConfigs.length) {
+        buildConfig.enabled = () => false;
+      }
+    }
+    return {
+      buildConfig,
+      sdConfigs
+    };
+  }, buildConfigs);
+  if (clean) {
+    await cleanDir(targetDir, dry);
   }
-  const buildAndSdConfigs = R.map(
-    (val) => ({
-      buildConfig: val,
-      sdConfigs: getConfigsForThemeDimensions(val.getConfig, relevant$themes, val.dimensions, {
-        outPath: targetDir,
-        tokensDir,
-        ...val.options
-      })
-    }),
-    buildConfigs
-  );
   try {
     for (const [key, { buildConfig, sdConfigs }] of R.toPairs(buildAndSdConfigs)) {
       if (!(buildConfig.enabled?.() ?? true)) {
@@ -118,7 +126,6 @@ ${mainAndSupportColors.map((color) => `    ${color}: never;`).join("\n")}
   await writeFile(path.resolve(outPath, colorsFileName), typeDeclaration, dry);
 }
 export {
-  DEFAULT_COLOR,
   buildOptions,
   buildTokens
 };

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

@@ -1,6 +1,7 @@
 import type { Theme, Tokens } from './types.js';
 export declare const cliOptions: {
     readonly outDir: "out-dir";
+    readonly clean: "clean";
     readonly theme: {
         readonly colors: {
             readonly main: "main-colors";

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

@@ -1 +1 @@
-{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../../src/tokens/create.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAU,KAAK,EAAE,MAAM,EAAqC,MAAM,YAAY,CAAC;AAE3F,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAab,CAAC;AAgFX,eAAO,MAAM,YAAY,SAAU,KAAK,WAqBvC,CAAC"}
+{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../../src/tokens/create.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAU,KAAK,EAAE,MAAM,EAAqC,MAAM,YAAY,CAAC;AAE3F,eAAO,MAAM,UAAU;;;;;;;;;;;;;;CAcb,CAAC;AAgFX,eAAO,MAAM,YAAY,SAAU,KAAK,WAqBvC,CAAC"}

package/dist/src/tokens/create.js

@@ -2,6 +2,7 @@ import * as R from "ramda";
 import { baseColors, generateColorScale } from "../colors/index.js";
 const cliOptions = {
   outDir: "out-dir",
+  clean: "clean",
   theme: {
     colors: {
       main: "main-colors",

package/dist/src/tokens/design-tokens/template/$metadata.json

@@ -20,7 +20,6 @@
     "semantic/modes/support-color/brand1",
     "semantic/modes/support-color/brand2",
     "semantic/modes/support-color/brand3",
-    "semantic/style",
-    "Figma/components"
+    "semantic/style"
   ]
 }

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

@@ -1 +1 @@
-{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../../src/tokens/template.ts"],"names":[],"mappings":"AA2BA,eAAO,MAAM,eAAe,qBAyG3B,CAAC"}
+{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../../src/tokens/template.ts"],"names":[],"mappings":"AA2BA,eAAO,MAAM,eAAe,qBAwG3B,CAAC"}

package/dist/src/tokens/template.js

@@ -16,7 +16,6 @@ const argsFromToPaths = (path_) => [
 const options = { recursive: true };
 const endsWithOneOf = (suffixes, str) => R.any((suffix) => R.endsWith(suffix, str), suffixes);
 const updateTemplates = async () => {
-  await fs.cp(...argsFromToPaths("Figma"), options);
   await fs.cp(...argsFromToPaths("primitives/globals.json"), options);
   await fs.cp(...argsFromToPaths("primitives/modes/size"), options);
   await fs.cp(...argsFromToPaths("primitives/modes/typography/size"), options);

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

@@ -30,4 +30,5 @@ export declare const writeFile: (path: string, data: string, dry?: boolean) => P
 export declare const cp: (src: string, dest: string, dry?: boolean) => Promise<void>;
 export declare const copyFile: (src: string, dest: string, dry?: boolean) => Promise<void>;
 export declare const isDigit: (s: string) => boolean;
+export declare const cleanDir: (dir: string, dry?: boolean) => Promise<void>;
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/tokens/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAM5E;;;;GAIG;AACH,eAAO,MAAM,OAAO,UAAW,gBAAgB,WAAkD,CAAC;AAElG;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,gBAAgB,GAAG,WAAW,KAAG,CAAuC,CAAC;AAE5G;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,4DAAmB,MAAM,EAAE,GAAG,MAAM,SAAS,gBAAgB,aAMlF,CAAC;AAEH,eAAO,MAAM,mBAAmB,4DAAmB,MAAM,EAAE,SAAS,gBAAgB,aASlF,CAAC;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAEhE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAEnE;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAKpG;AAED,eAAO,MAAM,KAAK,QAAe,MAAM,QAAQ,OAAO,2BAOrD,CAAC;AAEF,eAAO,MAAM,SAAS,SAAgB,MAAM,QAAQ,MAAM,QAAQ,OAAO,kBAOxE,CAAC;AAEF,eAAO,MAAM,EAAE,QAAe,MAAM,QAAQ,MAAM,QAAQ,OAAO,kBAOhE,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAe,MAAM,QAAQ,MAAM,QAAQ,OAAO,kBAOtE,CAAC;AAEF,eAAO,MAAM,OAAO,MAAO,MAAM,YAAoB,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/tokens/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAM5E;;;;GAIG;AACH,eAAO,MAAM,OAAO,UAAW,gBAAgB,WAAkD,CAAC;AAElG;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,gBAAgB,GAAG,WAAW,KAAG,CAAuC,CAAC;AAE5G;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,4DAAmB,MAAM,EAAE,GAAG,MAAM,SAAS,gBAAgB,aAMlF,CAAC;AAEH,eAAO,MAAM,mBAAmB,4DAAmB,MAAM,EAAE,SAAS,gBAAgB,aASlF,CAAC;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAEhE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAEnE;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAKpG;AAED,eAAO,MAAM,KAAK,QAAe,MAAM,QAAQ,OAAO,2BAOrD,CAAC;AAEF,eAAO,MAAM,SAAS,SAAgB,MAAM,QAAQ,MAAM,QAAQ,OAAO,kBAOxE,CAAC;AAEF,eAAO,MAAM,EAAE,QAAe,MAAM,QAAQ,MAAM,QAAQ,OAAO,kBAOhE,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAe,MAAM,QAAQ,MAAM,QAAQ,OAAO,kBAOtE,CAAC;AAEF,eAAO,MAAM,OAAO,MAAO,MAAM,YAAoB,CAAC;AAEtD,eAAO,MAAM,QAAQ,QAAe,MAAM,QAAQ,OAAO,kBASxD,CAAC"}

package/dist/src/tokens/utils.js

@@ -60,7 +60,16 @@ const copyFile = async (src, dest, dry) => {
   return await fs.copyFile(src, dest);
 };
 const isDigit = (s) => /^\d+$/.test(s);
+const cleanDir = async (dir, dry) => {
+  if (dry) {
+    console.log(`${chalk.blue("cleanDir")} ${dir}`);
+    return Promise.resolve();
+  }
+  console.log(`${chalk.red(`Cleaning outputDir: ${dir.trim()}`)} `);
+  return await fs.rm(dir, { recursive: true, force: true });
+};
 export {
+  cleanDir,
   copyFile,
   cp,
   getType,

package/dist/src/tokens/write/generate$metadata.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generate$metadata.d.ts","sourceRoot":"","sources":["../../../../src/tokens/write/generate$metadata.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE1C,KAAK,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAEvC,KAAK,QAAQ,GAAG;IACd,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,CAyBtG"}
+{"version":3,"file":"generate$metadata.d.ts","sourceRoot":"","sources":["../../../../src/tokens/write/generate$metadata.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE1C,KAAK,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAEvC,KAAK,QAAQ,GAAG;IACd,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,CAwBtG"}

package/dist/src/tokens/write/generate$metadata.js

@@ -19,8 +19,7 @@ function generateMetadataJson(schemes, themes, colors) {
       "semantic/color",
       ...Object.entries(colors.main).map(([color]) => `semantic/modes/main-color/${color}`),
       ...Object.entries(colors.support).map(([color]) => `semantic/modes/support-color/${color}`),
-      "semantic/style",
-      "Figma/components"
+      "semantic/style"
     ]
   };
 }

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

@@ -4,7 +4,10 @@ type WriteTokensOptions = {
     outDir: string;
     tokens: Tokens;
     theme: Theme;
+    /** Dry run, no files will be written */
     dry?: boolean;
+    /** Clean output directory before writing tokens */
+    clean?: boolean;
 };
 export declare const writeTokens: (options: WriteTokensOptions) => Promise<void>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"write.d.ts","sourceRoot":"","sources":["../../../src/tokens/write.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAoB,KAAK,EAAE,MAAM,EAA8B,MAAM,YAAY,CAAC;AAS9F,eAAO,MAAM,SAAS,SAAU,OAAO,WAAkC,CAAC;AAyB1E,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,YAAmB,kBAAkB,kBA4K5D,CAAC"}
+{"version":3,"file":"write.d.ts","sourceRoot":"","sources":["../../../src/tokens/write.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAoB,KAAK,EAAE,MAAM,EAA8B,MAAM,YAAY,CAAC;AAS9F,eAAO,MAAM,SAAS,SAAU,OAAO,WAAkC,CAAC;AAyB1E,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,wCAAwC;IACxC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,YAAmB,kBAAkB,kBAiL5D,CAAC"}

package/dist/src/tokens/write.js

@@ -7,7 +7,7 @@ import customColorTemplate from "./design-tokens/template/semantic/modes/categor
 import semanticColorTemplate from "./design-tokens/template/semantic/semantic-color-template.json" with { type: "json" };
 import themeBaseFile from "./design-tokens/template/themes/theme-base-file.json" with { type: "json" };
 import themeColorTemplate from "./design-tokens/template/themes/theme-color-template.json" with { type: "json" };
-import { cp, mkdir, writeFile } from "./utils.js";
+import { cleanDir, cp, mkdir, writeFile } from "./utils.js";
 import { generateMetadataJson } from "./write/generate$metadata.js";
 import { generateThemesJson } from "./write/generate$themes.js";
 const DIRNAME = import.meta.dirname || __dirname;
@@ -35,12 +35,16 @@ const writeTokens = async (options) => {
     outDir,
     tokens,
     theme: { name: themeName, colors, borderRadius },
-    dry
+    dry,
+    clean
   } = options;
   const targetDir = path.resolve(process.cwd(), String(outDir));
   const $themesPath = path.join(targetDir, "$themes.json");
   const $metadataPath = path.join(targetDir, "$metadata.json");
   let themes = [themeName];
+  if (clean) {
+    await cleanDir(targetDir, dry);
+  }
   await mkdir(targetDir, dry);
   try {
     const $themes = await fs.readFile($themesPath, "utf-8");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet",
-  "version": "1.0.0-next.46",
+  "version": "1.0.0-next.48",
   "description": "CLI for Designsystemet",
   "author": "Designsystemet team",
   "engines": {
@@ -34,62 +34,57 @@
   },
   "scripts": {
     "designsystemet": "tsx ./bin/designsystemet.ts",
-    "build:tokens": "yarn clean:theme && yarn designsystemet tokens build -p -t ../../design-tokens -o ../../packages/theme/brand",
-    "build:tokens:debug": "yarn clean:theme && tsx --inspect-brk ./bin/designsystemet.ts tokens build -p -t ../../design-tokens -o ../../packages/theme/brand",
+    "build:tokens": "yarn designsystemet tokens build -p -t ../../design-tokens -o ../../packages/theme/brand --clean",
+    "build:tokens:debug": "tsx --inspect-brk ./bin/designsystemet.ts tokens build -p -t ../../design-tokens -o ../../packages/theme/brand --clean",
     "build": "tsup && yarn build:types && yarn build:json-schema",
     "build:types": "tsc --emitDeclarationOnly --declaration",
     "build:json-schema": "tsx ./src/build-scripts/createJsonSchema.ts",
     "types": "tsc --noEmit",
-    "test:tokens-create-options": "yarn designsystemet tokens create -m dominant:#007682 complimentary:#ff0000 -n #003333 -s support1:#12404f support2:#0054a6 support3:#942977 -b 99 -o ./test-tokens-create",
-    "test:tokens-create-json": "yarn designsystemet tokens create --json ./test-tokens-create-complex.config.json",
-    "test:tokens-build": "yarn designsystemet tokens build -t ./test-tokens-create -o ./test-tokens-build",
-    "test:tokens-create-and-build-options": "yarn clean:test-tokens && yarn test:tokens-create-options && yarn test:tokens-build",
-    "test:tokens-create-and-build-json": "yarn clean:test-tokens && yarn test:tokens-create-json && yarn test:tokens-build",
-    "test": "yarn test:tokens-create-and-build-options && yarn test:tokens-create-and-build-json",
-    "clean": "rimraf dist",
-    "clean:test-tokens": "rimraf test-tokens-create && rimraf test-tokens-build",
-    "clean:theme": "yarn workspace @digdir/designsystemet-theme clean",
+    "test:tokens-create-options": "yarn designsystemet tokens create -m dominant:#007682  -n #003333 -b 99 -o ./test-tokens-create --theme options-test --clean",
+    "test:tokens-create-config": "yarn designsystemet tokens create --config ./test-tokens-create-complex.config.json",
+    "test:tokens-build": "yarn designsystemet tokens build -t ./test-tokens-create -o ./test-tokens-build --clean",
+    "test:tokens-create-and-build-options": "yarn test:tokens-create-options && yarn test:tokens-build",
+    "test:tokens-create-and-build-config": "yarn test:tokens-create-config && yarn test:tokens-build",
+    "test": "yarn test:tokens-create-and-build-options && yarn test:tokens-create-and-build-config",
     "update:template": "tsx ./src/tokens/template.ts",
-    "internal:tokens-create-digdir": "yarn designsystemet tokens create --theme theme -m accent:#0062BA -n #1E2B3C -s brand1:#F45F63 brand2:#E5AA20 brand3:#1E98F5 -o ./internal/design-tokens",
+    "internal:tokens-create-digdir": "yarn designsystemet tokens create --theme theme -m accent:#0062BA -n #1E2B3C -s brand1:#F45F63 brand2:#E5AA20 brand3:#1E98F5 -o ./internal/design-tokens --clean",
     "internal:tokens-create-altinn": "yarn designsystemet tokens create --theme theme2 -m accent:#0162BA -n #1E2B3C -s brand1:#0162BA brand2:#3F3161 brand3:#E02F4A -o ./internal/design-tokens",
     "internal:tokens-create-uutilsynet": "yarn designsystemet tokens create --theme theme3 -m accent:#0162BA -n #1E2B3C -s brand1:#5B60D1 brand2:#FEA769 brand3:#5DA290 -o ./internal/design-tokens",
     "internal:tokens-create-portal": "yarn designsystemet tokens create --theme theme4 -m accent:#4D107D -n #1E2B3C -s brand1:#A259DC brand2:#DF73E4 brand3:#E86ABF -o ./internal/design-tokens",
     "internal:tokens-create-all": "yarn internal:tokens-create-digdir && yarn internal:tokens-create-altinn && yarn internal:tokens-create-uutilsynet && yarn internal:tokens-create-portal"
   },
   "dependencies": {
-    "@commander-js/extra-typings": "^12.1.0",
-    "@tokens-studio/sd-transforms": "1.2.2",
+    "@commander-js/extra-typings": "^13.0.0",
+    "@tokens-studio/sd-transforms": "1.2.9",
     "apca-w3": "^0.1.9",
-    "chalk": "^5.3.0",
+    "chalk": "^5.4.1",
     "change-case": "^5.4.4",
-    "chroma-js": "^2.6.0",
-    "commander": "^12.1.0",
-    "fast-glob": "^3.3.2",
+    "chroma-js": "^3.1.2",
+    "commander": "^13.1.0",
+    "fast-glob": "^3.3.3",
     "hsluv": "^1.0.1",
-    "jscodeshift": "^0.16.1",
+    "jscodeshift": "^17.1.2",
     "object-hash": "^3.0.0",
-    "postcss": "^8.4.41",
-    "prompts": "^2.4.2",
+    "postcss": "^8.5.1",
     "ramda": "^0.30.1",
-    "rimraf": "^6.0.1",
-    "style-dictionary": "^4.0.1",
-    "zod": "^3.23.8",
+    "style-dictionary": "^4.3.1",
+    "zod": "^3.24.1",
     "zod-validation-error": "^3.4.0"
   },
   "devDependencies": {
     "@types/apca-w3": "^0.1.3",
+    "@types/chroma-js": "^3.1.0",
     "@types/fs-extra": "^11.0.4",
     "@types/glob": "^8.1.0",
-    "@types/jscodeshift": "^0.11.11",
-    "@types/node": "^22.1.0",
+    "@types/jscodeshift": "^0.12.0",
+    "@types/node": "^22.10.7",
     "@types/object-hash": "^3.0.6",
-    "@types/prompts": "^2.4.9",
-    "@types/ramda": "^0.30.1",
-    "fs-extra": "^11.2.0",
-    "tslib": "^2.6.3",
-    "tsup": "^8.2.4",
-    "tsx": "^4.16.5",
-    "typescript": "^5.5.4",
+    "@types/ramda": "^0.30.2",
+    "fs-extra": "^11.3.0",
+    "tslib": "^2.8.1",
+    "tsup": "^8.3.5",
+    "tsx": "^4.19.2",
+    "typescript": "^5.7.3",
     "zod-to-json-schema": "^3.24.1"
   }
 }

package/dist/src/tokens/design-tokens/default/Figma/components.json

@@ -1,22 +0,0 @@
-{
-  "switch": {
-    "circle": {
-      "small": {
-        "$type": "sizing",
-        "$value": "{_size.5} - {switch.border}"
-      },
-      "medium": {
-        "$type": "sizing",
-        "$value": "{_size.6} - {switch.border}"
-      },
-      "large": {
-        "$type": "sizing",
-        "$value": "{_size.7} - {switch.border}"
-      }
-    },
-    "border": {
-      "$type": "sizing",
-      "$value": "4"
-    }
-  }
-}