@rijkshuisstijl-community/design-tokens 4.0.0 → 4.1.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 (104) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/_variables.scss +356 -260
  3. package/dist/index.css +356 -260
  4. package/dist/index.d.ts +355 -259
  5. package/dist/index.js +356 -260
  6. package/dist/index.json +355 -259
  7. package/dist/index.tokens.json +515 -351
  8. package/dist/koop/_variables.scss +607 -516
  9. package/dist/koop/index.css +607 -516
  10. package/dist/koop/index.d.ts +701 -610
  11. package/dist/koop/index.js +703 -612
  12. package/dist/koop/index.json +703 -612
  13. package/dist/koop/index.tokens.json +915 -762
  14. package/dist/koop/root.css +607 -516
  15. package/dist/koop/tokens.d.ts +886 -733
  16. package/dist/koop/tokens.js +16374 -14153
  17. package/dist/root.css +356 -260
  18. package/dist/tokens.d.ts +488 -324
  19. package/dist/tokens.js +18845 -16503
  20. package/dist/uitvoerend-groen/_variables.scss +607 -516
  21. package/dist/uitvoerend-groen/index.css +607 -516
  22. package/dist/uitvoerend-groen/index.d.ts +680 -589
  23. package/dist/uitvoerend-groen/index.js +698 -607
  24. package/dist/uitvoerend-groen/index.json +698 -607
  25. package/dist/uitvoerend-groen/index.tokens.json +931 -778
  26. package/dist/uitvoerend-groen/root.css +607 -516
  27. package/dist/uitvoerend-groen/tokens.d.ts +907 -754
  28. package/dist/uitvoerend-groen/tokens.js +17815 -15594
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +607 -516
  30. package/dist/uitvoerend-hemelblauw/index.css +607 -516
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +680 -589
  32. package/dist/uitvoerend-hemelblauw/index.js +698 -607
  33. package/dist/uitvoerend-hemelblauw/index.json +698 -607
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +931 -778
  35. package/dist/uitvoerend-hemelblauw/root.css +607 -516
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +907 -754
  37. package/dist/uitvoerend-hemelblauw/tokens.js +17819 -15598
  38. package/dist/uitvoerend-mintgroen/_variables.scss +607 -516
  39. package/dist/uitvoerend-mintgroen/index.css +607 -516
  40. package/dist/uitvoerend-mintgroen/index.d.ts +680 -589
  41. package/dist/uitvoerend-mintgroen/index.js +698 -607
  42. package/dist/uitvoerend-mintgroen/index.json +698 -607
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +931 -778
  44. package/dist/uitvoerend-mintgroen/root.css +607 -516
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +907 -754
  46. package/dist/uitvoerend-mintgroen/tokens.js +17815 -15594
  47. package/dist/uitvoerend-oranje/_variables.scss +607 -516
  48. package/dist/uitvoerend-oranje/index.css +607 -516
  49. package/dist/uitvoerend-oranje/index.d.ts +680 -589
  50. package/dist/uitvoerend-oranje/index.js +698 -607
  51. package/dist/uitvoerend-oranje/index.json +698 -607
  52. package/dist/uitvoerend-oranje/index.tokens.json +933 -780
  53. package/dist/uitvoerend-oranje/root.css +607 -516
  54. package/dist/uitvoerend-oranje/tokens.d.ts +908 -755
  55. package/dist/uitvoerend-oranje/tokens.js +17794 -15573
  56. package/dist/uitvoerend-paars/_variables.scss +607 -516
  57. package/dist/uitvoerend-paars/index.css +607 -516
  58. package/dist/uitvoerend-paars/index.d.ts +680 -589
  59. package/dist/uitvoerend-paars/index.js +698 -607
  60. package/dist/uitvoerend-paars/index.json +698 -607
  61. package/dist/uitvoerend-paars/index.tokens.json +931 -778
  62. package/dist/uitvoerend-paars/root.css +607 -516
  63. package/dist/uitvoerend-paars/tokens.d.ts +907 -754
  64. package/dist/uitvoerend-paars/tokens.js +17815 -15594
  65. package/dist/uitvoerend-violet/_variables.scss +607 -516
  66. package/dist/uitvoerend-violet/index.css +607 -516
  67. package/dist/uitvoerend-violet/index.d.ts +680 -589
  68. package/dist/uitvoerend-violet/index.js +698 -607
  69. package/dist/uitvoerend-violet/index.json +698 -607
  70. package/dist/uitvoerend-violet/index.tokens.json +931 -778
  71. package/dist/uitvoerend-violet/root.css +607 -516
  72. package/dist/uitvoerend-violet/tokens.d.ts +907 -754
  73. package/dist/uitvoerend-violet/tokens.js +17815 -15594
  74. package/dist/uitvoerend-violet-oud/_variables.scss +608 -517
  75. package/dist/uitvoerend-violet-oud/index.css +608 -517
  76. package/dist/uitvoerend-violet-oud/index.d.ts +681 -590
  77. package/dist/uitvoerend-violet-oud/index.js +699 -608
  78. package/dist/uitvoerend-violet-oud/index.json +699 -608
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +925 -772
  80. package/dist/uitvoerend-violet-oud/root.css +608 -517
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +898 -745
  82. package/dist/uitvoerend-violet-oud/tokens.js +17299 -15078
  83. package/dist/wetgevend/_variables.scss +606 -515
  84. package/dist/wetgevend/index.css +606 -515
  85. package/dist/wetgevend/index.d.ts +679 -588
  86. package/dist/wetgevend/index.js +682 -591
  87. package/dist/wetgevend/index.json +682 -591
  88. package/dist/wetgevend/index.tokens.json +934 -781
  89. package/dist/wetgevend/root.css +606 -515
  90. package/dist/wetgevend/tokens.d.ts +887 -734
  91. package/dist/wetgevend/tokens.js +16235 -14014
  92. package/figma/figma.tokens.json +2157 -1484
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +1902 -1437
  95. package/src/generated/koop/tokens.json +3394 -2955
  96. package/src/generated/themes.json +35654 -31703
  97. package/src/generated/uitvoerend-groen/tokens.json +3469 -3030
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +3466 -3027
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +3469 -3030
  100. package/src/generated/uitvoerend-oranje/tokens.json +3469 -3030
  101. package/src/generated/uitvoerend-paars/tokens.json +3469 -3030
  102. package/src/generated/uitvoerend-violet/tokens.json +3469 -3030
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +3482 -3043
  104. package/src/generated/wetgevend/tokens.json +3527 -3088
package/dist/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 17 Jul 2025 11:54:46 GMT
3
+ * Generated on Fri, 01 Aug 2025 12:51:45 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -49,32 +49,45 @@ declare const tokens: {
49
49
  }
50
50
  },
51
51
  "textbox": {
52
+ "hover": {
53
+ "background-color": DesignToken,
54
+ "border-color": DesignToken,
55
+ "border-width": DesignToken,
56
+ "color": DesignToken
57
+ },
58
+ "focus": {
59
+ "border-width": DesignToken,
60
+ "background-color": DesignToken,
61
+ "border-color": DesignToken,
62
+ "color": DesignToken
63
+ },
64
+ "background-color": DesignToken,
65
+ "border-block-end-width": DesignToken,
66
+ "border-color": DesignToken,
52
67
  "border-radius": DesignToken,
68
+ "border-width": DesignToken,
69
+ "color": DesignToken,
53
70
  "font-family": DesignToken,
54
71
  "font-size": DesignToken,
55
72
  "font-weight": DesignToken,
56
73
  "line-height": DesignToken,
57
74
  "max-inline-size": DesignToken,
75
+ "min-block-size": DesignToken,
58
76
  "padding-block-end": DesignToken,
59
77
  "padding-block-start": DesignToken,
60
78
  "padding-inline-end": DesignToken,
61
79
  "padding-inline-start": DesignToken,
62
- "background-color": DesignToken,
63
- "border-color": DesignToken,
64
- "color": DesignToken,
65
80
  "invalid": {
66
81
  "background-color": DesignToken,
82
+ "border-block-end-width": DesignToken,
67
83
  "border-color": DesignToken,
68
- "color": DesignToken,
69
- "border-width": DesignToken
84
+ "border-width": DesignToken,
85
+ "color": DesignToken
70
86
  },
71
87
  "placeholder": {
72
88
  "color": DesignToken
73
89
  },
74
- "border-block-end-width": DesignToken,
75
- "border-width": DesignToken,
76
- "focus": {
77
- "border-width": DesignToken,
90
+ "read-only": {
78
91
  "background-color": DesignToken,
79
92
  "border-color": DesignToken,
80
93
  "color": DesignToken
@@ -83,46 +96,46 @@ declare const tokens: {
83
96
  "background-color": DesignToken,
84
97
  "border-color": DesignToken,
85
98
  "color": DesignToken
86
- },
87
- "read-only": {
99
+ }
100
+ },
101
+ "textarea": {
102
+ "border-bottom-width": DesignToken,
103
+ "hover": {
88
104
  "background-color": DesignToken,
89
105
  "border-color": DesignToken,
106
+ "border-width": DesignToken,
90
107
  "color": DesignToken
91
108
  },
92
- "hover": {
109
+ "focus": {
93
110
  "border-width": DesignToken,
94
111
  "background-color": DesignToken,
95
112
  "border-color": DesignToken,
96
113
  "color": DesignToken
97
- }
98
- },
99
- "textarea": {
114
+ },
115
+ "background-color": DesignToken,
116
+ "border-block-end-width": DesignToken,
117
+ "border-color": DesignToken,
118
+ "border-radius": DesignToken,
119
+ "border-width": DesignToken,
120
+ "color": DesignToken,
121
+ "font-family": DesignToken,
122
+ "font-size": DesignToken,
123
+ "font-weight": DesignToken,
124
+ "line-height": DesignToken,
100
125
  "max-inline-size": DesignToken,
126
+ "min-block-size": DesignToken,
101
127
  "padding-block-end": DesignToken,
102
128
  "padding-block-start": DesignToken,
103
129
  "padding-inline-end": DesignToken,
104
130
  "padding-inline-start": DesignToken,
105
- "background-color": DesignToken,
106
- "border-color": DesignToken,
107
- "color": DesignToken,
108
131
  "invalid": {
109
132
  "background-color": DesignToken,
133
+ "border-block-end-width": DesignToken,
110
134
  "border-color": DesignToken,
111
- "color": DesignToken,
112
- "border-width": DesignToken
113
- },
114
- "placeholder": {
135
+ "border-width": DesignToken,
115
136
  "color": DesignToken
116
137
  },
117
- "focus": {
118
- "background-color": DesignToken,
119
- "border-color": DesignToken,
120
- "color": DesignToken,
121
- "border-width": DesignToken
122
- },
123
- "disabled": {
124
- "background-color": DesignToken,
125
- "border-color": DesignToken,
138
+ "placeholder": {
126
139
  "color": DesignToken
127
140
  },
128
141
  "read-only": {
@@ -130,19 +143,11 @@ declare const tokens: {
130
143
  "border-color": DesignToken,
131
144
  "color": DesignToken
132
145
  },
133
- "hover": {
146
+ "disabled": {
134
147
  "background-color": DesignToken,
135
148
  "border-color": DesignToken,
136
- "color": DesignToken,
137
- "border-width": DesignToken
138
- },
139
- "border-radius": DesignToken,
140
- "border-bottom-width": DesignToken,
141
- "border-width": DesignToken,
142
- "font-family": DesignToken,
143
- "font-weight": DesignToken,
144
- "line-height": DesignToken,
145
- "font-size": DesignToken
149
+ "color": DesignToken
150
+ }
146
151
  },
147
152
  "table": {
148
153
  "header-cell": {
@@ -252,75 +257,110 @@ declare const tokens: {
252
257
  "text-decoration": DesignToken
253
258
  },
254
259
  "separator": {
255
- "color": DesignToken,
256
260
  "block-size": DesignToken,
261
+ "color": DesignToken,
257
262
  "margin-block-end": DesignToken,
258
263
  "margin-block-start": DesignToken
259
264
  },
260
265
  "select": {
266
+ "border-bottom-width": DesignToken,
267
+ "border-radius": DesignToken,
268
+ "border-width": DesignToken,
261
269
  "image-background-position": DesignToken,
270
+ "max-inline-size": DesignToken,
271
+ "padding-block-end": DesignToken,
272
+ "padding-block-start": DesignToken,
273
+ "padding-inline-end": DesignToken,
274
+ "padding-inline-start": DesignToken,
262
275
  "icon": {
263
276
  "size": DesignToken
264
277
  },
265
- "background-color": DesignToken,
266
- "border-color": DesignToken,
267
- "color": DesignToken,
268
278
  "invalid": {
269
- "background-color": DesignToken,
270
- "border-color": DesignToken,
279
+ "border-width": DesignToken,
271
280
  "color": DesignToken,
272
- "border-width": DesignToken
273
- },
274
- "focus": {
275
281
  "background-color": DesignToken,
276
- "border-color": DesignToken,
277
- "color": DesignToken,
278
- "border-width": DesignToken
282
+ "border-block-end-width": DesignToken,
283
+ "border-color": DesignToken
279
284
  },
280
- "disabled": {
285
+ "hover": {
286
+ "border-width": DesignToken,
281
287
  "background-color": DesignToken,
282
288
  "border-color": DesignToken,
283
289
  "color": DesignToken
284
290
  },
285
- "hover": {
291
+ "focus": {
292
+ "border-width": DesignToken,
286
293
  "background-color": DesignToken,
287
294
  "border-color": DesignToken,
288
- "color": DesignToken,
289
- "border-width": DesignToken
295
+ "color": DesignToken
290
296
  },
291
- "padding-block-end": DesignToken,
292
- "padding-block-start": DesignToken,
293
- "padding-inline-end": DesignToken,
294
- "padding-inline-start": DesignToken,
295
- "border-radius": DesignToken,
296
- "border-bottom-width": DesignToken,
297
- "border-width": DesignToken,
297
+ "background-color": DesignToken,
298
+ "border-block-end-width": DesignToken,
299
+ "border-color": DesignToken,
300
+ "color": DesignToken,
298
301
  "font-family": DesignToken,
302
+ "font-size": DesignToken,
299
303
  "font-weight": DesignToken,
300
304
  "line-height": DesignToken,
301
- "font-size": DesignToken,
302
- "max-inline-size": DesignToken
305
+ "min-block-size": DesignToken,
306
+ "disabled": {
307
+ "background-color": DesignToken,
308
+ "border-color": DesignToken,
309
+ "color": DesignToken
310
+ }
303
311
  },
304
312
  "radio-button": {
305
- "active": {
306
- "border-width": DesignToken,
307
- "background-color": DesignToken,
308
- "border-color": DesignToken
309
- },
310
- "size": DesignToken,
313
+ "border-radius": DesignToken,
311
314
  "dot": {
312
315
  "size": DesignToken
313
316
  },
317
+ "checked": {
318
+ "disabled": {
319
+ "background-color": DesignToken,
320
+ "border-color": DesignToken,
321
+ "color": DesignToken
322
+ },
323
+ "background-color": DesignToken,
324
+ "border-color": DesignToken,
325
+ "border-width": DesignToken,
326
+ "color": DesignToken,
327
+ "active": {
328
+ "background-color": DesignToken,
329
+ "border-color": DesignToken,
330
+ "border-width": DesignToken,
331
+ "color": DesignToken
332
+ },
333
+ "hover": {
334
+ "background-color": DesignToken,
335
+ "border-color": DesignToken,
336
+ "border-width": DesignToken,
337
+ "color": DesignToken
338
+ },
339
+ "focus": {
340
+ "background-color": DesignToken,
341
+ "border-color": DesignToken,
342
+ "border-width": DesignToken,
343
+ "color": DesignToken
344
+ }
345
+ },
314
346
  "background-color": DesignToken,
315
347
  "border-color": DesignToken,
348
+ "color": DesignToken,
349
+ "border-width": DesignToken,
350
+ "size": DesignToken,
351
+ "icon": {
352
+ "size": DesignToken
353
+ },
316
354
  "invalid": {
317
355
  "background-color": DesignToken,
318
356
  "border-color": DesignToken,
357
+ "color": DesignToken,
319
358
  "border-width": DesignToken
320
359
  },
321
- "focus": {
360
+ "active": {
322
361
  "background-color": DesignToken,
323
362
  "border-color": DesignToken,
363
+ "color": DesignToken,
324
364
  "border-width": DesignToken
325
365
  },
326
366
  "disabled": {
@@ -328,42 +368,18 @@ declare const tokens: {
328
368
  "border-color": DesignToken,
329
369
  "color": DesignToken
330
370
  },
331
- "checked": {
371
+ "hover": {
332
372
  "background-color": DesignToken,
333
373
  "border-color": DesignToken,
334
374
  "color": DesignToken,
335
- "hover": {
336
- "background-color": DesignToken,
337
- "border-color": DesignToken,
338
- "color": DesignToken,
339
- "border-width": DesignToken
340
- },
341
- "active": {
342
- "background-color": DesignToken,
343
- "border-color": DesignToken,
344
- "color": DesignToken,
345
- "border-width": DesignToken
346
- },
347
- "focus": {
348
- "background-color": DesignToken,
349
- "border-color": DesignToken,
350
- "color": DesignToken,
351
- "border-width": DesignToken
352
- },
353
- "disabled": {
354
- "background-color": DesignToken,
355
- "border-color": DesignToken,
356
- "color": DesignToken
357
- },
358
375
  "border-width": DesignToken
359
376
  },
360
- "hover": {
377
+ "focus": {
361
378
  "background-color": DesignToken,
362
379
  "border-color": DesignToken,
380
+ "color": DesignToken,
363
381
  "border-width": DesignToken
364
- },
365
- "border-radius": DesignToken,
366
- "border-width": DesignToken
382
+ }
367
383
  },
368
384
  "pre-heading": {
369
385
  "color": DesignToken,
@@ -409,6 +425,21 @@ declare const tokens: {
409
425
  "padding-inline-start": DesignToken
410
426
  }
411
427
  },
428
+ "number-badge": {
429
+ "line-height": DesignToken,
430
+ "background-color": DesignToken,
431
+ "border-color": DesignToken,
432
+ "border-radius": DesignToken,
433
+ "border-width": DesignToken,
434
+ "color": DesignToken,
435
+ "font-family": DesignToken,
436
+ "font-size": DesignToken,
437
+ "font-weight": DesignToken,
438
+ "min-block-size": DesignToken,
439
+ "min-inline-size": DesignToken,
440
+ "padding-block": DesignToken,
441
+ "padding-inline": DesignToken
442
+ },
412
443
  "link-list": {
413
444
  "item": {
414
445
  "text-decoration": DesignToken,
@@ -527,49 +558,59 @@ declare const tokens: {
527
558
  "form-label": {
528
559
  "color": DesignToken,
529
560
  "font-size": DesignToken,
530
- "font-weight": DesignToken
531
- },
532
- "form-field-label": {
533
- "color": DesignToken,
534
- "font-family": DesignToken,
535
- "font-size": DesignToken,
536
561
  "font-weight": DesignToken,
537
- "line-height": DesignToken
562
+ "checkbox": {
563
+ "color": DesignToken,
564
+ "font-weight": DesignToken
565
+ },
566
+ "radio": {
567
+ "color": DesignToken,
568
+ "font-weight": DesignToken
569
+ },
570
+ "checked": {
571
+ "font-weight": DesignToken
572
+ },
573
+ "disabled": {
574
+ "color": DesignToken
575
+ }
538
576
  },
539
577
  "form-field-error-message": {
540
578
  "icon": {
541
- "size": DesignToken,
542
- "margin-inline-end": DesignToken
579
+ "margin-inline-end": DesignToken,
580
+ "size": DesignToken
543
581
  },
582
+ "background-color": DesignToken,
544
583
  "color": DesignToken,
545
584
  "font-family": DesignToken,
546
585
  "font-size": DesignToken,
547
586
  "font-weight": DesignToken,
587
+ "line-height": DesignToken,
548
588
  "margin-block-end": DesignToken,
549
- "padding-block-end": DesignToken
589
+ "margin-block-start": DesignToken,
590
+ "padding-block-end": DesignToken,
591
+ "padding-block-start": DesignToken,
592
+ "padding-inline-end": DesignToken,
593
+ "padding-inline-start": DesignToken
550
594
  },
551
595
  "form-field-description": {
596
+ "padding-block-end": DesignToken,
552
597
  "color": DesignToken,
553
598
  "font-family": DesignToken,
554
599
  "font-size": DesignToken,
555
600
  "line-height": DesignToken,
556
- "margin-block-start": DesignToken,
557
601
  "margin-block-end": DesignToken,
558
- "padding-block-end": DesignToken
602
+ "margin-block-start": DesignToken
559
603
  },
560
604
  "form-field": {
561
- "margin-block-start": DesignToken,
605
+ "label": {
606
+ "margin-block-end": DesignToken
607
+ },
562
608
  "margin-block-end": DesignToken,
609
+ "margin-block-start": DesignToken,
563
610
  "invalid": {
564
611
  "border-inline-start-color": DesignToken,
565
612
  "border-inline-start-width": DesignToken,
566
613
  "padding-inline-start": DesignToken
567
- },
568
- "label": {
569
- "margin-block-end": DesignToken
570
- },
571
- "error-message": {
572
- "line-height": DesignToken
573
614
  }
574
615
  },
575
616
  "page-footer": {
@@ -584,12 +625,12 @@ declare const tokens: {
584
625
  "caption": {
585
626
  "border-color": DesignToken,
586
627
  "border-width": DesignToken,
587
- "color": DesignToken,
588
628
  "padding-block-end": DesignToken,
589
629
  "padding-block-start": DesignToken,
590
630
  "padding-inline-start": DesignToken,
591
- "line-height": DesignToken,
592
- "font-size": DesignToken
631
+ "color": DesignToken,
632
+ "font-size": DesignToken,
633
+ "line-height": DesignToken
593
634
  },
594
635
  "img": {
595
636
  "border-end-end-radius": DesignToken,
@@ -628,88 +669,48 @@ declare const tokens: {
628
669
  "padding-block": DesignToken,
629
670
  "padding-inline": DesignToken
630
671
  },
631
- "number-badge": {
632
- "font-size": DesignToken,
633
- "line-height": DesignToken,
634
- "min-block-size": DesignToken,
635
- "min-inline-size": DesignToken,
636
- "font-weight": DesignToken,
637
- "border-width": DesignToken,
638
- "border-radius": DesignToken,
639
- "font-family": DesignToken,
640
- "background-color": DesignToken,
641
- "border-color": DesignToken,
642
- "color": DesignToken,
643
- "padding-inline": DesignToken,
644
- "padding-block": DesignToken
645
- },
646
672
  "checkbox": {
647
- "border-radius": DesignToken,
648
- "size": DesignToken,
649
- "icon": {
650
- "size": DesignToken
651
- },
652
- "background-color": DesignToken,
653
- "border-color": DesignToken,
654
- "invalid": {
655
- "background-color": DesignToken,
656
- "border-color": DesignToken,
657
- "border-width": DesignToken
658
- },
659
- "focus": {
660
- "background-color": DesignToken,
661
- "border-color": DesignToken,
662
- "border-width": DesignToken
663
- },
664
- "disabled": {
665
- "background-color": DesignToken,
666
- "border-color": DesignToken
667
- },
668
- "checked": {
669
- "background-color": DesignToken,
670
- "border-color": DesignToken,
671
- "color": DesignToken,
672
- "border-width": DesignToken,
673
- "disabled": {
673
+ "indeterminate": {
674
+ "active": {
674
675
  "background-color": DesignToken,
675
676
  "border-color": DesignToken,
676
- "color": DesignToken
677
+ "color": DesignToken,
678
+ "border-width": DesignToken
677
679
  },
678
- "focus": {
679
- "border-width": DesignToken,
680
+ "disabled": {
680
681
  "background-color": DesignToken,
681
682
  "border-color": DesignToken,
682
683
  "color": DesignToken
683
684
  },
684
685
  "hover": {
685
- "border-width": DesignToken,
686
686
  "background-color": DesignToken,
687
687
  "border-color": DesignToken,
688
- "color": DesignToken
688
+ "color": DesignToken,
689
+ "border-width": DesignToken
689
690
  },
690
- "active": {
691
- "border-width": DesignToken,
691
+ "focus": {
692
692
  "background-color": DesignToken,
693
693
  "border-color": DesignToken,
694
- "color": DesignToken
695
- }
696
- },
697
- "indeterminate": {
694
+ "color": DesignToken,
695
+ "border-width": DesignToken
696
+ },
698
697
  "background-color": DesignToken,
699
698
  "border-color": DesignToken,
700
- "color": DesignToken,
701
699
  "border-width": DesignToken,
702
- "disabled": {
703
- "background-color": DesignToken,
704
- "border-color": DesignToken,
705
- "color": DesignToken
706
- },
700
+ "color": DesignToken
701
+ },
702
+ "checked": {
707
703
  "active": {
708
704
  "background-color": DesignToken,
709
705
  "border-color": DesignToken,
710
706
  "color": DesignToken,
711
707
  "border-width": DesignToken
712
708
  },
709
+ "disabled": {
710
+ "background-color": DesignToken,
711
+ "border-color": DesignToken,
712
+ "color": DesignToken
713
+ },
713
714
  "hover": {
714
715
  "background-color": DesignToken,
715
716
  "border-color": DesignToken,
@@ -721,25 +722,46 @@ declare const tokens: {
721
722
  "border-color": DesignToken,
722
723
  "color": DesignToken,
723
724
  "border-width": DesignToken
724
- }
725
+ },
726
+ "background-color": DesignToken,
727
+ "border-color": DesignToken,
728
+ "border-width": DesignToken,
729
+ "color": DesignToken
725
730
  },
731
+ "background-color": DesignToken,
732
+ "border-color": DesignToken,
733
+ "border-radius": DesignToken,
726
734
  "border-width": DesignToken,
727
- "hover": {
728
- "border-width": DesignToken,
735
+ "size": DesignToken,
736
+ "icon": {
737
+ "size": DesignToken
738
+ },
739
+ "invalid": {
729
740
  "background-color": DesignToken,
730
- "border-color": DesignToken
741
+ "border-color": DesignToken,
742
+ "border-width": DesignToken
731
743
  },
732
744
  "active": {
733
- "border-width": DesignToken,
745
+ "background-color": DesignToken,
746
+ "border-color": DesignToken,
747
+ "border-width": DesignToken
748
+ },
749
+ "disabled": {
734
750
  "background-color": DesignToken,
735
751
  "border-color": DesignToken
752
+ },
753
+ "hover": {
754
+ "background-color": DesignToken,
755
+ "border-color": DesignToken,
756
+ "border-width": DesignToken
757
+ },
758
+ "focus": {
759
+ "background-color": DesignToken,
760
+ "border-color": DesignToken,
761
+ "border-width": DesignToken
736
762
  }
737
763
  },
738
764
  "button": {
739
- "icon": {
740
- "gap": DesignToken,
741
- "size": DesignToken
742
- },
743
765
  "background-color": DesignToken,
744
766
  "border-color": DesignToken,
745
767
  "border-radius": DesignToken,
@@ -756,6 +778,9 @@ declare const tokens: {
756
778
  "padding-block-start": DesignToken,
757
779
  "padding-inline-end": DesignToken,
758
780
  "padding-inline-start": DesignToken,
781
+ "icon": {
782
+ "size": DesignToken
783
+ },
759
784
  "pressed": {
760
785
  "background-color": DesignToken,
761
786
  "border-color": DesignToken,
@@ -950,74 +975,74 @@ declare const tokens: {
950
975
  }
951
976
  },
952
977
  "blockquote": {
953
- "background-color": DesignToken,
954
- "border-inline-start-width": DesignToken,
955
- "border-color": DesignToken,
956
- "border-radius": DesignToken,
957
- "border-width": DesignToken,
958
- "color": DesignToken,
959
- "font-size": DesignToken,
960
- "font-family": DesignToken,
961
- "padding-block-end": DesignToken,
962
- "padding-block-start": DesignToken,
963
- "padding-inline-end": DesignToken,
964
- "padding-inline-start": DesignToken,
965
- "row-gap": DesignToken,
966
- "attribution": {
967
- "color": DesignToken,
968
- "font-size": DesignToken
978
+ "border-block-end-width": DesignToken,
979
+ "border-block-start-width": DesignToken,
980
+ "border-end-end-radius": DesignToken,
981
+ "border-end-start-radius": DesignToken,
982
+ "border-inline-end-width": DesignToken,
983
+ "border-start-end-radius": DesignToken,
984
+ "border-start-start-radius": DesignToken,
985
+ "margin-block-end": DesignToken,
986
+ "margin-block-start": DesignToken,
987
+ "margin-inline-end": DesignToken,
988
+ "margin-inline-start": DesignToken,
989
+ "blue-corner-border-variation": {
990
+ "border-block-end-width": DesignToken,
991
+ "border-color": DesignToken,
992
+ "border-end-end-radius": DesignToken,
993
+ "border-inline-end-width": DesignToken
969
994
  },
970
- "content": {
995
+ "caption": {
971
996
  "color": DesignToken,
972
- "font-size": DesignToken,
973
997
  "font-family": DesignToken,
998
+ "font-size": DesignToken,
999
+ "font-weight": DesignToken,
974
1000
  "line-height": DesignToken,
975
- "font-weight": DesignToken
1001
+ "padding-block-start": DesignToken
976
1002
  },
977
- "caption": {
978
- "font-size": DesignToken,
1003
+ "content": {
979
1004
  "font-family": DesignToken,
980
- "line-height": DesignToken,
981
1005
  "font-weight": DesignToken,
982
- "padding-block-start": DesignToken,
983
- "color": DesignToken
984
- },
985
- "margin-block-end": DesignToken,
986
- "margin-block-start": DesignToken,
987
- "margin-inline-end": DesignToken,
988
- "margin-inline-start": DesignToken,
989
- "border-block-start-width": DesignToken,
990
- "border-block-end-width": DesignToken,
991
- "border-inline-end-width": DesignToken,
992
- "border-start-start-radius": DesignToken,
993
- "border-start-end-radius": DesignToken,
994
- "border-end-start-radius": DesignToken,
995
- "border-end-end-radius": DesignToken,
996
- "blue-corner-border-variation": {
997
- "border-color": DesignToken,
998
- "border-block-end-width": DesignToken,
999
- "border-inline-end-width": DesignToken,
1000
- "border-end-end-radius": DesignToken
1006
+ "line-height": DesignToken,
1007
+ "color": DesignToken,
1008
+ "font-size": DesignToken
1001
1009
  },
1002
1010
  "pink-background-variation": {
1003
1011
  "background-color": DesignToken,
1004
1012
  "border-end-start-radius": DesignToken,
1005
1013
  "padding": DesignToken
1006
1014
  },
1007
- "pink-left-border-variation": {
1008
- "border-color": DesignToken,
1009
- "border-inline-start-width": DesignToken,
1010
- "padding-inline-start": DesignToken,
1011
- "padding-inline-end": DesignToken,
1012
- "padding-block-start": DesignToken,
1013
- "padding-block-end": DesignToken
1014
- },
1015
1015
  "pink-corner-border-variation": {
1016
- "border-color": DesignToken,
1017
1016
  "border-block-start-width": DesignToken,
1017
+ "border-color": DesignToken,
1018
1018
  "border-inline-start-width": DesignToken,
1019
1019
  "border-start-start-radius": DesignToken,
1020
1020
  "padding": DesignToken
1021
+ },
1022
+ "pink-left-border-variation": {
1023
+ "border-color": DesignToken,
1024
+ "border-inline-start-width": DesignToken,
1025
+ "padding-block-end": DesignToken,
1026
+ "padding-block-start": DesignToken,
1027
+ "padding-inline-end": DesignToken,
1028
+ "padding-inline-start": DesignToken
1029
+ },
1030
+ "background-color": DesignToken,
1031
+ "border-inline-start-width": DesignToken,
1032
+ "border-color": DesignToken,
1033
+ "border-radius": DesignToken,
1034
+ "border-width": DesignToken,
1035
+ "color": DesignToken,
1036
+ "font-size": DesignToken,
1037
+ "font-family": DesignToken,
1038
+ "padding-block-end": DesignToken,
1039
+ "padding-block-start": DesignToken,
1040
+ "padding-inline-end": DesignToken,
1041
+ "padding-inline-start": DesignToken,
1042
+ "row-gap": DesignToken,
1043
+ "attribution": {
1044
+ "color": DesignToken,
1045
+ "font-size": DesignToken
1021
1046
  }
1022
1047
  },
1023
1048
  "article": {
@@ -1026,27 +1051,36 @@ declare const tokens: {
1026
1051
  "alert": {
1027
1052
  "heading": {
1028
1053
  "font-family": DesignToken,
1054
+ "font-size": DesignToken,
1029
1055
  "font-weight": DesignToken,
1056
+ "line-height": DesignToken
1057
+ },
1058
+ "message": {
1059
+ "column-gap": DesignToken,
1030
1060
  "line-height": DesignToken,
1031
- "font-size": DesignToken
1061
+ "row-gap": DesignToken
1032
1062
  },
1033
- "column-gap": DesignToken,
1063
+ "background-color": DesignToken,
1064
+ "border-color": DesignToken,
1065
+ "border-radius": DesignToken,
1034
1066
  "border-width": DesignToken,
1067
+ "color": DesignToken,
1068
+ "column-gap": DesignToken,
1035
1069
  "margin-block-end": DesignToken,
1036
1070
  "margin-block-start": DesignToken,
1037
1071
  "padding-block-end": DesignToken,
1038
1072
  "padding-block-start": DesignToken,
1039
1073
  "padding-inline-end": DesignToken,
1040
1074
  "padding-inline-start": DesignToken,
1041
- "background-color": DesignToken,
1042
- "border-color": DesignToken,
1043
- "color": DesignToken,
1044
- "info": {
1075
+ "content": {
1076
+ "row-gap": DesignToken
1077
+ },
1078
+ "error": {
1045
1079
  "background-color": DesignToken,
1046
1080
  "border-color": DesignToken,
1047
1081
  "color": DesignToken
1048
1082
  },
1049
- "error": {
1083
+ "info": {
1050
1084
  "background-color": DesignToken,
1051
1085
  "border-color": DesignToken,
1052
1086
  "color": DesignToken
@@ -1062,38 +1096,46 @@ declare const tokens: {
1062
1096
  "color": DesignToken
1063
1097
  },
1064
1098
  "icon": {
1099
+ "color": DesignToken,
1065
1100
  "inset-block-start": DesignToken,
1066
- "info": {
1101
+ "size": DesignToken,
1102
+ "error": {
1067
1103
  "color": DesignToken
1068
1104
  },
1069
- "error": {
1105
+ "info": {
1070
1106
  "color": DesignToken
1071
1107
  },
1072
1108
  "ok": {
1073
1109
  "color": DesignToken
1074
1110
  },
1075
- "warning": {
1111
+ "warning": {
1112
+ "color": DesignToken
1113
+ }
1114
+ }
1115
+ },
1116
+ "accordion": {
1117
+ "button": {
1118
+ "active": {
1119
+ "row-gap": DesignToken,
1120
+ "background-color": DesignToken,
1121
+ "border-color": DesignToken,
1122
+ "color": DesignToken
1123
+ },
1124
+ "focus": {
1125
+ "background-color": DesignToken,
1126
+ "border-color": DesignToken,
1076
1127
  "color": DesignToken
1077
1128
  },
1078
- "size": DesignToken
1079
- },
1080
- "message": {
1081
- "line-height": DesignToken,
1082
- "column-gap": DesignToken
1083
- },
1084
- "border-radius": DesignToken
1085
- },
1086
- "accordion": {
1087
- "panel": {
1129
+ "background-color": DesignToken,
1088
1130
  "border-color": DesignToken,
1131
+ "border-radius": DesignToken,
1089
1132
  "border-width": DesignToken,
1133
+ "color": DesignToken,
1134
+ "gap": DesignToken,
1090
1135
  "padding-block-end": DesignToken,
1091
1136
  "padding-block-start": DesignToken,
1092
1137
  "padding-inline-end": DesignToken,
1093
- "padding-inline-start": DesignToken
1094
- },
1095
- "button": {
1096
- "gap": DesignToken,
1138
+ "padding-inline-start": DesignToken,
1097
1139
  "icon": {
1098
1140
  "size": DesignToken
1099
1141
  },
@@ -1102,21 +1144,32 @@ declare const tokens: {
1102
1144
  "border-color": DesignToken,
1103
1145
  "color": DesignToken
1104
1146
  },
1105
- "background-color": DesignToken,
1106
- "border-color": DesignToken,
1107
- "border-width": DesignToken,
1108
- "color": DesignToken,
1109
- "focus": {
1147
+ "focus-visible": {
1110
1148
  "background-color": DesignToken,
1111
1149
  "border-color": DesignToken,
1150
+ "border-width": DesignToken,
1112
1151
  "color": DesignToken
1113
- },
1114
- "active": {
1115
- "background-color": DesignToken,
1116
- "border-color": DesignToken,
1117
- "color": DesignToken,
1118
- "row-gap": DesignToken
1119
1152
  }
1153
+ },
1154
+ "margin-block-end": DesignToken,
1155
+ "margin-block-start": DesignToken,
1156
+ "row-gap": DesignToken,
1157
+ "panel": {
1158
+ "border-color": DesignToken,
1159
+ "border-width": DesignToken,
1160
+ "padding-block-end": DesignToken,
1161
+ "padding-block-start": DesignToken,
1162
+ "padding-inline-end": DesignToken,
1163
+ "padding-inline-start": DesignToken
1164
+ },
1165
+ "section": {
1166
+ "border-color": DesignToken,
1167
+ "hover": {
1168
+ "border-color": DesignToken
1169
+ },
1170
+ "border-width": DesignToken,
1171
+ "margin-block-end": DesignToken,
1172
+ "margin-block-start": DesignToken
1120
1173
  }
1121
1174
  },
1122
1175
  "rich-text": {
@@ -1520,6 +1573,17 @@ declare const tokens: {
1520
1573
  "color": DesignToken
1521
1574
  }
1522
1575
  },
1576
+ "expandable-checkbox-group": {
1577
+ "details": {
1578
+ "margin-block-start": DesignToken
1579
+ },
1580
+ "summary": {
1581
+ "color": DesignToken,
1582
+ "margin-block-end": DesignToken,
1583
+ "margin-block-start": DesignToken,
1584
+ "text-decoration": DesignToken
1585
+ }
1586
+ },
1523
1587
  "dot-badge": {
1524
1588
  "border-radius": DesignToken,
1525
1589
  "color": DesignToken,
@@ -1691,14 +1755,17 @@ declare const tokens: {
1691
1755
  }
1692
1756
  },
1693
1757
  "accordion": {
1758
+ "border-radius": DesignToken,
1759
+ "color": DesignToken,
1760
+ "header": {
1761
+ "margin": DesignToken
1762
+ },
1763
+ "section": {
1764
+ "border-block-end-width": DesignToken,
1765
+ "border-color": DesignToken,
1766
+ "border-width": DesignToken
1767
+ },
1694
1768
  "button": {
1695
- "font-family": DesignToken,
1696
- "font-size": DesignToken,
1697
- "font-weight": DesignToken,
1698
- "line-height": DesignToken,
1699
- "icon": {
1700
- "margin-block": DesignToken
1701
- },
1702
1769
  "padding-block-end": DesignToken,
1703
1770
  "padding-block-start": DesignToken,
1704
1771
  "padding-inline-end": DesignToken,
@@ -1706,18 +1773,15 @@ declare const tokens: {
1706
1773
  "expanded": {
1707
1774
  "background-color": DesignToken,
1708
1775
  "color": DesignToken
1709
- }
1710
- },
1711
- "section": {
1712
- "border-block-end-width": DesignToken,
1713
- "border-width": DesignToken,
1714
- "border-color": DesignToken
1715
- },
1716
- "header": {
1717
- "margin": DesignToken
1718
- },
1719
- "border-radius": DesignToken,
1720
- "color": DesignToken
1776
+ },
1777
+ "icon": {
1778
+ "margin-block": DesignToken
1779
+ },
1780
+ "font-family": DesignToken,
1781
+ "font-weight": DesignToken,
1782
+ "font-size": DesignToken,
1783
+ "line-height": DesignToken
1784
+ }
1721
1785
  },
1722
1786
  "rounded-corner": {
1723
1787
  "xs": {
@@ -2039,6 +2103,118 @@ declare const tokens: {
2039
2103
  "700": DesignToken
2040
2104
  }
2041
2105
  },
2106
+ "todo": {
2107
+ "textbox": {
2108
+ "hover": {
2109
+ "background-color": DesignToken,
2110
+ "border-color": DesignToken,
2111
+ "color": DesignToken
2112
+ }
2113
+ },
2114
+ "textarea": {
2115
+ "hover": {
2116
+ "background-color": DesignToken,
2117
+ "border-color": DesignToken,
2118
+ "color": DesignToken
2119
+ }
2120
+ },
2121
+ "skip-link": {
2122
+ "font-weight": DesignToken
2123
+ },
2124
+ "radio-button": {
2125
+ "checked": {
2126
+ "disabled": {
2127
+ "background-color": DesignToken,
2128
+ "border-color": DesignToken,
2129
+ "color": DesignToken
2130
+ }
2131
+ }
2132
+ },
2133
+ "link-list": {
2134
+ "link": {
2135
+ "hover": {
2136
+ "text-decoration": DesignToken
2137
+ }
2138
+ }
2139
+ },
2140
+ "form-field-label": {
2141
+ "color": DesignToken,
2142
+ "column-gap": DesignToken,
2143
+ "font-family": DesignToken,
2144
+ "font-size": DesignToken,
2145
+ "font-weight": DesignToken,
2146
+ "line-height": DesignToken
2147
+ },
2148
+ "form-field-error-message": {
2149
+ "column-gap": DesignToken,
2150
+ "icon": {
2151
+ "size": DesignToken
2152
+ }
2153
+ },
2154
+ "figure": {
2155
+ "row-gap": DesignToken
2156
+ },
2157
+ "checkbox": {
2158
+ "indeterminate": {
2159
+ "active": {
2160
+ "background-color": DesignToken,
2161
+ "border-color": DesignToken,
2162
+ "border-width": DesignToken,
2163
+ "color": DesignToken
2164
+ },
2165
+ "disabled": {
2166
+ "background-color": DesignToken,
2167
+ "border-color": DesignToken,
2168
+ "color": DesignToken
2169
+ },
2170
+ "hover": {
2171
+ "background-color": DesignToken,
2172
+ "border-color": DesignToken,
2173
+ "border-width": DesignToken,
2174
+ "color": DesignToken
2175
+ },
2176
+ "focus-visible": {
2177
+ "background-color": DesignToken,
2178
+ "border-color": DesignToken,
2179
+ "border-width": DesignToken,
2180
+ "color": DesignToken
2181
+ }
2182
+ },
2183
+ "checked": {
2184
+ "active": {
2185
+ "background-color": DesignToken,
2186
+ "border-color": DesignToken,
2187
+ "border-width": DesignToken,
2188
+ "color": DesignToken
2189
+ },
2190
+ "disabled": {
2191
+ "background-color": DesignToken,
2192
+ "border-color": DesignToken,
2193
+ "color": DesignToken
2194
+ },
2195
+ "hover": {
2196
+ "background-color": DesignToken,
2197
+ "border-color": DesignToken,
2198
+ "border-width": DesignToken,
2199
+ "color": DesignToken
2200
+ },
2201
+ "focus-visible": {
2202
+ "background-color": DesignToken,
2203
+ "border-color": DesignToken,
2204
+ "border-width": DesignToken,
2205
+ "color": DesignToken
2206
+ }
2207
+ }
2208
+ },
2209
+ "accordion": {
2210
+ "button": {
2211
+ "font-family": DesignToken,
2212
+ "font-size": DesignToken,
2213
+ "font-weight": DesignToken,
2214
+ "line-height": DesignToken
2215
+ }
2216
+ }
2217
+ },
2042
2218
  "nl": {
2043
2219
  "skip-link": {
2044
2220
  "border-color": DesignToken,
@@ -2096,6 +2272,21 @@ declare const tokens: {
2096
2272
  "margin-block-end": DesignToken,
2097
2273
  "margin-block-start": DesignToken
2098
2274
  },
2275
+ "number-badge": {
2276
+ "line-height": DesignToken,
2277
+ "background-color": DesignToken,
2278
+ "border-color": DesignToken,
2279
+ "border-radius": DesignToken,
2280
+ "border-width": DesignToken,
2281
+ "color": DesignToken,
2282
+ "font-family": DesignToken,
2283
+ "font-size": DesignToken,
2284
+ "font-weight": DesignToken,
2285
+ "min-block-size": DesignToken,
2286
+ "min-inline-size": DesignToken,
2287
+ "padding-block": DesignToken,
2288
+ "padding-inline": DesignToken
2289
+ },
2099
2290
  "link": {
2100
2291
  "column-gap": DesignToken,
2101
2292
  "font-family": DesignToken,
@@ -2192,33 +2383,6 @@ declare const tokens: {
2192
2383
  "margin-block-end": DesignToken,
2193
2384
  "margin-block-start": DesignToken
2194
2385
  }
2195
- },
2196
- "number-badge": {
2197
- "font-size": DesignToken,
2198
- "line-height": DesignToken,
2199
- "min-block-size": DesignToken,
2200
- "min-inline-size": DesignToken,
2201
- "font-weight": DesignToken,
2202
- "border-width": DesignToken,
2203
- "border-radius": DesignToken,
2204
- "font-family": DesignToken,
2205
- "background-color": DesignToken,
2206
- "border-color": DesignToken,
2207
- "color": DesignToken,
2208
- "padding-inline": DesignToken,
2209
- "padding-block": DesignToken
2210
- }
2211
- },
2212
- "todo": {
2213
- "skip-link": {
2214
- "font-weight": DesignToken
2215
- },
2216
- "link-list": {
2217
- "link": {
2218
- "hover": {
2219
- "text-decoration": DesignToken
2220
- }
2221
- }
2222
2386
  }
2223
2387
  },
2224
2388
  "basis": {