@digdir/designsystemet 1.11.0 → 1.12.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 +24 -4
- package/dist/bin/designsystemet.js +912 -1223
- package/dist/src/colors/index.js +27 -1
- package/dist/src/colors/types.d.ts +24 -21
- package/dist/src/colors/types.d.ts.map +1 -1
- package/dist/src/colors/types.js +27 -0
- package/dist/src/config.js +24 -4
- package/dist/src/index.js +818 -1122
- package/dist/src/scripts/createJsonSchema.js +24 -4
- package/dist/src/scripts/update-preview-tokens.d.ts.map +1 -1
- package/dist/src/scripts/update-preview-tokens.js +1363 -1667
- package/dist/src/tokens/build.js +7 -8
- package/dist/src/tokens/create/generators/$designsystemet.js +7 -8
- package/dist/src/tokens/create/generators/$metadata.d.ts +2 -2
- package/dist/src/tokens/create/generators/$metadata.d.ts.map +1 -1
- package/dist/src/tokens/create/generators/$metadata.js +3 -7
- package/dist/src/tokens/create/generators/$themes.d.ts +17 -2
- package/dist/src/tokens/create/generators/$themes.d.ts.map +1 -1
- package/dist/src/tokens/create/generators/$themes.js +3 -3
- package/dist/src/tokens/create/generators/primitives/color-scheme.d.ts +5 -0
- package/dist/src/tokens/create/generators/primitives/color-scheme.d.ts.map +1 -0
- package/dist/src/tokens/create/generators/{color.js → primitives/color-scheme.js} +29 -6
- package/dist/src/tokens/create/generators/primitives/globals.d.ts +3 -0
- package/dist/src/tokens/create/generators/primitives/globals.d.ts.map +1 -0
- package/dist/src/tokens/create/generators/primitives/globals.js +148 -0
- package/dist/src/tokens/create/generators/primitives/size.d.ts +4 -0
- package/dist/src/tokens/create/generators/primitives/size.d.ts.map +1 -0
- package/dist/src/tokens/create/generators/primitives/size.js +157 -0
- package/dist/src/tokens/create/generators/primitives/typography.d.ts +4 -0
- package/dist/src/tokens/create/generators/primitives/typography.d.ts.map +1 -0
- package/dist/src/tokens/create/generators/primitives/typography.js +220 -0
- package/dist/src/tokens/create/generators/semantic/color-modes.d.ts +8 -0
- package/dist/src/tokens/create/generators/semantic/color-modes.d.ts.map +1 -0
- package/dist/src/tokens/create/generators/semantic/color-modes.js +61 -0
- package/dist/src/tokens/create/generators/semantic/color.d.ts +5 -0
- package/dist/src/tokens/create/generators/semantic/color.d.ts.map +1 -0
- package/dist/src/tokens/create/generators/{semantic.js → semantic/color.js} +50 -194
- package/dist/src/tokens/create/generators/semantic/style.d.ts +3 -0
- package/dist/src/tokens/create/generators/semantic/style.d.ts.map +1 -0
- package/dist/src/tokens/create/generators/semantic/style.js +384 -0
- package/dist/src/tokens/create/generators/{theme.d.ts → themes/theme.d.ts} +1 -1
- package/dist/src/tokens/create/generators/themes/theme.d.ts.map +1 -0
- package/dist/src/tokens/create/generators/{theme.js → themes/theme.js} +87 -129
- package/dist/src/tokens/create/write.d.ts.map +1 -1
- package/dist/src/tokens/create/write.js +16 -20
- package/dist/src/tokens/create.d.ts +1 -1
- package/dist/src/tokens/create.d.ts.map +1 -1
- package/dist/src/tokens/create.js +1340 -1647
- package/dist/src/tokens/format.d.ts.map +1 -1
- package/dist/src/tokens/format.js +1363 -1670
- package/dist/src/tokens/index.js +1363 -1670
- package/dist/src/tokens/process/output/declarations.js +7 -8
- package/dist/src/tokens/process/output/theme.js +7 -8
- package/dist/src/tokens/types.d.ts +7 -0
- package/dist/src/tokens/types.d.ts.map +1 -1
- package/package.json +8 -9
- package/dist/color.base.template-Z7YWN2TF.json +0 -22
- package/dist/color.template-LMPUQ72A.json +0 -66
- package/dist/color.template-XQNSHLTU.json +0 -66
- package/dist/global-Y35YADVH.json +0 -100
- package/dist/globals-76VAFMDF.json +0 -143
- package/dist/large-CIIHO7AY.json +0 -96
- package/dist/large-UUOZ6DYI.json +0 -16
- package/dist/medium-OQ7S7P4P.json +0 -16
- package/dist/medium-VSB2S4X3.json +0 -96
- package/dist/small-AEXJ6U7Z.json +0 -96
- package/dist/small-ZY4KOJWX.json +0 -16
- package/dist/src/scripts/update-template.d.ts +0 -2
- package/dist/src/scripts/update-template.d.ts.map +0 -1
- package/dist/src/scripts/update-template.js +0 -1366
- package/dist/src/tokens/create/defaults.d.ts +0 -7
- package/dist/src/tokens/create/defaults.d.ts.map +0 -1
- package/dist/src/tokens/create/defaults.js +0 -998
- package/dist/src/tokens/create/generators/color.d.ts +0 -5
- package/dist/src/tokens/create/generators/color.d.ts.map +0 -1
- package/dist/src/tokens/create/generators/semantic.d.ts +0 -32
- package/dist/src/tokens/create/generators/semantic.d.ts.map +0 -1
- package/dist/src/tokens/create/generators/theme.d.ts.map +0 -1
- package/dist/src/tokens/create/generators/typography.d.ts +0 -3
- package/dist/src/tokens/create/generators/typography.d.ts.map +0 -1
- package/dist/src/tokens/create/generators/typography.js +0 -33
- package/dist/src/tokens/template/design-tokens/primitives/globals.js +0 -5
- package/dist/src/tokens/template/design-tokens/primitives/modes/size/global.js +0 -5
- package/dist/src/tokens/template/design-tokens/primitives/modes/size/large.js +0 -5
- package/dist/src/tokens/template/design-tokens/primitives/modes/size/medium.js +0 -5
- package/dist/src/tokens/template/design-tokens/primitives/modes/size/small.js +0 -5
- package/dist/src/tokens/template/design-tokens/primitives/modes/typography/size/large.js +0 -5
- package/dist/src/tokens/template/design-tokens/primitives/modes/typography/size/medium.js +0 -5
- package/dist/src/tokens/template/design-tokens/primitives/modes/typography/size/small.js +0 -5
- package/dist/src/tokens/template/design-tokens/primitives/modes/typography/typography.template.js +0 -5
- package/dist/src/tokens/template/design-tokens/semantic/color.base.template.js +0 -5
- package/dist/src/tokens/template/design-tokens/semantic/color.template.js +0 -5
- package/dist/src/tokens/template/design-tokens/semantic/modes/color.template.js +0 -5
- package/dist/src/tokens/template/design-tokens/semantic/style.js +0 -5
- package/dist/src/tokens/template/design-tokens/themes/theme.base.template.js +0 -5
- package/dist/src/tokens/template/design-tokens/themes/theme.template.js +0 -5
- package/dist/style-FP5XVCUD.json +0 -378
- package/dist/theme.base.template-Y4RMFBQY.json +0 -55
- package/dist/theme.template-CTQRNOMO.json +0 -66
- package/dist/typography.template-4N5YLH7F.json +0 -22
|
@@ -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.12.0",
|
|
50
50
|
description: "CLI for Designsystemet",
|
|
51
51
|
author: "Designsystemet team",
|
|
52
52
|
engines: {
|
|
@@ -98,9 +98,8 @@ var package_default = {
|
|
|
98
98
|
"test:tokens-build-config-tailwind": "pnpm run designsystemet tokens build -t ./temp/config/design-tokens -o ./temp/config/build --clean --experimental-tailwind",
|
|
99
99
|
"test:tokens-create-and-build-options": "pnpm test:tokens-create-options && pnpm test:tokens-build",
|
|
100
100
|
"test:tokens-create-and-build-config": "pnpm test:tokens-create-config && pnpm test:tokens-build-config",
|
|
101
|
-
"test:generate-config-from-tokens": "pnpm run designsystemet generate-config-from-tokens -d ../../
|
|
101
|
+
"test:generate-config-from-tokens": "pnpm run designsystemet generate-config-from-tokens -d ../../design-tokens --dry",
|
|
102
102
|
test: "node -v && pnpm test:tokens-create-and-build-options && pnpm test:generate-config-from-tokens && pnpm test:tokens-create-and-build-config",
|
|
103
|
-
"update:template": "tsx ./src/scripts/update-template.ts",
|
|
104
103
|
"update:preview-tokens": "tsx ./src/scripts/update-preview-tokens.ts",
|
|
105
104
|
verify: "pnpm test && pnpm update:template && pnpm --filter @internal/digdir update:theme-digdir"
|
|
106
105
|
},
|
|
@@ -109,22 +108,22 @@ var package_default = {
|
|
|
109
108
|
"@digdir/designsystemet-types": "workspace:^",
|
|
110
109
|
"@tokens-studio/sd-transforms": "2.0.3",
|
|
111
110
|
"chroma-js": "^3.2.0",
|
|
112
|
-
"colorjs.io": "^0.6.
|
|
113
|
-
commander: "^14.0.
|
|
111
|
+
"colorjs.io": "^0.6.1",
|
|
112
|
+
commander: "^14.0.3",
|
|
114
113
|
"fast-glob": "^3.3.3",
|
|
115
114
|
hsluv: "^1.0.1",
|
|
116
115
|
"object-hash": "^3.0.0",
|
|
117
116
|
picocolors: "^1.1.1",
|
|
118
117
|
postcss: "^8.5.6",
|
|
119
118
|
ramda: "^0.32.0",
|
|
120
|
-
"style-dictionary": "^5.
|
|
121
|
-
zod: "^4.3.
|
|
119
|
+
"style-dictionary": "^5.3.0",
|
|
120
|
+
zod: "^4.3.6",
|
|
122
121
|
"zod-validation-error": "^5.0.0"
|
|
123
122
|
},
|
|
124
123
|
devDependencies: {
|
|
125
124
|
"@tokens-studio/types": "0.5.2",
|
|
126
125
|
"@types/chroma-js": "^3.1.2",
|
|
127
|
-
"@types/node": "^24.10.
|
|
126
|
+
"@types/node": "^24.10.13",
|
|
128
127
|
"@types/object-hash": "^3.0.6",
|
|
129
128
|
"@types/ramda": "^0.31.1",
|
|
130
129
|
tsup: "^8.5.1",
|
|
@@ -142,17 +141,13 @@ function generate$Designsystemet() {
|
|
|
142
141
|
}
|
|
143
142
|
|
|
144
143
|
// src/tokens/create/generators/$metadata.ts
|
|
145
|
-
function generate$Metadata(schemes, themes, colors) {
|
|
144
|
+
function generate$Metadata(schemes, themes, colors, sizeModes) {
|
|
146
145
|
return {
|
|
147
146
|
tokenSetOrder: [
|
|
148
147
|
"primitives/globals",
|
|
149
|
-
|
|
150
|
-
"primitives/modes/size/medium",
|
|
151
|
-
"primitives/modes/size/large",
|
|
148
|
+
...sizeModes.map((size) => `primitives/modes/size/${size}`),
|
|
152
149
|
"primitives/modes/size/global",
|
|
153
|
-
|
|
154
|
-
"primitives/modes/typography/size/medium",
|
|
155
|
-
"primitives/modes/typography/size/large",
|
|
150
|
+
...sizeModes.map((size) => `primitives/modes/typography/size/${size}`),
|
|
156
151
|
...themes.map((theme) => `primitives/modes/typography/primary/${theme}`),
|
|
157
152
|
...themes.map((theme) => `primitives/modes/typography/secondary/${theme}`),
|
|
158
153
|
...schemes.flatMap((scheme) => [...themes.map((theme) => `primitives/modes/color-scheme/${scheme}/${theme}`)]),
|
|
@@ -337,9 +332,9 @@ async function createHash(text, algo = "SHA-1") {
|
|
|
337
332
|
(byte) => byte.toString(16).padStart(2, "0")
|
|
338
333
|
).join("");
|
|
339
334
|
}
|
|
340
|
-
async function generate$Themes(colorSchemes, themes, colors) {
|
|
335
|
+
async function generate$Themes(colorSchemes, themes, colors, sizeModes) {
|
|
341
336
|
return [
|
|
342
|
-
...generateSizeGroup(),
|
|
337
|
+
...generateSizeGroup(sizeModes),
|
|
343
338
|
...await generateThemesGroup(themes),
|
|
344
339
|
...generateTypographyGroup(themes),
|
|
345
340
|
...generateColorSchemesGroup(colorSchemes, themes),
|
|
@@ -348,7 +343,7 @@ async function generate$Themes(colorSchemes, themes, colors) {
|
|
|
348
343
|
...await generateColorGroup("support", colors)
|
|
349
344
|
];
|
|
350
345
|
}
|
|
351
|
-
function generateSizeGroup() {
|
|
346
|
+
function generateSizeGroup(_sizes) {
|
|
352
347
|
return [
|
|
353
348
|
{
|
|
354
349
|
id: "8b2c8cc86611a34b135cb22948666779361fd729",
|
|
@@ -509,6 +504,7 @@ var writeTokens = async (options) => {
|
|
|
509
504
|
const $metadataPath = path.join(targetDir, "$metadata.json");
|
|
510
505
|
const $designsystemetPath = path.join(targetDir, "$designsystemet.jsonc");
|
|
511
506
|
let themeObjects = [];
|
|
507
|
+
const sizeModes = ["small", "medium", "large"];
|
|
512
508
|
await mkdir(targetDir, dry);
|
|
513
509
|
try {
|
|
514
510
|
const $themes2 = await readFile($themesPath);
|
|
@@ -527,8 +523,8 @@ var writeTokens = async (options) => {
|
|
|
527
523
|
const themes = concatThemeNames(themeObjects);
|
|
528
524
|
console.log(`
|
|
529
525
|
Themes: ${pc2.blue(themes.join(", "))}`);
|
|
530
|
-
const $themes = await generate$Themes(["dark", "light"], themes, colors);
|
|
531
|
-
const $metadata = generate$Metadata(["dark", "light"], themes, colors);
|
|
526
|
+
const $themes = await generate$Themes(["dark", "light"], themes, colors, sizeModes);
|
|
527
|
+
const $metadata = generate$Metadata(["dark", "light"], themes, colors, sizeModes);
|
|
532
528
|
const $designsystemet = generate$Designsystemet();
|
|
533
529
|
await writeFile($themesPath, stringify($themes), dry);
|
|
534
530
|
await writeFile($metadataPath, stringify($metadata), dry);
|
|
@@ -15,7 +15,7 @@ export declare const cliOptions: {
|
|
|
15
15
|
readonly borderRadius: "border-radius";
|
|
16
16
|
};
|
|
17
17
|
};
|
|
18
|
-
export declare const createTokens: (
|
|
18
|
+
export declare const createTokens: (theme: Theme) => Promise<{
|
|
19
19
|
tokenSets: TokenSets;
|
|
20
20
|
}>;
|
|
21
21
|
//# sourceMappingURL=create.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../../src/tokens/create.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../../src/tokens/create.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAa,KAAK,EAAY,SAAS,EAAE,MAAM,YAAY,CAAC;AAExE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CAeb,CAAC;AAEX,eAAO,MAAM,YAAY,GAAU,OAAO,KAAK;;EA4B9C,CAAC"}
|