@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.
Files changed (100) hide show
  1. package/dist/bin/config.js +24 -4
  2. package/dist/bin/designsystemet.js +912 -1223
  3. package/dist/src/colors/index.js +27 -1
  4. package/dist/src/colors/types.d.ts +24 -21
  5. package/dist/src/colors/types.d.ts.map +1 -1
  6. package/dist/src/colors/types.js +27 -0
  7. package/dist/src/config.js +24 -4
  8. package/dist/src/index.js +818 -1122
  9. package/dist/src/scripts/createJsonSchema.js +24 -4
  10. package/dist/src/scripts/update-preview-tokens.d.ts.map +1 -1
  11. package/dist/src/scripts/update-preview-tokens.js +1363 -1667
  12. package/dist/src/tokens/build.js +7 -8
  13. package/dist/src/tokens/create/generators/$designsystemet.js +7 -8
  14. package/dist/src/tokens/create/generators/$metadata.d.ts +2 -2
  15. package/dist/src/tokens/create/generators/$metadata.d.ts.map +1 -1
  16. package/dist/src/tokens/create/generators/$metadata.js +3 -7
  17. package/dist/src/tokens/create/generators/$themes.d.ts +17 -2
  18. package/dist/src/tokens/create/generators/$themes.d.ts.map +1 -1
  19. package/dist/src/tokens/create/generators/$themes.js +3 -3
  20. package/dist/src/tokens/create/generators/primitives/color-scheme.d.ts +5 -0
  21. package/dist/src/tokens/create/generators/primitives/color-scheme.d.ts.map +1 -0
  22. package/dist/src/tokens/create/generators/{color.js → primitives/color-scheme.js} +29 -6
  23. package/dist/src/tokens/create/generators/primitives/globals.d.ts +3 -0
  24. package/dist/src/tokens/create/generators/primitives/globals.d.ts.map +1 -0
  25. package/dist/src/tokens/create/generators/primitives/globals.js +148 -0
  26. package/dist/src/tokens/create/generators/primitives/size.d.ts +4 -0
  27. package/dist/src/tokens/create/generators/primitives/size.d.ts.map +1 -0
  28. package/dist/src/tokens/create/generators/primitives/size.js +157 -0
  29. package/dist/src/tokens/create/generators/primitives/typography.d.ts +4 -0
  30. package/dist/src/tokens/create/generators/primitives/typography.d.ts.map +1 -0
  31. package/dist/src/tokens/create/generators/primitives/typography.js +220 -0
  32. package/dist/src/tokens/create/generators/semantic/color-modes.d.ts +8 -0
  33. package/dist/src/tokens/create/generators/semantic/color-modes.d.ts.map +1 -0
  34. package/dist/src/tokens/create/generators/semantic/color-modes.js +61 -0
  35. package/dist/src/tokens/create/generators/semantic/color.d.ts +5 -0
  36. package/dist/src/tokens/create/generators/semantic/color.d.ts.map +1 -0
  37. package/dist/src/tokens/create/generators/{semantic.js → semantic/color.js} +50 -194
  38. package/dist/src/tokens/create/generators/semantic/style.d.ts +3 -0
  39. package/dist/src/tokens/create/generators/semantic/style.d.ts.map +1 -0
  40. package/dist/src/tokens/create/generators/semantic/style.js +384 -0
  41. package/dist/src/tokens/create/generators/{theme.d.ts → themes/theme.d.ts} +1 -1
  42. package/dist/src/tokens/create/generators/themes/theme.d.ts.map +1 -0
  43. package/dist/src/tokens/create/generators/{theme.js → themes/theme.js} +87 -129
  44. package/dist/src/tokens/create/write.d.ts.map +1 -1
  45. package/dist/src/tokens/create/write.js +16 -20
  46. package/dist/src/tokens/create.d.ts +1 -1
  47. package/dist/src/tokens/create.d.ts.map +1 -1
  48. package/dist/src/tokens/create.js +1340 -1647
  49. package/dist/src/tokens/format.d.ts.map +1 -1
  50. package/dist/src/tokens/format.js +1363 -1670
  51. package/dist/src/tokens/index.js +1363 -1670
  52. package/dist/src/tokens/process/output/declarations.js +7 -8
  53. package/dist/src/tokens/process/output/theme.js +7 -8
  54. package/dist/src/tokens/types.d.ts +7 -0
  55. package/dist/src/tokens/types.d.ts.map +1 -1
  56. package/package.json +8 -9
  57. package/dist/color.base.template-Z7YWN2TF.json +0 -22
  58. package/dist/color.template-LMPUQ72A.json +0 -66
  59. package/dist/color.template-XQNSHLTU.json +0 -66
  60. package/dist/global-Y35YADVH.json +0 -100
  61. package/dist/globals-76VAFMDF.json +0 -143
  62. package/dist/large-CIIHO7AY.json +0 -96
  63. package/dist/large-UUOZ6DYI.json +0 -16
  64. package/dist/medium-OQ7S7P4P.json +0 -16
  65. package/dist/medium-VSB2S4X3.json +0 -96
  66. package/dist/small-AEXJ6U7Z.json +0 -96
  67. package/dist/small-ZY4KOJWX.json +0 -16
  68. package/dist/src/scripts/update-template.d.ts +0 -2
  69. package/dist/src/scripts/update-template.d.ts.map +0 -1
  70. package/dist/src/scripts/update-template.js +0 -1366
  71. package/dist/src/tokens/create/defaults.d.ts +0 -7
  72. package/dist/src/tokens/create/defaults.d.ts.map +0 -1
  73. package/dist/src/tokens/create/defaults.js +0 -998
  74. package/dist/src/tokens/create/generators/color.d.ts +0 -5
  75. package/dist/src/tokens/create/generators/color.d.ts.map +0 -1
  76. package/dist/src/tokens/create/generators/semantic.d.ts +0 -32
  77. package/dist/src/tokens/create/generators/semantic.d.ts.map +0 -1
  78. package/dist/src/tokens/create/generators/theme.d.ts.map +0 -1
  79. package/dist/src/tokens/create/generators/typography.d.ts +0 -3
  80. package/dist/src/tokens/create/generators/typography.d.ts.map +0 -1
  81. package/dist/src/tokens/create/generators/typography.js +0 -33
  82. package/dist/src/tokens/template/design-tokens/primitives/globals.js +0 -5
  83. package/dist/src/tokens/template/design-tokens/primitives/modes/size/global.js +0 -5
  84. package/dist/src/tokens/template/design-tokens/primitives/modes/size/large.js +0 -5
  85. package/dist/src/tokens/template/design-tokens/primitives/modes/size/medium.js +0 -5
  86. package/dist/src/tokens/template/design-tokens/primitives/modes/size/small.js +0 -5
  87. package/dist/src/tokens/template/design-tokens/primitives/modes/typography/size/large.js +0 -5
  88. package/dist/src/tokens/template/design-tokens/primitives/modes/typography/size/medium.js +0 -5
  89. package/dist/src/tokens/template/design-tokens/primitives/modes/typography/size/small.js +0 -5
  90. package/dist/src/tokens/template/design-tokens/primitives/modes/typography/typography.template.js +0 -5
  91. package/dist/src/tokens/template/design-tokens/semantic/color.base.template.js +0 -5
  92. package/dist/src/tokens/template/design-tokens/semantic/color.template.js +0 -5
  93. package/dist/src/tokens/template/design-tokens/semantic/modes/color.template.js +0 -5
  94. package/dist/src/tokens/template/design-tokens/semantic/style.js +0 -5
  95. package/dist/src/tokens/template/design-tokens/themes/theme.base.template.js +0 -5
  96. package/dist/src/tokens/template/design-tokens/themes/theme.template.js +0 -5
  97. package/dist/style-FP5XVCUD.json +0 -378
  98. package/dist/theme.base.template-Y4RMFBQY.json +0 -55
  99. package/dist/theme.template-CTQRNOMO.json +0 -66
  100. 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.11.0",
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 ../../internal/digdir/design-tokens --dry",
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.0",
113
- commander: "^14.0.2",
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.1.3",
121
- zod: "^4.3.5",
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.7",
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
- "primitives/modes/size/small",
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
- "primitives/modes/typography/size/small",
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: (opts: Theme) => Promise<{
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":"AAOA,OAAO,KAAK,EAAE,KAAK,EAAY,SAAS,EAAE,MAAM,YAAY,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CAeb,CAAC;AAEX,eAAO,MAAM,YAAY,GAAU,MAAM,KAAK;;EAgC7C,CAAC"}
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"}