@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.
Files changed (89) hide show
  1. package/dist/bin/config.js +50 -658
  2. package/dist/bin/designsystemet.d.ts.map +1 -1
  3. package/dist/bin/designsystemet.js +136 -4623
  4. package/dist/bin/options.js +22 -14
  5. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BorderValues.js +9 -0
  6. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BoxShadowTypes.js +8 -0
  7. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BoxShadowValues.js +13 -0
  8. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/ColorModifierTypes.js +10 -0
  9. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/ColorSpaceTypes.js +10 -0
  10. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/Properties.js +53 -0
  11. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/StrokeStyleValues.js +14 -0
  12. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TokenSetStatus.js +9 -0
  13. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TokenTypes.js +32 -0
  14. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TypographyValues.js +15 -0
  15. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/types/index.js +11 -0
  16. package/dist/package.js +5 -0
  17. package/dist/src/colors/colorMetadata.js +255 -261
  18. package/dist/src/colors/index.js +5 -522
  19. package/dist/src/colors/theme.js +104 -343
  20. package/dist/src/colors/types.js +22 -25
  21. package/dist/src/colors/utils.js +241 -154
  22. package/dist/src/config.js +103 -444
  23. package/dist/src/index.js +10 -3588
  24. package/dist/src/migrations/beta-to-v1.js +339 -537
  25. package/dist/src/migrations/codemods/css/plugins.js +31 -42
  26. package/dist/src/migrations/codemods/css/run.js +20 -151
  27. package/dist/src/migrations/color-rename-next49.js +44 -220
  28. package/dist/src/migrations/index.js +7 -577
  29. package/dist/src/scripts/update-preview-tokens.d.ts.map +1 -1
  30. package/dist/src/tokens/build.js +39 -1816
  31. package/dist/src/tokens/create/files.d.ts +10 -5
  32. package/dist/src/tokens/create/files.d.ts.map +1 -1
  33. package/dist/src/tokens/create/files.js +44 -601
  34. package/dist/src/tokens/create/generators/$designsystemet.js +8 -97
  35. package/dist/src/tokens/create/generators/$metadata.d.ts +7 -3
  36. package/dist/src/tokens/create/generators/$metadata.d.ts.map +1 -1
  37. package/dist/src/tokens/create/generators/$metadata.js +24 -21
  38. package/dist/src/tokens/create/generators/$themes.d.ts +2 -4
  39. package/dist/src/tokens/create/generators/$themes.d.ts.map +1 -1
  40. package/dist/src/tokens/create/generators/$themes.js +139 -312
  41. package/dist/src/tokens/create/generators/primitives/color-scheme.js +68 -443
  42. package/dist/src/tokens/create/generators/primitives/globals.js +141 -147
  43. package/dist/src/tokens/create/generators/primitives/size.js +146 -156
  44. package/dist/src/tokens/create/generators/primitives/typography.js +213 -217
  45. package/dist/src/tokens/create/generators/semantic/color-modes.js +24 -59
  46. package/dist/src/tokens/create/generators/semantic/color.js +42 -326
  47. package/dist/src/tokens/create/generators/semantic/style.js +379 -382
  48. package/dist/src/tokens/create/generators/themes/theme.js +108 -392
  49. package/dist/src/tokens/create.d.ts +2 -1
  50. package/dist/src/tokens/create.d.ts.map +1 -1
  51. package/dist/src/tokens/create.js +50 -1591
  52. package/dist/src/tokens/format.d.ts.map +1 -1
  53. package/dist/src/tokens/format.js +35 -3324
  54. package/dist/src/tokens/generate-config.js +155 -298
  55. package/dist/src/tokens/index.js +3 -3344
  56. package/dist/src/tokens/process/configs/color.js +50 -1085
  57. package/dist/src/tokens/process/configs/semantic.js +45 -1083
  58. package/dist/src/tokens/process/configs/shared.js +18 -109
  59. package/dist/src/tokens/process/configs/size-mode.js +27 -1082
  60. package/dist/src/tokens/process/configs/size.js +32 -1083
  61. package/dist/src/tokens/process/configs/type-scale.js +49 -1083
  62. package/dist/src/tokens/process/configs/typography.js +63 -1084
  63. package/dist/src/tokens/process/configs.js +91 -1224
  64. package/dist/src/tokens/process/formats/css/color.js +58 -1079
  65. package/dist/src/tokens/process/formats/css/semantic.js +27 -1081
  66. package/dist/src/tokens/process/formats/css/size-mode.js +43 -1077
  67. package/dist/src/tokens/process/formats/css/size.js +86 -1079
  68. package/dist/src/tokens/process/formats/css/type-scale.js +53 -1083
  69. package/dist/src/tokens/process/formats/css/typography.js +27 -1081
  70. package/dist/src/tokens/process/formats/css.js +18 -1081
  71. package/dist/src/tokens/process/output/declarations.js +18 -1201
  72. package/dist/src/tokens/process/output/tailwind.js +26 -40
  73. package/dist/src/tokens/process/output/theme.js +73 -206
  74. package/dist/src/tokens/process/platform.js +165 -1355
  75. package/dist/src/tokens/process/transformers.js +49 -89
  76. package/dist/src/tokens/process/utils/getMultidimensionalThemes.js +100 -1183
  77. package/dist/src/tokens/process/utils/kebab-case.js +7 -5
  78. package/dist/src/tokens/types.d.ts +6 -0
  79. package/dist/src/tokens/types.d.ts.map +1 -1
  80. package/dist/src/tokens/types.js +6 -7
  81. package/dist/src/tokens/utils.d.ts +2 -1
  82. package/dist/src/tokens/utils.d.ts.map +1 -1
  83. package/dist/src/tokens/utils.js +107 -93
  84. package/dist/src/types.js +1 -5
  85. package/dist/src/utils/filesystem.js +112 -124
  86. package/package.json +12 -15
  87. package/configs/test-tokens.config.json +0 -82
  88. package/dist/src/scripts/createJsonSchema.js +0 -409
  89. package/dist/src/scripts/update-preview-tokens.js +0 -3353
@@ -1,99 +1,10 @@
1
- // package.json
2
- var package_default = {
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
- return {
93
- name: package_default.name,
94
- version: package_default.version
95
- };
4
+ return {
5
+ name,
6
+ version
7
+ };
96
8
  }
97
- export {
98
- generate$Designsystemet
99
- };
9
+ //#endregion
10
+ export { generate$Designsystemet };
@@ -1,8 +1,12 @@
1
- import type { ColorScheme } from '../../../colors/types.js';
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
- export declare function generate$Metadata(schemes: ColorScheme[], themes: string[], colors: Colors, sizeModes: SizeModes[]): Metadata;
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,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAExD,KAAK,QAAQ,GAAG;IACd,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,WAAW,EAAE,EACtB,MAAM,EAAE,MAAM,EAAE,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EAAE,GACrB,QAAQ,CAiBV"}
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
- // src/tokens/create/generators/$metadata.ts
2
- function generate$Metadata(schemes, themes, colors, sizeModes) {
3
- return {
4
- tokenSetOrder: [
5
- "primitives/globals",
6
- ...sizeModes.map((size) => `primitives/modes/size/${size}`),
7
- "primitives/modes/size/global",
8
- ...sizeModes.map((size) => `primitives/modes/typography/size/${size}`),
9
- ...themes.map((theme) => `primitives/modes/typography/primary/${theme}`),
10
- ...themes.map((theme) => `primitives/modes/typography/secondary/${theme}`),
11
- ...schemes.flatMap((scheme) => [...themes.map((theme) => `primitives/modes/color-scheme/${scheme}/${theme}`)]),
12
- ...themes.map((theme) => `themes/${theme}`),
13
- "semantic/color",
14
- ...Object.entries(colors.main).map(([color]) => `semantic/modes/main-color/${color}`),
15
- ...Object.entries(colors.support).map(([color]) => `semantic/modes/support-color/${color}`),
16
- "semantic/style"
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
- export {
21
- generate$Metadata
22
- };
24
+ //#endregion
25
+ export { generate$Metadata };
@@ -1,7 +1,5 @@
1
1
  import { type ThemeObject } from '@tokens-studio/types';
2
- import type { ColorScheme } from '../../../colors/types.js';
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(colorSchemes: ColorSchemes, themes: string[], colors: Colors, sizeModes: SizeModes[]): Promise<ThemeObject_[]>;
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;AAExE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAWxD,KAAK,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAEvC,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,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EAAE,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EAAE,GACrB,OAAO,CAAC,YAAY,EAAE,CAAC,CAUzB"}
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"}