@digdir/designsystemet 1.0.0-next.45 → 1.0.0-next.46

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 (77) hide show
  1. package/dist/bin/config.d.ts +156 -0
  2. package/dist/bin/config.d.ts.map +1 -0
  3. package/dist/bin/designsystemet.js +124 -20
  4. package/dist/bin/options.d.ts +16 -0
  5. package/dist/bin/options.d.ts.map +1 -0
  6. package/dist/config.schema.json +78 -0
  7. package/dist/src/build-scripts/createJsonSchema.d.ts +2 -0
  8. package/dist/src/build-scripts/createJsonSchema.d.ts.map +1 -0
  9. package/dist/src/build-scripts/createJsonSchema.js +15 -0
  10. package/dist/src/tokens/build/configs.d.ts.map +1 -1
  11. package/dist/src/tokens/build/configs.js +23 -12
  12. package/dist/src/tokens/build/formats/css.d.ts +4 -2
  13. package/dist/src/tokens/build/formats/css.d.ts.map +1 -1
  14. package/dist/src/tokens/build/formats/css.js +20 -12
  15. package/dist/src/tokens/build/formats/js-tokens.d.ts.map +1 -1
  16. package/dist/src/tokens/build/formats/js-tokens.js +7 -4
  17. package/dist/src/tokens/build/transformers.d.ts +0 -1
  18. package/dist/src/tokens/build/transformers.d.ts.map +1 -1
  19. package/dist/src/tokens/build/transformers.js +1 -13
  20. package/dist/src/tokens/create.d.ts +15 -11
  21. package/dist/src/tokens/create.d.ts.map +1 -1
  22. package/dist/src/tokens/create.js +14 -5
  23. package/dist/src/tokens/design-tokens/default/Figma/components.json +3 -3
  24. package/dist/src/tokens/design-tokens/default/primitives/globals.json +1 -1
  25. package/dist/src/tokens/design-tokens/default/primitives/modes/size/global.json +21 -21
  26. package/dist/src/tokens/design-tokens/default/semantic/style.json +109 -27
  27. package/dist/src/tokens/design-tokens/template/$themes.json +63 -63
  28. package/dist/src/tokens/design-tokens/template/semantic/color-base-file.json +1 -1
  29. package/dist/src/tokens/design-tokens/template/themes/theme-base-file.json +8 -8
  30. package/dist/src/tokens/index.d.ts +2 -1
  31. package/dist/src/tokens/index.d.ts.map +1 -1
  32. package/dist/src/tokens/index.js +2 -2
  33. package/dist/src/tokens/types.d.ts +2 -8
  34. package/dist/src/tokens/types.d.ts.map +1 -1
  35. package/dist/src/tokens/utils.d.ts +1 -0
  36. package/dist/src/tokens/utils.d.ts.map +1 -1
  37. package/dist/src/tokens/utils.js +2 -0
  38. package/package.json +17 -7
  39. package/dist/src/init/createTokensPackage.d.ts +0 -5
  40. package/dist/src/init/createTokensPackage.d.ts.map +0 -1
  41. package/dist/src/init/createTokensPackage.js +0 -273
  42. package/dist/src/init/generateMetadataJson.d.ts +0 -6
  43. package/dist/src/init/generateMetadataJson.d.ts.map +0 -1
  44. package/dist/src/init/generateMetadataJson.js +0 -24
  45. package/dist/src/init/generateThemesJson.d.ts +0 -3
  46. package/dist/src/init/generateThemesJson.d.ts.map +0 -1
  47. package/dist/src/init/generateThemesJson.js +0 -103
  48. package/dist/src/init/index.d.ts +0 -3
  49. package/dist/src/init/index.d.ts.map +0 -1
  50. package/dist/src/init/index.js +0 -10
  51. package/dist/src/init/nextStepsMarkdown.d.ts +0 -3
  52. package/dist/src/init/nextStepsMarkdown.d.ts.map +0 -1
  53. package/dist/src/init/nextStepsMarkdown.js +0 -92
  54. package/dist/src/init/template/default-files/README.md +0 -10
  55. package/dist/src/init/template/default-files/design-tokens/Figma/components.json +0 -22
  56. package/dist/src/init/template/default-files/design-tokens/README.md +0 -3
  57. package/dist/src/init/template/default-files/design-tokens/primitives/globals.json +0 -161
  58. package/dist/src/init/template/default-files/design-tokens/primitives/size/default.json +0 -175
  59. package/dist/src/init/template/default-files/design-tokens/semantic/color.json +0 -572
  60. package/dist/src/init/template/default-files/design-tokens/semantic/style.json +0 -564
  61. package/dist/src/init/template/default-files/design-tokens/themes/theme.json +0 -334
  62. package/dist/src/init/template/template-files/design-tokens/primitives/modes/colors/contrast/global.json +0 -376
  63. package/dist/src/init/template/template-files/design-tokens/primitives/modes/colors/contrast/theme-template.json +0 -314
  64. package/dist/src/init/template/template-files/design-tokens/primitives/modes/colors/dark/global.json +0 -376
  65. package/dist/src/init/template/template-files/design-tokens/primitives/modes/colors/dark/theme-template.json +0 -314
  66. package/dist/src/init/template/template-files/design-tokens/primitives/modes/colors/light/global.json +0 -376
  67. package/dist/src/init/template/template-files/design-tokens/primitives/modes/colors/light/theme-template.json +0 -314
  68. package/dist/src/init/template/template-files/design-tokens/primitives/modes/typography/primary/theme-template.json +0 -30
  69. package/dist/src/init/template/template-files/design-tokens/primitives/modes/typography/secondary/theme-template.json +0 -30
  70. package/dist/src/init/template/template-files/design-tokens/themes/theme-template.json +0 -334
  71. package/dist/src/init/template/template-files/package.json +0 -24
  72. package/dist/src/init/utils.d.ts +0 -4
  73. package/dist/src/init/utils.d.ts.map +0 -1
  74. package/dist/src/init/utils.js +0 -15
  75. package/dist/src/tokens/build/utils/noCase.d.ts +0 -11
  76. package/dist/src/tokens/build/utils/noCase.d.ts.map +0 -1
  77. package/dist/src/tokens/build/utils/noCase.js +0 -24
package/dist/src/init/template/default-files/design-tokens/semantic/color.json DELETED
@@ -1,572 +0,0 @@
1
- {
2
- "color": {
3
- "accent": {
4
- "background-default": {
5
- "$type": "color",
6
- "$value": "{color.accent.1}"
7
- },
8
- "background-subtle": {
9
- "$type": "color",
10
- "$value": "{color.accent.2}"
11
- },
12
- "surface-default": {
13
- "$type": "color",
14
- "$value": "{color.accent.3}"
15
- },
16
- "surface-hover": {
17
- "$type": "color",
18
- "$value": "{color.accent.4}"
19
- },
20
- "surface-active": {
21
- "$type": "color",
22
- "$value": "{color.accent.5}"
23
- },
24
- "border-subtle": {
25
- "$type": "color",
26
- "$value": "{color.accent.6}"
27
- },
28
- "border-default": {
29
- "$type": "color",
30
- "$value": "{color.accent.7}"
31
- },
32
- "border-strong": {
33
- "$type": "color",
34
- "$value": "{color.accent.8}"
35
- },
36
- "base-default": {
37
- "$type": "color",
38
- "$value": "{color.accent.9}"
39
- },
40
- "base-hover": {
41
- "$type": "color",
42
- "$value": "{color.accent.10}"
43
- },
44
- "base-active": {
45
- "$type": "color",
46
- "$value": "{color.accent.11}"
47
- },
48
- "text-subtle": {
49
- "$type": "color",
50
- "$value": "{color.accent.12}"
51
- },
52
- "text-default": {
53
- "$type": "color",
54
- "$value": "{color.accent.13}"
55
- },
56
- "contrast-default": {
57
- "$type": "color",
58
- "$value": "{color.accent.contrast-1}"
59
- },
60
- "contrast-subtle": {
61
- "$type": "color",
62
- "$value": "{color.accent.contrast-2}"
63
- }
64
- },
65
- "neutral": {
66
- "background-default": {
67
- "$type": "color",
68
- "$value": "{color.neutral.1}"
69
- },
70
- "background-subtle": {
71
- "$type": "color",
72
- "$value": "{color.neutral.2}"
73
- },
74
- "surface-default": {
75
- "$type": "color",
76
- "$value": "{color.neutral.3}"
77
- },
78
- "surface-hover": {
79
- "$type": "color",
80
- "$value": "{color.neutral.4}"
81
- },
82
- "surface-active": {
83
- "$type": "color",
84
- "$value": "{color.neutral.5}"
85
- },
86
- "border-subtle": {
87
- "$type": "color",
88
- "$value": "{color.neutral.6}"
89
- },
90
- "border-default": {
91
- "$type": "color",
92
- "$value": "{color.neutral.7}"
93
- },
94
- "border-strong": {
95
- "$type": "color",
96
- "$value": "{color.neutral.8}"
97
- },
98
- "base-default": {
99
- "$type": "color",
100
- "$value": "{color.neutral.9}"
101
- },
102
- "base-hover": {
103
- "$type": "color",
104
- "$value": "{color.neutral.10}"
105
- },
106
- "base-active": {
107
- "$type": "color",
108
- "$value": "{color.neutral.11}"
109
- },
110
- "text-subtle": {
111
- "$type": "color",
112
- "$value": "{color.neutral.12}"
113
- },
114
- "text-default": {
115
- "$type": "color",
116
- "$value": "{color.neutral.13}"
117
- },
118
- "contrast-default": {
119
- "$type": "color",
120
- "$value": "{color.neutral.contrast-1}"
121
- },
122
- "contrast-subtle": {
123
- "$type": "color",
124
- "$value": "{color.neutral.contrast-2}"
125
- }
126
- },
127
- "brand1": {
128
- "background-default": {
129
- "$type": "color",
130
- "$value": "{color.brand1.1}"
131
- },
132
- "background-subtle": {
133
- "$type": "color",
134
- "$value": "{color.brand1.2}"
135
- },
136
- "surface-default": {
137
- "$type": "color",
138
- "$value": "{color.brand1.3}"
139
- },
140
- "surface-hover": {
141
- "$type": "color",
142
- "$value": "{color.brand1.4}"
143
- },
144
- "surface-active": {
145
- "$type": "color",
146
- "$value": "{color.brand1.5}"
147
- },
148
- "border-subtle": {
149
- "$type": "color",
150
- "$value": "{color.brand1.6}"
151
- },
152
- "border-default": {
153
- "$type": "color",
154
- "$value": "{color.brand1.7}"
155
- },
156
- "border-strong": {
157
- "$type": "color",
158
- "$value": "{color.brand1.8}"
159
- },
160
- "base-default": {
161
- "$type": "color",
162
- "$value": "{color.brand1.9}"
163
- },
164
- "base-hover": {
165
- "$type": "color",
166
- "$value": "{color.brand1.10}"
167
- },
168
- "base-active": {
169
- "$type": "color",
170
- "$value": "{color.brand1.11}"
171
- },
172
- "text-subtle": {
173
- "$type": "color",
174
- "$value": "{color.brand1.12}"
175
- },
176
- "text-default": {
177
- "$type": "color",
178
- "$value": "{color.brand1.13}"
179
- },
180
- "contrast-default": {
181
- "$type": "color",
182
- "$value": "{color.brand1.contrast-1}"
183
- },
184
- "contrast-subtle": {
185
- "$type": "color",
186
- "$value": "{color.brand1.contrast-2}"
187
- }
188
- },
189
- "brand2": {
190
- "background-default": {
191
- "$type": "color",
192
- "$value": "{color.brand2.1}"
193
- },
194
- "background-subtle": {
195
- "$type": "color",
196
- "$value": "{color.brand2.2}"
197
- },
198
- "surface-default": {
199
- "$type": "color",
200
- "$value": "{color.brand2.3}"
201
- },
202
- "surface-hover": {
203
- "$type": "color",
204
- "$value": "{color.brand2.4}"
205
- },
206
- "surface-active": {
207
- "$type": "color",
208
- "$value": "{color.brand2.5}"
209
- },
210
- "border-subtle": {
211
- "$type": "color",
212
- "$value": "{color.brand2.6}"
213
- },
214
- "border-default": {
215
- "$type": "color",
216
- "$value": "{color.brand2.7}"
217
- },
218
- "border-strong": {
219
- "$type": "color",
220
- "$value": "{color.brand2.8}"
221
- },
222
- "base-default": {
223
- "$type": "color",
224
- "$value": "{color.brand2.9}"
225
- },
226
- "base-hover": {
227
- "$type": "color",
228
- "$value": "{color.brand2.10}"
229
- },
230
- "base-active": {
231
- "$type": "color",
232
- "$value": "{color.brand2.11}"
233
- },
234
- "text-subtle": {
235
- "$type": "color",
236
- "$value": "{color.brand2.12}"
237
- },
238
- "text-default": {
239
- "$type": "color",
240
- "$value": "{color.brand2.13}"
241
- },
242
- "contrast-default": {
243
- "$type": "color",
244
- "$value": "{color.brand2.contrast-1}"
245
- },
246
- "contrast-subtle": {
247
- "$type": "color",
248
- "$value": "{color.brand2.contrast-2}"
249
- }
250
- },
251
- "brand3": {
252
- "background-default": {
253
- "$type": "color",
254
- "$value": "{color.brand3.1}"
255
- },
256
- "background-subtle": {
257
- "$type": "color",
258
- "$value": "{color.brand3.2}"
259
- },
260
- "surface-default": {
261
- "$type": "color",
262
- "$value": "{color.brand3.3}"
263
- },
264
- "surface-hover": {
265
- "$type": "color",
266
- "$value": "{color.brand3.4}"
267
- },
268
- "surface-active": {
269
- "$type": "color",
270
- "$value": "{color.brand3.5}"
271
- },
272
- "border-subtle": {
273
- "$type": "color",
274
- "$value": "{color.brand3.6}"
275
- },
276
- "border-default": {
277
- "$type": "color",
278
- "$value": "{color.brand3.7}"
279
- },
280
- "border-strong": {
281
- "$type": "color",
282
- "$value": "{color.brand3.8}"
283
- },
284
- "base-default": {
285
- "$type": "color",
286
- "$value": "{color.brand3.9}"
287
- },
288
- "base-hover": {
289
- "$type": "color",
290
- "$value": "{color.brand3.10}"
291
- },
292
- "base-active": {
293
- "$type": "color",
294
- "$value": "{color.brand3.11}"
295
- },
296
- "text-subtle": {
297
- "$type": "color",
298
- "$value": "{color.brand3.12}"
299
- },
300
- "text-default": {
301
- "$type": "color",
302
- "$value": "{color.brand3.13}"
303
- },
304
- "contrast-default": {
305
- "$type": "color",
306
- "$value": "{color.brand3.contrast-1}"
307
- },
308
- "contrast-subtle": {
309
- "$type": "color",
310
- "$value": "{color.brand3.contrast-2}"
311
- }
312
- },
313
- "success": {
314
- "background-default": {
315
- "$type": "color",
316
- "$value": "{global.green.1}"
317
- },
318
- "background-subtle": {
319
- "$type": "color",
320
- "$value": "{global.green.2}"
321
- },
322
- "surface-default": {
323
- "$type": "color",
324
- "$value": "{global.green.3}"
325
- },
326
- "surface-hover": {
327
- "$type": "color",
328
- "$value": "{global.green.4}"
329
- },
330
- "surface-active": {
331
- "$type": "color",
332
- "$value": "{global.green.5}"
333
- },
334
- "border-subtle": {
335
- "$type": "color",
336
- "$value": "{global.green.6}"
337
- },
338
- "border-default": {
339
- "$type": "color",
340
- "$value": "{global.green.7}"
341
- },
342
- "border-strong": {
343
- "$type": "color",
344
- "$value": "{global.green.8}"
345
- },
346
- "base-default": {
347
- "$type": "color",
348
- "$value": "{global.green.9}"
349
- },
350
- "base-hover": {
351
- "$type": "color",
352
- "$value": "{global.green.10}"
353
- },
354
- "base-active": {
355
- "$type": "color",
356
- "$value": "{global.green.11}"
357
- },
358
- "text-subtle": {
359
- "$type": "color",
360
- "$value": "{global.green.12}"
361
- },
362
- "text-default": {
363
- "$type": "color",
364
- "$value": "{global.green.13}"
365
- },
366
- "contrast-default": {
367
- "$type": "color",
368
- "$value": "{global.green.contrast-1}"
369
- },
370
- "contrast-subtle": {
371
- "$type": "color",
372
- "$value": "{global.green.contrast-2}"
373
- }
374
- },
375
- "danger": {
376
- "background-default": {
377
- "$type": "color",
378
- "$value": "{global.red.1}"
379
- },
380
- "background-subtle": {
381
- "$type": "color",
382
- "$value": "{global.red.2}"
383
- },
384
- "surface-default": {
385
- "$type": "color",
386
- "$value": "{global.red.3}"
387
- },
388
- "surface-hover": {
389
- "$type": "color",
390
- "$value": "{global.red.4}"
391
- },
392
- "surface-active": {
393
- "$type": "color",
394
- "$value": "{global.red.5}"
395
- },
396
- "border-subtle": {
397
- "$type": "color",
398
- "$value": "{global.red.6}"
399
- },
400
- "border-default": {
401
- "$type": "color",
402
- "$value": "{global.red.7}"
403
- },
404
- "border-strong": {
405
- "$type": "color",
406
- "$value": "{global.red.8}"
407
- },
408
- "base-default": {
409
- "$type": "color",
410
- "$value": "{global.red.9}"
411
- },
412
- "base-hover": {
413
- "$type": "color",
414
- "$value": "{global.red.10}"
415
- },
416
- "base-active": {
417
- "$type": "color",
418
- "$value": "{global.red.11}"
419
- },
420
- "text-subtle": {
421
- "$type": "color",
422
- "$value": "{global.red.12}"
423
- },
424
- "text-default": {
425
- "$type": "color",
426
- "$value": "{global.red.13}"
427
- },
428
- "contrast-default": {
429
- "$type": "color",
430
- "$value": "{global.red.contrast-1}"
431
- },
432
- "contrast-subtle": {
433
- "$type": "color",
434
- "$value": "{global.red.contrast-2}"
435
- }
436
- },
437
- "info": {
438
- "background-default": {
439
- "$type": "color",
440
- "$value": "{global.blue.1}"
441
- },
442
- "background-subtle": {
443
- "$type": "color",
444
- "$value": "{global.blue.2}"
445
- },
446
- "surface-default": {
447
- "$type": "color",
448
- "$value": "{global.blue.3}"
449
- },
450
- "surface-hover": {
451
- "$type": "color",
452
- "$value": "{global.blue.4}"
453
- },
454
- "surface-active": {
455
- "$type": "color",
456
- "$value": "{global.blue.5}"
457
- },
458
- "border-subtle": {
459
- "$type": "color",
460
- "$value": "{global.blue.6}"
461
- },
462
- "border-default": {
463
- "$type": "color",
464
- "$value": "{global.blue.7}"
465
- },
466
- "border-strong": {
467
- "$type": "color",
468
- "$value": "{global.blue.8}"
469
- },
470
- "base-default": {
471
- "$type": "color",
472
- "$value": "{global.blue.9}"
473
- },
474
- "base-hover": {
475
- "$type": "color",
476
- "$value": "{global.blue.10}"
477
- },
478
- "base-active": {
479
- "$type": "color",
480
- "$value": "{global.blue.11}"
481
- },
482
- "text-subtle": {
483
- "$type": "color",
484
- "$value": "{global.blue.12}"
485
- },
486
- "text-default": {
487
- "$type": "color",
488
- "$value": "{global.blue.13}"
489
- },
490
- "contrast-default": {
491
- "$type": "color",
492
- "$value": "{global.blue.contrast-1}"
493
- },
494
- "contrast-subtle": {
495
- "$type": "color",
496
- "$value": "{global.blue.contrast-2}"
497
- }
498
- },
499
- "warning": {
500
- "background-default": {
501
- "$type": "color",
502
- "$value": "{global.yellow.1}"
503
- },
504
- "background-subtle": {
505
- "$type": "color",
506
- "$value": "{global.yellow.2}"
507
- },
508
- "surface-default": {
509
- "$type": "color",
510
- "$value": "{global.yellow.3}"
511
- },
512
- "surface-hover": {
513
- "$type": "color",
514
- "$value": "{global.yellow.4}"
515
- },
516
- "surface-active": {
517
- "$type": "color",
518
- "$value": "{global.yellow.5}"
519
- },
520
- "border-subtle": {
521
- "$type": "color",
522
- "$value": "{global.yellow.6}"
523
- },
524
- "border-default": {
525
- "$type": "color",
526
- "$value": "{global.yellow.7}"
527
- },
528
- "border-strong": {
529
- "$type": "color",
530
- "$value": "{global.yellow.8}"
531
- },
532
- "base-default": {
533
- "$type": "color",
534
- "$value": "{global.orange.9}"
535
- },
536
- "base-hover": {
537
- "$type": "color",
538
- "$value": "{global.orange.10}"
539
- },
540
- "base-active": {
541
- "$type": "color",
542
- "$value": "{global.orange.11}"
543
- },
544
- "text-subtle": {
545
- "$type": "color",
546
- "$value": "{global.orange.12}"
547
- },
548
- "text-default": {
549
- "$type": "color",
550
- "$value": "{global.orange.13}"
551
- },
552
- "contrast-default": {
553
- "$type": "color",
554
- "$value": "{global.orange.contrast-1}"
555
- },
556
- "contrast-subtle": {
557
- "$type": "color",
558
- "$value": "{global.orange.contrast-2}"
559
- }
560
- },
561
- "focus": {
562
- "inner": {
563
- "$type": "color",
564
- "$value": "{color.neutral.background-default}"
565
- },
566
- "outer": {
567
- "$type": "color",
568
- "$value": "{color.accent.text-default}"
569
- }
570
- }
571
- }
572
- }