@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
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 17 Jul 2025 11:54:47 GMT
3
+ * Generated on Fri, 01 Aug 2025 12:51:46 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,
37
- "color": DesignToken,
38
- "offset-x": DesignToken,
39
- "offset-y": DesignToken,
40
- "spread-radius": DesignToken
41
- },
42
- "focus": {
55
+ "invalid": {
43
56
  "background-color": DesignToken,
57
+ "border-block-end-width": DesignToken,
44
58
  "border-color": DesignToken,
45
- "border-style": DesignToken,
46
59
  "border-width": DesignToken,
47
- "color": DesignToken,
48
- "text-decoration": DesignToken
60
+ "color": DesignToken
49
61
  },
50
- "focus-visible": {
51
- "outline-color": DesignToken
62
+ "placeholder": {
63
+ "color": DesignToken
52
64
  },
53
- "text-decoration": DesignToken,
54
- "background-color": DesignToken,
55
- "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,
62
- "line-height": DesignToken,
63
- "font-size": DesignToken
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
+ }
64
75
  },
65
- "link": {
66
- "column-gap": DesignToken,
67
- "font-family": DesignToken,
68
- "font-size": DesignToken,
69
- "font-weight": DesignToken,
70
- "line-height": DesignToken,
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,
71
86
  "icon": {
72
- "inset-block-start": DesignToken,
73
87
  "size": DesignToken
74
88
  },
75
- "active": {
76
- "text-decoration": DesignToken,
89
+ "invalid": {
90
+ "border-width": DesignToken,
91
+ "color": 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,
77
100
  "color": DesignToken
78
101
  },
79
102
  "focus": {
103
+ "border-width": DesignToken,
80
104
  "background-color": DesignToken,
81
- "color": DesignToken,
82
- "text-decoration": DesignToken,
83
- "text-decoration-thickness": DesignToken
84
- },
85
- "visited": {
105
+ "border-color": DesignToken,
86
106
  "color": DesignToken
87
107
  },
108
+ "background-color": DesignToken,
109
+ "border-block-end-width": DesignToken,
110
+ "border-color": DesignToken,
88
111
  "color": DesignToken,
89
- "text-decoration-color": DesignToken,
90
- "text-decoration-line": DesignToken,
91
- "text-decoration-thickness": DesignToken,
92
- "text-underline-offset": DesignToken,
93
- "current": {
94
- "cursor": DesignToken
95
- },
112
+ "font-family": DesignToken,
113
+ "font-size": DesignToken,
114
+ "font-weight": DesignToken,
115
+ "line-height": DesignToken,
116
+ "min-block-size": DesignToken,
96
117
  "disabled": {
97
- "color": DesignToken,
98
- "cursor": DesignToken
99
- },
100
- "hover": {
101
- "text-decoration-line": DesignToken,
102
- "text-decoration-thickness": DesignToken,
118
+ "background-color": DesignToken,
119
+ "border-color": DesignToken,
103
120
  "color": DesignToken
104
121
  }
105
122
  },
106
- "paragraph": {
107
- "lead": {
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
+ },
134
+ "background-color": DesignToken,
135
+ "border-color": DesignToken,
136
+ "border-width": DesignToken,
108
137
  "color": DesignToken,
109
- "font-size": DesignToken,
110
- "font-weight": DesignToken,
111
- "line-height": DesignToken,
112
- "margin-block-end": DesignToken,
113
- "margin-block-start": 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
+ }
114
156
  },
157
+ "background-color": DesignToken,
158
+ "border-color": DesignToken,
115
159
  "color": DesignToken,
116
- "font-family": DesignToken,
117
- "font-size": DesignToken,
118
- "font-weight": DesignToken,
119
- "line-height": DesignToken,
120
- "margin-block-end": DesignToken,
121
- "margin-block-start": DesignToken
122
- },
123
- "heading": {
124
- "level-1": {
160
+ "border-width": DesignToken,
161
+ "size": DesignToken,
162
+ "icon": {
163
+ "size": DesignToken
164
+ },
165
+ "invalid": {
166
+ "background-color": DesignToken,
167
+ "border-color": DesignToken,
125
168
  "color": DesignToken,
126
- "font-family": DesignToken,
127
- "font-size": DesignToken,
128
- "font-weight": DesignToken,
129
- "line-height": DesignToken,
130
- "margin-block-end": DesignToken,
131
- "margin-block-start": DesignToken
169
+ "border-width": DesignToken
132
170
  },
133
- "level-2": {
171
+ "active": {
172
+ "background-color": DesignToken,
173
+ "border-color": DesignToken,
134
174
  "color": DesignToken,
135
- "font-family": DesignToken,
136
- "font-size": DesignToken,
137
- "font-weight": DesignToken,
138
- "line-height": DesignToken,
139
- "margin-block-end": DesignToken,
140
- "margin-block-start": DesignToken
175
+ "border-width": DesignToken
141
176
  },
142
- "level-3": {
177
+ "disabled": {
178
+ "background-color": DesignToken,
179
+ "border-color": DesignToken,
180
+ "color": DesignToken
181
+ },
182
+ "hover": {
183
+ "background-color": DesignToken,
184
+ "border-color": DesignToken,
143
185
  "color": DesignToken,
144
- "font-family": DesignToken,
145
- "font-size": DesignToken,
146
- "font-weight": DesignToken,
147
- "line-height": DesignToken,
148
- "margin-block-end": DesignToken,
149
- "margin-block-start": DesignToken
186
+ "border-width": DesignToken
150
187
  },
151
- "level-4": {
188
+ "focus": {
189
+ "background-color": DesignToken,
190
+ "border-color": DesignToken,
152
191
  "color": DesignToken,
153
- "font-family": DesignToken,
154
- "font-size": DesignToken,
155
- "font-weight": DesignToken,
156
- "line-height": DesignToken,
157
- "margin-block-end": DesignToken,
158
- "margin-block-start": 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
354
+ },
355
+ "background-color": DesignToken,
356
+ "color": DesignToken,
357
+ "font-family": DesignToken,
358
+ "font-size": DesignToken,
359
+ "font-weight": DesignToken,
360
+ "line-height": 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
367
+ },
368
+ "form-field-description": {
369
+ "padding-block-end": DesignToken,
370
+ "color": DesignToken,
371
+ "font-family": DesignToken,
372
+ "font-size": DesignToken,
373
+ "line-height": 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": {
382
+ "color": DesignToken,
383
+ "font-weight": DesignToken
384
+ },
385
+ "radio": {
386
+ "color": DesignToken,
387
+ "font-weight": DesignToken
388
+ },
389
+ "checked": {
390
+ "font-weight": DesignToken
391
+ },
392
+ "disabled": {
393
+ "color": DesignToken
394
+ }
395
+ },
396
+ "number-badge": {
397
+ "line-height": DesignToken,
398
+ "background-color": DesignToken,
399
+ "border-color": DesignToken,
400
+ "border-radius": DesignToken,
401
+ "border-width": DesignToken,
402
+ "color": DesignToken,
403
+ "font-family": DesignToken,
404
+ "font-size": DesignToken,
405
+ "font-weight": DesignToken,
406
+ "min-block-size": DesignToken,
407
+ "min-inline-size": DesignToken,
408
+ "padding-block": DesignToken,
409
+ "padding-inline": DesignToken
410
+ },
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,
418
+ "color": DesignToken,
419
+ "font-size": DesignToken,
420
+ "line-height": DesignToken
421
+ },
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": {
448
+ "color": DesignToken,
449
+ "font-family": DesignToken,
450
+ "font-size": DesignToken,
451
+ "font-weight": DesignToken,
452
+ "line-height": DesignToken,
453
+ "padding-block-start": DesignToken
454
+ },
455
+ "content": {
456
+ "font-family": DesignToken,
457
+ "font-weight": DesignToken,
458
+ "line-height": DesignToken,
459
+ "color": DesignToken,
460
+ "font-size": DesignToken
461
+ },
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": {
496
+ "color": DesignToken,
497
+ "font-size": DesignToken
498
+ }
499
+ },
500
+ "accordion": {
501
+ "button": {
502
+ "active": {
503
+ "row-gap": DesignToken,
504
+ "background-color": DesignToken,
505
+ "border-color": DesignToken,
506
+ "color": DesignToken
507
+ },
508
+ "focus": {
509
+ "background-color": DesignToken,
510
+ "border-color": DesignToken,
511
+ "color": DesignToken
512
+ },
513
+ "background-color": DesignToken,
514
+ "border-color": DesignToken,
515
+ "border-radius": DesignToken,
516
+ "border-width": DesignToken,
517
+ "color": DesignToken,
518
+ "gap": DesignToken,
519
+ "padding-block-end": DesignToken,
520
+ "padding-block-start": DesignToken,
521
+ "padding-inline-end": DesignToken,
522
+ "padding-inline-start": DesignToken,
523
+ "icon": {
524
+ "size": DesignToken
525
+ },
526
+ "hover": {
527
+ "background-color": DesignToken,
528
+ "border-color": DesignToken,
529
+ "color": DesignToken
530
+ },
531
+ "focus-visible": {
532
+ "background-color": DesignToken,
533
+ "border-color": DesignToken,
534
+ "border-width": DesignToken,
535
+ "color": DesignToken
536
+ }
537
+ },
538
+ "margin-block-end": DesignToken,
539
+ "margin-block-start": DesignToken,
540
+ "row-gap": DesignToken,
541
+ "panel": {
542
+ "border-color": DesignToken,
543
+ "border-width": DesignToken,
544
+ "padding-block-end": DesignToken,
545
+ "padding-block-start": DesignToken,
546
+ "padding-inline-end": DesignToken,
547
+ "padding-inline-start": DesignToken
548
+ },
549
+ "section": {
550
+ "border-color": DesignToken,
551
+ "hover": {
552
+ "border-color": DesignToken
553
+ },
554
+ "border-width": DesignToken,
555
+ "margin-block-end": DesignToken,
556
+ "margin-block-start": DesignToken
557
+ }
558
+ },
559
+ "alert": {
560
+ "heading": {
561
+ "font-family": DesignToken,
562
+ "font-size": DesignToken,
563
+ "font-weight": DesignToken,
564
+ "line-height": DesignToken
565
+ },
566
+ "message": {
567
+ "column-gap": DesignToken,
568
+ "line-height": DesignToken,
569
+ "row-gap": DesignToken
570
+ },
571
+ "background-color": DesignToken,
572
+ "border-color": DesignToken,
573
+ "border-radius": DesignToken,
574
+ "border-width": DesignToken,
575
+ "color": DesignToken,
576
+ "column-gap": DesignToken,
577
+ "margin-block-end": DesignToken,
578
+ "margin-block-start": DesignToken,
579
+ "padding-block-end": DesignToken,
580
+ "padding-block-start": DesignToken,
581
+ "padding-inline-end": DesignToken,
582
+ "padding-inline-start": DesignToken,
583
+ "content": {
584
+ "row-gap": DesignToken
585
+ },
586
+ "error": {
587
+ "background-color": DesignToken,
588
+ "border-color": DesignToken,
589
+ "color": DesignToken
590
+ },
591
+ "info": {
592
+ "background-color": DesignToken,
593
+ "border-color": DesignToken,
594
+ "color": DesignToken
159
595
  },
160
- "level-5": {
161
- "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
596
+ "ok": {
597
+ "background-color": DesignToken,
598
+ "border-color": DesignToken,
599
+ "color": DesignToken
168
600
  },
169
- "level-6": {
601
+ "warning": {
602
+ "background-color": DesignToken,
603
+ "border-color": DesignToken,
604
+ "color": DesignToken
605
+ },
606
+ "icon": {
170
607
  "color": DesignToken,
171
- "font-family": DesignToken,
172
- "font-size": DesignToken,
173
- "font-weight": DesignToken,
174
- "line-height": DesignToken,
175
- "margin-block-end": DesignToken,
176
- "margin-block-start": DesignToken
608
+ "inset-block-start": DesignToken,
609
+ "size": DesignToken,
610
+ "error": {
611
+ "color": DesignToken
612
+ },
613
+ "info": {
614
+ "color": DesignToken
615
+ },
616
+ "ok": {
617
+ "color": DesignToken
618
+ },
619
+ "warning": {
620
+ "color": DesignToken
621
+ }
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,
@@ -507,274 +934,71 @@ declare const tokens: {
507
934
  }
508
935
  }
509
936
  },
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
937
  "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
- "column-layout": {
602
- "column-rule-color": DesignToken,
603
- "column-rule-width": DesignToken,
604
- "column-width": DesignToken,
605
- "gap": DesignToken
606
- },
607
- "blockquote": {
608
- "background-color": DesignToken,
609
- "border-inline-start-width": DesignToken,
610
- "border-color": DesignToken,
611
- "border-radius": DesignToken,
612
- "border-width": DesignToken,
613
- "color": DesignToken,
614
- "font-size": DesignToken,
615
- "font-family": DesignToken,
616
- "padding-block-end": DesignToken,
617
- "padding-block-start": DesignToken,
618
- "padding-inline-end": DesignToken,
619
- "padding-inline-start": DesignToken,
620
- "row-gap": DesignToken,
621
- "attribution": {
622
- "color": DesignToken,
623
- "font-size": DesignToken
624
- },
625
- "content": {
626
- "color": DesignToken,
627
- "font-size": DesignToken,
628
- "font-family": DesignToken,
629
- "line-height": DesignToken,
630
- "font-weight": DesignToken
631
- },
632
- "caption": {
633
- "font-size": DesignToken,
634
- "font-family": DesignToken,
635
- "line-height": DesignToken,
636
- "font-weight": DesignToken,
637
- "padding-block-start": DesignToken,
638
- "color": DesignToken
639
- },
640
- "margin-block-end": DesignToken,
641
- "margin-block-start": DesignToken,
642
- "margin-inline-end": DesignToken,
643
- "margin-inline-start": DesignToken,
644
- "border-block-start-width": DesignToken,
645
- "border-block-end-width": DesignToken,
646
- "border-inline-end-width": DesignToken,
647
- "border-start-start-radius": DesignToken,
648
- "border-start-end-radius": DesignToken,
649
- "border-end-start-radius": DesignToken,
650
- "border-end-end-radius": DesignToken,
651
- "blue-corner-border-variation": {
652
- "border-color": DesignToken,
653
- "border-block-end-width": DesignToken,
654
- "border-inline-end-width": DesignToken,
655
- "border-end-end-radius": DesignToken
656
- },
657
- "pink-background-variation": {
658
- "background-color": DesignToken,
659
- "border-end-start-radius": DesignToken,
660
- "padding": DesignToken
661
- },
662
- "pink-left-border-variation": {
663
- "border-color": DesignToken,
664
- "border-inline-start-width": DesignToken,
665
- "padding-inline-start": DesignToken,
666
- "padding-inline-end": DesignToken,
667
- "padding-block-start": DesignToken,
668
- "padding-block-end": DesignToken
669
- },
670
- "pink-corner-border-variation": {
671
- "border-color": DesignToken,
672
- "border-block-start-width": DesignToken,
673
- "border-inline-start-width": DesignToken,
674
- "border-start-start-radius": DesignToken,
675
- "padding": DesignToken
676
- }
677
- },
678
- "icon": {
679
- "color": DesignToken,
680
- "size": DesignToken,
681
- "inset-block-start": DesignToken
682
- },
683
- "textbox": {
684
- "border-radius": DesignToken,
685
- "font-family": DesignToken,
686
- "font-size": DesignToken,
687
- "font-weight": DesignToken,
688
- "line-height": DesignToken,
689
- "max-inline-size": DesignToken,
690
- "padding-block-end": DesignToken,
691
- "padding-block-start": DesignToken,
692
- "padding-inline-end": DesignToken,
693
- "padding-inline-start": DesignToken,
694
- "background-color": DesignToken,
695
- "border-color": DesignToken,
696
- "color": DesignToken,
697
- "invalid": {
698
- "background-color": DesignToken,
699
- "border-color": DesignToken,
700
- "color": DesignToken,
701
- "border-width": DesignToken
702
- },
703
- "placeholder": {
704
- "color": DesignToken
938
+ "activate": {
939
+ "cursor": DesignToken
705
940
  },
706
- "border-block-end-width": DesignToken,
707
- "border-width": DesignToken,
708
- "focus": {
709
- "border-width": DesignToken,
710
- "background-color": DesignToken,
711
- "border-color": DesignToken,
712
- "color": DesignToken
941
+ "busy": {
942
+ "cursor": DesignToken
713
943
  },
714
944
  "disabled": {
715
- "background-color": DesignToken,
716
- "border-color": DesignToken,
717
- "color": DesignToken
945
+ "cursor": DesignToken
718
946
  },
719
- "read-only": {
720
- "background-color": DesignToken,
721
- "border-color": DesignToken,
722
- "color": DesignToken
947
+ "inert": {
948
+ "cursor": DesignToken
723
949
  },
724
- "hover": {
725
- "border-width": DesignToken,
726
- "background-color": DesignToken,
727
- "border-color": DesignToken,
728
- "color": DesignToken
950
+ "navigate": {
951
+ "cursor": DesignToken
952
+ },
953
+ "submit": {
954
+ "cursor": DesignToken
729
955
  }
730
956
  },
731
- "textarea": {
732
- "max-inline-size": DesignToken,
733
- "padding-block-end": DesignToken,
734
- "padding-block-start": DesignToken,
735
- "padding-inline-end": DesignToken,
736
- "padding-inline-start": DesignToken,
737
- "background-color": DesignToken,
738
- "border-color": DesignToken,
957
+ "unordered-list": {
739
958
  "color": DesignToken,
740
- "invalid": {
741
- "background-color": DesignToken,
742
- "border-color": DesignToken,
743
- "color": DesignToken,
744
- "border-width": DesignToken
745
- },
746
- "placeholder": {
747
- "color": DesignToken
748
- },
749
- "focus": {
750
- "background-color": DesignToken,
751
- "border-color": DesignToken,
752
- "color": DesignToken,
753
- "border-width": DesignToken
754
- },
755
- "disabled": {
756
- "background-color": DesignToken,
757
- "border-color": DesignToken,
758
- "color": DesignToken
759
- },
760
- "read-only": {
761
- "background-color": DesignToken,
959
+ "marker": {
762
960
  "border-color": DesignToken,
763
961
  "color": DesignToken
764
962
  },
765
- "hover": {
766
- "background-color": DesignToken,
767
- "border-color": DesignToken,
768
- "color": DesignToken,
769
- "border-width": DesignToken
770
- },
771
- "border-radius": DesignToken,
772
- "border-bottom-width": DesignToken,
773
- "border-width": DesignToken,
774
963
  "font-family": DesignToken,
775
964
  "font-weight": DesignToken,
965
+ "font-size": DesignToken,
776
966
  "line-height": DesignToken,
777
- "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
+ "column-layout": {
993
+ "column-rule-color": DesignToken,
994
+ "column-rule-width": DesignToken,
995
+ "column-width": DesignToken,
996
+ "gap": DesignToken
997
+ },
998
+ "icon": {
999
+ "color": DesignToken,
1000
+ "size": DesignToken,
1001
+ "inset-block-start": DesignToken
778
1002
  },
779
1003
  "table": {
780
1004
  "header-cell": {
@@ -847,119 +1071,11 @@ declare const tokens: {
847
1071
  "font-size": DesignToken
848
1072
  },
849
1073
  "separator": {
850
- "color": DesignToken,
851
1074
  "block-size": DesignToken,
1075
+ "color": DesignToken,
852
1076
  "margin-block-end": DesignToken,
853
1077
  "margin-block-start": DesignToken
854
1078
  },
855
- "select": {
856
- "image-background-position": DesignToken,
857
- "icon": {
858
- "size": DesignToken
859
- },
860
- "background-color": DesignToken,
861
- "border-color": DesignToken,
862
- "color": DesignToken,
863
- "invalid": {
864
- "background-color": DesignToken,
865
- "border-color": DesignToken,
866
- "color": DesignToken,
867
- "border-width": DesignToken
868
- },
869
- "focus": {
870
- "background-color": DesignToken,
871
- "border-color": DesignToken,
872
- "color": DesignToken,
873
- "border-width": DesignToken
874
- },
875
- "disabled": {
876
- "background-color": DesignToken,
877
- "border-color": DesignToken,
878
- "color": DesignToken
879
- },
880
- "hover": {
881
- "background-color": DesignToken,
882
- "border-color": DesignToken,
883
- "color": DesignToken,
884
- "border-width": DesignToken
885
- },
886
- "padding-block-end": DesignToken,
887
- "padding-block-start": DesignToken,
888
- "padding-inline-end": DesignToken,
889
- "padding-inline-start": DesignToken,
890
- "border-radius": DesignToken,
891
- "border-bottom-width": DesignToken,
892
- "border-width": DesignToken,
893
- "font-family": DesignToken,
894
- "font-weight": DesignToken,
895
- "line-height": DesignToken,
896
- "font-size": DesignToken,
897
- "max-inline-size": DesignToken
898
- },
899
- "radio-button": {
900
- "active": {
901
- "border-width": DesignToken,
902
- "background-color": DesignToken,
903
- "border-color": DesignToken
904
- },
905
- "size": DesignToken,
906
- "dot": {
907
- "size": DesignToken
908
- },
909
- "background-color": DesignToken,
910
- "border-color": DesignToken,
911
- "invalid": {
912
- "background-color": DesignToken,
913
- "border-color": DesignToken,
914
- "border-width": DesignToken
915
- },
916
- "focus": {
917
- "background-color": DesignToken,
918
- "border-color": DesignToken,
919
- "border-width": DesignToken
920
- },
921
- "disabled": {
922
- "background-color": DesignToken,
923
- "border-color": DesignToken,
924
- "color": DesignToken
925
- },
926
- "checked": {
927
- "background-color": DesignToken,
928
- "border-color": DesignToken,
929
- "color": DesignToken,
930
- "hover": {
931
- "background-color": DesignToken,
932
- "border-color": DesignToken,
933
- "color": DesignToken,
934
- "border-width": DesignToken
935
- },
936
- "active": {
937
- "background-color": DesignToken,
938
- "border-color": DesignToken,
939
- "color": DesignToken,
940
- "border-width": DesignToken
941
- },
942
- "focus": {
943
- "background-color": DesignToken,
944
- "border-color": DesignToken,
945
- "color": DesignToken,
946
- "border-width": DesignToken
947
- },
948
- "disabled": {
949
- "background-color": DesignToken,
950
- "border-color": DesignToken,
951
- "color": DesignToken
952
- },
953
- "border-width": DesignToken
954
- },
955
- "hover": {
956
- "background-color": DesignToken,
957
- "border-color": DesignToken,
958
- "border-width": DesignToken
959
- },
960
- "border-radius": DesignToken,
961
- "border-width": DesignToken
962
- },
963
1079
  "pre-heading": {
964
1080
  "color": DesignToken,
965
1081
  "font-family": DesignToken,
@@ -1021,74 +1137,26 @@ declare const tokens: {
1021
1137
  "font-size": DesignToken,
1022
1138
  "font-weight": DesignToken,
1023
1139
  "line-height": DesignToken,
1024
- "margin-block-end": DesignToken,
1025
- "margin-block-start": DesignToken
1026
- },
1027
- "heading-5": {
1028
- "color": DesignToken,
1029
- "font-family": DesignToken,
1030
- "font-size": DesignToken,
1031
- "font-weight": DesignToken,
1032
- "line-height": DesignToken,
1033
- "margin-block-end": DesignToken,
1034
- "margin-block-start": DesignToken
1035
- },
1036
- "heading-6": {
1037
- "color": DesignToken,
1038
- "font-family": DesignToken,
1039
- "font-size": DesignToken,
1040
- "font-weight": DesignToken,
1041
- "line-height": DesignToken,
1042
- "margin-block-end": DesignToken,
1043
- "margin-block-start": DesignToken
1044
- },
1045
- "form-label": {
1046
- "color": DesignToken,
1047
- "font-size": DesignToken,
1048
- "font-weight": DesignToken
1049
- },
1050
- "form-field-label": {
1051
- "color": DesignToken,
1052
- "font-family": DesignToken,
1053
- "font-size": DesignToken,
1054
- "font-weight": DesignToken,
1055
- "line-height": DesignToken
1056
- },
1057
- "form-field-error-message": {
1058
- "icon": {
1059
- "size": DesignToken,
1060
- "margin-inline-end": DesignToken
1061
- },
1140
+ "margin-block-end": DesignToken,
1141
+ "margin-block-start": DesignToken
1142
+ },
1143
+ "heading-5": {
1062
1144
  "color": DesignToken,
1063
1145
  "font-family": DesignToken,
1064
1146
  "font-size": DesignToken,
1065
1147
  "font-weight": DesignToken,
1148
+ "line-height": DesignToken,
1066
1149
  "margin-block-end": DesignToken,
1067
- "padding-block-end": DesignToken
1150
+ "margin-block-start": DesignToken
1068
1151
  },
1069
- "form-field-description": {
1152
+ "heading-6": {
1070
1153
  "color": DesignToken,
1071
1154
  "font-family": DesignToken,
1072
1155
  "font-size": DesignToken,
1156
+ "font-weight": DesignToken,
1073
1157
  "line-height": DesignToken,
1074
- "margin-block-start": DesignToken,
1075
- "margin-block-end": DesignToken,
1076
- "padding-block-end": DesignToken
1077
- },
1078
- "form-field": {
1079
- "margin-block-start": DesignToken,
1080
1158
  "margin-block-end": DesignToken,
1081
- "invalid": {
1082
- "border-inline-start-color": DesignToken,
1083
- "border-inline-start-width": DesignToken,
1084
- "padding-inline-start": DesignToken
1085
- },
1086
- "label": {
1087
- "margin-block-end": DesignToken
1088
- },
1089
- "error-message": {
1090
- "line-height": DesignToken
1091
- }
1159
+ "margin-block-start": DesignToken
1092
1160
  },
1093
1161
  "page-footer": {
1094
1162
  "background-color": DesignToken,
@@ -1098,24 +1166,6 @@ declare const tokens: {
1098
1166
  "padding-inline-start": DesignToken,
1099
1167
  "padding-inline-end": DesignToken
1100
1168
  },
1101
- "figure": {
1102
- "caption": {
1103
- "border-color": DesignToken,
1104
- "border-width": DesignToken,
1105
- "color": DesignToken,
1106
- "padding-block-end": DesignToken,
1107
- "padding-block-start": DesignToken,
1108
- "padding-inline-start": DesignToken,
1109
- "line-height": DesignToken,
1110
- "font-size": DesignToken
1111
- },
1112
- "img": {
1113
- "border-end-end-radius": DesignToken,
1114
- "border-end-start-radius": DesignToken,
1115
- "border-start-end-radius": DesignToken,
1116
- "border-start-start-radius": DesignToken
1117
- }
1118
- },
1119
1169
  "form-fieldset": {
1120
1170
  "legend": {
1121
1171
  "color": DesignToken,
@@ -1139,225 +1189,330 @@ declare const tokens: {
1139
1189
  "border-inline-start-width": DesignToken
1140
1190
  }
1141
1191
  },
1142
- "number-badge": {
1143
- "font-size": DesignToken,
1144
- "line-height": DesignToken,
1145
- "min-block-size": DesignToken,
1146
- "min-inline-size": DesignToken,
1147
- "font-weight": DesignToken,
1148
- "border-width": DesignToken,
1149
- "border-radius": DesignToken,
1150
- "font-family": DesignToken,
1192
+ "article": {
1193
+ "max-inline-size": DesignToken
1194
+ },
1195
+ "document": {
1151
1196
  "background-color": DesignToken,
1152
- "border-color": DesignToken,
1153
1197
  "color": DesignToken,
1154
- "padding-inline": DesignToken,
1155
- "padding-block": DesignToken
1198
+ "font-family": DesignToken,
1199
+ "font-size": DesignToken,
1200
+ "line-height": DesignToken,
1201
+ "font-weight": DesignToken
1156
1202
  },
1157
- "checkbox": {
1158
- "border-radius": DesignToken,
1159
- "size": DesignToken,
1160
- "icon": {
1161
- "size": DesignToken
1203
+ "rich-text": {
1204
+ "stranger": {
1205
+ "margin-block-end": DesignToken
1162
1206
  },
1163
- "background-color": DesignToken,
1164
- "border-color": DesignToken,
1165
- "invalid": {
1166
- "background-color": DesignToken,
1167
- "border-color": DesignToken,
1168
- "border-width": DesignToken
1207
+ "acquaintance": {
1208
+ "margin-block-end": DesignToken
1169
1209
  },
1170
- "focus": {
1171
- "background-color": DesignToken,
1172
- "border-color": DesignToken,
1173
- "border-width": DesignToken
1210
+ "friend": {
1211
+ "margin-block-end": DesignToken
1174
1212
  },
1175
- "disabled": {
1176
- "background-color": DesignToken,
1177
- "border-color": DesignToken
1213
+ "best-friend": {
1214
+ "margin-block-end": DesignToken
1178
1215
  },
1179
- "checked": {
1180
- "background-color": DesignToken,
1181
- "border-color": DesignToken,
1182
- "color": DesignToken,
1183
- "border-width": DesignToken,
1184
- "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": {
1185
1237
  "background-color": DesignToken,
1186
1238
  "border-color": DesignToken,
1239
+ "border-width": DesignToken,
1187
1240
  "color": DesignToken
1188
1241
  },
1189
- "focus": {
1190
- "border-width": DesignToken,
1242
+ "disabled": {
1191
1243
  "background-color": DesignToken,
1192
1244
  "border-color": DesignToken,
1193
1245
  "color": DesignToken
1194
1246
  },
1195
1247
  "hover": {
1196
- "border-width": DesignToken,
1197
1248
  "background-color": DesignToken,
1198
1249
  "border-color": DesignToken,
1250
+ "border-width": DesignToken,
1199
1251
  "color": DesignToken
1200
1252
  },
1201
- "active": {
1202
- "border-width": DesignToken,
1253
+ "focus-visible": {
1203
1254
  "background-color": DesignToken,
1204
1255
  "border-color": DesignToken,
1256
+ "border-width": DesignToken,
1205
1257
  "color": DesignToken
1206
1258
  }
1207
1259
  },
1208
- "indeterminate": {
1209
- "background-color": DesignToken,
1210
- "border-color": DesignToken,
1211
- "color": DesignToken,
1212
- "border-width": DesignToken,
1213
- "disabled": {
1260
+ "checked": {
1261
+ "active": {
1214
1262
  "background-color": DesignToken,
1215
1263
  "border-color": DesignToken,
1264
+ "border-width": DesignToken,
1216
1265
  "color": DesignToken
1217
1266
  },
1218
- "active": {
1267
+ "disabled": {
1219
1268
  "background-color": DesignToken,
1220
1269
  "border-color": DesignToken,
1221
- "color": DesignToken,
1222
- "border-width": DesignToken
1270
+ "color": DesignToken
1223
1271
  },
1224
1272
  "hover": {
1225
1273
  "background-color": DesignToken,
1226
1274
  "border-color": DesignToken,
1227
- "color": DesignToken,
1228
- "border-width": DesignToken
1275
+ "border-width": DesignToken,
1276
+ "color": DesignToken
1229
1277
  },
1230
- "focus": {
1278
+ "focus-visible": {
1231
1279
  "background-color": DesignToken,
1232
1280
  "border-color": DesignToken,
1233
- "color": DesignToken,
1234
- "border-width": DesignToken
1281
+ "border-width": DesignToken,
1282
+ "color": DesignToken
1235
1283
  }
1236
- },
1237
- "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": {
1238
1296
  "hover": {
1239
- "border-width": DesignToken,
1240
1297
  "background-color": DesignToken,
1241
- "border-color": DesignToken
1242
- },
1243
- "active": {
1244
- "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": {
1245
1312
  "background-color": DesignToken,
1246
- "border-color": DesignToken
1313
+ "border-color": DesignToken,
1314
+ "color": DesignToken
1247
1315
  }
1248
1316
  },
1249
- "article": {
1250
- "max-inline-size": DesignToken
1317
+ "form-field-error-message": {
1318
+ "column-gap": DesignToken,
1319
+ "icon": {
1320
+ "size": DesignToken
1321
+ }
1251
1322
  },
1252
- "alert": {
1253
- "heading": {
1323
+ "figure": {
1324
+ "row-gap": DesignToken
1325
+ },
1326
+ "accordion": {
1327
+ "button": {
1254
1328
  "font-family": DesignToken,
1329
+ "font-size": DesignToken,
1255
1330
  "font-weight": DesignToken,
1256
- "line-height": DesignToken,
1257
- "font-size": 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,
1348
+ "background-color": DesignToken,
1349
+ "border-color": DesignToken,
1350
+ "border-radius": DesignToken,
1351
+ "border-width": DesignToken,
1352
+ "color": DesignToken,
1353
+ "font-family": DesignToken,
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,
1364
+ "font-family": DesignToken,
1365
+ "font-weight": DesignToken,
1366
+ "padding-block-end": DesignToken,
1367
+ "padding-block-start": DesignToken,
1368
+ "padding-inline-end": DesignToken,
1369
+ "padding-inline-start": DesignToken,
1370
+ "box-block-end-shadow": {
1371
+ "blur-radius": DesignToken,
1372
+ "color": DesignToken,
1373
+ "offset-x": DesignToken,
1374
+ "offset-y": DesignToken,
1375
+ "spread-radius": DesignToken
1376
+ },
1377
+ "focus": {
1378
+ "background-color": DesignToken,
1379
+ "border-color": DesignToken,
1380
+ "border-style": DesignToken,
1381
+ "border-width": DesignToken,
1382
+ "color": DesignToken,
1383
+ "text-decoration": DesignToken
1384
+ },
1385
+ "focus-visible": {
1386
+ "outline-color": DesignToken
1258
1387
  },
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,
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,
1283
- "color": DesignToken
1416
+ "color": DesignToken,
1417
+ "text-decoration": DesignToken,
1418
+ "text-decoration-thickness": DesignToken
1284
1419
  },
1285
- "warning": {
1286
- "background-color": DesignToken,
1287
- "border-color": DesignToken,
1420
+ "visited": {
1288
1421
  "color": DesignToken
1289
1422
  },
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
1423
+ "color": DesignToken,
1424
+ "text-decoration-color": DesignToken,
1425
+ "text-decoration-line": DesignToken,
1426
+ "text-decoration-thickness": DesignToken,
1427
+ "text-underline-offset": DesignToken,
1428
+ "current": {
1429
+ "cursor": DesignToken
1305
1430
  },
1306
- "message": {
1307
- "line-height": DesignToken,
1308
- "column-gap": DesignToken
1431
+ "disabled": {
1432
+ "color": DesignToken,
1433
+ "cursor": DesignToken
1309
1434
  },
1310
- "border-radius": DesignToken
1435
+ "hover": {
1436
+ "text-decoration-line": DesignToken,
1437
+ "text-decoration-thickness": DesignToken,
1438
+ "color": DesignToken
1439
+ }
1311
1440
  },
1312
- "document": {
1313
- "background-color": DesignToken,
1441
+ "paragraph": {
1442
+ "lead": {
1443
+ "color": DesignToken,
1444
+ "font-size": DesignToken,
1445
+ "font-weight": DesignToken,
1446
+ "line-height": DesignToken,
1447
+ "margin-block-end": DesignToken,
1448
+ "margin-block-start": DesignToken
1449
+ },
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
  "data-summary": {
1430
1595
  "font-family": 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
  }