@rijkshuisstijl-community/design-tokens 4.0.0 → 4.0.1

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 +14 -0
  2. package/dist/_variables.scss +351 -260
  3. package/dist/index.css +351 -260
  4. package/dist/index.d.ts +350 -259
  5. package/dist/index.js +351 -260
  6. package/dist/index.json +350 -259
  7. package/dist/index.tokens.json +507 -354
  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 +351 -260
  18. package/dist/tokens.d.ts +475 -322
  19. package/dist/tokens.js +18021 -15800
  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 +2138 -1495
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +1876 -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
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 17 Jul 2025 11:54:48 GMT
3
+ * Generated on Mon, 28 Jul 2025 08:31:50 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -22,177 +22,605 @@ declare interface DesignToken {
22
22
  }
23
23
 
24
24
  declare const tokens: {
25
- "nl": {
26
- "skip-link": {
25
+ "utrecht": {
26
+ "textbox": {
27
+ "hover": {
28
+ "background-color": DesignToken,
29
+ "border-color": DesignToken,
30
+ "border-width": DesignToken,
31
+ "color": DesignToken
32
+ },
33
+ "focus": {
34
+ "border-width": DesignToken,
35
+ "background-color": DesignToken,
36
+ "border-color": DesignToken,
37
+ "color": DesignToken
38
+ },
39
+ "background-color": DesignToken,
40
+ "border-block-end-width": DesignToken,
27
41
  "border-color": DesignToken,
42
+ "border-radius": DesignToken,
28
43
  "border-width": DesignToken,
44
+ "color": DesignToken,
29
45
  "font-family": DesignToken,
46
+ "font-size": DesignToken,
30
47
  "font-weight": DesignToken,
48
+ "line-height": DesignToken,
49
+ "max-inline-size": DesignToken,
50
+ "min-block-size": DesignToken,
31
51
  "padding-block-end": DesignToken,
32
52
  "padding-block-start": DesignToken,
33
53
  "padding-inline-end": DesignToken,
34
54
  "padding-inline-start": DesignToken,
35
- "box-block-end-shadow": {
36
- "blur-radius": DesignToken,
55
+ "invalid": {
56
+ "background-color": DesignToken,
57
+ "border-block-end-width": DesignToken,
58
+ "border-color": DesignToken,
59
+ "border-width": DesignToken,
60
+ "color": DesignToken
61
+ },
62
+ "placeholder": {
63
+ "color": DesignToken
64
+ },
65
+ "read-only": {
66
+ "background-color": DesignToken,
67
+ "border-color": DesignToken,
68
+ "color": DesignToken
69
+ },
70
+ "disabled": {
71
+ "background-color": DesignToken,
72
+ "border-color": DesignToken,
73
+ "color": DesignToken
74
+ }
75
+ },
76
+ "select": {
77
+ "border-bottom-width": DesignToken,
78
+ "border-radius": DesignToken,
79
+ "border-width": DesignToken,
80
+ "image-background-position": DesignToken,
81
+ "max-inline-size": DesignToken,
82
+ "padding-block-end": DesignToken,
83
+ "padding-block-start": DesignToken,
84
+ "padding-inline-end": DesignToken,
85
+ "padding-inline-start": DesignToken,
86
+ "icon": {
87
+ "size": DesignToken
88
+ },
89
+ "invalid": {
90
+ "border-width": DesignToken,
37
91
  "color": DesignToken,
38
- "offset-x": DesignToken,
39
- "offset-y": DesignToken,
40
- "spread-radius": DesignToken
92
+ "background-color": DesignToken,
93
+ "border-block-end-width": DesignToken,
94
+ "border-color": DesignToken
95
+ },
96
+ "hover": {
97
+ "border-width": DesignToken,
98
+ "background-color": DesignToken,
99
+ "border-color": DesignToken,
100
+ "color": DesignToken
41
101
  },
42
102
  "focus": {
103
+ "border-width": DesignToken,
104
+ "background-color": DesignToken,
105
+ "border-color": DesignToken,
106
+ "color": DesignToken
107
+ },
108
+ "background-color": DesignToken,
109
+ "border-block-end-width": DesignToken,
110
+ "border-color": DesignToken,
111
+ "color": DesignToken,
112
+ "font-family": DesignToken,
113
+ "font-size": DesignToken,
114
+ "font-weight": DesignToken,
115
+ "line-height": DesignToken,
116
+ "min-block-size": DesignToken,
117
+ "disabled": {
118
+ "background-color": DesignToken,
119
+ "border-color": DesignToken,
120
+ "color": DesignToken
121
+ }
122
+ },
123
+ "radio-button": {
124
+ "border-radius": DesignToken,
125
+ "dot": {
126
+ "size": DesignToken
127
+ },
128
+ "checked": {
129
+ "disabled": {
130
+ "background-color": DesignToken,
131
+ "border-color": DesignToken,
132
+ "color": DesignToken
133
+ },
43
134
  "background-color": DesignToken,
44
135
  "border-color": DesignToken,
45
- "border-style": DesignToken,
46
136
  "border-width": DesignToken,
47
137
  "color": DesignToken,
48
- "text-decoration": DesignToken
138
+ "active": {
139
+ "background-color": DesignToken,
140
+ "border-color": DesignToken,
141
+ "border-width": DesignToken,
142
+ "color": DesignToken
143
+ },
144
+ "hover": {
145
+ "background-color": DesignToken,
146
+ "border-color": DesignToken,
147
+ "border-width": DesignToken,
148
+ "color": DesignToken
149
+ },
150
+ "focus": {
151
+ "background-color": DesignToken,
152
+ "border-color": DesignToken,
153
+ "border-width": DesignToken,
154
+ "color": DesignToken
155
+ }
49
156
  },
50
- "focus-visible": {
51
- "outline-color": DesignToken
157
+ "background-color": DesignToken,
158
+ "border-color": DesignToken,
159
+ "color": DesignToken,
160
+ "border-width": DesignToken,
161
+ "size": DesignToken,
162
+ "icon": {
163
+ "size": DesignToken
164
+ },
165
+ "invalid": {
166
+ "background-color": DesignToken,
167
+ "border-color": DesignToken,
168
+ "color": DesignToken,
169
+ "border-width": DesignToken
170
+ },
171
+ "active": {
172
+ "background-color": DesignToken,
173
+ "border-color": DesignToken,
174
+ "color": DesignToken,
175
+ "border-width": DesignToken
176
+ },
177
+ "disabled": {
178
+ "background-color": DesignToken,
179
+ "border-color": DesignToken,
180
+ "color": DesignToken
181
+ },
182
+ "hover": {
183
+ "background-color": DesignToken,
184
+ "border-color": DesignToken,
185
+ "color": DesignToken,
186
+ "border-width": DesignToken
187
+ },
188
+ "focus": {
189
+ "background-color": DesignToken,
190
+ "border-color": DesignToken,
191
+ "color": DesignToken,
192
+ "border-width": DesignToken
193
+ }
194
+ },
195
+ "form-field": {
196
+ "label": {
197
+ "margin-block-end": DesignToken
198
+ },
199
+ "margin-block-end": DesignToken,
200
+ "margin-block-start": DesignToken,
201
+ "invalid": {
202
+ "border-inline-start-color": DesignToken,
203
+ "border-inline-start-width": DesignToken,
204
+ "padding-inline-start": DesignToken
205
+ }
206
+ },
207
+ "checkbox": {
208
+ "indeterminate": {
209
+ "active": {
210
+ "background-color": DesignToken,
211
+ "border-color": DesignToken,
212
+ "color": DesignToken,
213
+ "border-width": DesignToken
214
+ },
215
+ "disabled": {
216
+ "background-color": DesignToken,
217
+ "border-color": DesignToken,
218
+ "color": DesignToken
219
+ },
220
+ "hover": {
221
+ "background-color": DesignToken,
222
+ "border-color": DesignToken,
223
+ "color": DesignToken,
224
+ "border-width": DesignToken
225
+ },
226
+ "focus": {
227
+ "background-color": DesignToken,
228
+ "border-color": DesignToken,
229
+ "color": DesignToken,
230
+ "border-width": DesignToken
231
+ },
232
+ "background-color": DesignToken,
233
+ "border-color": DesignToken,
234
+ "border-width": DesignToken,
235
+ "color": DesignToken
236
+ },
237
+ "checked": {
238
+ "active": {
239
+ "background-color": DesignToken,
240
+ "border-color": DesignToken,
241
+ "color": DesignToken,
242
+ "border-width": DesignToken
243
+ },
244
+ "disabled": {
245
+ "background-color": DesignToken,
246
+ "border-color": DesignToken,
247
+ "color": DesignToken
248
+ },
249
+ "hover": {
250
+ "background-color": DesignToken,
251
+ "border-color": DesignToken,
252
+ "color": DesignToken,
253
+ "border-width": DesignToken
254
+ },
255
+ "focus": {
256
+ "background-color": DesignToken,
257
+ "border-color": DesignToken,
258
+ "color": DesignToken,
259
+ "border-width": DesignToken
260
+ },
261
+ "background-color": DesignToken,
262
+ "border-color": DesignToken,
263
+ "border-width": DesignToken,
264
+ "color": DesignToken
265
+ },
266
+ "background-color": DesignToken,
267
+ "border-color": DesignToken,
268
+ "border-radius": DesignToken,
269
+ "border-width": DesignToken,
270
+ "size": DesignToken,
271
+ "icon": {
272
+ "size": DesignToken
273
+ },
274
+ "invalid": {
275
+ "background-color": DesignToken,
276
+ "border-color": DesignToken,
277
+ "border-width": DesignToken
278
+ },
279
+ "active": {
280
+ "background-color": DesignToken,
281
+ "border-color": DesignToken,
282
+ "border-width": DesignToken
283
+ },
284
+ "disabled": {
285
+ "background-color": DesignToken,
286
+ "border-color": DesignToken
287
+ },
288
+ "hover": {
289
+ "background-color": DesignToken,
290
+ "border-color": DesignToken,
291
+ "border-width": DesignToken
292
+ },
293
+ "focus": {
294
+ "background-color": DesignToken,
295
+ "border-color": DesignToken,
296
+ "border-width": DesignToken
297
+ }
298
+ },
299
+ "textarea": {
300
+ "border-bottom-width": DesignToken,
301
+ "hover": {
302
+ "background-color": DesignToken,
303
+ "border-color": DesignToken,
304
+ "border-width": DesignToken,
305
+ "color": DesignToken
306
+ },
307
+ "focus": {
308
+ "border-width": DesignToken,
309
+ "background-color": DesignToken,
310
+ "border-color": DesignToken,
311
+ "color": DesignToken
312
+ },
313
+ "background-color": DesignToken,
314
+ "border-block-end-width": DesignToken,
315
+ "border-color": DesignToken,
316
+ "border-radius": DesignToken,
317
+ "border-width": DesignToken,
318
+ "color": DesignToken,
319
+ "font-family": DesignToken,
320
+ "font-size": DesignToken,
321
+ "font-weight": DesignToken,
322
+ "line-height": DesignToken,
323
+ "max-inline-size": DesignToken,
324
+ "min-block-size": DesignToken,
325
+ "padding-block-end": DesignToken,
326
+ "padding-block-start": DesignToken,
327
+ "padding-inline-end": DesignToken,
328
+ "padding-inline-start": DesignToken,
329
+ "invalid": {
330
+ "background-color": DesignToken,
331
+ "border-block-end-width": DesignToken,
332
+ "border-color": DesignToken,
333
+ "border-width": DesignToken,
334
+ "color": DesignToken
335
+ },
336
+ "placeholder": {
337
+ "color": DesignToken
338
+ },
339
+ "read-only": {
340
+ "background-color": DesignToken,
341
+ "border-color": DesignToken,
342
+ "color": DesignToken
343
+ },
344
+ "disabled": {
345
+ "background-color": DesignToken,
346
+ "border-color": DesignToken,
347
+ "color": DesignToken
348
+ }
349
+ },
350
+ "form-field-error-message": {
351
+ "icon": {
352
+ "margin-inline-end": DesignToken,
353
+ "size": DesignToken
52
354
  },
53
- "text-decoration": DesignToken,
54
355
  "background-color": DesignToken,
55
356
  "color": DesignToken,
56
- "padding-block": DesignToken,
57
- "padding-inline": DesignToken,
58
- "min-block-size": DesignToken,
59
- "min-inline-size": DesignToken,
60
- "text-decoration-thickness": DesignToken,
61
- "text-underline-offset": DesignToken,
357
+ "font-family": DesignToken,
358
+ "font-size": DesignToken,
359
+ "font-weight": DesignToken,
62
360
  "line-height": DesignToken,
63
- "font-size": DesignToken
361
+ "margin-block-end": DesignToken,
362
+ "margin-block-start": DesignToken,
363
+ "padding-block-end": DesignToken,
364
+ "padding-block-start": DesignToken,
365
+ "padding-inline-end": DesignToken,
366
+ "padding-inline-start": DesignToken
64
367
  },
65
- "link": {
66
- "column-gap": DesignToken,
368
+ "form-field-description": {
369
+ "padding-block-end": DesignToken,
370
+ "color": DesignToken,
67
371
  "font-family": DesignToken,
68
372
  "font-size": DesignToken,
69
- "font-weight": DesignToken,
70
373
  "line-height": DesignToken,
71
- "icon": {
72
- "inset-block-start": DesignToken,
73
- "size": DesignToken
74
- },
75
- "active": {
76
- "text-decoration": DesignToken,
77
- "color": DesignToken
78
- },
79
- "focus": {
80
- "background-color": DesignToken,
374
+ "margin-block-end": DesignToken,
375
+ "margin-block-start": DesignToken
376
+ },
377
+ "form-label": {
378
+ "color": DesignToken,
379
+ "font-size": DesignToken,
380
+ "font-weight": DesignToken,
381
+ "checkbox": {
81
382
  "color": DesignToken,
82
- "text-decoration": DesignToken,
83
- "text-decoration-thickness": DesignToken
84
- },
85
- "visited": {
86
- "color": DesignToken
383
+ "font-weight": DesignToken
87
384
  },
88
- "hover": {
89
- "text-decoration-line": DesignToken,
90
- "text-decoration-thickness": DesignToken,
91
- "color": DesignToken
385
+ "radio": {
386
+ "color": DesignToken,
387
+ "font-weight": DesignToken
92
388
  },
93
- "text-decoration-line": DesignToken,
94
- "text-decoration-thickness": DesignToken,
95
- "color": DesignToken,
96
- "text-decoration-color": DesignToken,
97
- "text-underline-offset": DesignToken,
98
- "current": {
99
- "cursor": DesignToken
389
+ "checked": {
390
+ "font-weight": DesignToken
100
391
  },
101
392
  "disabled": {
102
- "color": DesignToken,
103
- "cursor": DesignToken
393
+ "color": DesignToken
104
394
  }
105
395
  },
106
- "paragraph": {
107
- "lead": {
108
- "color": DesignToken,
109
- "font-size": DesignToken,
110
- "font-weight": DesignToken,
111
- "line-height": DesignToken,
112
- "margin-block-end": DesignToken,
113
- "margin-block-start": DesignToken
114
- },
396
+ "number-badge": {
397
+ "line-height": DesignToken,
398
+ "background-color": DesignToken,
399
+ "border-color": DesignToken,
400
+ "border-radius": DesignToken,
401
+ "border-width": DesignToken,
115
402
  "color": DesignToken,
116
403
  "font-family": DesignToken,
117
404
  "font-size": DesignToken,
118
405
  "font-weight": DesignToken,
119
- "line-height": DesignToken,
120
- "margin-block-end": DesignToken,
121
- "margin-block-start": DesignToken
406
+ "min-block-size": DesignToken,
407
+ "min-inline-size": DesignToken,
408
+ "padding-block": DesignToken,
409
+ "padding-inline": DesignToken
122
410
  },
123
- "heading": {
124
- "level-1": {
411
+ "figure": {
412
+ "caption": {
413
+ "border-color": DesignToken,
414
+ "border-width": DesignToken,
415
+ "padding-block-end": DesignToken,
416
+ "padding-block-start": DesignToken,
417
+ "padding-inline-start": DesignToken,
125
418
  "color": DesignToken,
126
- "font-family": DesignToken,
127
419
  "font-size": DesignToken,
128
- "font-weight": DesignToken,
129
- "line-height": DesignToken,
130
- "margin-block-end": DesignToken,
131
- "margin-block-start": DesignToken
420
+ "line-height": DesignToken
132
421
  },
133
- "level-2": {
422
+ "img": {
423
+ "border-end-end-radius": DesignToken,
424
+ "border-end-start-radius": DesignToken,
425
+ "border-start-end-radius": DesignToken,
426
+ "border-start-start-radius": DesignToken
427
+ }
428
+ },
429
+ "blockquote": {
430
+ "border-block-end-width": DesignToken,
431
+ "border-block-start-width": DesignToken,
432
+ "border-end-end-radius": DesignToken,
433
+ "border-end-start-radius": DesignToken,
434
+ "border-inline-end-width": DesignToken,
435
+ "border-start-end-radius": DesignToken,
436
+ "border-start-start-radius": DesignToken,
437
+ "margin-block-end": DesignToken,
438
+ "margin-block-start": DesignToken,
439
+ "margin-inline-end": DesignToken,
440
+ "margin-inline-start": DesignToken,
441
+ "blue-corner-border-variation": {
442
+ "border-block-end-width": DesignToken,
443
+ "border-color": DesignToken,
444
+ "border-end-end-radius": DesignToken,
445
+ "border-inline-end-width": DesignToken
446
+ },
447
+ "caption": {
134
448
  "color": DesignToken,
135
449
  "font-family": DesignToken,
136
450
  "font-size": DesignToken,
137
451
  "font-weight": DesignToken,
138
452
  "line-height": DesignToken,
139
- "margin-block-end": DesignToken,
140
- "margin-block-start": DesignToken
453
+ "padding-block-start": DesignToken
141
454
  },
142
- "level-3": {
143
- "color": DesignToken,
455
+ "content": {
144
456
  "font-family": DesignToken,
145
- "font-size": DesignToken,
146
457
  "font-weight": DesignToken,
147
458
  "line-height": DesignToken,
148
- "margin-block-end": DesignToken,
149
- "margin-block-start": DesignToken
459
+ "color": DesignToken,
460
+ "font-size": DesignToken
150
461
  },
151
- "level-4": {
462
+ "pink-background-variation": {
463
+ "background-color": DesignToken,
464
+ "border-end-start-radius": DesignToken,
465
+ "padding": DesignToken
466
+ },
467
+ "pink-corner-border-variation": {
468
+ "border-block-start-width": DesignToken,
469
+ "border-color": DesignToken,
470
+ "border-inline-start-width": DesignToken,
471
+ "border-start-start-radius": DesignToken,
472
+ "padding": DesignToken
473
+ },
474
+ "pink-left-border-variation": {
475
+ "border-color": DesignToken,
476
+ "border-inline-start-width": DesignToken,
477
+ "padding-block-end": DesignToken,
478
+ "padding-block-start": DesignToken,
479
+ "padding-inline-end": DesignToken,
480
+ "padding-inline-start": DesignToken
481
+ },
482
+ "background-color": DesignToken,
483
+ "border-inline-start-width": DesignToken,
484
+ "border-color": DesignToken,
485
+ "border-radius": DesignToken,
486
+ "border-width": DesignToken,
487
+ "color": DesignToken,
488
+ "font-size": DesignToken,
489
+ "font-family": DesignToken,
490
+ "padding-block-end": DesignToken,
491
+ "padding-block-start": DesignToken,
492
+ "padding-inline-end": DesignToken,
493
+ "padding-inline-start": DesignToken,
494
+ "row-gap": DesignToken,
495
+ "attribution": {
152
496
  "color": DesignToken,
497
+ "font-size": DesignToken
498
+ }
499
+ },
500
+ "alert": {
501
+ "heading": {
153
502
  "font-family": DesignToken,
154
503
  "font-size": DesignToken,
155
504
  "font-weight": DesignToken,
505
+ "line-height": DesignToken
506
+ },
507
+ "message": {
508
+ "column-gap": DesignToken,
156
509
  "line-height": DesignToken,
157
- "margin-block-end": DesignToken,
158
- "margin-block-start": DesignToken
510
+ "row-gap": DesignToken
159
511
  },
160
- "level-5": {
512
+ "background-color": DesignToken,
513
+ "border-color": DesignToken,
514
+ "border-radius": DesignToken,
515
+ "border-width": DesignToken,
516
+ "color": DesignToken,
517
+ "column-gap": DesignToken,
518
+ "margin-block-end": DesignToken,
519
+ "margin-block-start": DesignToken,
520
+ "padding-block-end": DesignToken,
521
+ "padding-block-start": DesignToken,
522
+ "padding-inline-end": DesignToken,
523
+ "padding-inline-start": DesignToken,
524
+ "content": {
525
+ "row-gap": DesignToken
526
+ },
527
+ "error": {
528
+ "background-color": DesignToken,
529
+ "border-color": DesignToken,
530
+ "color": DesignToken
531
+ },
532
+ "info": {
533
+ "background-color": DesignToken,
534
+ "border-color": DesignToken,
535
+ "color": DesignToken
536
+ },
537
+ "ok": {
538
+ "background-color": DesignToken,
539
+ "border-color": DesignToken,
540
+ "color": DesignToken
541
+ },
542
+ "warning": {
543
+ "background-color": DesignToken,
544
+ "border-color": DesignToken,
545
+ "color": DesignToken
546
+ },
547
+ "icon": {
548
+ "color": DesignToken,
549
+ "inset-block-start": DesignToken,
550
+ "size": DesignToken,
551
+ "error": {
552
+ "color": DesignToken
553
+ },
554
+ "info": {
555
+ "color": DesignToken
556
+ },
557
+ "ok": {
558
+ "color": DesignToken
559
+ },
560
+ "warning": {
561
+ "color": DesignToken
562
+ }
563
+ }
564
+ },
565
+ "accordion": {
566
+ "button": {
567
+ "active": {
568
+ "row-gap": DesignToken,
569
+ "background-color": DesignToken,
570
+ "border-color": DesignToken,
571
+ "color": DesignToken
572
+ },
573
+ "focus": {
574
+ "background-color": DesignToken,
575
+ "border-color": DesignToken,
576
+ "color": DesignToken
577
+ },
578
+ "background-color": DesignToken,
579
+ "border-color": DesignToken,
580
+ "border-radius": DesignToken,
581
+ "border-width": DesignToken,
161
582
  "color": DesignToken,
162
- "font-family": DesignToken,
163
- "font-size": DesignToken,
164
- "font-weight": DesignToken,
165
- "line-height": DesignToken,
166
- "margin-block-end": DesignToken,
167
- "margin-block-start": DesignToken
583
+ "gap": DesignToken,
584
+ "padding-block-end": DesignToken,
585
+ "padding-block-start": DesignToken,
586
+ "padding-inline-end": DesignToken,
587
+ "padding-inline-start": DesignToken,
588
+ "icon": {
589
+ "size": DesignToken
590
+ },
591
+ "hover": {
592
+ "background-color": DesignToken,
593
+ "border-color": DesignToken,
594
+ "color": DesignToken
595
+ },
596
+ "focus-visible": {
597
+ "background-color": DesignToken,
598
+ "border-color": DesignToken,
599
+ "border-width": DesignToken,
600
+ "color": DesignToken
601
+ }
168
602
  },
169
- "level-6": {
170
- "color": DesignToken,
171
- "font-family": DesignToken,
172
- "font-size": DesignToken,
173
- "font-weight": DesignToken,
174
- "line-height": DesignToken,
603
+ "margin-block-end": DesignToken,
604
+ "margin-block-start": DesignToken,
605
+ "row-gap": DesignToken,
606
+ "panel": {
607
+ "border-color": DesignToken,
608
+ "border-width": DesignToken,
609
+ "padding-block-end": DesignToken,
610
+ "padding-block-start": DesignToken,
611
+ "padding-inline-end": DesignToken,
612
+ "padding-inline-start": DesignToken
613
+ },
614
+ "section": {
615
+ "border-color": DesignToken,
616
+ "hover": {
617
+ "border-color": DesignToken
618
+ },
619
+ "border-width": DesignToken,
175
620
  "margin-block-end": DesignToken,
176
621
  "margin-block-start": DesignToken
177
622
  }
178
623
  },
179
- "number-badge": {
180
- "font-size": DesignToken,
181
- "line-height": DesignToken,
182
- "min-block-size": DesignToken,
183
- "min-inline-size": DesignToken,
184
- "font-weight": DesignToken,
185
- "border-width": DesignToken,
186
- "border-radius": DesignToken,
187
- "font-family": DesignToken,
188
- "background-color": DesignToken,
189
- "border-color": DesignToken,
190
- "color": DesignToken,
191
- "padding-inline": DesignToken,
192
- "padding-block": DesignToken
193
- }
194
- },
195
- "utrecht": {
196
624
  "skip-link": {
197
625
  "focus": {
198
626
  "text-decoration": DesignToken,
@@ -294,10 +722,6 @@ declare const tokens: {
294
722
  "padding-inline": DesignToken
295
723
  },
296
724
  "button": {
297
- "icon": {
298
- "gap": DesignToken,
299
- "size": DesignToken
300
- },
301
725
  "background-color": DesignToken,
302
726
  "border-color": DesignToken,
303
727
  "border-radius": DesignToken,
@@ -314,6 +738,9 @@ declare const tokens: {
314
738
  "padding-block-start": DesignToken,
315
739
  "padding-inline-end": DesignToken,
316
740
  "padding-inline-start": DesignToken,
741
+ "icon": {
742
+ "size": DesignToken
743
+ },
317
744
  "pressed": {
318
745
  "background-color": DesignToken,
319
746
  "border-color": DesignToken,
@@ -498,215 +925,83 @@ declare const tokens: {
498
925
  "padding-inline-start": DesignToken,
499
926
  "first": {
500
927
  "padding-inline-start": DesignToken
501
- }
502
- },
503
- "separator": {
504
- "color": DesignToken,
505
- "icon": {
506
- "size": DesignToken
507
- }
508
- }
509
- },
510
- "accordion": {
511
- "panel": {
512
- "border-color": DesignToken,
513
- "border-width": DesignToken,
514
- "padding-block-end": DesignToken,
515
- "padding-block-start": DesignToken,
516
- "padding-inline-end": DesignToken,
517
- "padding-inline-start": DesignToken
518
- },
519
- "button": {
520
- "gap": DesignToken,
521
- "icon": {
522
- "size": DesignToken
523
- },
524
- "hover": {
525
- "background-color": DesignToken,
526
- "border-color": DesignToken,
527
- "color": DesignToken
528
- },
529
- "background-color": DesignToken,
530
- "border-color": DesignToken,
531
- "border-width": DesignToken,
532
- "color": DesignToken,
533
- "focus": {
534
- "background-color": DesignToken,
535
- "border-color": DesignToken,
536
- "color": DesignToken
537
- },
538
- "active": {
539
- "background-color": DesignToken,
540
- "border-color": DesignToken,
541
- "color": DesignToken,
542
- "row-gap": DesignToken
543
- }
544
- }
545
- },
546
- "action": {
547
- "activate": {
548
- "cursor": DesignToken
549
- },
550
- "busy": {
551
- "cursor": DesignToken
552
- },
553
- "disabled": {
554
- "cursor": DesignToken
555
- },
556
- "inert": {
557
- "cursor": DesignToken
558
- },
559
- "navigate": {
560
- "cursor": DesignToken
561
- },
562
- "submit": {
563
- "cursor": DesignToken
564
- }
565
- },
566
- "unordered-list": {
567
- "color": DesignToken,
568
- "marker": {
569
- "border-color": DesignToken,
570
- "color": DesignToken
571
- },
572
- "font-family": DesignToken,
573
- "font-weight": DesignToken,
574
- "font-size": DesignToken,
575
- "line-height": DesignToken,
576
- "margin-block-end": DesignToken,
577
- "margin-block-start": DesignToken,
578
- "padding-inline-start": DesignToken,
579
- "item": {
580
- "margin-block-end": DesignToken,
581
- "margin-block-start": DesignToken,
582
- "padding-inline-start": DesignToken
583
- }
584
- },
585
- "ordered-list": {
586
- "color": DesignToken,
587
- "font-family": DesignToken,
588
- "font-weight": DesignToken,
589
- "margin-inline-start": DesignToken,
590
- "font-size": DesignToken,
591
- "line-height": DesignToken,
592
- "margin-block-end": DesignToken,
593
- "margin-block-start": DesignToken,
594
- "padding-inline-start": DesignToken,
595
- "item": {
596
- "margin-block-end": DesignToken,
597
- "margin-block-start": DesignToken,
598
- "padding-inline-start": DesignToken
599
- }
600
- },
601
- "page-footer": {
602
- "background-color": DesignToken,
603
- "color": DesignToken,
604
- "padding-block-start": DesignToken,
605
- "padding-block-end": DesignToken,
606
- "padding-inline-start": DesignToken,
607
- "padding-inline-end": DesignToken
608
- },
609
- "column-layout": {
610
- "column-rule-color": DesignToken,
611
- "column-rule-width": DesignToken,
612
- "column-width": DesignToken,
613
- "gap": DesignToken
614
- },
615
- "textbox": {
616
- "border-radius": DesignToken,
617
- "font-family": DesignToken,
618
- "font-size": DesignToken,
619
- "font-weight": DesignToken,
620
- "line-height": DesignToken,
621
- "max-inline-size": DesignToken,
622
- "padding-block-end": DesignToken,
623
- "padding-block-start": DesignToken,
624
- "padding-inline-end": DesignToken,
625
- "padding-inline-start": DesignToken,
626
- "background-color": DesignToken,
627
- "border-color": DesignToken,
628
- "color": DesignToken,
629
- "invalid": {
630
- "background-color": DesignToken,
631
- "border-color": DesignToken,
632
- "color": DesignToken,
633
- "border-width": DesignToken
634
- },
635
- "placeholder": {
636
- "color": DesignToken
637
- },
638
- "border-block-end-width": DesignToken,
639
- "border-width": DesignToken,
640
- "focus": {
641
- "border-width": DesignToken,
642
- "background-color": DesignToken,
643
- "border-color": DesignToken,
644
- "color": DesignToken
645
- },
646
- "disabled": {
647
- "background-color": DesignToken,
648
- "border-color": DesignToken,
649
- "color": DesignToken
650
- },
651
- "read-only": {
652
- "background-color": DesignToken,
653
- "border-color": DesignToken,
654
- "color": DesignToken
655
- },
656
- "hover": {
657
- "border-width": DesignToken,
658
- "background-color": DesignToken,
659
- "border-color": DesignToken,
660
- "color": DesignToken
661
- }
662
- },
663
- "textarea": {
664
- "max-inline-size": DesignToken,
665
- "padding-block-end": DesignToken,
666
- "padding-block-start": DesignToken,
667
- "padding-inline-end": DesignToken,
668
- "padding-inline-start": DesignToken,
669
- "background-color": DesignToken,
670
- "border-color": DesignToken,
671
- "color": DesignToken,
672
- "invalid": {
673
- "background-color": DesignToken,
674
- "border-color": DesignToken,
675
- "color": DesignToken,
676
- "border-width": DesignToken
677
- },
678
- "placeholder": {
679
- "color": DesignToken
680
- },
681
- "focus": {
682
- "background-color": DesignToken,
683
- "border-color": DesignToken,
928
+ }
929
+ },
930
+ "separator": {
684
931
  "color": DesignToken,
685
- "border-width": DesignToken
932
+ "icon": {
933
+ "size": DesignToken
934
+ }
935
+ }
936
+ },
937
+ "action": {
938
+ "activate": {
939
+ "cursor": DesignToken
940
+ },
941
+ "busy": {
942
+ "cursor": DesignToken
686
943
  },
687
944
  "disabled": {
688
- "background-color": DesignToken,
689
- "border-color": DesignToken,
690
- "color": DesignToken
945
+ "cursor": DesignToken
691
946
  },
692
- "read-only": {
693
- "background-color": DesignToken,
694
- "border-color": DesignToken,
695
- "color": DesignToken
947
+ "inert": {
948
+ "cursor": DesignToken
696
949
  },
697
- "hover": {
698
- "background-color": DesignToken,
950
+ "navigate": {
951
+ "cursor": DesignToken
952
+ },
953
+ "submit": {
954
+ "cursor": DesignToken
955
+ }
956
+ },
957
+ "unordered-list": {
958
+ "color": DesignToken,
959
+ "marker": {
699
960
  "border-color": DesignToken,
700
- "color": DesignToken,
701
- "border-width": DesignToken
961
+ "color": DesignToken
702
962
  },
703
- "border-radius": DesignToken,
704
- "border-bottom-width": DesignToken,
705
- "border-width": DesignToken,
706
963
  "font-family": DesignToken,
707
964
  "font-weight": DesignToken,
965
+ "font-size": DesignToken,
708
966
  "line-height": DesignToken,
709
- "font-size": DesignToken
967
+ "margin-block-end": DesignToken,
968
+ "margin-block-start": DesignToken,
969
+ "padding-inline-start": DesignToken,
970
+ "item": {
971
+ "margin-block-end": DesignToken,
972
+ "margin-block-start": DesignToken,
973
+ "padding-inline-start": DesignToken
974
+ }
975
+ },
976
+ "ordered-list": {
977
+ "color": DesignToken,
978
+ "font-family": DesignToken,
979
+ "font-weight": DesignToken,
980
+ "margin-inline-start": DesignToken,
981
+ "font-size": DesignToken,
982
+ "line-height": DesignToken,
983
+ "margin-block-end": DesignToken,
984
+ "margin-block-start": DesignToken,
985
+ "padding-inline-start": DesignToken,
986
+ "item": {
987
+ "margin-block-end": DesignToken,
988
+ "margin-block-start": DesignToken,
989
+ "padding-inline-start": DesignToken
990
+ }
991
+ },
992
+ "page-footer": {
993
+ "background-color": DesignToken,
994
+ "color": DesignToken,
995
+ "padding-block-start": DesignToken,
996
+ "padding-block-end": DesignToken,
997
+ "padding-inline-start": DesignToken,
998
+ "padding-inline-end": DesignToken
999
+ },
1000
+ "column-layout": {
1001
+ "column-rule-color": DesignToken,
1002
+ "column-rule-width": DesignToken,
1003
+ "column-width": DesignToken,
1004
+ "gap": DesignToken
710
1005
  },
711
1006
  "table": {
712
1007
  "header-cell": {
@@ -779,119 +1074,11 @@ declare const tokens: {
779
1074
  "font-size": DesignToken
780
1075
  },
781
1076
  "separator": {
782
- "color": DesignToken,
783
1077
  "block-size": DesignToken,
1078
+ "color": DesignToken,
784
1079
  "margin-block-end": DesignToken,
785
1080
  "margin-block-start": DesignToken
786
1081
  },
787
- "select": {
788
- "image-background-position": DesignToken,
789
- "icon": {
790
- "size": DesignToken
791
- },
792
- "background-color": DesignToken,
793
- "border-color": DesignToken,
794
- "color": DesignToken,
795
- "invalid": {
796
- "background-color": DesignToken,
797
- "border-color": DesignToken,
798
- "color": DesignToken,
799
- "border-width": DesignToken
800
- },
801
- "focus": {
802
- "background-color": DesignToken,
803
- "border-color": DesignToken,
804
- "color": DesignToken,
805
- "border-width": DesignToken
806
- },
807
- "disabled": {
808
- "background-color": DesignToken,
809
- "border-color": DesignToken,
810
- "color": DesignToken
811
- },
812
- "hover": {
813
- "background-color": DesignToken,
814
- "border-color": DesignToken,
815
- "color": DesignToken,
816
- "border-width": DesignToken
817
- },
818
- "padding-block-end": DesignToken,
819
- "padding-block-start": DesignToken,
820
- "padding-inline-end": DesignToken,
821
- "padding-inline-start": DesignToken,
822
- "border-radius": DesignToken,
823
- "border-bottom-width": DesignToken,
824
- "border-width": DesignToken,
825
- "font-family": DesignToken,
826
- "font-weight": DesignToken,
827
- "line-height": DesignToken,
828
- "font-size": DesignToken,
829
- "max-inline-size": DesignToken
830
- },
831
- "radio-button": {
832
- "active": {
833
- "border-width": DesignToken,
834
- "background-color": DesignToken,
835
- "border-color": DesignToken
836
- },
837
- "size": DesignToken,
838
- "dot": {
839
- "size": DesignToken
840
- },
841
- "background-color": DesignToken,
842
- "border-color": DesignToken,
843
- "invalid": {
844
- "background-color": DesignToken,
845
- "border-color": DesignToken,
846
- "border-width": DesignToken
847
- },
848
- "focus": {
849
- "background-color": DesignToken,
850
- "border-color": DesignToken,
851
- "border-width": DesignToken
852
- },
853
- "disabled": {
854
- "background-color": DesignToken,
855
- "border-color": DesignToken,
856
- "color": DesignToken
857
- },
858
- "checked": {
859
- "background-color": DesignToken,
860
- "border-color": DesignToken,
861
- "color": DesignToken,
862
- "hover": {
863
- "background-color": DesignToken,
864
- "border-color": DesignToken,
865
- "color": DesignToken,
866
- "border-width": DesignToken
867
- },
868
- "active": {
869
- "background-color": DesignToken,
870
- "border-color": DesignToken,
871
- "color": DesignToken,
872
- "border-width": DesignToken
873
- },
874
- "focus": {
875
- "background-color": DesignToken,
876
- "border-color": DesignToken,
877
- "color": DesignToken,
878
- "border-width": DesignToken
879
- },
880
- "disabled": {
881
- "background-color": DesignToken,
882
- "border-color": DesignToken,
883
- "color": DesignToken
884
- },
885
- "border-width": DesignToken
886
- },
887
- "hover": {
888
- "background-color": DesignToken,
889
- "border-color": DesignToken,
890
- "border-width": DesignToken
891
- },
892
- "border-radius": DesignToken,
893
- "border-width": DesignToken
894
- },
895
1082
  "pre-heading": {
896
1083
  "color": DesignToken,
897
1084
  "font-family": DesignToken,
@@ -977,73 +1164,7 @@ declare const tokens: {
977
1164
  "font-weight": DesignToken,
978
1165
  "line-height": DesignToken,
979
1166
  "margin-block-end": DesignToken,
980
- "margin-block-start": DesignToken
981
- },
982
- "form-label": {
983
- "color": DesignToken,
984
- "font-size": DesignToken,
985
- "font-weight": DesignToken
986
- },
987
- "form-field-label": {
988
- "color": DesignToken,
989
- "font-family": DesignToken,
990
- "font-size": DesignToken,
991
- "font-weight": DesignToken,
992
- "line-height": DesignToken
993
- },
994
- "form-field-error-message": {
995
- "icon": {
996
- "size": DesignToken,
997
- "margin-inline-end": DesignToken
998
- },
999
- "color": DesignToken,
1000
- "font-family": DesignToken,
1001
- "font-size": DesignToken,
1002
- "font-weight": DesignToken,
1003
- "margin-block-end": DesignToken,
1004
- "padding-block-end": DesignToken
1005
- },
1006
- "form-field-description": {
1007
- "color": DesignToken,
1008
- "font-family": DesignToken,
1009
- "font-size": DesignToken,
1010
- "line-height": DesignToken,
1011
- "margin-block-start": DesignToken,
1012
- "margin-block-end": DesignToken,
1013
- "padding-block-end": DesignToken
1014
- },
1015
- "form-field": {
1016
- "margin-block-start": DesignToken,
1017
- "margin-block-end": DesignToken,
1018
- "invalid": {
1019
- "border-inline-start-color": DesignToken,
1020
- "border-inline-start-width": DesignToken,
1021
- "padding-inline-start": DesignToken
1022
- },
1023
- "label": {
1024
- "margin-block-end": DesignToken
1025
- },
1026
- "error-message": {
1027
- "line-height": DesignToken
1028
- }
1029
- },
1030
- "figure": {
1031
- "caption": {
1032
- "border-color": DesignToken,
1033
- "border-width": DesignToken,
1034
- "color": DesignToken,
1035
- "padding-block-end": DesignToken,
1036
- "padding-block-start": DesignToken,
1037
- "padding-inline-start": DesignToken,
1038
- "line-height": DesignToken,
1039
- "font-size": DesignToken
1040
- },
1041
- "img": {
1042
- "border-end-end-radius": DesignToken,
1043
- "border-end-start-radius": DesignToken,
1044
- "border-start-end-radius": DesignToken,
1045
- "border-start-start-radius": DesignToken
1046
- }
1167
+ "margin-block-start": DesignToken
1047
1168
  },
1048
1169
  "form-fieldset": {
1049
1170
  "legend": {
@@ -1068,296 +1189,330 @@ declare const tokens: {
1068
1189
  "border-inline-start-width": DesignToken
1069
1190
  }
1070
1191
  },
1071
- "number-badge": {
1072
- "font-size": DesignToken,
1073
- "line-height": DesignToken,
1074
- "min-block-size": DesignToken,
1075
- "min-inline-size": DesignToken,
1076
- "font-weight": DesignToken,
1077
- "border-width": DesignToken,
1078
- "border-radius": DesignToken,
1079
- "font-family": DesignToken,
1192
+ "article": {
1193
+ "max-inline-size": DesignToken
1194
+ },
1195
+ "document": {
1080
1196
  "background-color": DesignToken,
1081
- "border-color": DesignToken,
1082
1197
  "color": DesignToken,
1083
- "padding-inline": DesignToken,
1084
- "padding-block": DesignToken
1198
+ "font-family": DesignToken,
1199
+ "font-size": DesignToken,
1200
+ "line-height": DesignToken,
1201
+ "font-weight": DesignToken
1085
1202
  },
1086
- "checkbox": {
1087
- "border-radius": DesignToken,
1088
- "size": DesignToken,
1089
- "icon": {
1090
- "size": DesignToken
1203
+ "rich-text": {
1204
+ "stranger": {
1205
+ "margin-block-end": DesignToken
1091
1206
  },
1092
- "background-color": DesignToken,
1093
- "border-color": DesignToken,
1094
- "invalid": {
1095
- "background-color": DesignToken,
1096
- "border-color": DesignToken,
1097
- "border-width": DesignToken
1207
+ "acquaintance": {
1208
+ "margin-block-end": DesignToken
1098
1209
  },
1099
- "focus": {
1100
- "background-color": DesignToken,
1101
- "border-color": DesignToken,
1102
- "border-width": DesignToken
1210
+ "friend": {
1211
+ "margin-block-end": DesignToken
1103
1212
  },
1104
- "disabled": {
1105
- "background-color": DesignToken,
1106
- "border-color": DesignToken
1213
+ "best-friend": {
1214
+ "margin-block-end": DesignToken
1107
1215
  },
1108
- "checked": {
1109
- "background-color": DesignToken,
1110
- "border-color": DesignToken,
1111
- "color": DesignToken,
1112
- "border-width": DesignToken,
1113
- "disabled": {
1216
+ "confidant": {
1217
+ "margin-block-end": DesignToken
1218
+ }
1219
+ },
1220
+ "pointer-target": {
1221
+ "min-size": DesignToken
1222
+ },
1223
+ "focus": {
1224
+ "outline-color": DesignToken,
1225
+ "outline-offset": DesignToken,
1226
+ "outline-style": DesignToken,
1227
+ "outline-width": DesignToken,
1228
+ "inverse": {
1229
+ "outline-color": DesignToken
1230
+ }
1231
+ }
1232
+ },
1233
+ "todo": {
1234
+ "checkbox": {
1235
+ "indeterminate": {
1236
+ "active": {
1114
1237
  "background-color": DesignToken,
1115
1238
  "border-color": DesignToken,
1239
+ "border-width": DesignToken,
1116
1240
  "color": DesignToken
1117
1241
  },
1118
- "focus": {
1119
- "border-width": DesignToken,
1242
+ "disabled": {
1120
1243
  "background-color": DesignToken,
1121
1244
  "border-color": DesignToken,
1122
1245
  "color": DesignToken
1123
1246
  },
1124
1247
  "hover": {
1125
- "border-width": DesignToken,
1126
1248
  "background-color": DesignToken,
1127
1249
  "border-color": DesignToken,
1250
+ "border-width": DesignToken,
1128
1251
  "color": DesignToken
1129
1252
  },
1130
- "active": {
1131
- "border-width": DesignToken,
1253
+ "focus-visible": {
1132
1254
  "background-color": DesignToken,
1133
1255
  "border-color": DesignToken,
1256
+ "border-width": DesignToken,
1134
1257
  "color": DesignToken
1135
1258
  }
1136
1259
  },
1137
- "indeterminate": {
1138
- "background-color": DesignToken,
1139
- "border-color": DesignToken,
1140
- "color": DesignToken,
1141
- "border-width": DesignToken,
1142
- "disabled": {
1260
+ "checked": {
1261
+ "active": {
1143
1262
  "background-color": DesignToken,
1144
1263
  "border-color": DesignToken,
1264
+ "border-width": DesignToken,
1145
1265
  "color": DesignToken
1146
1266
  },
1147
- "active": {
1267
+ "disabled": {
1148
1268
  "background-color": DesignToken,
1149
1269
  "border-color": DesignToken,
1150
- "color": DesignToken,
1151
- "border-width": DesignToken
1270
+ "color": DesignToken
1152
1271
  },
1153
1272
  "hover": {
1154
1273
  "background-color": DesignToken,
1155
1274
  "border-color": DesignToken,
1156
- "color": DesignToken,
1157
- "border-width": DesignToken
1275
+ "border-width": DesignToken,
1276
+ "color": DesignToken
1158
1277
  },
1159
- "focus": {
1278
+ "focus-visible": {
1160
1279
  "background-color": DesignToken,
1161
1280
  "border-color": DesignToken,
1162
- "color": DesignToken,
1163
- "border-width": DesignToken
1281
+ "border-width": DesignToken,
1282
+ "color": DesignToken
1164
1283
  }
1165
- },
1166
- "border-width": DesignToken,
1284
+ }
1285
+ },
1286
+ "radio-button": {
1287
+ "checked": {
1288
+ "disabled": {
1289
+ "background-color": DesignToken,
1290
+ "border-color": DesignToken,
1291
+ "color": DesignToken
1292
+ }
1293
+ }
1294
+ },
1295
+ "textbox": {
1167
1296
  "hover": {
1168
- "border-width": DesignToken,
1169
1297
  "background-color": DesignToken,
1170
- "border-color": DesignToken
1171
- },
1172
- "active": {
1173
- "border-width": DesignToken,
1298
+ "border-color": DesignToken,
1299
+ "color": DesignToken
1300
+ }
1301
+ },
1302
+ "form-field-label": {
1303
+ "color": DesignToken,
1304
+ "column-gap": DesignToken,
1305
+ "font-family": DesignToken,
1306
+ "font-size": DesignToken,
1307
+ "font-weight": DesignToken,
1308
+ "line-height": DesignToken
1309
+ },
1310
+ "textarea": {
1311
+ "hover": {
1174
1312
  "background-color": DesignToken,
1175
- "border-color": DesignToken
1313
+ "border-color": DesignToken,
1314
+ "color": DesignToken
1176
1315
  }
1177
1316
  },
1178
- "blockquote": {
1317
+ "form-field-error-message": {
1318
+ "column-gap": DesignToken,
1319
+ "icon": {
1320
+ "size": DesignToken
1321
+ }
1322
+ },
1323
+ "figure": {
1324
+ "row-gap": DesignToken
1325
+ },
1326
+ "accordion": {
1327
+ "button": {
1328
+ "font-family": DesignToken,
1329
+ "font-size": DesignToken,
1330
+ "font-weight": DesignToken,
1331
+ "line-height": DesignToken
1332
+ }
1333
+ },
1334
+ "link-list": {
1335
+ "link": {
1336
+ "hover": {
1337
+ "text-decoration": DesignToken
1338
+ }
1339
+ }
1340
+ },
1341
+ "skip-link": {
1342
+ "font-weight": DesignToken
1343
+ }
1344
+ },
1345
+ "nl": {
1346
+ "number-badge": {
1347
+ "line-height": DesignToken,
1179
1348
  "background-color": DesignToken,
1180
- "border-inline-start-width": DesignToken,
1181
1349
  "border-color": DesignToken,
1182
1350
  "border-radius": DesignToken,
1183
1351
  "border-width": DesignToken,
1184
1352
  "color": DesignToken,
1353
+ "font-family": DesignToken,
1185
1354
  "font-size": DesignToken,
1355
+ "font-weight": DesignToken,
1356
+ "min-block-size": DesignToken,
1357
+ "min-inline-size": DesignToken,
1358
+ "padding-block": DesignToken,
1359
+ "padding-inline": DesignToken
1360
+ },
1361
+ "skip-link": {
1362
+ "border-color": DesignToken,
1363
+ "border-width": DesignToken,
1186
1364
  "font-family": DesignToken,
1365
+ "font-weight": DesignToken,
1187
1366
  "padding-block-end": DesignToken,
1188
1367
  "padding-block-start": DesignToken,
1189
1368
  "padding-inline-end": DesignToken,
1190
1369
  "padding-inline-start": DesignToken,
1191
- "row-gap": DesignToken,
1192
- "attribution": {
1193
- "color": DesignToken,
1194
- "font-size": DesignToken
1195
- },
1196
- "content": {
1370
+ "box-block-end-shadow": {
1371
+ "blur-radius": DesignToken,
1197
1372
  "color": DesignToken,
1198
- "font-size": DesignToken,
1199
- "font-family": DesignToken,
1200
- "line-height": DesignToken,
1201
- "font-weight": DesignToken
1202
- },
1203
- "caption": {
1204
- "font-size": DesignToken,
1205
- "font-family": DesignToken,
1206
- "line-height": DesignToken,
1207
- "font-weight": DesignToken,
1208
- "padding-block-start": DesignToken,
1209
- "color": DesignToken
1210
- },
1211
- "margin-block-end": DesignToken,
1212
- "margin-block-start": DesignToken,
1213
- "margin-inline-end": DesignToken,
1214
- "margin-inline-start": DesignToken,
1215
- "border-block-start-width": DesignToken,
1216
- "border-block-end-width": DesignToken,
1217
- "border-inline-end-width": DesignToken,
1218
- "border-start-start-radius": DesignToken,
1219
- "border-start-end-radius": DesignToken,
1220
- "border-end-start-radius": DesignToken,
1221
- "border-end-end-radius": DesignToken,
1222
- "blue-corner-border-variation": {
1223
- "border-color": DesignToken,
1224
- "border-block-end-width": DesignToken,
1225
- "border-inline-end-width": DesignToken,
1226
- "border-end-end-radius": DesignToken
1373
+ "offset-x": DesignToken,
1374
+ "offset-y": DesignToken,
1375
+ "spread-radius": DesignToken
1227
1376
  },
1228
- "pink-background-variation": {
1377
+ "focus": {
1229
1378
  "background-color": DesignToken,
1230
- "border-end-start-radius": DesignToken,
1231
- "padding": DesignToken
1232
- },
1233
- "pink-left-border-variation": {
1234
- "border-color": DesignToken,
1235
- "border-inline-start-width": DesignToken,
1236
- "padding-inline-start": DesignToken,
1237
- "padding-inline-end": DesignToken,
1238
- "padding-block-start": DesignToken,
1239
- "padding-block-end": DesignToken
1240
- },
1241
- "pink-corner-border-variation": {
1242
1379
  "border-color": DesignToken,
1243
- "border-block-start-width": DesignToken,
1244
- "border-inline-start-width": DesignToken,
1245
- "border-start-start-radius": DesignToken,
1246
- "padding": DesignToken
1247
- }
1248
- },
1249
- "article": {
1250
- "max-inline-size": DesignToken
1251
- },
1252
- "alert": {
1253
- "heading": {
1254
- "font-family": DesignToken,
1255
- "font-weight": DesignToken,
1256
- "line-height": DesignToken,
1257
- "font-size": DesignToken
1380
+ "border-style": DesignToken,
1381
+ "border-width": DesignToken,
1382
+ "color": DesignToken,
1383
+ "text-decoration": DesignToken
1258
1384
  },
1259
- "column-gap": DesignToken,
1260
- "border-width": DesignToken,
1261
- "margin-block-end": DesignToken,
1262
- "margin-block-start": DesignToken,
1263
- "padding-block-end": DesignToken,
1264
- "padding-block-start": DesignToken,
1265
- "padding-inline-end": DesignToken,
1266
- "padding-inline-start": DesignToken,
1385
+ "focus-visible": {
1386
+ "outline-color": DesignToken
1387
+ },
1388
+ "text-decoration": DesignToken,
1267
1389
  "background-color": DesignToken,
1268
- "border-color": DesignToken,
1269
1390
  "color": DesignToken,
1270
- "info": {
1271
- "background-color": DesignToken,
1272
- "border-color": DesignToken,
1273
- "color": DesignToken
1391
+ "padding-block": DesignToken,
1392
+ "padding-inline": DesignToken,
1393
+ "min-block-size": DesignToken,
1394
+ "min-inline-size": DesignToken,
1395
+ "text-decoration-thickness": DesignToken,
1396
+ "text-underline-offset": DesignToken,
1397
+ "line-height": DesignToken,
1398
+ "font-size": DesignToken
1399
+ },
1400
+ "link": {
1401
+ "column-gap": DesignToken,
1402
+ "font-family": DesignToken,
1403
+ "font-size": DesignToken,
1404
+ "font-weight": DesignToken,
1405
+ "line-height": DesignToken,
1406
+ "icon": {
1407
+ "inset-block-start": DesignToken,
1408
+ "size": DesignToken
1274
1409
  },
1275
- "error": {
1276
- "background-color": DesignToken,
1277
- "border-color": DesignToken,
1410
+ "active": {
1411
+ "text-decoration": DesignToken,
1278
1412
  "color": DesignToken
1279
1413
  },
1280
- "ok": {
1414
+ "focus": {
1281
1415
  "background-color": DesignToken,
1282
- "border-color": DesignToken,
1416
+ "color": DesignToken,
1417
+ "text-decoration": DesignToken,
1418
+ "text-decoration-thickness": DesignToken
1419
+ },
1420
+ "visited": {
1283
1421
  "color": DesignToken
1284
1422
  },
1285
- "warning": {
1286
- "background-color": DesignToken,
1287
- "border-color": DesignToken,
1423
+ "hover": {
1424
+ "text-decoration-line": DesignToken,
1425
+ "text-decoration-thickness": DesignToken,
1288
1426
  "color": DesignToken
1289
1427
  },
1290
- "icon": {
1291
- "inset-block-start": DesignToken,
1292
- "info": {
1293
- "color": DesignToken
1294
- },
1295
- "error": {
1296
- "color": DesignToken
1297
- },
1298
- "ok": {
1299
- "color": DesignToken
1300
- },
1301
- "warning": {
1302
- "color": DesignToken
1303
- },
1304
- "size": DesignToken
1428
+ "text-decoration-line": DesignToken,
1429
+ "text-decoration-thickness": DesignToken,
1430
+ "color": DesignToken,
1431
+ "text-decoration-color": DesignToken,
1432
+ "text-underline-offset": DesignToken,
1433
+ "current": {
1434
+ "cursor": DesignToken
1305
1435
  },
1306
- "message": {
1436
+ "disabled": {
1437
+ "color": DesignToken,
1438
+ "cursor": DesignToken
1439
+ }
1440
+ },
1441
+ "paragraph": {
1442
+ "lead": {
1443
+ "color": DesignToken,
1444
+ "font-size": DesignToken,
1445
+ "font-weight": DesignToken,
1307
1446
  "line-height": DesignToken,
1308
- "column-gap": DesignToken
1447
+ "margin-block-end": DesignToken,
1448
+ "margin-block-start": DesignToken
1309
1449
  },
1310
- "border-radius": DesignToken
1311
- },
1312
- "document": {
1313
- "background-color": DesignToken,
1314
1450
  "color": DesignToken,
1315
1451
  "font-family": DesignToken,
1316
1452
  "font-size": DesignToken,
1453
+ "font-weight": DesignToken,
1317
1454
  "line-height": DesignToken,
1318
- "font-weight": DesignToken
1455
+ "margin-block-end": DesignToken,
1456
+ "margin-block-start": DesignToken
1319
1457
  },
1320
- "rich-text": {
1321
- "stranger": {
1322
- "margin-block-end": DesignToken
1458
+ "heading": {
1459
+ "level-1": {
1460
+ "color": DesignToken,
1461
+ "font-family": DesignToken,
1462
+ "font-size": DesignToken,
1463
+ "font-weight": DesignToken,
1464
+ "line-height": DesignToken,
1465
+ "margin-block-end": DesignToken,
1466
+ "margin-block-start": DesignToken
1323
1467
  },
1324
- "acquaintance": {
1325
- "margin-block-end": DesignToken
1468
+ "level-2": {
1469
+ "color": DesignToken,
1470
+ "font-family": DesignToken,
1471
+ "font-size": DesignToken,
1472
+ "font-weight": DesignToken,
1473
+ "line-height": DesignToken,
1474
+ "margin-block-end": DesignToken,
1475
+ "margin-block-start": DesignToken
1326
1476
  },
1327
- "friend": {
1328
- "margin-block-end": DesignToken
1477
+ "level-3": {
1478
+ "color": DesignToken,
1479
+ "font-family": DesignToken,
1480
+ "font-size": DesignToken,
1481
+ "font-weight": DesignToken,
1482
+ "line-height": DesignToken,
1483
+ "margin-block-end": DesignToken,
1484
+ "margin-block-start": DesignToken
1329
1485
  },
1330
- "best-friend": {
1331
- "margin-block-end": DesignToken
1486
+ "level-4": {
1487
+ "color": DesignToken,
1488
+ "font-family": DesignToken,
1489
+ "font-size": DesignToken,
1490
+ "font-weight": DesignToken,
1491
+ "line-height": DesignToken,
1492
+ "margin-block-end": DesignToken,
1493
+ "margin-block-start": DesignToken
1332
1494
  },
1333
- "confidant": {
1334
- "margin-block-end": DesignToken
1335
- }
1336
- },
1337
- "pointer-target": {
1338
- "min-size": DesignToken
1339
- },
1340
- "focus": {
1341
- "outline-color": DesignToken,
1342
- "outline-offset": DesignToken,
1343
- "outline-style": DesignToken,
1344
- "outline-width": DesignToken,
1345
- "inverse": {
1346
- "outline-color": DesignToken
1495
+ "level-5": {
1496
+ "color": DesignToken,
1497
+ "font-family": DesignToken,
1498
+ "font-size": DesignToken,
1499
+ "font-weight": DesignToken,
1500
+ "line-height": DesignToken,
1501
+ "margin-block-end": DesignToken,
1502
+ "margin-block-start": DesignToken
1503
+ },
1504
+ "level-6": {
1505
+ "color": DesignToken,
1506
+ "font-family": DesignToken,
1507
+ "font-size": DesignToken,
1508
+ "font-weight": DesignToken,
1509
+ "line-height": DesignToken,
1510
+ "margin-block-end": DesignToken,
1511
+ "margin-block-start": DesignToken
1347
1512
  }
1348
1513
  }
1349
1514
  },
1350
1515
  "rhc": {
1351
- "link-list": {
1352
- "text-decoration": DesignToken
1353
- },
1354
- "data-badge-button": {
1355
- "column-gap": DesignToken,
1356
- "hover": {
1357
- "background-color": DesignToken,
1358
- "color": DesignToken
1359
- }
1360
- },
1361
1516
  "keep": {
1362
1517
  "_comment": DesignToken,
1363
1518
  "top-left": {
@@ -1385,27 +1540,18 @@ declare const tokens: {
1385
1540
  "borderRadiusBottomLeft": DesignToken
1386
1541
  }
1387
1542
  },
1388
- "rounded-corner": {
1389
- "xs": {
1390
- "border-radius": DesignToken
1391
- },
1392
- "md": {
1393
- "border-radius": DesignToken
1543
+ "accordion": {
1544
+ "border-radius": DesignToken,
1545
+ "color": DesignToken,
1546
+ "header": {
1547
+ "margin": DesignToken
1394
1548
  },
1395
- "xl": {
1396
- "border-radius": DesignToken
1549
+ "section": {
1550
+ "border-block-end-width": DesignToken,
1551
+ "border-color": DesignToken,
1552
+ "border-width": DesignToken
1397
1553
  },
1398
- "border-width": DesignToken
1399
- },
1400
- "accordion": {
1401
1554
  "button": {
1402
- "font-family": DesignToken,
1403
- "font-size": DesignToken,
1404
- "font-weight": DesignToken,
1405
- "line-height": DesignToken,
1406
- "icon": {
1407
- "margin-block": DesignToken
1408
- },
1409
1555
  "padding-block-end": DesignToken,
1410
1556
  "padding-block-start": DesignToken,
1411
1557
  "padding-inline-end": DesignToken,
@@ -1413,18 +1559,37 @@ declare const tokens: {
1413
1559
  "expanded": {
1414
1560
  "background-color": DesignToken,
1415
1561
  "color": DesignToken
1416
- }
1562
+ },
1563
+ "icon": {
1564
+ "margin-block": DesignToken
1565
+ },
1566
+ "font-family": DesignToken,
1567
+ "font-weight": DesignToken,
1568
+ "font-size": DesignToken,
1569
+ "line-height": DesignToken
1570
+ }
1571
+ },
1572
+ "link-list": {
1573
+ "text-decoration": DesignToken
1574
+ },
1575
+ "data-badge-button": {
1576
+ "column-gap": DesignToken,
1577
+ "hover": {
1578
+ "background-color": DesignToken,
1579
+ "color": DesignToken
1580
+ }
1581
+ },
1582
+ "rounded-corner": {
1583
+ "xs": {
1584
+ "border-radius": DesignToken
1417
1585
  },
1418
- "section": {
1419
- "border-block-end-width": DesignToken,
1420
- "border-width": DesignToken,
1421
- "border-color": DesignToken
1586
+ "md": {
1587
+ "border-radius": DesignToken
1422
1588
  },
1423
- "header": {
1424
- "margin": DesignToken
1589
+ "xl": {
1590
+ "border-radius": DesignToken
1425
1591
  },
1426
- "border-radius": DesignToken,
1427
- "color": DesignToken
1592
+ "border-width": DesignToken
1428
1593
  },
1429
1594
  "font-family": {
1430
1595
  "primary": DesignToken,
@@ -2208,17 +2373,5 @@ declare const tokens: {
2208
2373
  "600": DesignToken,
2209
2374
  "700": DesignToken
2210
2375
  }
2211
- },
2212
- "todo": {
2213
- "link-list": {
2214
- "link": {
2215
- "hover": {
2216
- "text-decoration": DesignToken
2217
- }
2218
- }
2219
- },
2220
- "skip-link": {
2221
- "font-weight": DesignToken
2222
- }
2223
2376
  }
2224
2377
  }