@digdir/designsystemet 1.1.10 → 1.2.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 +55 -57
- package/dist/src/config.js +6 -6
- package/dist/src/index.js +18 -18
- 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 +2 -2
- package/dist/src/scripts/update-preview-tokens.js +22 -22
- package/dist/src/scripts/update-template.js +11 -11
- package/dist/src/tokens/build.js +29 -29
- package/dist/src/tokens/create/generators/$designsystemet.js +5 -5
- package/dist/src/tokens/create/write.d.ts.map +1 -1
- package/dist/src/tokens/create/write.js +14 -16
- package/dist/src/tokens/format.js +18 -18
- package/dist/src/tokens/index.js +18 -18
- package/dist/src/tokens/process/configs/color.js +2 -2
- package/dist/src/tokens/process/configs/semantic.js +2 -2
- package/dist/src/tokens/process/configs/typography.js +2 -2
- package/dist/src/tokens/process/configs.js +4 -4
- package/dist/src/tokens/process/formats/css/color.js +2 -2
- package/dist/src/tokens/process/formats/css/semantic.js +2 -2
- package/dist/src/tokens/process/formats/css/typography.js +2 -2
- package/dist/src/tokens/process/formats/css.js +2 -2
- package/dist/src/tokens/process/output/declarations.js +9 -9
- package/dist/src/tokens/process/output/theme.js +8 -8
- package/dist/src/tokens/process/platform.js +10 -10
- package/dist/src/tokens/process/utils/getMultidimensionalThemes.js +4 -4
- package/dist/src/utils.js +10 -10
- package/package.json +5 -5
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
// src/tokens/create/write.ts
|
|
2
2
|
import path from "path";
|
|
3
|
-
import
|
|
3
|
+
import pc2 from "picocolors";
|
|
4
4
|
import * as R from "ramda";
|
|
5
5
|
|
|
6
6
|
// src/utils.ts
|
|
7
7
|
import fs from "fs/promises";
|
|
8
|
-
import
|
|
8
|
+
import pc from "picocolors";
|
|
9
9
|
var mkdir = async (dir, dry) => {
|
|
10
10
|
if (dry) {
|
|
11
|
-
console.log(`${
|
|
11
|
+
console.log(`${pc.blue("mkdir")} ${dir}`);
|
|
12
12
|
return Promise.resolve();
|
|
13
13
|
}
|
|
14
14
|
const exists = await fs.access(dir, fs.constants.F_OK).then(() => true).catch(() => false);
|
|
@@ -19,18 +19,18 @@ var mkdir = async (dir, dry) => {
|
|
|
19
19
|
};
|
|
20
20
|
var writeFile = async (path2, data, dry) => {
|
|
21
21
|
if (dry) {
|
|
22
|
-
console.log(`${
|
|
22
|
+
console.log(`${pc.blue("writeFile")} ${path2}`);
|
|
23
23
|
return Promise.resolve();
|
|
24
24
|
}
|
|
25
25
|
return fs.writeFile(path2, data, { encoding: "utf-8" }).catch((error) => {
|
|
26
|
-
console.error(
|
|
27
|
-
console.error(
|
|
26
|
+
console.error(pc.red(`Error writing file: ${path2}`));
|
|
27
|
+
console.error(pc.red(error));
|
|
28
28
|
throw error;
|
|
29
29
|
});
|
|
30
30
|
};
|
|
31
31
|
var readFile = async (path2, dry, allowFileNotFound) => {
|
|
32
32
|
if (dry) {
|
|
33
|
-
console.log(`${
|
|
33
|
+
console.log(`${pc.blue("readFile")} ${path2}`);
|
|
34
34
|
return Promise.resolve("");
|
|
35
35
|
}
|
|
36
36
|
try {
|
|
@@ -46,7 +46,7 @@ var readFile = async (path2, dry, allowFileNotFound) => {
|
|
|
46
46
|
// package.json
|
|
47
47
|
var package_default = {
|
|
48
48
|
name: "@digdir/designsystemet",
|
|
49
|
-
version: "1.
|
|
49
|
+
version: "1.2.0",
|
|
50
50
|
description: "CLI for Designsystemet",
|
|
51
51
|
author: "Designsystemet team",
|
|
52
52
|
engines: {
|
|
@@ -110,7 +110,6 @@ var package_default = {
|
|
|
110
110
|
"@commander-js/extra-typings": "^14.0.0",
|
|
111
111
|
"@tokens-studio/sd-transforms": "1.3.0",
|
|
112
112
|
"apca-w3": "^0.1.9",
|
|
113
|
-
chalk: "^5.4.1",
|
|
114
113
|
"change-case": "^5.4.4",
|
|
115
114
|
"chroma-js": "^3.1.2",
|
|
116
115
|
"colorjs.io": "^0.6.0-alpha.1",
|
|
@@ -118,10 +117,11 @@ var package_default = {
|
|
|
118
117
|
"fast-glob": "^3.3.3",
|
|
119
118
|
hsluv: "^1.0.1",
|
|
120
119
|
"object-hash": "^3.0.0",
|
|
120
|
+
picocolors: "^1.1.1",
|
|
121
121
|
postcss: "^8.5.6",
|
|
122
122
|
ramda: "^0.31.3",
|
|
123
123
|
"style-dictionary": "^5.0.1",
|
|
124
|
-
zod: "^4.0.
|
|
124
|
+
zod: "^4.0.17",
|
|
125
125
|
"zod-validation-error": "^4.0.1"
|
|
126
126
|
},
|
|
127
127
|
devDependencies: {
|
|
@@ -129,10 +129,10 @@ var package_default = {
|
|
|
129
129
|
"@types/apca-w3": "^0.1.3",
|
|
130
130
|
"@types/chroma-js": "^3.1.1",
|
|
131
131
|
"@types/fs-extra": "^11.0.4",
|
|
132
|
-
"@types/node": "^22.17.
|
|
132
|
+
"@types/node": "^22.17.1",
|
|
133
133
|
"@types/object-hash": "^3.0.6",
|
|
134
134
|
"@types/ramda": "^0.31.0",
|
|
135
|
-
"fs-extra": "^11.3.
|
|
135
|
+
"fs-extra": "^11.3.1",
|
|
136
136
|
tslib: "^2.8.1",
|
|
137
137
|
tsup: "^8.5.0",
|
|
138
138
|
tsx: "^4.20.3",
|
|
@@ -537,7 +537,7 @@ var writeTokens = async (options) => {
|
|
|
537
537
|
);
|
|
538
538
|
const themes = concatThemeNames(themeObjects);
|
|
539
539
|
console.log(`
|
|
540
|
-
Themes: ${
|
|
540
|
+
Themes: ${pc2.blue(themes.join(", "))}`);
|
|
541
541
|
const $themes = await generate$Themes(["dark", "light"], themes, colors);
|
|
542
542
|
const $metadata = generate$Metadata(["dark", "light"], themes, colors);
|
|
543
543
|
const $designsystemet = generate$Designsystemet();
|
|
@@ -550,9 +550,7 @@ Themes: ${chalk2.blue(themes.join(", "))}`);
|
|
|
550
550
|
const filePath = path.join(targetDir, `${set}.json`);
|
|
551
551
|
await writeFile(filePath, stringify(tokens), dry);
|
|
552
552
|
}
|
|
553
|
-
console.log(
|
|
554
|
-
`Finished creating Designsystem design tokens in ${chalk2.green(outDir)} for theme ${chalk2.blue(themeName)}`
|
|
555
|
-
);
|
|
553
|
+
console.log(`Finished creating Designsystem design tokens in ${pc2.green(outDir)} for theme ${pc2.blue(themeName)}`);
|
|
556
554
|
};
|
|
557
555
|
export {
|
|
558
556
|
stringify,
|
|
@@ -2407,13 +2407,13 @@ var createTokens = async (opts) => {
|
|
|
2407
2407
|
};
|
|
2408
2408
|
|
|
2409
2409
|
// src/tokens/process/output/theme.ts
|
|
2410
|
-
import
|
|
2410
|
+
import pc from "picocolors";
|
|
2411
2411
|
import * as R7 from "ramda";
|
|
2412
2412
|
|
|
2413
2413
|
// package.json
|
|
2414
2414
|
var package_default = {
|
|
2415
2415
|
name: "@digdir/designsystemet",
|
|
2416
|
-
version: "1.
|
|
2416
|
+
version: "1.2.0",
|
|
2417
2417
|
description: "CLI for Designsystemet",
|
|
2418
2418
|
author: "Designsystemet team",
|
|
2419
2419
|
engines: {
|
|
@@ -2477,7 +2477,6 @@ var package_default = {
|
|
|
2477
2477
|
"@commander-js/extra-typings": "^14.0.0",
|
|
2478
2478
|
"@tokens-studio/sd-transforms": "1.3.0",
|
|
2479
2479
|
"apca-w3": "^0.1.9",
|
|
2480
|
-
chalk: "^5.4.1",
|
|
2481
2480
|
"change-case": "^5.4.4",
|
|
2482
2481
|
"chroma-js": "^3.1.2",
|
|
2483
2482
|
"colorjs.io": "^0.6.0-alpha.1",
|
|
@@ -2485,10 +2484,11 @@ var package_default = {
|
|
|
2485
2484
|
"fast-glob": "^3.3.3",
|
|
2486
2485
|
hsluv: "^1.0.1",
|
|
2487
2486
|
"object-hash": "^3.0.0",
|
|
2487
|
+
picocolors: "^1.1.1",
|
|
2488
2488
|
postcss: "^8.5.6",
|
|
2489
2489
|
ramda: "^0.31.3",
|
|
2490
2490
|
"style-dictionary": "^5.0.1",
|
|
2491
|
-
zod: "^4.0.
|
|
2491
|
+
zod: "^4.0.17",
|
|
2492
2492
|
"zod-validation-error": "^4.0.1"
|
|
2493
2493
|
},
|
|
2494
2494
|
devDependencies: {
|
|
@@ -2496,10 +2496,10 @@ var package_default = {
|
|
|
2496
2496
|
"@types/apca-w3": "^0.1.3",
|
|
2497
2497
|
"@types/chroma-js": "^3.1.1",
|
|
2498
2498
|
"@types/fs-extra": "^11.0.4",
|
|
2499
|
-
"@types/node": "^22.17.
|
|
2499
|
+
"@types/node": "^22.17.1",
|
|
2500
2500
|
"@types/object-hash": "^3.0.6",
|
|
2501
2501
|
"@types/ramda": "^0.31.0",
|
|
2502
|
-
"fs-extra": "^11.3.
|
|
2502
|
+
"fs-extra": "^11.3.1",
|
|
2503
2503
|
tslib: "^2.8.1",
|
|
2504
2504
|
tsup: "^8.5.0",
|
|
2505
2505
|
tsx: "^4.20.3",
|
|
@@ -2543,10 +2543,10 @@ var createThemeCSSFiles = ({
|
|
|
2543
2543
|
});
|
|
2544
2544
|
if (sortIndex === -1) {
|
|
2545
2545
|
console.error(
|
|
2546
|
-
|
|
2546
|
+
pc.yellow(`WARNING: CSS section does not have a defined sort order: ${filePath.replace(".css", "")}`)
|
|
2547
2547
|
);
|
|
2548
2548
|
console.log(
|
|
2549
|
-
|
|
2549
|
+
pc.dim(
|
|
2550
2550
|
`
|
|
2551
2551
|
The section will currently be added to the end of the entry file, but the exact
|
|
2552
2552
|
order may change due to nondeterminism.`.trim()
|
|
@@ -2579,7 +2579,7 @@ ${fileHeader}
|
|
|
2579
2579
|
};
|
|
2580
2580
|
|
|
2581
2581
|
// src/tokens/process/platform.ts
|
|
2582
|
-
import
|
|
2582
|
+
import pc3 from "picocolors";
|
|
2583
2583
|
import * as R17 from "ramda";
|
|
2584
2584
|
import StyleDictionary2 from "style-dictionary";
|
|
2585
2585
|
|
|
@@ -3120,8 +3120,8 @@ var typographyVariables = ({ theme, typography: typography2 }) => {
|
|
|
3120
3120
|
};
|
|
3121
3121
|
|
|
3122
3122
|
// src/tokens/process/utils/getMultidimensionalThemes.ts
|
|
3123
|
-
import chalk2 from "chalk";
|
|
3124
3123
|
import { kebabCase } from "change-case";
|
|
3124
|
+
import pc2 from "picocolors";
|
|
3125
3125
|
import * as R15 from "ramda";
|
|
3126
3126
|
var getMultidimensionalThemes = (processed$themes, dimensions) => {
|
|
3127
3127
|
const verboseLogging = buildOptions?.verbose;
|
|
@@ -3131,8 +3131,8 @@ var getMultidimensionalThemes = (processed$themes, dimensions) => {
|
|
|
3131
3131
|
const keys2 = R15.keys(grouped$themes);
|
|
3132
3132
|
const nonDependentKeys = keys2.filter((x) => ![...ALL_DEPENDENT_ON, ...dimensions].includes(x));
|
|
3133
3133
|
if (verboseLogging) {
|
|
3134
|
-
console.log(
|
|
3135
|
-
console.log(
|
|
3134
|
+
console.log(pc2.cyan(`\u{1F50E} Finding theme permutations for ${dimensions}`));
|
|
3135
|
+
console.log(pc2.cyan(` (ignoring permutations for ${nonDependentKeys})`));
|
|
3136
3136
|
}
|
|
3137
3137
|
return permutations.filter((val) => {
|
|
3138
3138
|
const filters = nonDependentKeys.map((x) => val.permutation[x] === grouped$themes[x][0].name);
|
|
@@ -3359,18 +3359,18 @@ async function processPlatform(options) {
|
|
|
3359
3359
|
const UNSAFE_DEFAULT_COLOR = process.env.UNSAFE_DEFAULT_COLOR ?? "";
|
|
3360
3360
|
if (UNSAFE_DEFAULT_COLOR) {
|
|
3361
3361
|
console.warn(
|
|
3362
|
-
|
|
3362
|
+
pc3.yellow(
|
|
3363
3363
|
`
|
|
3364
|
-
\u26A0\uFE0F UNSAFE_DEFAULT_COLOR is set to ${
|
|
3364
|
+
\u26A0\uFE0F UNSAFE_DEFAULT_COLOR is set to ${pc3.blue(UNSAFE_DEFAULT_COLOR)}. This will override the default color.`
|
|
3365
3365
|
)
|
|
3366
3366
|
);
|
|
3367
3367
|
}
|
|
3368
3368
|
const UNSAFE_COLOR_GROUPS = Array.from(process.env.UNSAFE_COLOR_GROUPS?.split(",") ?? []);
|
|
3369
3369
|
if (UNSAFE_COLOR_GROUPS.length > 0) {
|
|
3370
3370
|
console.warn(
|
|
3371
|
-
|
|
3371
|
+
pc3.yellow(
|
|
3372
3372
|
`
|
|
3373
|
-
\u26A0\uFE0F UNSAFE_COLOR_GROUPS is set to ${
|
|
3373
|
+
\u26A0\uFE0F UNSAFE_COLOR_GROUPS is set to ${pc3.blue(`[${UNSAFE_COLOR_GROUPS.join(", ")}]`)}. This will override the default color groups.`
|
|
3374
3374
|
)
|
|
3375
3375
|
);
|
|
3376
3376
|
}
|
|
@@ -3385,7 +3385,7 @@ async function processPlatform(options) {
|
|
|
3385
3385
|
}
|
|
3386
3386
|
if (buildOptions.defaultColor) {
|
|
3387
3387
|
console.log(`
|
|
3388
|
-
\u{1F3A8} Using ${
|
|
3388
|
+
\u{1F3A8} Using ${pc3.blue(buildOptions.defaultColor)} as default color`);
|
|
3389
3389
|
}
|
|
3390
3390
|
const buildAndSdConfigs = R17.map((buildConfig) => {
|
|
3391
3391
|
const sdConfigs = getConfigsForThemeDimensions(
|
|
@@ -3429,7 +3429,7 @@ async function processPlatform(options) {
|
|
|
3429
3429
|
}
|
|
3430
3430
|
if (sdConfigs.length > 0) {
|
|
3431
3431
|
console.log(`
|
|
3432
|
-
\u{1F371} Building ${
|
|
3432
|
+
\u{1F371} Building ${pc3.green(buildConfig.name ?? buildName)}`);
|
|
3433
3433
|
const results = await Promise.all(
|
|
3434
3434
|
sdConfigs.map(async (sdConfig) => {
|
|
3435
3435
|
const { config, permutation } = sdConfig;
|
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.2.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,10 +2512,10 @@ 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.1",
|
|
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
2521
|
tsx: "^4.20.3",
|
|
@@ -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
|
|
|
@@ -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
|
|
|
@@ -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
|
|
|
@@ -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);
|
|
@@ -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
|
|
|
@@ -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);
|
|
@@ -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
|
|
|
@@ -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
|
|
|
@@ -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
|
|
|
@@ -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
|
|
|
@@ -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.2.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,10 +87,10 @@ 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.1",
|
|
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
96
|
tsx: "^4.20.3",
|
|
@@ -99,7 +99,7 @@ var package_default = {
|
|
|
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
|
|
|
@@ -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.2.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,10 +88,10 @@ 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.1",
|
|
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
97
|
tsx: "^4.20.3",
|
|
@@ -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()
|