@digdir/designsystemet 1.1.9 → 1.2.0

package/dist/src/index.js

@@ -2566,17 +2566,17 @@ 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.9",
+  version: "1.2.0",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
-    node: ">=22.17.0"
+    node: ">=22.18.0"
   },
   repository: {
     type: "git",
@@ -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,25 +2643,26 @@ 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: "^3.25.76",
-    "zod-validation-error": "^3.5.3"
+    zod: "^4.0.17",
+    "zod-validation-error": "^4.0.1"
   },
   devDependencies: {
     "@tokens-studio/types": "0.5.2",
     "@types/apca-w3": "^0.1.3",
     "@types/chroma-js": "^3.1.1",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.16.3",
+    "@types/node": "^22.17.1",
     "@types/object-hash": "^3.0.6",
-    "@types/ramda": "^0.30.2",
-    "fs-extra": "^11.3.0",
+    "@types/ramda": "^0.31.0",
+    "fs-extra": "^11.3.1",
     tslib: "^2.8.1",
     tsup: "^8.5.0",
     tsx: "^4.20.3",
-    typescript: "^5.8.3"
+    typescript: "^5.9.2"
   }
 };
 
@@ -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 {

package/dist/src/migrations/codemods/css/plugins.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) {

package/dist/src/migrations/codemods/css/run.js

@@ -5,10 +5,10 @@ import postcss from "postcss";
 
 // src/utils.ts
 import fs from "fs/promises";
-import chalk from "chalk";
+import pc from "picocolors";
 var readFile = async (path, dry, allowFileNotFound) => {
   if (dry) {
-    console.log(`${chalk.blue("readFile")} ${path}`);
+    console.log(`${pc.blue("readFile")} ${path}`);
     return Promise.resolve("");
   }
   try {

package/dist/src/migrations/color-rename-next49.js

@@ -2,11 +2,11 @@
 import * as R2 from "ramda";
 
 // 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 cssVarRename = (dictionary) => ({
   postcssPlugin: `Replaces CSS variables ${hash(dictionary)}`,
   Declaration(decl) {
@@ -39,10 +39,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 {

package/dist/src/migrations/index.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 {

package/dist/src/scripts/createJsonSchema.js

@@ -1,13 +1,13 @@
 // src/scripts/createJsonSchema.ts
 import { writeFile } from "fs/promises";
 import { resolve } from "path";
-import { z as z2 } from "zod/v4";
+import { z as z2 } from "zod";
 
 // src/config.ts
-import chalk from "chalk";
+import pc from "picocolors";
 import * as R7 from "ramda";
-import { z } from "zod/v4";
-import { fromError } from "zod-validation-error/v4";
+import { z } from "zod";
+import { fromError } from "zod-validation-error";
 
 // src/colors/colorMetadata.ts
 import * as R from "ramda";

package/dist/src/scripts/update-design-tokens.js

@@ -3,10 +3,10 @@ import path from "path";
 
 // src/utils.ts
 import fs from "fs/promises";
-import chalk from "chalk";
+import pc from "picocolors";
 var cp = async (src, dest, dry, filter) => {
   if (dry) {
-    console.log(`${chalk.blue("cp")} ${src} ${dest}`);
+    console.log(`${pc.blue("cp")} ${src} ${dest}`);
     return Promise.resolve();
   }
   return fs.cp(src, dest, { recursive: true, filter });

package/dist/src/scripts/update-preview-tokens.js

@@ -1,6 +1,6 @@
 // src/scripts/update-preview-tokens.ts
 import path from "path";
-import chalk4 from "chalk";
+import pc4 from "picocolors";
 
 // ../theme/configs/designsystemet.config.json
 var designsystemet_config_default = {
@@ -2434,7 +2434,7 @@ var createTokens = async (opts) => {
 };
 
 // src/tokens/process/platform.ts
-import chalk2 from "chalk";
+import pc2 from "picocolors";
 import * as R16 from "ramda";
 import StyleDictionary2 from "style-dictionary";
 
@@ -2975,8 +2975,8 @@ var typographyVariables = ({ theme, typography: typography2 }) => {
 };
 
 // src/tokens/process/utils/getMultidimensionalThemes.ts
-import chalk from "chalk";
 import { kebabCase } from "change-case";
+import pc from "picocolors";
 import * as R14 from "ramda";
 var getMultidimensionalThemes = (processed$themes, dimensions) => {
   const verboseLogging = buildOptions?.verbose;
@@ -2986,8 +2986,8 @@ var getMultidimensionalThemes = (processed$themes, dimensions) => {
   const keys2 = R14.keys(grouped$themes);
   const nonDependentKeys = keys2.filter((x) => ![...ALL_DEPENDENT_ON, ...dimensions].includes(x));
   if (verboseLogging) {
-    console.log(chalk.cyan(`\u{1F50E} Finding theme permutations for ${dimensions}`));
-    console.log(chalk.cyan(`   (ignoring permutations for ${nonDependentKeys})`));
+    console.log(pc.cyan(`\u{1F50E} Finding theme permutations for ${dimensions}`));
+    console.log(pc.cyan(`   (ignoring permutations for ${nonDependentKeys})`));
   }
   return permutations.filter((val) => {
     const filters = nonDependentKeys.map((x) => val.permutation[x] === grouped$themes[x][0].name);
@@ -3214,18 +3214,18 @@ async function processPlatform(options) {
   const UNSAFE_DEFAULT_COLOR = process.env.UNSAFE_DEFAULT_COLOR ?? "";
   if (UNSAFE_DEFAULT_COLOR) {
     console.warn(
-      chalk2.yellow(
+      pc2.yellow(
         `
-\u26A0\uFE0F UNSAFE_DEFAULT_COLOR is set to ${chalk2.blue(UNSAFE_DEFAULT_COLOR)}. This will override the default color.`
+\u26A0\uFE0F UNSAFE_DEFAULT_COLOR is set to ${pc2.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(
+      pc2.yellow(
         `
-\u26A0\uFE0F UNSAFE_COLOR_GROUPS is set to ${chalk2.blue(`[${UNSAFE_COLOR_GROUPS.join(", ")}]`)}. This will override the default color groups.`
+\u26A0\uFE0F UNSAFE_COLOR_GROUPS is set to ${pc2.blue(`[${UNSAFE_COLOR_GROUPS.join(", ")}]`)}. This will override the default color groups.`
       )
     );
   }
@@ -3240,7 +3240,7 @@ async function processPlatform(options) {
   }
   if (buildOptions.defaultColor) {
     console.log(`
-\u{1F3A8} Using ${chalk2.blue(buildOptions.defaultColor)} as default color`);
+\u{1F3A8} Using ${pc2.blue(buildOptions.defaultColor)} as default color`);
   }
   const buildAndSdConfigs = R16.map((buildConfig) => {
     const sdConfigs = getConfigsForThemeDimensions(
@@ -3284,7 +3284,7 @@ async function processPlatform(options) {
       }
       if (sdConfigs.length > 0) {
         console.log(`
-\u{1F371} Building ${chalk2.green(buildConfig.name ?? buildName)}`);
+\u{1F371} Building ${pc2.green(buildConfig.name ?? buildName)}`);
         const results = await Promise.all(
           sdConfigs.map(async (sdConfig) => {
             const { config, permutation } = sdConfig;
@@ -3318,10 +3318,10 @@ async function processPlatform(options) {
 
 // src/utils.ts
 import fs from "fs/promises";
-import chalk3 from "chalk";
+import pc3 from "picocolors";
 var mkdir = async (dir, dry) => {
   if (dry) {
-    console.log(`${chalk3.blue("mkdir")} ${dir}`);
+    console.log(`${pc3.blue("mkdir")} ${dir}`);
     return Promise.resolve();
   }
   const exists = await fs.access(dir, fs.constants.F_OK).then(() => true).catch(() => false);
@@ -3332,22 +3332,22 @@ var mkdir = async (dir, dry) => {
 };
 var writeFile = async (path2, data, dry) => {
   if (dry) {
-    console.log(`${chalk3.blue("writeFile")} ${path2}`);
+    console.log(`${pc3.blue("writeFile")} ${path2}`);
     return Promise.resolve();
   }
   return fs.writeFile(path2, data, { encoding: "utf-8" }).catch((error) => {
-    console.error(chalk3.red(`Error writing file: ${path2}`));
-    console.error(chalk3.red(error));
+    console.error(pc3.red(`Error writing file: ${path2}`));
+    console.error(pc3.red(error));
     throw error;
   });
 };
 var cleanDir = async (dir, dry) => {
   if (dry) {
-    console.log(`${chalk3.blue("cleanDir")} ${dir}`);
+    console.log(`${pc3.blue("cleanDir")} ${dir}`);
     return Promise.resolve();
   }
   console.log(`
-\u{1F525} Cleaning dir ${chalk3.red(`${dir.trim()}`)} `);
+\u{1F525} Cleaning dir ${pc3.red(`${dir.trim()}`)} `);
   return fs.rm(dir, { recursive: true, force: true });
 };
 
@@ -3357,7 +3357,7 @@ async function write(files, outDir, dry) {
     if (destination) {
       const filePath = path.join(outDir, destination);
       const fileDir = path.dirname(filePath);
-      console.log(`Writing file: ${chalk4.green(filePath)}`);
+      console.log(`Writing file: ${pc4.green(filePath)}`);
       await mkdir(fileDir, dry);
       await writeFile(filePath, output, dry);
     }
@@ -3388,14 +3388,14 @@ var formatTheme = async (themeConfig) => {
   await cleanDir(outDir, false);
   console.log(
     buildOptions?.buildTokenFormats ? `
-\u{1F3D7}\uFE0F Start building preview tokens for ${chalk4.blue("Designsystemet")}
+\u{1F3D7}\uFE0F Start building preview tokens for ${pc4.blue("Designsystemet")}
 ` : "\n\u{1F6AB} No token formats to build."
   );
   const tokensGroupedByType = {};
   if (buildOptions?.buildTokenFormats) {
     for (const [destination, tokenFormats] of Object.entries(buildOptions.buildTokenFormats)) {
       if (destination === "typography/secondary.css") continue;
-      console.log(`Processing preview tokens for ${chalk4.green(destination)}`);
+      console.log(`Processing preview tokens for ${pc4.green(destination)}`);
       const splits = destination.replace(".css", "").split("/");
       const [type, name] = splits;
       tokensGroupedByType[type] = tokensGroupedByType[type] === void 0 ? {} : tokensGroupedByType[type];
@@ -3428,7 +3428,7 @@ var formatTheme = async (themeConfig) => {
       );
     }
     console.log(`
-\u2705 Finished building preview tokens for ${chalk4.blue("Designsystemet")}`);
+\u2705 Finished building preview tokens for ${pc4.blue("Designsystemet")}`);
   }
 };
 formatTheme({

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

@@ -1,6 +1,6 @@
 // src/scripts/update-template.ts
 import path from "path";
-import chalk2 from "chalk";
+import pc2 from "picocolors";
 import * as R from "ramda";
 
 // ../../internal/design-tokens/semantic/color.json
@@ -1083,10 +1083,10 @@ var digdir_default = {
 
 // src/utils.ts
 import fs from "fs/promises";
-import chalk from "chalk";
+import pc from "picocolors";
 var mkdir = async (dir, dry) => {
   if (dry) {
-    console.log(`${chalk.blue("mkdir")} ${dir}`);
+    console.log(`${pc.blue("mkdir")} ${dir}`);
     return Promise.resolve();
   }
   const exists = await fs.access(dir, fs.constants.F_OK).then(() => true).catch(() => false);
@@ -1097,34 +1097,34 @@ var mkdir = async (dir, dry) => {
 };
 var writeFile = async (path2, data, dry) => {
   if (dry) {
-    console.log(`${chalk.blue("writeFile")} ${path2}`);
+    console.log(`${pc.blue("writeFile")} ${path2}`);
     return Promise.resolve();
   }
   return fs.writeFile(path2, data, { encoding: "utf-8" }).catch((error) => {
-    console.error(chalk.red(`Error writing file: ${path2}`));
-    console.error(chalk.red(error));
+    console.error(pc.red(`Error writing file: ${path2}`));
+    console.error(pc.red(error));
     throw error;
   });
 };
 var cp = async (src, dest, dry, filter) => {
   if (dry) {
-    console.log(`${chalk.blue("cp")} ${src} ${dest}`);
+    console.log(`${pc.blue("cp")} ${src} ${dest}`);
     return Promise.resolve();
   }
   return fs.cp(src, dest, { recursive: true, filter });
 };
 var cleanDir = async (dir, dry) => {
   if (dry) {
-    console.log(`${chalk.blue("cleanDir")} ${dir}`);
+    console.log(`${pc.blue("cleanDir")} ${dir}`);
     return Promise.resolve();
   }
   console.log(`
-\u{1F525} Cleaning dir ${chalk.red(`${dir.trim()}`)} `);
+\u{1F525} Cleaning dir ${pc.red(`${dir.trim()}`)} `);
   return fs.rm(dir, { recursive: true, force: true });
 };
 var readFile = async (path2, dry, allowFileNotFound) => {
   if (dry) {
-    console.log(`${chalk.blue("readFile")} ${path2}`);
+    console.log(`${pc.blue("readFile")} ${path2}`);
     return Promise.resolve("");
   }
   try {
@@ -1199,7 +1199,7 @@ var updateTemplates = async () => {
     path.join(TEMPLATE_FILES_PATH, `themes/theme.template.json`),
     JSON.stringify(themeColorTemplate, null, 2).replaceAll("digdir.accent", "<theme>.<color>")
   );
-  console.log(chalk2.green("Templates updated"));
+  console.log(pc2.green("Templates updated"));
 };
 await updateTemplates();
 export {