@digdir/designsystemet 1.13.2 → 1.14.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 +50 -658
- package/dist/bin/designsystemet.d.ts.map +1 -1
- package/dist/bin/designsystemet.js +136 -4623
- package/dist/bin/options.js +22 -14
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BorderValues.js +9 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BoxShadowTypes.js +8 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BoxShadowValues.js +13 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/ColorModifierTypes.js +10 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/ColorSpaceTypes.js +10 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/Properties.js +53 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/StrokeStyleValues.js +14 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TokenSetStatus.js +9 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TokenTypes.js +32 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TypographyValues.js +15 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/types/index.js +11 -0
- package/dist/package.js +5 -0
- package/dist/src/colors/colorMetadata.js +255 -261
- package/dist/src/colors/index.js +5 -522
- package/dist/src/colors/theme.js +104 -343
- package/dist/src/colors/types.js +22 -25
- package/dist/src/colors/utils.js +241 -154
- package/dist/src/config.js +103 -444
- package/dist/src/index.js +10 -3588
- package/dist/src/migrations/beta-to-v1.js +339 -537
- package/dist/src/migrations/codemods/css/plugins.js +31 -42
- package/dist/src/migrations/codemods/css/run.js +20 -151
- package/dist/src/migrations/color-rename-next49.js +44 -220
- package/dist/src/migrations/index.js +7 -577
- package/dist/src/scripts/update-preview-tokens.d.ts.map +1 -1
- package/dist/src/tokens/build.js +39 -1816
- package/dist/src/tokens/create/files.d.ts +10 -5
- package/dist/src/tokens/create/files.d.ts.map +1 -1
- package/dist/src/tokens/create/files.js +44 -601
- package/dist/src/tokens/create/generators/$designsystemet.js +8 -97
- package/dist/src/tokens/create/generators/$metadata.d.ts +7 -3
- package/dist/src/tokens/create/generators/$metadata.d.ts.map +1 -1
- package/dist/src/tokens/create/generators/$metadata.js +24 -21
- package/dist/src/tokens/create/generators/$themes.d.ts +2 -4
- package/dist/src/tokens/create/generators/$themes.d.ts.map +1 -1
- package/dist/src/tokens/create/generators/$themes.js +139 -312
- package/dist/src/tokens/create/generators/primitives/color-scheme.js +68 -443
- package/dist/src/tokens/create/generators/primitives/globals.js +141 -147
- package/dist/src/tokens/create/generators/primitives/size.js +146 -156
- package/dist/src/tokens/create/generators/primitives/typography.js +213 -217
- package/dist/src/tokens/create/generators/semantic/color-modes.js +24 -59
- package/dist/src/tokens/create/generators/semantic/color.js +42 -326
- package/dist/src/tokens/create/generators/semantic/style.js +379 -382
- package/dist/src/tokens/create/generators/themes/theme.js +108 -392
- package/dist/src/tokens/create.d.ts +2 -1
- package/dist/src/tokens/create.d.ts.map +1 -1
- package/dist/src/tokens/create.js +50 -1591
- package/dist/src/tokens/format.d.ts.map +1 -1
- package/dist/src/tokens/format.js +35 -3324
- package/dist/src/tokens/generate-config.js +155 -298
- package/dist/src/tokens/index.js +3 -3344
- package/dist/src/tokens/process/configs/color.js +50 -1085
- package/dist/src/tokens/process/configs/semantic.js +45 -1083
- package/dist/src/tokens/process/configs/shared.js +18 -109
- package/dist/src/tokens/process/configs/size-mode.js +27 -1082
- package/dist/src/tokens/process/configs/size.js +32 -1083
- package/dist/src/tokens/process/configs/type-scale.js +49 -1083
- package/dist/src/tokens/process/configs/typography.js +63 -1084
- package/dist/src/tokens/process/configs.js +91 -1224
- package/dist/src/tokens/process/formats/css/color.js +58 -1079
- package/dist/src/tokens/process/formats/css/semantic.js +27 -1081
- package/dist/src/tokens/process/formats/css/size-mode.js +43 -1077
- package/dist/src/tokens/process/formats/css/size.js +86 -1079
- package/dist/src/tokens/process/formats/css/type-scale.js +53 -1083
- package/dist/src/tokens/process/formats/css/typography.js +27 -1081
- package/dist/src/tokens/process/formats/css.js +18 -1081
- package/dist/src/tokens/process/output/declarations.js +18 -1201
- package/dist/src/tokens/process/output/tailwind.js +26 -40
- package/dist/src/tokens/process/output/theme.js +73 -206
- package/dist/src/tokens/process/platform.js +165 -1355
- package/dist/src/tokens/process/transformers.js +49 -89
- package/dist/src/tokens/process/utils/getMultidimensionalThemes.js +100 -1183
- package/dist/src/tokens/process/utils/kebab-case.js +7 -5
- package/dist/src/tokens/types.d.ts +6 -0
- package/dist/src/tokens/types.d.ts.map +1 -1
- package/dist/src/tokens/types.js +6 -7
- package/dist/src/tokens/utils.d.ts +2 -1
- package/dist/src/tokens/utils.d.ts.map +1 -1
- package/dist/src/tokens/utils.js +107 -93
- package/dist/src/types.js +1 -5
- package/dist/src/utils/filesystem.js +112 -124
- package/package.json +12 -15
- package/configs/test-tokens.config.json +0 -82
- package/dist/src/scripts/createJsonSchema.js +0 -409
- package/dist/src/scripts/update-preview-tokens.js +0 -3353
|
@@ -1,99 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
name: "@digdir/designsystemet",
|
|
4
|
-
version: "1.13.2",
|
|
5
|
-
description: "CLI for Designsystemet",
|
|
6
|
-
author: "Designsystemet team",
|
|
7
|
-
engines: {
|
|
8
|
-
node: ">=20.20.2"
|
|
9
|
-
},
|
|
10
|
-
repository: {
|
|
11
|
-
type: "git",
|
|
12
|
-
url: "git+https://github.com/digdir/designsystemet.git"
|
|
13
|
-
},
|
|
14
|
-
homepage: "https://github.com/digdir/designsystemet/tree/main/packages/cli",
|
|
15
|
-
license: "MIT",
|
|
16
|
-
type: "module",
|
|
17
|
-
main: "./dist/src/index.js",
|
|
18
|
-
files: [
|
|
19
|
-
"./dist/**",
|
|
20
|
-
"./configs/**"
|
|
21
|
-
],
|
|
22
|
-
bin: "dist/bin/designsystemet.js",
|
|
23
|
-
exports: {
|
|
24
|
-
".": {
|
|
25
|
-
import: "./dist/src/index.js"
|
|
26
|
-
},
|
|
27
|
-
"./color": {
|
|
28
|
-
import: "./dist/src/colors/index.js"
|
|
29
|
-
},
|
|
30
|
-
"./tokens": {
|
|
31
|
-
import: "./dist/src/tokens/index.js"
|
|
32
|
-
},
|
|
33
|
-
"./types": {
|
|
34
|
-
import: "./dist/src/types.js"
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
publishConfig: {
|
|
38
|
-
access: "public"
|
|
39
|
-
},
|
|
40
|
-
scripts: {
|
|
41
|
-
designsystemet: "tsx ./bin/designsystemet.ts",
|
|
42
|
-
"designsystemet:inspect": "tsx --inspect-brk ./bin/designsystemet.ts",
|
|
43
|
-
build: "tsup && pnpm build:types && pnpm build:json-schema",
|
|
44
|
-
"build:types": "tsc --emitDeclarationOnly --declaration",
|
|
45
|
-
"build:json-schema": "tsx ./src/scripts/createJsonSchema.ts",
|
|
46
|
-
types: "tsc --noEmit",
|
|
47
|
-
"test:tokens-create-options": 'pnpm run designsystemet tokens create -m dominant:"#007682" -n "#003333" -b 99 -o ./temp/options/design-tokens --theme options --clean',
|
|
48
|
-
"test:tokens-create-config": "pnpm run designsystemet tokens create --config ./configs/test-tokens.config.json",
|
|
49
|
-
"test:tokens-build": "pnpm run designsystemet tokens build -t ./temp/options/design-tokens -o ./temp/options/build --clean",
|
|
50
|
-
"test:tokens-build-tailwind": "pnpm run designsystemet tokens build -t ./temp/options/design-tokens -o ./temp/options/build --clean --experimental-tailwind",
|
|
51
|
-
"test:tokens-build-config": "pnpm run designsystemet tokens build -t ./temp/config/design-tokens -o ./temp/config/build --clean",
|
|
52
|
-
"test:tokens-build-config:inspect": "pnpm run designsystemet:inspect tokens build -t ./temp/config/design-tokens -o ./temp/config/build --clean",
|
|
53
|
-
"test:tokens-build-config-tailwind": "pnpm run designsystemet tokens build -t ./temp/config/design-tokens -o ./temp/config/build --clean --experimental-tailwind",
|
|
54
|
-
"test:tokens-create-and-build-options": "pnpm test:tokens-create-options && pnpm test:tokens-build",
|
|
55
|
-
"test:tokens-create-and-build-config": "pnpm test:tokens-create-config && pnpm test:tokens-build-config",
|
|
56
|
-
"test:generate-config-from-tokens": "pnpm run designsystemet generate-config-from-tokens -d ../../design-tokens --dry",
|
|
57
|
-
test: "node -v && pnpm test:tokens-create-and-build-options && pnpm test:generate-config-from-tokens && pnpm test:tokens-create-and-build-config",
|
|
58
|
-
"update:preview-tokens": "tsx ./src/scripts/update-preview-tokens.ts",
|
|
59
|
-
verify: "pnpm test && pnpm update:template && pnpm --filter @internal/digdir update:theme-digdir"
|
|
60
|
-
},
|
|
61
|
-
dependencies: {
|
|
62
|
-
"@commander-js/extra-typings": "^14.0.0",
|
|
63
|
-
"@digdir/designsystemet-types": "workspace:",
|
|
64
|
-
"@tokens-studio/sd-transforms": "2.0.3",
|
|
65
|
-
"chroma-js": "^3.2.0",
|
|
66
|
-
"colorjs.io": "^0.6.1",
|
|
67
|
-
commander: "^14.0.3",
|
|
68
|
-
"fast-glob": "^3.3.3",
|
|
69
|
-
hsluv: "^1.0.1",
|
|
70
|
-
"object-hash": "^3.0.0",
|
|
71
|
-
picocolors: "^1.1.1",
|
|
72
|
-
postcss: "^8.5.8",
|
|
73
|
-
ramda: "^0.32.0",
|
|
74
|
-
"style-dictionary": "^5.4.0",
|
|
75
|
-
zod: "^4.3.6",
|
|
76
|
-
"zod-validation-error": "^5.0.0"
|
|
77
|
-
},
|
|
78
|
-
devDependencies: {
|
|
79
|
-
"@tokens-studio/types": "0.5.2",
|
|
80
|
-
"@types/chroma-js": "3.1.2",
|
|
81
|
-
"@types/node": "24.12.2",
|
|
82
|
-
"@types/object-hash": "3.0.6",
|
|
83
|
-
"@types/ramda": "0.31.1",
|
|
84
|
-
tsup: "8.5.1",
|
|
85
|
-
tsx: "4.21.0",
|
|
86
|
-
typescript: "5.9.3"
|
|
87
|
-
}
|
|
88
|
-
};
|
|
89
|
-
|
|
90
|
-
// src/tokens/create/generators/$designsystemet.ts
|
|
1
|
+
import { name, version } from "../../../../package.js";
|
|
2
|
+
//#region src/tokens/create/generators/$designsystemet.ts
|
|
91
3
|
function generate$Designsystemet() {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
4
|
+
return {
|
|
5
|
+
name,
|
|
6
|
+
version
|
|
7
|
+
};
|
|
96
8
|
}
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
};
|
|
9
|
+
//#endregion
|
|
10
|
+
export { generate$Designsystemet };
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import type { Colors, SizeModes } from '../../types.js';
|
|
1
|
+
import type { ColorNamesByCategory, TokenSetDimensions } from '../../types.js';
|
|
3
2
|
type Metadata = {
|
|
4
3
|
tokenSetOrder: string[];
|
|
5
4
|
};
|
|
6
|
-
|
|
5
|
+
/**
|
|
6
|
+
* Generates metadata for the given token set dimensions, theme names, and colors.
|
|
7
|
+
*
|
|
8
|
+
* This is used to order tokens in Token Studio
|
|
9
|
+
*/
|
|
10
|
+
export declare function generate$Metadata(tokenSetDimensions: TokenSetDimensions, themeNames: string[], colors: ColorNamesByCategory): Metadata;
|
|
7
11
|
export {};
|
|
8
12
|
//# sourceMappingURL=$metadata.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"$metadata.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/create/generators/$metadata.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"$metadata.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/create/generators/$metadata.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAE/E,KAAK,QAAQ,GAAG;IACd,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,MAAM,EAAE,EACpB,MAAM,EAAE,oBAAoB,GAC3B,QAAQ,CAoBV"}
|
|
@@ -1,22 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
1
|
+
//#region src/tokens/create/generators/$metadata.ts
|
|
2
|
+
/**
|
|
3
|
+
* Generates metadata for the given token set dimensions, theme names, and colors.
|
|
4
|
+
*
|
|
5
|
+
* This is used to order tokens in Token Studio
|
|
6
|
+
*/
|
|
7
|
+
function generate$Metadata(tokenSetDimensions, themeNames, colors) {
|
|
8
|
+
const { colorSchemes, sizeModes } = tokenSetDimensions;
|
|
9
|
+
return { tokenSetOrder: [
|
|
10
|
+
"primitives/globals",
|
|
11
|
+
...sizeModes.map((size) => `primitives/modes/size/${size}`),
|
|
12
|
+
"primitives/modes/size/global",
|
|
13
|
+
...sizeModes.map((size) => `primitives/modes/typography/size/${size}`),
|
|
14
|
+
...themeNames.map((theme) => `primitives/modes/typography/primary/${theme}`),
|
|
15
|
+
...themeNames.map((theme) => `primitives/modes/typography/secondary/${theme}`),
|
|
16
|
+
...colorSchemes.flatMap((scheme) => [...themeNames.map((theme) => `primitives/modes/color-scheme/${scheme}/${theme}`)]),
|
|
17
|
+
...themeNames.map((theme) => `themes/${theme}`),
|
|
18
|
+
"semantic/color",
|
|
19
|
+
...colors.main.map((color) => `semantic/modes/main-color/${color}`),
|
|
20
|
+
...colors.support.map((color) => `semantic/modes/support-color/${color}`),
|
|
21
|
+
"semantic/style"
|
|
22
|
+
] };
|
|
19
23
|
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
};
|
|
24
|
+
//#endregion
|
|
25
|
+
export { generate$Metadata };
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import { type ThemeObject } from '@tokens-studio/types';
|
|
2
|
-
import type {
|
|
3
|
-
import type { Colors, SizeModes } from '../../types.js';
|
|
4
|
-
type ColorSchemes = Array<ColorScheme>;
|
|
2
|
+
import type { ColorNamesByCategory, TokenSetDimensions } from '../../types.js';
|
|
5
3
|
type ThemeObject_ = ThemeObject & {
|
|
6
4
|
$figmaCollectionId?: string;
|
|
7
5
|
$figmaModeId?: string;
|
|
@@ -22,6 +20,6 @@ type ThemeObject_ = ThemeObject & {
|
|
|
22
20
|
- New collections/modes may cause users hitting the cap on Figma variable modes which is at time of writing 4 (or unlimited for enterprise).
|
|
23
21
|
|
|
24
22
|
*/
|
|
25
|
-
export declare function generate$Themes(
|
|
23
|
+
export declare function generate$Themes(tokenSetDimensions: TokenSetDimensions, themeNames: string[], colors: ColorNamesByCategory): Promise<ThemeObject_[]>;
|
|
26
24
|
export {};
|
|
27
25
|
//# sourceMappingURL=$themes.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"$themes.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/create/generators/$themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"$themes.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/create/generators/$themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,sBAAsB,CAAC;AAGxE,OAAO,KAAK,EAAE,oBAAoB,EAAa,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAa1F,KAAK,YAAY,GAAG,WAAW,GAAG;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wBAAwB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnD,CAAC;AAEF;;;;;;;;;;;;;;EAcE;AACF,wBAAsB,eAAe,CACnC,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,MAAM,EAAE,EACpB,MAAM,EAAE,oBAAoB,GAC3B,OAAO,CAAC,YAAY,EAAE,CAAC,CAWzB"}
|