@digdir/designsystemet 1.0.0-next.32 → 1.0.0-next.33

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 (40) hide show
  1. package/dist/bin/designsystemet.js +18 -12
  2. package/dist/src/colors/theme.js +1 -1
  3. package/dist/src/tokens/{build/index.js → build.js} +2 -2
  4. package/dist/src/tokens/create.js +100 -0
  5. package/dist/src/tokens/design-tokens/default/Figma/components.json +22 -0
  6. package/dist/src/tokens/design-tokens/default/primitives/globals.json +161 -0
  7. package/dist/src/tokens/design-tokens/default/primitives/size/default.json +175 -0
  8. package/dist/src/tokens/design-tokens/default/semantic/color.json +572 -0
  9. package/dist/src/tokens/design-tokens/default/semantic/style.json +564 -0
  10. package/dist/src/tokens/design-tokens/template/$metadata.json +17 -0
  11. package/dist/src/tokens/design-tokens/template/$themes.json +1231 -0
  12. package/dist/src/tokens/design-tokens/template/themes/theme.json +334 -0
  13. package/dist/src/tokens/template.js +66 -0
  14. package/dist/src/tokens/types.js +0 -0
  15. package/dist/src/tokens/write/generate$metadata.js +21 -0
  16. package/dist/src/tokens/write/generate$themes.js +115 -0
  17. package/dist/src/tokens/write.js +79 -0
  18. package/dist/types/src/tokens/{build/index.d.ts → build.d.ts} +1 -1
  19. package/dist/types/src/tokens/build.d.ts.map +1 -0
  20. package/dist/types/src/tokens/create.d.ts +8 -0
  21. package/dist/types/src/tokens/create.d.ts.map +1 -0
  22. package/dist/types/src/tokens/template.d.ts +2 -0
  23. package/dist/types/src/tokens/template.d.ts.map +1 -0
  24. package/dist/types/src/tokens/types.d.ts +37 -0
  25. package/dist/types/src/tokens/types.d.ts.map +1 -0
  26. package/dist/types/src/tokens/write/generate$metadata.d.ts +8 -0
  27. package/dist/types/src/tokens/write/generate$metadata.d.ts.map +1 -0
  28. package/dist/types/src/tokens/write/generate$themes.d.ts +10 -0
  29. package/dist/types/src/tokens/write/generate$themes.d.ts.map +1 -0
  30. package/dist/types/src/tokens/write.d.ts +10 -0
  31. package/dist/types/src/tokens/write.d.ts.map +1 -0
  32. package/package.json +6 -5
  33. package/dist/src/tokens/create/README.md +0 -3
  34. package/dist/src/tokens/create/index.js +0 -150
  35. package/dist/src/tokens/index.js +0 -4
  36. package/dist/types/src/tokens/build/index.d.ts.map +0 -1
  37. package/dist/types/src/tokens/create/index.d.ts +0 -64
  38. package/dist/types/src/tokens/create/index.d.ts.map +0 -1
  39. package/dist/types/src/tokens/index.d.ts +0 -2
  40. package/dist/types/src/tokens/index.d.ts.map +0 -1
@@ -0,0 +1,572 @@
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
+ }