@digdir/designsystemet 1.1.10 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/bin/config.js +12 -12
  2. package/dist/bin/designsystemet.js +60 -62
  3. package/dist/src/config.js +6 -6
  4. package/dist/src/index.js +21 -21
  5. package/dist/src/migrations/beta-to-v1.js +5 -5
  6. package/dist/src/migrations/codemods/css/plugins.js +3 -3
  7. package/dist/src/migrations/codemods/css/run.js +2 -2
  8. package/dist/src/migrations/color-rename-next49.js +5 -5
  9. package/dist/src/migrations/index.js +5 -5
  10. package/dist/src/scripts/createJsonSchema.js +1 -1
  11. package/dist/src/scripts/update-design-tokens.js +3 -3
  12. package/dist/src/scripts/update-preview-tokens.js +24 -24
  13. package/dist/src/scripts/update-template.js +11 -11
  14. package/dist/src/tokens/build.js +33 -33
  15. package/dist/src/tokens/create/generators/$designsystemet.js +6 -6
  16. package/dist/src/tokens/create/write.d.ts.map +1 -1
  17. package/dist/src/tokens/create/write.js +16 -18
  18. package/dist/src/tokens/format.js +21 -21
  19. package/dist/src/tokens/index.js +21 -21
  20. package/dist/src/tokens/process/configs/color.js +4 -4
  21. package/dist/src/tokens/process/configs/semantic.js +4 -4
  22. package/dist/src/tokens/process/configs/shared.js +2 -2
  23. package/dist/src/tokens/process/configs/typography.js +4 -4
  24. package/dist/src/tokens/process/configs.js +6 -6
  25. package/dist/src/tokens/process/formats/css/color.js +4 -4
  26. package/dist/src/tokens/process/formats/css/semantic.js +4 -4
  27. package/dist/src/tokens/process/formats/css/typography.js +4 -4
  28. package/dist/src/tokens/process/formats/css.js +4 -4
  29. package/dist/src/tokens/process/output/declarations.js +12 -12
  30. package/dist/src/tokens/process/output/theme.js +9 -9
  31. package/dist/src/tokens/process/platform.js +12 -12
  32. package/dist/src/tokens/process/transformers.js +2 -2
  33. package/dist/src/tokens/process/utils/getMultidimensionalThemes.js +6 -6
  34. package/dist/src/utils.js +10 -10
  35. package/package.json +6 -6
@@ -2423,13 +2423,13 @@ function generateTypographyGroup(themes) {
2423
2423
  }
2424
2424
 
2425
2425
  // src/tokens/process/output/theme.ts
2426
- import chalk from "chalk";
2426
+ import pc from "picocolors";
2427
2427
  import * as R7 from "ramda";
2428
2428
 
2429
2429
  // package.json
2430
2430
  var package_default = {
2431
2431
  name: "@digdir/designsystemet",
2432
- version: "1.1.10",
2432
+ version: "1.3.0",
2433
2433
  description: "CLI for Designsystemet",
2434
2434
  author: "Designsystemet team",
2435
2435
  engines: {
@@ -2493,7 +2493,6 @@ var package_default = {
2493
2493
  "@commander-js/extra-typings": "^14.0.0",
2494
2494
  "@tokens-studio/sd-transforms": "1.3.0",
2495
2495
  "apca-w3": "^0.1.9",
2496
- chalk: "^5.4.1",
2497
2496
  "change-case": "^5.4.4",
2498
2497
  "chroma-js": "^3.1.2",
2499
2498
  "colorjs.io": "^0.6.0-alpha.1",
@@ -2501,10 +2500,11 @@ var package_default = {
2501
2500
  "fast-glob": "^3.3.3",
2502
2501
  hsluv: "^1.0.1",
2503
2502
  "object-hash": "^3.0.0",
2503
+ picocolors: "^1.1.1",
2504
2504
  postcss: "^8.5.6",
2505
2505
  ramda: "^0.31.3",
2506
2506
  "style-dictionary": "^5.0.1",
2507
- zod: "^4.0.15",
2507
+ zod: "^4.0.17",
2508
2508
  "zod-validation-error": "^4.0.1"
2509
2509
  },
2510
2510
  devDependencies: {
@@ -2512,13 +2512,13 @@ var package_default = {
2512
2512
  "@types/apca-w3": "^0.1.3",
2513
2513
  "@types/chroma-js": "^3.1.1",
2514
2514
  "@types/fs-extra": "^11.0.4",
2515
- "@types/node": "^22.17.0",
2515
+ "@types/node": "^22.17.2",
2516
2516
  "@types/object-hash": "^3.0.6",
2517
2517
  "@types/ramda": "^0.31.0",
2518
- "fs-extra": "^11.3.0",
2518
+ "fs-extra": "^11.3.1",
2519
2519
  tslib: "^2.8.1",
2520
2520
  tsup: "^8.5.0",
2521
- tsx: "^4.20.3",
2521
+ tsx: "^4.20.4",
2522
2522
  typescript: "^5.9.2"
2523
2523
  }
2524
2524
  };
@@ -2559,10 +2559,10 @@ var createThemeCSSFiles = ({
2559
2559
  });
2560
2560
  if (sortIndex === -1) {
2561
2561
  console.error(
2562
- chalk.yellow("WARNING: CSS section does not have a defined sort order:", filePath.replace(".css", ""))
2562
+ pc.yellow(`WARNING: CSS section does not have a defined sort order: ${filePath.replace(".css", "")}`)
2563
2563
  );
2564
2564
  console.log(
2565
- chalk.dim(
2565
+ pc.dim(
2566
2566
  `
2567
2567
  The section will currently be added to the end of the entry file, but the exact
2568
2568
  order may change due to nondeterminism.`.trim()
@@ -2595,7 +2595,7 @@ ${fileHeader}
2595
2595
  };
2596
2596
 
2597
2597
  // src/tokens/process/platform.ts
2598
- import chalk3 from "chalk";
2598
+ import pc3 from "picocolors";
2599
2599
  import * as R17 from "ramda";
2600
2600
  import StyleDictionary2 from "style-dictionary";
2601
2601
 
@@ -2916,7 +2916,7 @@ var sizeRem = {
2916
2916
  const value = getValue(token);
2917
2917
  if (isPx(value)) {
2918
2918
  const baseFont = config.basePxFontSize || 16;
2919
- const size = parseInt(value);
2919
+ const size = parseInt(value, 10);
2920
2920
  if (size === 0) {
2921
2921
  return "0";
2922
2922
  }
@@ -2951,7 +2951,7 @@ var unitless = {
2951
2951
  type: "value",
2952
2952
  transitive: true,
2953
2953
  filter: (token) => pathStartsWithOneOf(["size", "_size"], token),
2954
- transform: (token) => parseInt(getValue(token))
2954
+ transform: (token) => parseInt(getValue(token), 10)
2955
2955
  };
2956
2956
 
2957
2957
  // src/tokens/process/configs/shared.ts
@@ -3136,8 +3136,8 @@ var typographyVariables = ({ theme, typography: typography2 }) => {
3136
3136
  };
3137
3137
 
3138
3138
  // src/tokens/process/utils/getMultidimensionalThemes.ts
3139
- import chalk2 from "chalk";
3140
3139
  import { kebabCase } from "change-case";
3140
+ import pc2 from "picocolors";
3141
3141
  import * as R15 from "ramda";
3142
3142
  var getMultidimensionalThemes = (processed$themes, dimensions) => {
3143
3143
  const verboseLogging = buildOptions?.verbose;
@@ -3147,8 +3147,8 @@ var getMultidimensionalThemes = (processed$themes, dimensions) => {
3147
3147
  const keys2 = R15.keys(grouped$themes);
3148
3148
  const nonDependentKeys = keys2.filter((x) => ![...ALL_DEPENDENT_ON, ...dimensions].includes(x));
3149
3149
  if (verboseLogging) {
3150
- console.log(chalk2.cyan(`\u{1F50E} Finding theme permutations for ${dimensions}`));
3151
- console.log(chalk2.cyan(` (ignoring permutations for ${nonDependentKeys})`));
3150
+ console.log(pc2.cyan(`\u{1F50E} Finding theme permutations for ${dimensions}`));
3151
+ console.log(pc2.cyan(` (ignoring permutations for ${nonDependentKeys})`));
3152
3152
  }
3153
3153
  return permutations.filter((val) => {
3154
3154
  const filters = nonDependentKeys.map((x) => val.permutation[x] === grouped$themes[x][0].name);
@@ -3375,18 +3375,18 @@ async function processPlatform(options) {
3375
3375
  const UNSAFE_DEFAULT_COLOR = process.env.UNSAFE_DEFAULT_COLOR ?? "";
3376
3376
  if (UNSAFE_DEFAULT_COLOR) {
3377
3377
  console.warn(
3378
- chalk3.yellow(
3378
+ pc3.yellow(
3379
3379
  `
3380
- \u26A0\uFE0F UNSAFE_DEFAULT_COLOR is set to ${chalk3.blue(UNSAFE_DEFAULT_COLOR)}. This will override the default color.`
3380
+ \u26A0\uFE0F UNSAFE_DEFAULT_COLOR is set to ${pc3.blue(UNSAFE_DEFAULT_COLOR)}. This will override the default color.`
3381
3381
  )
3382
3382
  );
3383
3383
  }
3384
3384
  const UNSAFE_COLOR_GROUPS = Array.from(process.env.UNSAFE_COLOR_GROUPS?.split(",") ?? []);
3385
3385
  if (UNSAFE_COLOR_GROUPS.length > 0) {
3386
3386
  console.warn(
3387
- chalk3.yellow(
3387
+ pc3.yellow(
3388
3388
  `
3389
- \u26A0\uFE0F UNSAFE_COLOR_GROUPS is set to ${chalk3.blue(`[${UNSAFE_COLOR_GROUPS.join(", ")}]`)}. This will override the default color groups.`
3389
+ \u26A0\uFE0F UNSAFE_COLOR_GROUPS is set to ${pc3.blue(`[${UNSAFE_COLOR_GROUPS.join(", ")}]`)}. This will override the default color groups.`
3390
3390
  )
3391
3391
  );
3392
3392
  }
@@ -3401,7 +3401,7 @@ async function processPlatform(options) {
3401
3401
  }
3402
3402
  if (buildOptions.defaultColor) {
3403
3403
  console.log(`
3404
- \u{1F3A8} Using ${chalk3.blue(buildOptions.defaultColor)} as default color`);
3404
+ \u{1F3A8} Using ${pc3.blue(buildOptions.defaultColor)} as default color`);
3405
3405
  }
3406
3406
  const buildAndSdConfigs = R17.map((buildConfig) => {
3407
3407
  const sdConfigs = getConfigsForThemeDimensions(
@@ -3445,7 +3445,7 @@ async function processPlatform(options) {
3445
3445
  }
3446
3446
  if (sdConfigs.length > 0) {
3447
3447
  console.log(`
3448
- \u{1F371} Building ${chalk3.green(buildConfig.name ?? buildName)}`);
3448
+ \u{1F371} Building ${pc3.green(buildConfig.name ?? buildName)}`);
3449
3449
  const results = await Promise.all(
3450
3450
  sdConfigs.map(async (sdConfig) => {
3451
3451
  const { config, permutation } = sdConfig;
@@ -71,7 +71,7 @@ import * as R7 from "ramda";
71
71
  import { createPropertyFormatter } from "style-dictionary/utils";
72
72
 
73
73
  // src/tokens/process/platform.ts
74
- import chalk2 from "chalk";
74
+ import pc2 from "picocolors";
75
75
  import * as R6 from "ramda";
76
76
  import StyleDictionary2 from "style-dictionary";
77
77
 
@@ -101,7 +101,7 @@ var sizeRem = {
101
101
  const value = getValue(token);
102
102
  if (isPx(value)) {
103
103
  const baseFont = config.basePxFontSize || 16;
104
- const size = parseInt(value);
104
+ const size = parseInt(value, 10);
105
105
  if (size === 0) {
106
106
  return "0";
107
107
  }
@@ -136,7 +136,7 @@ var unitless = {
136
136
  type: "value",
137
137
  transitive: true,
138
138
  filter: (token) => pathStartsWithOneOf(["size", "_size"], token),
139
- transform: (token) => parseInt(getValue(token))
139
+ transform: (token) => parseInt(getValue(token), 10)
140
140
  };
141
141
 
142
142
  // src/tokens/process/configs/shared.ts
@@ -411,8 +411,8 @@ var TypographyValues;
411
411
  })(TypographyValues || (TypographyValues = {}));
412
412
 
413
413
  // src/tokens/process/utils/getMultidimensionalThemes.ts
414
- import chalk from "chalk";
415
414
  import { kebabCase } from "change-case";
415
+ import pc from "picocolors";
416
416
  import * as R4 from "ramda";
417
417
  var processed = Symbol("Type brand for ProcessedThemeObject");
418
418
  var hasUnknownProps = R4.pipe(R4.values, R4.none(R4.equals("unknown")), R4.not);
@@ -72,7 +72,7 @@ import * as R7 from "ramda";
72
72
  import { createPropertyFormatter } from "style-dictionary/utils";
73
73
 
74
74
  // src/tokens/process/platform.ts
75
- import chalk2 from "chalk";
75
+ import pc2 from "picocolors";
76
76
  import * as R6 from "ramda";
77
77
  import StyleDictionary2 from "style-dictionary";
78
78
 
@@ -101,7 +101,7 @@ var sizeRem = {
101
101
  const value = getValue(token);
102
102
  if (isPx(value)) {
103
103
  const baseFont = config.basePxFontSize || 16;
104
- const size = parseInt(value);
104
+ const size = parseInt(value, 10);
105
105
  if (size === 0) {
106
106
  return "0";
107
107
  }
@@ -136,7 +136,7 @@ var unitless = {
136
136
  type: "value",
137
137
  transitive: true,
138
138
  filter: (token) => pathStartsWithOneOf(["size", "_size"], token),
139
- transform: (token) => parseInt(getValue(token))
139
+ transform: (token) => parseInt(getValue(token), 10)
140
140
  };
141
141
 
142
142
  // src/tokens/process/configs/shared.ts
@@ -439,8 +439,8 @@ var TypographyValues;
439
439
  })(TypographyValues || (TypographyValues = {}));
440
440
 
441
441
  // src/tokens/process/utils/getMultidimensionalThemes.ts
442
- import chalk from "chalk";
443
442
  import { kebabCase } from "change-case";
443
+ import pc from "picocolors";
444
444
  import * as R4 from "ramda";
445
445
  var processed = Symbol("Type brand for ProcessedThemeObject");
446
446
  var hasUnknownProps = R4.pipe(R4.values, R4.none(R4.equals("unknown")), R4.not);
@@ -42,7 +42,7 @@ var sizeRem = {
42
42
  const value = getValue(token);
43
43
  if (isPx(value)) {
44
44
  const baseFont = config.basePxFontSize || 16;
45
- const size = parseInt(value);
45
+ const size = parseInt(value, 10);
46
46
  if (size === 0) {
47
47
  return "0";
48
48
  }
@@ -77,7 +77,7 @@ var unitless = {
77
77
  type: "value",
78
78
  transitive: true,
79
79
  filter: (token) => pathStartsWithOneOf(["size", "_size"], token),
80
- transform: (token) => parseInt(getValue(token))
80
+ transform: (token) => parseInt(getValue(token), 10)
81
81
  };
82
82
 
83
83
  // src/tokens/process/configs/shared.ts
@@ -71,7 +71,7 @@ import * as R8 from "ramda";
71
71
  import { createPropertyFormatter } from "style-dictionary/utils";
72
72
 
73
73
  // src/tokens/process/platform.ts
74
- import chalk2 from "chalk";
74
+ import pc2 from "picocolors";
75
75
  import * as R7 from "ramda";
76
76
  import StyleDictionary2 from "style-dictionary";
77
77
 
@@ -100,7 +100,7 @@ var sizeRem = {
100
100
  const value = getValue(token);
101
101
  if (isPx(value)) {
102
102
  const baseFont = config.basePxFontSize || 16;
103
- const size = parseInt(value);
103
+ const size = parseInt(value, 10);
104
104
  if (size === 0) {
105
105
  return "0";
106
106
  }
@@ -135,7 +135,7 @@ var unitless = {
135
135
  type: "value",
136
136
  transitive: true,
137
137
  filter: (token) => pathStartsWithOneOf(["size", "_size"], token),
138
- transform: (token) => parseInt(getValue(token))
138
+ transform: (token) => parseInt(getValue(token), 10)
139
139
  };
140
140
 
141
141
  // src/tokens/process/configs/shared.ts
@@ -435,8 +435,8 @@ var TypographyValues;
435
435
  })(TypographyValues || (TypographyValues = {}));
436
436
 
437
437
  // src/tokens/process/utils/getMultidimensionalThemes.ts
438
- import chalk from "chalk";
439
438
  import { kebabCase } from "change-case";
439
+ import pc from "picocolors";
440
440
  import * as R5 from "ramda";
441
441
  var processed = Symbol("Type brand for ProcessedThemeObject");
442
442
  var hasUnknownProps = R5.pipe(R5.values, R5.none(R5.equals("unknown")), R5.not);
@@ -88,7 +88,7 @@ import * as R4 from "ramda";
88
88
  import { createPropertyFormatter } from "style-dictionary/utils";
89
89
 
90
90
  // src/tokens/process/platform.ts
91
- import chalk2 from "chalk";
91
+ import pc2 from "picocolors";
92
92
  import * as R3 from "ramda";
93
93
  import StyleDictionary from "style-dictionary";
94
94
 
@@ -256,8 +256,8 @@ var TypographyValues;
256
256
  })(TypographyValues || (TypographyValues = {}));
257
257
 
258
258
  // src/tokens/process/utils/getMultidimensionalThemes.ts
259
- import chalk from "chalk";
260
259
  import { kebabCase } from "change-case";
260
+ import pc from "picocolors";
261
261
  import * as R2 from "ramda";
262
262
  var getMultidimensionalThemes = (processed$themes, dimensions) => {
263
263
  const verboseLogging = buildOptions?.verbose;
@@ -267,8 +267,8 @@ var getMultidimensionalThemes = (processed$themes, dimensions) => {
267
267
  const keys2 = R2.keys(grouped$themes);
268
268
  const nonDependentKeys = keys2.filter((x) => ![...ALL_DEPENDENT_ON, ...dimensions].includes(x));
269
269
  if (verboseLogging) {
270
- console.log(chalk.cyan(`\u{1F50E} Finding theme permutations for ${dimensions}`));
271
- console.log(chalk.cyan(` (ignoring permutations for ${nonDependentKeys})`));
270
+ console.log(pc.cyan(`\u{1F50E} Finding theme permutations for ${dimensions}`));
271
+ console.log(pc.cyan(` (ignoring permutations for ${nonDependentKeys})`));
272
272
  }
273
273
  return permutations.filter((val) => {
274
274
  const filters = nonDependentKeys.map((x) => val.permutation[x] === grouped$themes[x][0].name);
@@ -620,7 +620,7 @@ var sizeRem = {
620
620
  const value = getValue(token);
621
621
  if (isPx(value)) {
622
622
  const baseFont = config.basePxFontSize || 16;
623
- const size = parseInt(value);
623
+ const size = parseInt(value, 10);
624
624
  if (size === 0) {
625
625
  return "0";
626
626
  }
@@ -655,7 +655,7 @@ var unitless = {
655
655
  type: "value",
656
656
  transitive: true,
657
657
  filter: (token) => pathStartsWithOneOf(["size", "_size"], token),
658
- transform: (token) => parseInt(getValue(token))
658
+ transform: (token) => parseInt(getValue(token), 10)
659
659
  };
660
660
 
661
661
  // src/tokens/process/configs/shared.ts
@@ -66,7 +66,7 @@ function inlineTokens(shouldInline, tokens) {
66
66
  }
67
67
 
68
68
  // src/tokens/process/platform.ts
69
- import chalk2 from "chalk";
69
+ import pc2 from "picocolors";
70
70
  import * as R9 from "ramda";
71
71
  import StyleDictionary2 from "style-dictionary";
72
72
 
@@ -217,7 +217,7 @@ var sizeRem = {
217
217
  const value = getValue(token);
218
218
  if (isPx(value)) {
219
219
  const baseFont = config.basePxFontSize || 16;
220
- const size = parseInt(value);
220
+ const size = parseInt(value, 10);
221
221
  if (size === 0) {
222
222
  return "0";
223
223
  }
@@ -252,7 +252,7 @@ var unitless = {
252
252
  type: "value",
253
253
  transitive: true,
254
254
  filter: (token) => pathStartsWithOneOf(["size", "_size"], token),
255
- transform: (token) => parseInt(getValue(token))
255
+ transform: (token) => parseInt(getValue(token), 10)
256
256
  };
257
257
 
258
258
  // src/tokens/process/configs/shared.ts
@@ -600,8 +600,8 @@ var TypographyValues;
600
600
  })(TypographyValues || (TypographyValues = {}));
601
601
 
602
602
  // src/tokens/process/utils/getMultidimensionalThemes.ts
603
- import chalk from "chalk";
604
603
  import { kebabCase } from "change-case";
604
+ import pc from "picocolors";
605
605
  import * as R7 from "ramda";
606
606
  var processed = Symbol("Type brand for ProcessedThemeObject");
607
607
  var hasUnknownProps = R7.pipe(R7.values, R7.none(R7.equals("unknown")), R7.not);
@@ -68,7 +68,7 @@ function inlineTokens(shouldInline, tokens) {
68
68
  }
69
69
 
70
70
  // src/tokens/process/platform.ts
71
- import chalk2 from "chalk";
71
+ import pc2 from "picocolors";
72
72
  import * as R9 from "ramda";
73
73
  import StyleDictionary2 from "style-dictionary";
74
74
 
@@ -236,7 +236,7 @@ var sizeRem = {
236
236
  const value = getValue(token);
237
237
  if (isPx(value)) {
238
238
  const baseFont = config.basePxFontSize || 16;
239
- const size = parseInt(value);
239
+ const size = parseInt(value, 10);
240
240
  if (size === 0) {
241
241
  return "0";
242
242
  }
@@ -271,7 +271,7 @@ var unitless = {
271
271
  type: "value",
272
272
  transitive: true,
273
273
  filter: (token) => pathStartsWithOneOf(["size", "_size"], token),
274
- transform: (token) => parseInt(getValue(token))
274
+ transform: (token) => parseInt(getValue(token), 10)
275
275
  };
276
276
 
277
277
  // src/tokens/process/configs/shared.ts
@@ -619,8 +619,8 @@ var TypographyValues;
619
619
  })(TypographyValues || (TypographyValues = {}));
620
620
 
621
621
  // src/tokens/process/utils/getMultidimensionalThemes.ts
622
- import chalk from "chalk";
623
622
  import { kebabCase } from "change-case";
623
+ import pc from "picocolors";
624
624
  import * as R7 from "ramda";
625
625
  var processed = Symbol("Type brand for ProcessedThemeObject");
626
626
  var hasUnknownProps = R7.pipe(R7.values, R7.none(R7.equals("unknown")), R7.not);
@@ -3,7 +3,7 @@ import * as R10 from "ramda";
3
3
  import { createPropertyFormatter as createPropertyFormatter3 } from "style-dictionary/utils";
4
4
 
5
5
  // src/tokens/process/platform.ts
6
- import chalk2 from "chalk";
6
+ import pc2 from "picocolors";
7
7
  import * as R9 from "ramda";
8
8
  import StyleDictionary2 from "style-dictionary";
9
9
 
@@ -276,7 +276,7 @@ var sizeRem = {
276
276
  const value = getValue(token);
277
277
  if (isPx(value)) {
278
278
  const baseFont = config.basePxFontSize || 16;
279
- const size = parseInt(value);
279
+ const size = parseInt(value, 10);
280
280
  if (size === 0) {
281
281
  return "0";
282
282
  }
@@ -311,7 +311,7 @@ var unitless = {
311
311
  type: "value",
312
312
  transitive: true,
313
313
  filter: (token) => pathStartsWithOneOf(["size", "_size"], token),
314
- transform: (token) => parseInt(getValue(token))
314
+ transform: (token) => parseInt(getValue(token), 10)
315
315
  };
316
316
 
317
317
  // src/tokens/process/configs/shared.ts
@@ -659,8 +659,8 @@ var TypographyValues;
659
659
  })(TypographyValues || (TypographyValues = {}));
660
660
 
661
661
  // src/tokens/process/utils/getMultidimensionalThemes.ts
662
- import chalk from "chalk";
663
662
  import { kebabCase } from "change-case";
663
+ import pc from "picocolors";
664
664
  import * as R7 from "ramda";
665
665
  var processed = Symbol("Type brand for ProcessedThemeObject");
666
666
  var hasUnknownProps = R7.pipe(R7.values, R7.none(R7.equals("unknown")), R7.not);
@@ -66,7 +66,7 @@ function inlineTokens(shouldInline, tokens) {
66
66
  }
67
67
 
68
68
  // src/tokens/process/platform.ts
69
- import chalk2 from "chalk";
69
+ import pc2 from "picocolors";
70
70
  import * as R7 from "ramda";
71
71
  import StyleDictionary2 from "style-dictionary";
72
72
 
@@ -95,7 +95,7 @@ var sizeRem = {
95
95
  const value = getValue(token);
96
96
  if (isPx(value)) {
97
97
  const baseFont = config.basePxFontSize || 16;
98
- const size = parseInt(value);
98
+ const size = parseInt(value, 10);
99
99
  if (size === 0) {
100
100
  return "0";
101
101
  }
@@ -130,7 +130,7 @@ var unitless = {
130
130
  type: "value",
131
131
  transitive: true,
132
132
  filter: (token) => pathStartsWithOneOf(["size", "_size"], token),
133
- transform: (token) => parseInt(getValue(token))
133
+ transform: (token) => parseInt(getValue(token), 10)
134
134
  };
135
135
 
136
136
  // src/tokens/process/configs/shared.ts
@@ -478,8 +478,8 @@ var TypographyValues;
478
478
  })(TypographyValues || (TypographyValues = {}));
479
479
 
480
480
  // src/tokens/process/utils/getMultidimensionalThemes.ts
481
- import chalk from "chalk";
482
481
  import { kebabCase } from "change-case";
482
+ import pc from "picocolors";
483
483
  import * as R5 from "ramda";
484
484
  var processed = Symbol("Type brand for ProcessedThemeObject");
485
485
  var hasUnknownProps = R5.pipe(R5.values, R5.none(R5.equals("unknown")), R5.not);
@@ -1,10 +1,10 @@
1
1
  // src/tokens/process/output/declarations.ts
2
- import chalk3 from "chalk";
2
+ import pc3 from "picocolors";
3
3
 
4
4
  // package.json
5
5
  var package_default = {
6
6
  name: "@digdir/designsystemet",
7
- version: "1.1.10",
7
+ version: "1.3.0",
8
8
  description: "CLI for Designsystemet",
9
9
  author: "Designsystemet team",
10
10
  engines: {
@@ -68,7 +68,6 @@ var package_default = {
68
68
  "@commander-js/extra-typings": "^14.0.0",
69
69
  "@tokens-studio/sd-transforms": "1.3.0",
70
70
  "apca-w3": "^0.1.9",
71
- chalk: "^5.4.1",
72
71
  "change-case": "^5.4.4",
73
72
  "chroma-js": "^3.1.2",
74
73
  "colorjs.io": "^0.6.0-alpha.1",
@@ -76,10 +75,11 @@ var package_default = {
76
75
  "fast-glob": "^3.3.3",
77
76
  hsluv: "^1.0.1",
78
77
  "object-hash": "^3.0.0",
78
+ picocolors: "^1.1.1",
79
79
  postcss: "^8.5.6",
80
80
  ramda: "^0.31.3",
81
81
  "style-dictionary": "^5.0.1",
82
- zod: "^4.0.15",
82
+ zod: "^4.0.17",
83
83
  "zod-validation-error": "^4.0.1"
84
84
  },
85
85
  devDependencies: {
@@ -87,19 +87,19 @@ var package_default = {
87
87
  "@types/apca-w3": "^0.1.3",
88
88
  "@types/chroma-js": "^3.1.1",
89
89
  "@types/fs-extra": "^11.0.4",
90
- "@types/node": "^22.17.0",
90
+ "@types/node": "^22.17.2",
91
91
  "@types/object-hash": "^3.0.6",
92
92
  "@types/ramda": "^0.31.0",
93
- "fs-extra": "^11.3.0",
93
+ "fs-extra": "^11.3.1",
94
94
  tslib: "^2.8.1",
95
95
  tsup: "^8.5.0",
96
- tsx: "^4.20.3",
96
+ tsx: "^4.20.4",
97
97
  typescript: "^5.9.2"
98
98
  }
99
99
  };
100
100
 
101
101
  // src/tokens/process/platform.ts
102
- import chalk2 from "chalk";
102
+ import pc2 from "picocolors";
103
103
  import * as R10 from "ramda";
104
104
  import StyleDictionary2 from "style-dictionary";
105
105
 
@@ -408,7 +408,7 @@ var sizeRem = {
408
408
  const value = getValue(token);
409
409
  if (isPx(value)) {
410
410
  const baseFont = config.basePxFontSize || 16;
411
- const size = parseInt(value);
411
+ const size = parseInt(value, 10);
412
412
  if (size === 0) {
413
413
  return "0";
414
414
  }
@@ -443,7 +443,7 @@ var unitless = {
443
443
  type: "value",
444
444
  transitive: true,
445
445
  filter: (token) => pathStartsWithOneOf(["size", "_size"], token),
446
- transform: (token) => parseInt(getValue(token))
446
+ transform: (token) => parseInt(getValue(token), 10)
447
447
  };
448
448
 
449
449
  // src/tokens/process/configs/shared.ts
@@ -791,8 +791,8 @@ var TypographyValues;
791
791
  })(TypographyValues || (TypographyValues = {}));
792
792
 
793
793
  // src/tokens/process/utils/getMultidimensionalThemes.ts
794
- import chalk from "chalk";
795
794
  import { kebabCase } from "change-case";
795
+ import pc from "picocolors";
796
796
  import * as R8 from "ramda";
797
797
  var processed = Symbol("Type brand for ProcessedThemeObject");
798
798
  var hasUnknownProps = R8.pipe(R8.values, R8.none(R8.equals("unknown")), R8.not);
@@ -885,7 +885,7 @@ ${typeDeclaration}`,
885
885
  };
886
886
  function createColorTypeDeclaration(colors) {
887
887
  console.log(`
888
- \u{1F371} Building ${chalk3.green("type declarations")}`);
888
+ \u{1F371} Building ${pc3.green("type declarations")}`);
889
889
  const typeDeclaration = `
890
890
  /* ${defaultFileHeader} */
891
891
  import type {} from '@digdir/designsystemet/types';
@@ -1,11 +1,11 @@
1
1
  // src/tokens/process/output/theme.ts
2
- import chalk from "chalk";
2
+ import pc from "picocolors";
3
3
  import * as R from "ramda";
4
4
 
5
5
  // package.json
6
6
  var package_default = {
7
7
  name: "@digdir/designsystemet",
8
- version: "1.1.10",
8
+ version: "1.3.0",
9
9
  description: "CLI for Designsystemet",
10
10
  author: "Designsystemet team",
11
11
  engines: {
@@ -69,7 +69,6 @@ var package_default = {
69
69
  "@commander-js/extra-typings": "^14.0.0",
70
70
  "@tokens-studio/sd-transforms": "1.3.0",
71
71
  "apca-w3": "^0.1.9",
72
- chalk: "^5.4.1",
73
72
  "change-case": "^5.4.4",
74
73
  "chroma-js": "^3.1.2",
75
74
  "colorjs.io": "^0.6.0-alpha.1",
@@ -77,10 +76,11 @@ var package_default = {
77
76
  "fast-glob": "^3.3.3",
78
77
  hsluv: "^1.0.1",
79
78
  "object-hash": "^3.0.0",
79
+ picocolors: "^1.1.1",
80
80
  postcss: "^8.5.6",
81
81
  ramda: "^0.31.3",
82
82
  "style-dictionary": "^5.0.1",
83
- zod: "^4.0.15",
83
+ zod: "^4.0.17",
84
84
  "zod-validation-error": "^4.0.1"
85
85
  },
86
86
  devDependencies: {
@@ -88,13 +88,13 @@ var package_default = {
88
88
  "@types/apca-w3": "^0.1.3",
89
89
  "@types/chroma-js": "^3.1.1",
90
90
  "@types/fs-extra": "^11.0.4",
91
- "@types/node": "^22.17.0",
91
+ "@types/node": "^22.17.2",
92
92
  "@types/object-hash": "^3.0.6",
93
93
  "@types/ramda": "^0.31.0",
94
- "fs-extra": "^11.3.0",
94
+ "fs-extra": "^11.3.1",
95
95
  tslib: "^2.8.1",
96
96
  tsup: "^8.5.0",
97
- tsx: "^4.20.3",
97
+ tsx: "^4.20.4",
98
98
  typescript: "^5.9.2"
99
99
  }
100
100
  };
@@ -135,10 +135,10 @@ var createThemeCSSFiles = ({
135
135
  });
136
136
  if (sortIndex === -1) {
137
137
  console.error(
138
- chalk.yellow("WARNING: CSS section does not have a defined sort order:", filePath.replace(".css", ""))
138
+ pc.yellow(`WARNING: CSS section does not have a defined sort order: ${filePath.replace(".css", "")}`)
139
139
  );
140
140
  console.log(
141
- chalk.dim(
141
+ pc.dim(
142
142
  `
143
143
  The section will currently be added to the end of the entry file, but the exact
144
144
  order may change due to nondeterminism.`.trim()