@digdir/designsystemet 1.1.10 → 1.2.0

package/dist/bin/config.js

@@ -1,10 +1,10 @@
 // bin/config.ts
 import path2 from "path";
-import chalk3 from "chalk";
+import pc3 from "picocolors";
 import * as R8 from "ramda";
 
 // src/config.ts
-import chalk from "chalk";
+import pc from "picocolors";
 import * as R7 from "ramda";
 import { z } from "zod";
 import { fromError } from "zod-validation-error";
@@ -334,12 +334,12 @@ function makeFriendlyError(err) {
         const optionName = mapPathToOptionName(issue.path);
         const errorCode = `(error code: ${issue.code})`;
         const optionMessage = optionName ? ` or CLI option --${optionName}` : "";
-        return `  - Error in JSON value ${chalk.red(issuePath)}${optionMessage}:
-      ${issue.message} ${chalk.dim(errorCode)}`;
+        return `  - Error in JSON value ${pc.red(issuePath)}${optionMessage}:
+      ${issue.message} ${pc.dim(errorCode)}`;
       }).join("\n")
     });
   } catch (_err2) {
-    console.error(chalk.red(err instanceof Error ? err.message : "Unknown error occurred while parsing config file"));
+    console.error(pc.red(err instanceof Error ? err.message : "Unknown error occurred while parsing config file"));
     console.error(err instanceof Error ? err.stack : "No stack trace available");
   }
 }
@@ -347,7 +347,7 @@ function validateConfig(schema, unvalidatedConfig, configPath) {
   try {
     return schema.parse(unvalidatedConfig);
   } catch (err) {
-    console.error(chalk.redBright(`Invalid config file at ${chalk.red(configPath)}`));
+    console.error(pc.redBright(`Invalid config file at ${pc.red(configPath)}`));
     const validationError = makeFriendlyError(err);
     console.error(validationError?.toString());
     process.exit(1);
@@ -360,7 +360,7 @@ function parseConfig(configFile, configPath) {
   try {
     return JSON.parse(configFile);
   } catch (err) {
-    console.error(chalk.redBright(`Failed parsing config file at ${chalk.red(configPath)}`));
+    console.error(pc.redBright(`Failed parsing config file at ${pc.red(configPath)}`));
     const validationError = makeFriendlyError(err);
     console.error(validationError?.toString());
     process.exit(1);
@@ -413,10 +413,10 @@ var configFileCreateSchema = _configFileCreateSchema.extend(commonConfig.shape);
 
 // src/utils.ts
 import fs from "fs/promises";
-import chalk2 from "chalk";
+import pc2 from "picocolors";
 var readFile = async (path3, dry, allowFileNotFound) => {
   if (dry) {
-    console.log(`${chalk2.blue("readFile")} ${path3}`);
+    console.log(`${pc2.blue("readFile")} ${path3}`);
     return Promise.resolve("");
   }
   try {
@@ -450,11 +450,11 @@ async function readConfigFile(configPath, allowFileNotFound = true) {
     if (allowFileNotFound) {
       return "";
     }
-    console.error(chalk3.redBright(`Could not read config file at ${chalk3.blue(resolvedPath)}`));
+    console.error(pc3.redBright(`Could not read config file at ${pc3.blue(resolvedPath)}`));
     throw err;
   }
   if (configFile) {
-    console.log(`Found config file: ${chalk3.green(resolvedPath)}`);
+    console.log(`Found config file: ${pc3.green(resolvedPath)}`);
   }
   return configFile;
 }
@@ -465,7 +465,7 @@ async function parseCreateConfig(configFile, options) {
     (x) => /* @__PURE__ */ new Set([...R8.keys(x.colors.main), ...R8.keys(x.colors.support)])
   );
   if (!R8.all(R8.equals(R8.__, themeColors[0]), themeColors)) {
-    console.error(chalk3.redBright(`In config, all themes must have the same custom color names, but we found:`));
+    console.error(pc3.redBright(`In config, all themes must have the same custom color names, but we found:`));
     const themeNames = R8.keys(configParsed.themes ?? {});
     themeColors.forEach((colors, index) => {
       const colorNames = Array.from(colors);

package/dist/bin/designsystemet.js

@@ -2,7 +2,7 @@
 
 // bin/designsystemet.ts
 import { Argument, createCommand, program } from "@commander-js/extra-typings";
-import chalk11 from "chalk";
+import pc11 from "picocolors";
 import * as R24 from "ramda";
 
 // src/colors/colorMetadata.ts
@@ -358,11 +358,11 @@ var generateColorContrast = (color, type) => {
 };
 
 // src/migrations/codemods/css/plugins.ts
-import chalk from "chalk";
 import hash from "object-hash";
+import pc from "picocolors";
 import * as R3 from "ramda";
-var printDelete = (text) => console.log(`${chalk.red("Deleted:")} ${text}`.replace(/"|'/g, ""));
-var deleteMsg = (decl, from) => `${chalk.yellow(from)} @ ${chalk.gray(`${JSON.stringify(decl.source?.input.file)}:${decl.source?.start?.line}:${decl.source?.start?.column}`)}`;
+var printDelete = (text) => console.log(`${pc.red("Deleted:")} ${text}`.replace(/"|'/g, ""));
+var deleteMsg = (decl, from) => `${pc.yellow(from)} @ ${pc.gray(`${JSON.stringify(decl.source?.input.file)}:${decl.source?.start?.line}:${decl.source?.start?.column}`)}`;
 var cssClassRename = (dictionary) => ({
   postcssPlugin: `Renames CSS classes ${hash(dictionary)}`,
   Rule(rule) {
@@ -407,10 +407,10 @@ import postcss from "postcss";
 
 // src/utils.ts
 import fs from "fs/promises";
-import chalk2 from "chalk";
+import pc2 from "picocolors";
 var mkdir = async (dir, dry) => {
   if (dry) {
-    console.log(`${chalk2.blue("mkdir")} ${dir}`);
+    console.log(`${pc2.blue("mkdir")} ${dir}`);
     return Promise.resolve();
   }
   const exists = await fs.access(dir, fs.constants.F_OK).then(() => true).catch(() => false);
@@ -421,27 +421,27 @@ var mkdir = async (dir, dry) => {
 };
 var writeFile = async (path5, data, dry) => {
   if (dry) {
-    console.log(`${chalk2.blue("writeFile")} ${path5}`);
+    console.log(`${pc2.blue("writeFile")} ${path5}`);
     return Promise.resolve();
   }
   return fs.writeFile(path5, data, { encoding: "utf-8" }).catch((error) => {
-    console.error(chalk2.red(`Error writing file: ${path5}`));
-    console.error(chalk2.red(error));
+    console.error(pc2.red(`Error writing file: ${path5}`));
+    console.error(pc2.red(error));
     throw error;
   });
 };
 var cleanDir = async (dir, dry) => {
   if (dry) {
-    console.log(`${chalk2.blue("cleanDir")} ${dir}`);
+    console.log(`${pc2.blue("cleanDir")} ${dir}`);
     return Promise.resolve();
   }
   console.log(`
-\u{1F525} Cleaning dir ${chalk2.red(`${dir.trim()}`)} `);
+\u{1F525} Cleaning dir ${pc2.red(`${dir.trim()}`)} `);
   return fs.rm(dir, { recursive: true, force: true });
 };
 var readFile = async (path5, dry, allowFileNotFound) => {
   if (dry) {
-    console.log(`${chalk2.blue("readFile")} ${path5}`);
+    console.log(`${pc2.blue("readFile")} ${path5}`);
     return Promise.resolve("");
   }
   try {
@@ -861,16 +861,16 @@ var migrations_default = {
 
 // src/tokens/build.ts
 import path from "path";
-import chalk7 from "chalk";
+import pc7 from "picocolors";
 import * as R16 from "ramda";
 
 // src/tokens/process/output/declarations.ts
-import chalk5 from "chalk";
+import pc5 from "picocolors";
 
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.1.10",
+  version: "1.2.0",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -934,7 +934,6 @@ var package_default = {
     "@commander-js/extra-typings": "^14.0.0",
     "@tokens-studio/sd-transforms": "1.3.0",
     "apca-w3": "^0.1.9",
-    chalk: "^5.4.1",
     "change-case": "^5.4.4",
     "chroma-js": "^3.1.2",
     "colorjs.io": "^0.6.0-alpha.1",
@@ -942,10 +941,11 @@ var package_default = {
     "fast-glob": "^3.3.3",
     hsluv: "^1.0.1",
     "object-hash": "^3.0.0",
+    picocolors: "^1.1.1",
     postcss: "^8.5.6",
     ramda: "^0.31.3",
     "style-dictionary": "^5.0.1",
-    zod: "^4.0.15",
+    zod: "^4.0.17",
     "zod-validation-error": "^4.0.1"
   },
   devDependencies: {
@@ -953,10 +953,10 @@ var package_default = {
     "@types/apca-w3": "^0.1.3",
     "@types/chroma-js": "^3.1.1",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.17.0",
+    "@types/node": "^22.17.1",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.0",
-    "fs-extra": "^11.3.0",
+    "fs-extra": "^11.3.1",
     tslib: "^2.8.1",
     tsup: "^8.5.0",
     tsx: "^4.20.3",
@@ -965,7 +965,7 @@ var package_default = {
 };
 
 // src/tokens/process/platform.ts
-import chalk4 from "chalk";
+import pc4 from "picocolors";
 import * as R14 from "ramda";
 import StyleDictionary2 from "style-dictionary";
 
@@ -1669,8 +1669,8 @@ var TypographyValues;
 })(TypographyValues || (TypographyValues = {}));
 
 // src/tokens/process/utils/getMultidimensionalThemes.ts
-import chalk3 from "chalk";
 import { kebabCase } from "change-case";
+import pc3 from "picocolors";
 import * as R12 from "ramda";
 var getMultidimensionalThemes = (processed$themes, dimensions) => {
   const verboseLogging = buildOptions?.verbose;
@@ -1680,8 +1680,8 @@ var getMultidimensionalThemes = (processed$themes, dimensions) => {
   const keys3 = R12.keys(grouped$themes);
   const nonDependentKeys = keys3.filter((x) => ![...ALL_DEPENDENT_ON, ...dimensions].includes(x));
   if (verboseLogging) {
-    console.log(chalk3.cyan(`\u{1F50E} Finding theme permutations for ${dimensions}`));
-    console.log(chalk3.cyan(`   (ignoring permutations for ${nonDependentKeys})`));
+    console.log(pc3.cyan(`\u{1F50E} Finding theme permutations for ${dimensions}`));
+    console.log(pc3.cyan(`   (ignoring permutations for ${nonDependentKeys})`));
   }
   return permutations.filter((val) => {
     const filters = nonDependentKeys.map((x) => val.permutation[x] === grouped$themes[x][0].name);
@@ -1908,18 +1908,18 @@ async function processPlatform(options) {
   const UNSAFE_DEFAULT_COLOR = process.env.UNSAFE_DEFAULT_COLOR ?? "";
   if (UNSAFE_DEFAULT_COLOR) {
     console.warn(
-      chalk4.yellow(
+      pc4.yellow(
         `
-\u26A0\uFE0F UNSAFE_DEFAULT_COLOR is set to ${chalk4.blue(UNSAFE_DEFAULT_COLOR)}. This will override the default color.`
+\u26A0\uFE0F UNSAFE_DEFAULT_COLOR is set to ${pc4.blue(UNSAFE_DEFAULT_COLOR)}. This will override the default color.`
       )
     );
   }
   const UNSAFE_COLOR_GROUPS = Array.from(process.env.UNSAFE_COLOR_GROUPS?.split(",") ?? []);
   if (UNSAFE_COLOR_GROUPS.length > 0) {
     console.warn(
-      chalk4.yellow(
+      pc4.yellow(
         `
-\u26A0\uFE0F UNSAFE_COLOR_GROUPS is set to ${chalk4.blue(`[${UNSAFE_COLOR_GROUPS.join(", ")}]`)}. This will override the default color groups.`
+\u26A0\uFE0F UNSAFE_COLOR_GROUPS is set to ${pc4.blue(`[${UNSAFE_COLOR_GROUPS.join(", ")}]`)}. This will override the default color groups.`
       )
     );
   }
@@ -1934,7 +1934,7 @@ async function processPlatform(options) {
   }
   if (buildOptions.defaultColor) {
     console.log(`
-\u{1F3A8} Using ${chalk4.blue(buildOptions.defaultColor)} as default color`);
+\u{1F3A8} Using ${pc4.blue(buildOptions.defaultColor)} as default color`);
   }
   const buildAndSdConfigs = R14.map((buildConfig) => {
     const sdConfigs = getConfigsForThemeDimensions(
@@ -1978,7 +1978,7 @@ async function processPlatform(options) {
       }
       if (sdConfigs.length > 0) {
         console.log(`
-\u{1F371} Building ${chalk4.green(buildConfig.name ?? buildName)}`);
+\u{1F371} Building ${pc4.green(buildConfig.name ?? buildName)}`);
         const results = await Promise.all(
           sdConfigs.map(async (sdConfig) => {
             const { config, permutation } = sdConfig;
@@ -2030,7 +2030,7 @@ ${typeDeclaration}`,
 };
 function createColorTypeDeclaration(colors2) {
   console.log(`
-\u{1F371} Building ${chalk5.green("type declarations")}`);
+\u{1F371} Building ${pc5.green("type declarations")}`);
   const typeDeclaration = `
 /* ${defaultFileHeader} */
 import type {} from '@digdir/designsystemet/types';
@@ -2109,7 +2109,7 @@ ${dynamicColors}`;
 };
 
 // src/tokens/process/output/theme.ts
-import chalk6 from "chalk";
+import pc6 from "picocolors";
 import * as R15 from "ramda";
 var defaultFileHeader2 = `build: v${package_default.version}`;
 var createThemeCSSFiles = ({
@@ -2146,10 +2146,10 @@ var createThemeCSSFiles = ({
     });
     if (sortIndex === -1) {
       console.error(
-        chalk6.yellow("WARNING: CSS section does not have a defined sort order:", filePath.replace(".css", ""))
+        pc6.yellow(`WARNING: CSS section does not have a defined sort order: ${filePath.replace(".css", "")}`)
       );
       console.log(
-        chalk6.dim(
+        pc6.dim(
           `
 The section will currently be added to the end of the entry file, but the exact
 order may change due to nondeterminism.`.trim()
@@ -2205,7 +2205,7 @@ var buildTokens = async (options) => {
   } catch (_error) {
   }
   console.log(`
-\u{1F3D7}\uFE0F Start building tokens in ${chalk7.green(tokensDir)}`);
+\u{1F3D7}\uFE0F Start building tokens in ${pc7.green(tokensDir)}`);
   const processedBuilds = await processPlatform({
     ...options,
     outDir,
@@ -2228,7 +2228,7 @@ design-tokens: v${$designsystemet.version}` : ""
     files = files.concat(tailwindFiles.filter(Boolean));
   }
   console.log(`
-\u{1F4BE} Writing build to ${chalk7.green(outDir)}`);
+\u{1F4BE} Writing build to ${pc7.green(outDir)}`);
   await write(files, outDir, options.dry);
   console.log(`
 \u2705 Finished building tokens!`);
@@ -2237,7 +2237,7 @@ design-tokens: v${$designsystemet.version}` : ""
 
 // src/tokens/create/write.ts
 import path2 from "path";
-import chalk8 from "chalk";
+import pc8 from "picocolors";
 import * as R17 from "ramda";
 
 // src/tokens/create/generators/$designsystemet.ts
@@ -2474,7 +2474,7 @@ var writeTokens = async (options) => {
   );
   const themes = concatThemeNames(themeObjects);
   console.log(`
-Themes: ${chalk8.blue(themes.join(", "))}`);
+Themes: ${pc8.blue(themes.join(", "))}`);
   const $themes = await generate$Themes(["dark", "light"], themes, colors2);
   const $metadata = generate$Metadata(["dark", "light"], themes, colors2);
   const $designsystemet = generate$Designsystemet();
@@ -2487,9 +2487,7 @@ Themes: ${chalk8.blue(themes.join(", "))}`);
     const filePath = path2.join(targetDir, `${set4}.json`);
     await writeFile(filePath, stringify(tokens), dry);
   }
-  console.log(
-    `Finished creating Designsystem design tokens in ${chalk8.green(outDir)} for theme ${chalk8.blue(themeName)}`
-  );
+  console.log(`Finished creating Designsystem design tokens in ${pc8.green(outDir)} for theme ${pc8.blue(themeName)}`);
 };
 
 // src/tokens/create/defaults.ts
@@ -4251,11 +4249,11 @@ var createTokens = async (opts) => {
 
 // bin/config.ts
 import path4 from "path";
-import chalk10 from "chalk";
+import pc10 from "picocolors";
 import * as R23 from "ramda";
 
 // src/config.ts
-import chalk9 from "chalk";
+import pc9 from "picocolors";
 import * as R22 from "ramda";
 import { z } from "zod";
 import { fromError } from "zod-validation-error";
@@ -4275,12 +4273,12 @@ function makeFriendlyError(err) {
         const optionName = mapPathToOptionName(issue.path);
         const errorCode = `(error code: ${issue.code})`;
         const optionMessage = optionName ? ` or CLI option --${optionName}` : "";
-        return `  - Error in JSON value ${chalk9.red(issuePath)}${optionMessage}:
-      ${issue.message} ${chalk9.dim(errorCode)}`;
+        return `  - Error in JSON value ${pc9.red(issuePath)}${optionMessage}:
+      ${issue.message} ${pc9.dim(errorCode)}`;
       }).join("\n")
     });
   } catch (_err2) {
-    console.error(chalk9.red(err instanceof Error ? err.message : "Unknown error occurred while parsing config file"));
+    console.error(pc9.red(err instanceof Error ? err.message : "Unknown error occurred while parsing config file"));
     console.error(err instanceof Error ? err.stack : "No stack trace available");
   }
 }
@@ -4288,7 +4286,7 @@ function validateConfig(schema, unvalidatedConfig, configPath) {
   try {
     return schema.parse(unvalidatedConfig);
   } catch (err) {
-    console.error(chalk9.redBright(`Invalid config file at ${chalk9.red(configPath)}`));
+    console.error(pc9.redBright(`Invalid config file at ${pc9.red(configPath)}`));
     const validationError = makeFriendlyError(err);
     console.error(validationError?.toString());
     process.exit(1);
@@ -4301,7 +4299,7 @@ function parseConfig(configFile, configPath) {
   try {
     return JSON.parse(configFile);
   } catch (err) {
-    console.error(chalk9.redBright(`Failed parsing config file at ${chalk9.red(configPath)}`));
+    console.error(pc9.redBright(`Failed parsing config file at ${pc9.red(configPath)}`));
     const validationError = makeFriendlyError(err);
     console.error(validationError?.toString());
     process.exit(1);
@@ -4373,11 +4371,11 @@ async function readConfigFile(configPath, allowFileNotFound = true) {
     if (allowFileNotFound) {
       return "";
     }
-    console.error(chalk10.redBright(`Could not read config file at ${chalk10.blue(resolvedPath)}`));
+    console.error(pc10.redBright(`Could not read config file at ${pc10.blue(resolvedPath)}`));
     throw err;
   }
   if (configFile) {
-    console.log(`Found config file: ${chalk10.green(resolvedPath)}`);
+    console.log(`Found config file: ${pc10.green(resolvedPath)}`);
   }
   return configFile;
 }
@@ -4388,7 +4386,7 @@ async function parseCreateConfig(configFile, options) {
     (x) => /* @__PURE__ */ new Set([...R23.keys(x.colors.main), ...R23.keys(x.colors.support)])
   );
   if (!R23.all(R23.equals(R23.__, themeColors[0]), themeColors)) {
-    console.error(chalk10.redBright(`In config, all themes must have the same custom color names, but we found:`));
+    console.error(pc10.redBright(`In config, all themes must have the same custom color names, but we found:`));
     const themeNames = R23.keys(configParsed.themes ?? {});
     themeColors.forEach((colors2, index) => {
       const colorNames = Array.from(colors2);
@@ -4442,11 +4440,11 @@ var DEFAULT_THEME_NAME = "theme";
 var DEFAULT_CONFIG_FILE = "designsystemet.config.json";
 function makeTokenCommands() {
   const tokenCmd = createCommand("tokens");
-  tokenCmd.command("build").description("Build Designsystemet tokens").option("-t, --tokens <string>", `Path to ${chalk11.blue("design-tokens")}`, DEFAULT_TOKENS_CREATE_DIR).option(
+  tokenCmd.command("build").description("Build Designsystemet tokens").option("-t, --tokens <string>", `Path to ${pc11.blue("design-tokens")}`, DEFAULT_TOKENS_CREATE_DIR).option(
     "-o, --out-dir <string>",
-    `Output directory for built ${chalk11.blue("design-tokens")}`,
+    `Output directory for built ${pc11.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 ${chalk11.blue("design-tokens")}`, parseBoolean, false).option("--verbose", "Enable verbose output", false).option("--config <string>", `Path to config file (default: "${DEFAULT_CONFIG_FILE}")`).option("--experimental-tailwind", "Generate Tailwind CSS classes for tokens", false).action(async (opts) => {
+  ).option(`--${cliOptions.clean} [boolean]`, "Clean output directory before building tokens", parseBoolean, false).option("--dry [boolean]", `Dry run for built ${pc11.blue("design-tokens")}`, parseBoolean, false).option("--verbose", "Enable verbose output", false).option("--config <string>", `Path to config file (default: "${DEFAULT_CONFIG_FILE}")`).option("--experimental-tailwind", "Generate Tailwind CSS classes for tokens", false).action(async (opts) => {
     const { verbose, clean, dry, experimentalTailwind } = opts;
     const tokensDir = typeof opts.tokens === "string" ? opts.tokens : DEFAULT_TOKENS_CREATE_DIR;
     const outDir = typeof opts.outDir === "string" ? opts.outDir : "./dist/tokens";
@@ -4463,9 +4461,9 @@ function makeTokenCommands() {
   });
   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 ${chalk11.blue("design-tokens")}`,
+    `Output directory for created ${pc11.blue("design-tokens")}`,
     DEFAULT_TOKENS_CREATE_DIR
-  ).option(`--${cliOptions.clean} [boolean]`, "Clean output directory before creating tokens", parseBoolean, false).option("--dry [boolean]", `Dry run for created ${chalk11.blue("design-tokens")}`, parseBoolean, false).option(`-f, --${cliOptions.theme.typography.fontFamily} <string>`, `Font family (experimental)`, DEFAULT_FONT).option(
+  ).option(`--${cliOptions.clean} [boolean]`, "Clean output directory before creating tokens", parseBoolean, false).option("--dry [boolean]", `Dry run for created ${pc11.blue("design-tokens")}`, parseBoolean, false).option(`-f, --${cliOptions.theme.typography.fontFamily} <string>`, `Font family (experimental)`, DEFAULT_FONT).option(
     `-b, --${cliOptions.theme.borderRadius} <number>`,
     `Unitless base border-radius in px`,
     (radiusAsString) => Number(radiusAsString),
@@ -4506,8 +4504,8 @@ program.command("migrate").description("run a Designsystemet migration").addArgu
       console.error("Migration not found!");
       throw "Aborting";
     }
-    console.log(`Applying migration ${chalk11.blue(migrationKey)} with glob: ${chalk11.green(glob2)}`);
-    migration?.(glob2).then(() => console.log(`Migration ${chalk11.blue(migrationKey)} finished`)).catch((error) => console.log(error));
+    console.log(`Applying migration ${pc11.blue(migrationKey)} with glob: ${pc11.green(glob2)}`);
+    migration?.(glob2).then(() => console.log(`Migration ${pc11.blue(migrationKey)} finished`)).catch((error) => console.log(error));
   } else {
     console.log("Migrate: please specify a migration name or --list");
   }

package/dist/src/config.js

@@ -1,5 +1,5 @@
 // src/config.ts
-import chalk from "chalk";
+import pc from "picocolors";
 import * as R7 from "ramda";
 import { z } from "zod";
 import { fromError } from "zod-validation-error";
@@ -329,12 +329,12 @@ function makeFriendlyError(err) {
         const optionName = mapPathToOptionName(issue.path);
         const errorCode = `(error code: ${issue.code})`;
         const optionMessage = optionName ? ` or CLI option --${optionName}` : "";
-        return `  - Error in JSON value ${chalk.red(issuePath)}${optionMessage}:
-      ${issue.message} ${chalk.dim(errorCode)}`;
+        return `  - Error in JSON value ${pc.red(issuePath)}${optionMessage}:
+      ${issue.message} ${pc.dim(errorCode)}`;
       }).join("\n")
     });
   } catch (_err2) {
-    console.error(chalk.red(err instanceof Error ? err.message : "Unknown error occurred while parsing config file"));
+    console.error(pc.red(err instanceof Error ? err.message : "Unknown error occurred while parsing config file"));
     console.error(err instanceof Error ? err.stack : "No stack trace available");
   }
 }
@@ -342,7 +342,7 @@ function validateConfig(schema, unvalidatedConfig, configPath) {
   try {
     return schema.parse(unvalidatedConfig);
   } catch (err) {
-    console.error(chalk.redBright(`Invalid config file at ${chalk.red(configPath)}`));
+    console.error(pc.redBright(`Invalid config file at ${pc.red(configPath)}`));
     const validationError = makeFriendlyError(err);
     console.error(validationError?.toString());
     process.exit(1);
@@ -355,7 +355,7 @@ function parseConfig(configFile, configPath) {
   try {
     return JSON.parse(configFile);
   } catch (err) {
-    console.error(chalk.redBright(`Failed parsing config file at ${chalk.red(configPath)}`));
+    console.error(pc.redBright(`Failed parsing config file at ${pc.red(configPath)}`));
     const validationError = makeFriendlyError(err);
     console.error(validationError?.toString());
     process.exit(1);

package/dist/src/index.js

@@ -2566,13 +2566,13 @@ function generateTypographyGroup(themes) {
 }
 
 // src/tokens/process/output/theme.ts
-import chalk from "chalk";
+import pc from "picocolors";
 import * as R7 from "ramda";
 
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.1.10",
+  version: "1.2.0",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -2636,7 +2636,6 @@ var package_default = {
     "@commander-js/extra-typings": "^14.0.0",
     "@tokens-studio/sd-transforms": "1.3.0",
     "apca-w3": "^0.1.9",
-    chalk: "^5.4.1",
     "change-case": "^5.4.4",
     "chroma-js": "^3.1.2",
     "colorjs.io": "^0.6.0-alpha.1",
@@ -2644,10 +2643,11 @@ var package_default = {
     "fast-glob": "^3.3.3",
     hsluv: "^1.0.1",
     "object-hash": "^3.0.0",
+    picocolors: "^1.1.1",
     postcss: "^8.5.6",
     ramda: "^0.31.3",
     "style-dictionary": "^5.0.1",
-    zod: "^4.0.15",
+    zod: "^4.0.17",
     "zod-validation-error": "^4.0.1"
   },
   devDependencies: {
@@ -2655,10 +2655,10 @@ var package_default = {
     "@types/apca-w3": "^0.1.3",
     "@types/chroma-js": "^3.1.1",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.17.0",
+    "@types/node": "^22.17.1",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.0",
-    "fs-extra": "^11.3.0",
+    "fs-extra": "^11.3.1",
     tslib: "^2.8.1",
     tsup: "^8.5.0",
     tsx: "^4.20.3",
@@ -2702,10 +2702,10 @@ var createThemeCSSFiles = ({
     });
     if (sortIndex === -1) {
       console.error(
-        chalk.yellow("WARNING: CSS section does not have a defined sort order:", filePath.replace(".css", ""))
+        pc.yellow(`WARNING: CSS section does not have a defined sort order: ${filePath.replace(".css", "")}`)
       );
       console.log(
-        chalk.dim(
+        pc.dim(
           `
 The section will currently be added to the end of the entry file, but the exact
 order may change due to nondeterminism.`.trim()
@@ -2738,7 +2738,7 @@ ${fileHeader}
 };
 
 // src/tokens/process/platform.ts
-import chalk3 from "chalk";
+import pc3 from "picocolors";
 import * as R17 from "ramda";
 import StyleDictionary2 from "style-dictionary";
 
@@ -3279,8 +3279,8 @@ var typographyVariables = ({ theme, typography: typography2 }) => {
 };
 
 // src/tokens/process/utils/getMultidimensionalThemes.ts
-import chalk2 from "chalk";
 import { kebabCase } from "change-case";
+import pc2 from "picocolors";
 import * as R15 from "ramda";
 var getMultidimensionalThemes = (processed$themes, dimensions) => {
   const verboseLogging = buildOptions?.verbose;
@@ -3290,8 +3290,8 @@ var getMultidimensionalThemes = (processed$themes, dimensions) => {
   const keys2 = R15.keys(grouped$themes);
   const nonDependentKeys = keys2.filter((x) => ![...ALL_DEPENDENT_ON, ...dimensions].includes(x));
   if (verboseLogging) {
-    console.log(chalk2.cyan(`\u{1F50E} Finding theme permutations for ${dimensions}`));
-    console.log(chalk2.cyan(`   (ignoring permutations for ${nonDependentKeys})`));
+    console.log(pc2.cyan(`\u{1F50E} Finding theme permutations for ${dimensions}`));
+    console.log(pc2.cyan(`   (ignoring permutations for ${nonDependentKeys})`));
   }
   return permutations.filter((val) => {
     const filters = nonDependentKeys.map((x) => val.permutation[x] === grouped$themes[x][0].name);
@@ -3518,18 +3518,18 @@ async function processPlatform(options) {
   const UNSAFE_DEFAULT_COLOR = process.env.UNSAFE_DEFAULT_COLOR ?? "";
   if (UNSAFE_DEFAULT_COLOR) {
     console.warn(
-      chalk3.yellow(
+      pc3.yellow(
         `
-\u26A0\uFE0F UNSAFE_DEFAULT_COLOR is set to ${chalk3.blue(UNSAFE_DEFAULT_COLOR)}. This will override the default color.`
+\u26A0\uFE0F UNSAFE_DEFAULT_COLOR is set to ${pc3.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(
-      chalk3.yellow(
+      pc3.yellow(
         `
-\u26A0\uFE0F UNSAFE_COLOR_GROUPS is set to ${chalk3.blue(`[${UNSAFE_COLOR_GROUPS.join(", ")}]`)}. This will override the default color groups.`
+\u26A0\uFE0F UNSAFE_COLOR_GROUPS is set to ${pc3.blue(`[${UNSAFE_COLOR_GROUPS.join(", ")}]`)}. This will override the default color groups.`
       )
     );
   }
@@ -3544,7 +3544,7 @@ async function processPlatform(options) {
   }
   if (buildOptions.defaultColor) {
     console.log(`
-\u{1F3A8} Using ${chalk3.blue(buildOptions.defaultColor)} as default color`);
+\u{1F3A8} Using ${pc3.blue(buildOptions.defaultColor)} as default color`);
   }
   const buildAndSdConfigs = R17.map((buildConfig) => {
     const sdConfigs = getConfigsForThemeDimensions(
@@ -3588,7 +3588,7 @@ async function processPlatform(options) {
       }
       if (sdConfigs.length > 0) {
         console.log(`
-\u{1F371} Building ${chalk3.green(buildConfig.name ?? buildName)}`);
+\u{1F371} Building ${pc3.green(buildConfig.name ?? buildName)}`);
         const results = await Promise.all(
           sdConfigs.map(async (sdConfig) => {
             const { config, permutation } = sdConfig;

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

@@ -1,9 +1,9 @@
 // src/migrations/codemods/css/plugins.ts
-import chalk from "chalk";
 import hash from "object-hash";
+import pc from "picocolors";
 import * as R from "ramda";
-var printDelete = (text) => console.log(`${chalk.red("Deleted:")} ${text}`.replace(/"|'/g, ""));
-var deleteMsg = (decl, from) => `${chalk.yellow(from)} @ ${chalk.gray(`${JSON.stringify(decl.source?.input.file)}:${decl.source?.start?.line}:${decl.source?.start?.column}`)}`;
+var printDelete = (text) => console.log(`${pc.red("Deleted:")} ${text}`.replace(/"|'/g, ""));
+var deleteMsg = (decl, from) => `${pc.yellow(from)} @ ${pc.gray(`${JSON.stringify(decl.source?.input.file)}:${decl.source?.start?.line}:${decl.source?.start?.column}`)}`;
 var cssClassRename = (dictionary) => ({
   postcssPlugin: `Renames CSS classes ${hash(dictionary)}`,
   Rule(rule) {
@@ -48,10 +48,10 @@ import postcss from "postcss";
 
 // src/utils.ts
 import fs from "fs/promises";
-import chalk2 from "chalk";
+import pc2 from "picocolors";
 var readFile = async (path, dry, allowFileNotFound) => {
   if (dry) {
-    console.log(`${chalk2.blue("readFile")} ${path}`);
+    console.log(`${pc2.blue("readFile")} ${path}`);
     return Promise.resolve("");
   }
   try {