@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.
- package/dist/bin/config.js +12 -12
- package/dist/bin/designsystemet.js +60 -62
- package/dist/src/config.js +6 -6
- package/dist/src/index.js +21 -21
- package/dist/src/migrations/beta-to-v1.js +5 -5
- package/dist/src/migrations/codemods/css/plugins.js +3 -3
- package/dist/src/migrations/codemods/css/run.js +2 -2
- package/dist/src/migrations/color-rename-next49.js +5 -5
- package/dist/src/migrations/index.js +5 -5
- package/dist/src/scripts/createJsonSchema.js +1 -1
- package/dist/src/scripts/update-design-tokens.js +3 -3
- package/dist/src/scripts/update-preview-tokens.js +24 -24
- package/dist/src/scripts/update-template.js +11 -11
- package/dist/src/tokens/build.js +33 -33
- package/dist/src/tokens/create/generators/$designsystemet.js +6 -6
- package/dist/src/tokens/create/write.d.ts.map +1 -1
- package/dist/src/tokens/create/write.js +16 -18
- package/dist/src/tokens/format.js +21 -21
- package/dist/src/tokens/index.js +21 -21
- package/dist/src/tokens/process/configs/color.js +4 -4
- package/dist/src/tokens/process/configs/semantic.js +4 -4
- package/dist/src/tokens/process/configs/shared.js +2 -2
- package/dist/src/tokens/process/configs/typography.js +4 -4
- package/dist/src/tokens/process/configs.js +6 -6
- package/dist/src/tokens/process/formats/css/color.js +4 -4
- package/dist/src/tokens/process/formats/css/semantic.js +4 -4
- package/dist/src/tokens/process/formats/css/typography.js +4 -4
- package/dist/src/tokens/process/formats/css.js +4 -4
- package/dist/src/tokens/process/output/declarations.js +12 -12
- package/dist/src/tokens/process/output/theme.js +9 -9
- package/dist/src/tokens/process/platform.js +12 -12
- package/dist/src/tokens/process/transformers.js +2 -2
- package/dist/src/tokens/process/utils/getMultidimensionalThemes.js +6 -6
- package/dist/src/utils.js +10 -10
- package/package.json +6 -6
package/dist/src/tokens/index.js
CHANGED
|
@@ -2423,13 +2423,13 @@ function generateTypographyGroup(themes) {
|
|
|
2423
2423
|
}
|
|
2424
2424
|
|
|
2425
2425
|
// src/tokens/process/output/theme.ts
|
|
2426
|
-
import
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
2518
|
+
"fs-extra": "^11.3.1",
|
|
2519
2519
|
tslib: "^2.8.1",
|
|
2520
2520
|
tsup: "^8.5.0",
|
|
2521
|
-
tsx: "^4.20.
|
|
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
|
-
|
|
2562
|
+
pc.yellow(`WARNING: CSS section does not have a defined sort order: ${filePath.replace(".css", "")}`)
|
|
2563
2563
|
);
|
|
2564
2564
|
console.log(
|
|
2565
|
-
|
|
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
|
|
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(
|
|
3151
|
-
console.log(
|
|
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
|
-
|
|
3378
|
+
pc3.yellow(
|
|
3379
3379
|
`
|
|
3380
|
-
\u26A0\uFE0F UNSAFE_DEFAULT_COLOR is set to ${
|
|
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
|
-
|
|
3387
|
+
pc3.yellow(
|
|
3388
3388
|
`
|
|
3389
|
-
\u26A0\uFE0F UNSAFE_COLOR_GROUPS is set to ${
|
|
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 ${
|
|
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 ${
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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(
|
|
271
|
-
console.log(
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
2
|
+
import pc3 from "picocolors";
|
|
3
3
|
|
|
4
4
|
// package.json
|
|
5
5
|
var package_default = {
|
|
6
6
|
name: "@digdir/designsystemet",
|
|
7
|
-
version: "1.
|
|
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.
|
|
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.
|
|
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.
|
|
93
|
+
"fs-extra": "^11.3.1",
|
|
94
94
|
tslib: "^2.8.1",
|
|
95
95
|
tsup: "^8.5.0",
|
|
96
|
-
tsx: "^4.20.
|
|
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
|
|
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 ${
|
|
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
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
94
|
+
"fs-extra": "^11.3.1",
|
|
95
95
|
tslib: "^2.8.1",
|
|
96
96
|
tsup: "^8.5.0",
|
|
97
|
-
tsx: "^4.20.
|
|
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
|
-
|
|
138
|
+
pc.yellow(`WARNING: CSS section does not have a defined sort order: ${filePath.replace(".css", "")}`)
|
|
139
139
|
);
|
|
140
140
|
console.log(
|
|
141
|
-
|
|
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()
|