@rijkshuisstijl-community/design-tokens 1.1.0 → 1.2.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 (54) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/_variables.scss +722 -709
  3. package/dist/index.css +722 -709
  4. package/dist/index.d.ts +515 -502
  5. package/dist/index.js +541 -528
  6. package/dist/index.json +540 -527
  7. package/dist/index.tokens.json +1644 -1621
  8. package/dist/root.css +722 -709
  9. package/dist/tokens.d.ts +1580 -1557
  10. package/dist/tokens.js +22186 -21753
  11. package/dist/uitvoerend-mintgroen-focus/_variables.scss +536 -523
  12. package/dist/uitvoerend-mintgroen-focus/index.css +536 -523
  13. package/dist/uitvoerend-mintgroen-focus/index.d.ts +713 -700
  14. package/dist/uitvoerend-mintgroen-focus/index.js +713 -700
  15. package/dist/uitvoerend-mintgroen-focus/index.json +712 -699
  16. package/dist/uitvoerend-mintgroen-focus/index.tokens.json +1624 -1601
  17. package/dist/uitvoerend-mintgroen-focus/root.css +536 -523
  18. package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +1543 -1520
  19. package/dist/uitvoerend-mintgroen-focus/tokens.js +21505 -21072
  20. package/dist/uitvoerend-violet/_variables.scss +41 -28
  21. package/dist/uitvoerend-violet/index.css +41 -28
  22. package/dist/uitvoerend-violet/index.d.ts +15 -2
  23. package/dist/uitvoerend-violet/index.js +41 -28
  24. package/dist/uitvoerend-violet/index.json +40 -27
  25. package/dist/uitvoerend-violet/index.tokens.json +54 -31
  26. package/dist/uitvoerend-violet/root.css +41 -28
  27. package/dist/uitvoerend-violet/tokens.d.ts +29 -6
  28. package/dist/uitvoerend-violet/tokens.js +551 -118
  29. package/dist/uitvoerend-violet-oud/_variables.scss +41 -28
  30. package/dist/uitvoerend-violet-oud/index.css +41 -28
  31. package/dist/uitvoerend-violet-oud/index.d.ts +15 -2
  32. package/dist/uitvoerend-violet-oud/index.js +41 -28
  33. package/dist/uitvoerend-violet-oud/index.json +40 -27
  34. package/dist/uitvoerend-violet-oud/index.tokens.json +54 -31
  35. package/dist/uitvoerend-violet-oud/root.css +41 -28
  36. package/dist/uitvoerend-violet-oud/tokens.d.ts +29 -6
  37. package/dist/uitvoerend-violet-oud/tokens.js +551 -118
  38. package/dist/wetgevend/_variables.scss +41 -28
  39. package/dist/wetgevend/index.css +41 -28
  40. package/dist/wetgevend/index.d.ts +15 -2
  41. package/dist/wetgevend/index.js +41 -28
  42. package/dist/wetgevend/index.json +40 -27
  43. package/dist/wetgevend/index.tokens.json +54 -31
  44. package/dist/wetgevend/root.css +41 -28
  45. package/dist/wetgevend/tokens.d.ts +29 -6
  46. package/dist/wetgevend/tokens.js +551 -118
  47. package/figma/figma.tokens.json +1589 -263
  48. package/package.json +1 -1
  49. package/src/generated/base.tokens.json +4428 -4323
  50. package/src/generated/themes.json +4869 -4449
  51. package/src/generated/uitvoerend-mintgroen-focus/tokens.json +4439 -4334
  52. package/src/generated/uitvoerend-violet/tokens.json +138 -33
  53. package/src/generated/uitvoerend-violet-oud/tokens.json +138 -33
  54. package/src/generated/wetgevend/tokens.json +138 -33
package/dist/uitvoerend-mintgroen-focus/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Mar 2025 14:52:03 GMT
3
+ * Generated on Tue, 29 Apr 2025 12:01:02 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -22,1856 +22,1879 @@ declare interface DesignToken {
22
22
  }
23
23
 
24
24
  declare const tokens: {
25
- "utrecht": {
26
- "pre-heading": {
27
- "color": DesignToken,
28
- "font-family": DesignToken,
29
- "font-weight": DesignToken,
30
- "line-height": DesignToken,
31
- "font-size": DesignToken
32
- },
33
- "accordion": {
34
- "button": {
35
- "focus": {
36
- "background-color": DesignToken,
37
- "border-color": DesignToken,
38
- "color": DesignToken
25
+ "rhc": {
26
+ "color": {
27
+ "primary": {
28
+ "50": DesignToken,
29
+ "100": DesignToken,
30
+ "200": DesignToken,
31
+ "300": DesignToken,
32
+ "400": DesignToken,
33
+ "500": DesignToken,
34
+ "hover": DesignToken
35
+ },
36
+ "focus": {
37
+ "outline": DesignToken
38
+ },
39
+ "foreground": {
40
+ "default": DesignToken,
41
+ "subdued": DesignToken,
42
+ "link": DesignToken,
43
+ "onEmphasis": DesignToken
44
+ },
45
+ "border": {
46
+ "default": DesignToken,
47
+ "subdued": DesignToken,
48
+ "strong": DesignToken
49
+ },
50
+ "canvas": DesignToken,
51
+ "feedback": {
52
+ "success": {
53
+ "default": DesignToken,
54
+ "subdued": DesignToken
39
55
  },
40
- "gap": DesignToken,
41
- "icon": {
42
- "size": DesignToken
56
+ "info": {
57
+ "default": DesignToken,
58
+ "subdued": DesignToken
43
59
  },
44
- "hover": {
45
- "background-color": DesignToken,
46
- "border-color": DesignToken,
47
- "color": DesignToken
60
+ "error": {
61
+ "default": DesignToken,
62
+ "subdued": DesignToken
48
63
  },
49
- "background-color": DesignToken,
50
- "border-color": DesignToken,
51
- "border-width": DesignToken,
52
- "color": DesignToken,
53
- "active": {
54
- "background-color": DesignToken,
55
- "border-color": DesignToken,
56
- "color": DesignToken,
57
- "row-gap": DesignToken
64
+ "warning": {
65
+ "default": DesignToken,
66
+ "subdued": DesignToken
58
67
  }
59
68
  },
60
- "panel": {
61
- "border-color": DesignToken,
62
- "border-width": DesignToken,
63
- "padding-block-end": DesignToken,
64
- "padding-block-start": DesignToken,
65
- "padding-inline-end": DesignToken,
66
- "padding-inline-start": DesignToken
67
- }
68
- },
69
- "button": {
70
- "primary-action": {
71
- "focus": {
72
- "background-color": DesignToken,
73
- "border-color": DesignToken,
74
- "color": DesignToken
75
- },
76
- "hover": {
77
- "background-color": DesignToken,
78
- "border-color": DesignToken,
79
- "color": DesignToken
80
- },
81
- "background-color": DesignToken,
82
- "border-color": DesignToken,
83
- "color": DesignToken,
84
- "disabled": {
85
- "background-color": DesignToken,
86
- "border-color": DesignToken,
87
- "color": DesignToken
88
- },
89
- "font-weight": DesignToken,
90
- "active": {
91
- "background-color": DesignToken,
92
- "border-color": DesignToken,
93
- "color": DesignToken
94
- },
95
- "font-size": DesignToken,
96
- "line-height": DesignToken
69
+ "accent": {
70
+ "500": DesignToken
97
71
  },
98
- "secondary-action": {
99
- "focus": {
100
- "background-color": DesignToken,
101
- "border-color": DesignToken,
102
- "color": DesignToken
103
- },
104
- "hover": {
105
- "background-color": DesignToken,
106
- "border-color": DesignToken,
107
- "color": DesignToken
108
- },
109
- "background-color": DesignToken,
110
- "border-color": DesignToken,
111
- "color": DesignToken,
112
- "disabled": {
113
- "background-color": DesignToken,
114
- "border-color": DesignToken,
115
- "color": DesignToken
116
- },
117
- "font-weight": DesignToken,
118
- "active": {
119
- "background-color": DesignToken,
120
- "border-color": DesignToken,
121
- "color": DesignToken
122
- },
123
- "font-size": DesignToken,
124
- "line-height": DesignToken
72
+ "accent-2": {
73
+ "500": DesignToken
125
74
  },
126
- "subtle": {
127
- "focus": {
128
- "background-color": DesignToken,
129
- "border-color": DesignToken,
130
- "color": DesignToken
131
- },
132
- "font-size": DesignToken,
133
- "font-weight": DesignToken,
134
- "hover": {
135
- "background-color": DesignToken,
136
- "border-color": DesignToken,
137
- "color": DesignToken
138
- },
139
- "background-color": DesignToken,
140
- "border-color": DesignToken,
141
- "color": DesignToken,
142
- "disabled": {
143
- "background-color": DesignToken,
144
- "border-color": DesignToken,
145
- "color": DesignToken
146
- },
147
- "active": {
148
- "background-color": DesignToken,
149
- "border-color": DesignToken,
150
- "color": DesignToken
151
- },
152
- "line-height": DesignToken
75
+ "cool-grey": {
76
+ "50": DesignToken,
77
+ "100": DesignToken,
78
+ "200": DesignToken,
79
+ "300": DesignToken,
80
+ "400": DesignToken,
81
+ "500": DesignToken,
82
+ "600": DesignToken,
83
+ "700": DesignToken,
84
+ "800": DesignToken,
85
+ "900": DesignToken
86
+ },
87
+ "lichtblauw": {
88
+ "50": DesignToken,
89
+ "100": DesignToken,
90
+ "200": DesignToken,
91
+ "300": DesignToken,
92
+ "400": DesignToken,
93
+ "500": DesignToken
94
+ },
95
+ "violet": {
96
+ "50": DesignToken,
97
+ "100": DesignToken,
98
+ "200": DesignToken,
99
+ "300": DesignToken,
100
+ "400": DesignToken,
101
+ "500": DesignToken
102
+ },
103
+ "paars": {
104
+ "50": DesignToken,
105
+ "100": DesignToken,
106
+ "200": DesignToken,
107
+ "300": DesignToken,
108
+ "400": DesignToken,
109
+ "500": DesignToken
110
+ },
111
+ "hemelblauw": {
112
+ "50": DesignToken,
113
+ "100": DesignToken,
114
+ "200": DesignToken,
115
+ "300": DesignToken,
116
+ "400": DesignToken,
117
+ "500": DesignToken
118
+ },
119
+ "donkerblauw": {
120
+ "50": DesignToken,
121
+ "100": DesignToken,
122
+ "200": DesignToken,
123
+ "300": DesignToken,
124
+ "400": DesignToken,
125
+ "500": DesignToken
126
+ },
127
+ "mintgroen": {
128
+ "50": DesignToken,
129
+ "100": DesignToken,
130
+ "200": DesignToken,
131
+ "300": DesignToken,
132
+ "400": DesignToken,
133
+ "500": DesignToken
134
+ },
135
+ "mosgroen": {
136
+ "50": DesignToken,
137
+ "100": DesignToken,
138
+ "200": DesignToken,
139
+ "300": DesignToken,
140
+ "400": DesignToken,
141
+ "500": DesignToken
142
+ },
143
+ "groen": {
144
+ "50": DesignToken,
145
+ "100": DesignToken,
146
+ "200": DesignToken,
147
+ "300": DesignToken,
148
+ "400": DesignToken,
149
+ "500": DesignToken
150
+ },
151
+ "donkergroen": {
152
+ "50": DesignToken,
153
+ "100": DesignToken,
154
+ "200": DesignToken,
155
+ "300": DesignToken,
156
+ "400": DesignToken,
157
+ "500": DesignToken
158
+ },
159
+ "bruin": {
160
+ "50": DesignToken,
161
+ "100": DesignToken,
162
+ "200": DesignToken,
163
+ "300": DesignToken,
164
+ "400": DesignToken,
165
+ "500": DesignToken
166
+ },
167
+ "donkerbruin": {
168
+ "50": DesignToken,
169
+ "100": DesignToken,
170
+ "200": DesignToken,
171
+ "300": DesignToken,
172
+ "400": DesignToken,
173
+ "500": DesignToken
174
+ },
175
+ "geel": {
176
+ "50": DesignToken,
177
+ "100": DesignToken,
178
+ "200": DesignToken,
179
+ "300": DesignToken,
180
+ "400": DesignToken,
181
+ "500": DesignToken
182
+ },
183
+ "donkergeel": {
184
+ "50": DesignToken,
185
+ "100": DesignToken,
186
+ "200": DesignToken,
187
+ "300": DesignToken,
188
+ "400": DesignToken,
189
+ "500": DesignToken
190
+ },
191
+ "oranje": {
192
+ "50": DesignToken,
193
+ "100": DesignToken,
194
+ "200": DesignToken,
195
+ "300": DesignToken,
196
+ "400": DesignToken,
197
+ "500": DesignToken
198
+ },
199
+ "rood": {
200
+ "50": DesignToken,
201
+ "100": DesignToken,
202
+ "200": DesignToken,
203
+ "300": DesignToken,
204
+ "400": DesignToken,
205
+ "500": DesignToken
206
+ },
207
+ "roze": {
208
+ "50": DesignToken,
209
+ "100": DesignToken,
210
+ "200": DesignToken,
211
+ "300": DesignToken,
212
+ "400": DesignToken,
213
+ "500": DesignToken
214
+ },
215
+ "robijnrood": {
216
+ "50": DesignToken,
217
+ "100": DesignToken,
218
+ "200": DesignToken,
219
+ "300": DesignToken,
220
+ "400": DesignToken,
221
+ "500": DesignToken
153
222
  },
223
+ "lintblauw": {
224
+ "50": DesignToken,
225
+ "100": DesignToken,
226
+ "200": DesignToken,
227
+ "300": DesignToken,
228
+ "400": DesignToken,
229
+ "500": DesignToken
230
+ },
231
+ "wit": DesignToken,
232
+ "zwart": DesignToken,
233
+ "none": DesignToken
234
+ },
235
+ "sub-nav-bar": {
154
236
  "background-color": DesignToken,
155
- "border-color": DesignToken,
237
+ "column-gap": DesignToken,
238
+ "column-width": DesignToken,
239
+ "padding-block-end": DesignToken,
240
+ "padding-block-start": DesignToken,
241
+ "inline-size": DesignToken,
242
+ "content": {
243
+ "padding-inline-end": DesignToken,
244
+ "padding-inline-start": DesignToken,
245
+ "max-inline-size": DesignToken,
246
+ "list": {
247
+ "row-gap": DesignToken
248
+ }
249
+ }
250
+ },
251
+ "toggletip": {
156
252
  "color": DesignToken,
253
+ "background-color": DesignToken,
254
+ "border-color": DesignToken,
157
255
  "border-radius": DesignToken,
158
256
  "border-width": DesignToken,
159
257
  "icon": {
160
- "gap": DesignToken,
161
258
  "size": DesignToken
162
259
  },
163
- "font-family": DesignToken,
164
- "font-size": DesignToken,
165
- "font-weight": DesignToken,
166
- "line-height": DesignToken,
167
- "padding-block-end": DesignToken,
168
- "padding-block-start": DesignToken,
169
- "padding-inline-end": DesignToken,
170
- "padding-inline-start": DesignToken,
171
- "disabled": {
172
- "background-color": DesignToken,
173
- "border-color": DesignToken,
174
- "color": DesignToken
175
- },
176
- "focus": {
260
+ "size": DesignToken,
261
+ "active": {
262
+ "color": DesignToken,
177
263
  "background-color": DesignToken,
178
- "border-color": DesignToken,
179
- "color": DesignToken
264
+ "border-color": DesignToken
180
265
  },
181
266
  "hover": {
182
- "background-color": DesignToken,
183
- "border-color": DesignToken,
184
- "color": DesignToken
185
- },
186
- "active": {
187
- "background-color": DesignToken,
188
- "border-color": DesignToken,
189
- "color": DesignToken
267
+ "color": DesignToken,
268
+ "background-color": DesignToken
190
269
  },
191
- "min-block-size": DesignToken,
192
- "min-inline-size": DesignToken,
193
- "column-gap": DesignToken
194
- },
195
- "checkbox": {
196
270
  "focus": {
197
- "background-color": DesignToken,
198
- "border-color": DesignToken,
199
- "border-width": DesignToken
200
- },
201
- "checked": {
202
- "focus": {
203
- "background-color": DesignToken,
204
- "border-width": DesignToken,
205
- "border-color": DesignToken,
206
- "color": DesignToken
207
- },
208
- "background-color": DesignToken,
209
- "border-color": DesignToken,
210
271
  "color": DesignToken,
211
- "border-width": DesignToken,
212
- "disabled": {
213
- "background-color": DesignToken,
214
- "border-color": DesignToken,
215
- "color": DesignToken
272
+ "background-color": DesignToken
273
+ }
274
+ },
275
+ "sidenav": {
276
+ "display": DesignToken,
277
+ "link": {
278
+ "line-height": DesignToken,
279
+ "icon": {
280
+ "size": DesignToken,
281
+ "margin-inline": DesignToken
216
282
  },
217
- "hover": {
218
- "border-width": DesignToken,
219
- "background-color": DesignToken,
220
- "border-color": DesignToken,
283
+ "font-size": DesignToken,
284
+ "font-family": DesignToken,
285
+ "font-weight": DesignToken,
286
+ "current": {
287
+ "font-weight": DesignToken,
221
288
  "color": DesignToken
222
289
  },
290
+ "color": DesignToken,
223
291
  "active": {
292
+ "color": DesignToken,
293
+ "text-decoration": DesignToken
294
+ },
295
+ "focus": {
296
+ "border-radius": DesignToken,
224
297
  "border-width": DesignToken,
225
- "background-color": DesignToken,
298
+ "border-style": DesignToken,
226
299
  "border-color": DesignToken,
227
- "color": DesignToken
228
- }
229
- },
230
- "border-radius": DesignToken,
231
- "size": DesignToken,
300
+ "background-color": DesignToken,
301
+ "color": DesignToken,
302
+ "text-decoration": DesignToken
303
+ },
304
+ "hover": {
305
+ "color": DesignToken,
306
+ "text-decoration": DesignToken
307
+ },
308
+ "padding-block-start": DesignToken,
309
+ "padding-block-end": DesignToken,
310
+ "text-decoration": DesignToken,
311
+ "column-gap": DesignToken
312
+ }
313
+ },
314
+ "radio-group": {
315
+ "padding-block-end": DesignToken,
316
+ "padding-block-start": DesignToken,
317
+ "row-gap": DesignToken
318
+ },
319
+ "navigation-list": {
232
320
  "icon": {
233
- "size": DesignToken
234
- },
235
- "background-color": DesignToken,
236
- "border-color": DesignToken,
237
- "invalid": {
238
- "background-color": DesignToken,
239
- "border-color": DesignToken,
240
- "border-width": DesignToken
241
- },
242
- "disabled": {
243
321
  "background-color": DesignToken,
244
- "border-color": DesignToken
322
+ "border-radius": DesignToken,
323
+ "color": DesignToken
245
324
  },
246
- "indeterminate": {
247
- "background-color": DesignToken,
248
- "border-color": DesignToken,
249
- "color": DesignToken,
250
- "border-width": DesignToken,
251
- "disabled": {
252
- "background-color": DesignToken,
253
- "border-color": DesignToken,
254
- "color": DesignToken
325
+ "item": {
326
+ "icon": {
327
+ "padding-inline": DesignToken,
328
+ "padding-block": DesignToken,
329
+ "size": DesignToken
330
+ },
331
+ "content": {
332
+ "font-size": DesignToken,
333
+ "column-gap": DesignToken,
334
+ "row-gap": DesignToken
335
+ },
336
+ "label": {
337
+ "font-family": DesignToken,
338
+ "font-size": DesignToken,
339
+ "font-weight": DesignToken,
340
+ "line-height": DesignToken
255
341
  },
256
342
  "active": {
257
- "background-color": DesignToken,
258
- "border-color": DesignToken,
259
- "color": DesignToken,
260
- "border-width": DesignToken
343
+ "background-color": DesignToken
261
344
  },
262
345
  "hover": {
263
- "background-color": DesignToken,
264
- "border-color": DesignToken,
265
- "color": DesignToken,
266
- "border-width": DesignToken
346
+ "background-color": DesignToken
267
347
  },
268
348
  "focus": {
269
- "background-color": DesignToken,
270
- "border-color": DesignToken,
271
- "color": DesignToken,
272
- "border-width": DesignToken
273
- }
274
- },
275
- "border-width": DesignToken,
276
- "hover": {
277
- "border-width": DesignToken,
349
+ "background-color": DesignToken
350
+ },
278
351
  "background-color": DesignToken,
279
- "border-color": DesignToken
280
- },
281
- "active": {
352
+ "color": DesignToken,
282
353
  "border-width": DesignToken,
283
- "background-color": DesignToken,
284
- "border-color": DesignToken
354
+ "border-color": DesignToken,
355
+ "heading": {
356
+ "color": DesignToken
357
+ },
358
+ "column-gap": DesignToken,
359
+ "min-height": DesignToken,
360
+ "padding-block": DesignToken,
361
+ "padding-inline": DesignToken
285
362
  }
286
363
  },
287
- "radio-button": {
288
- "focus": {
289
- "background-color": DesignToken,
290
- "border-color": DesignToken,
291
- "border-width": DesignToken
364
+ "nav-bar": {
365
+ "border-block-end-width": DesignToken,
366
+ "max-inline-size": DesignToken,
367
+ "padding-inline": DesignToken,
368
+ "container": {
369
+ "inline-size": DesignToken
292
370
  },
293
- "checked": {
294
- "focus": {
371
+ "content": {
372
+ "column-gap": DesignToken
373
+ },
374
+ "icon": {
375
+ "color": DesignToken,
376
+ "active": {
377
+ "color": DesignToken
378
+ },
379
+ "size": DesignToken
380
+ },
381
+ "link": {
382
+ "active": {
295
383
  "background-color": DesignToken,
296
- "border-color": DesignToken,
297
- "color": DesignToken,
298
- "border-width": DesignToken
384
+ "color": DesignToken
299
385
  },
300
386
  "background-color": DesignToken,
301
- "border-color": DesignToken,
302
387
  "color": DesignToken,
303
- "hover": {
304
- "background-color": DesignToken,
305
- "border-color": DesignToken,
306
- "color": DesignToken,
307
- "border-width": DesignToken
308
- },
309
- "active": {
388
+ "focus": {
310
389
  "background-color": DesignToken,
311
- "border-color": DesignToken,
312
- "color": DesignToken,
313
- "border-width": DesignToken
390
+ "color": DesignToken
314
391
  },
315
- "disabled": {
392
+ "hover": {
316
393
  "background-color": DesignToken,
317
- "border-color": DesignToken,
318
394
  "color": DesignToken
319
395
  },
320
- "border-width": DesignToken
321
- },
322
- "active": {
323
- "border-width": DesignToken,
324
- "background-color": DesignToken,
325
- "border-color": DesignToken
396
+ "padding-block-end": DesignToken,
397
+ "padding-block-start": DesignToken,
398
+ "padding-inline-end": DesignToken,
399
+ "padding-inline-start": DesignToken,
400
+ "column-gap": DesignToken
326
401
  },
327
- "size": DesignToken,
328
- "dot": {
329
- "size": DesignToken
402
+ "heading": {
403
+ "font-weight": DesignToken
330
404
  },
331
405
  "background-color": DesignToken,
332
- "border-color": DesignToken,
333
- "invalid": {
406
+ "color": DesignToken,
407
+ "border-color": DesignToken
408
+ },
409
+ "message-list": {
410
+ "item": {
334
411
  "background-color": DesignToken,
335
412
  "border-color": DesignToken,
336
- "border-width": DesignToken
337
- },
338
- "disabled": {
413
+ "border-width": DesignToken,
414
+ "color": DesignToken,
415
+ "column-gap": DesignToken,
416
+ "icon": {
417
+ "size": DesignToken,
418
+ "color": DesignToken
419
+ },
420
+ "min-height": DesignToken,
421
+ "padding-block": DesignToken,
422
+ "padding-inline": DesignToken,
423
+ "content": {
424
+ "font-size": DesignToken,
425
+ "column-gap": DesignToken,
426
+ "row-gap": DesignToken
427
+ },
428
+ "label": {
429
+ "font-family": DesignToken,
430
+ "font-size": DesignToken,
431
+ "font-weight": DesignToken,
432
+ "line-height": DesignToken
433
+ },
434
+ "heading": {
435
+ "color": DesignToken
436
+ }
437
+ }
438
+ },
439
+ "logo": {
440
+ "image": {
339
441
  "background-color": DesignToken,
340
- "border-color": DesignToken,
442
+ "inline-size": DesignToken,
443
+ "block-size": DesignToken,
341
444
  "color": DesignToken
342
445
  },
343
- "hover": {
344
- "background-color": DesignToken,
345
- "border-color": DesignToken,
346
- "border-width": DesignToken
446
+ "title": {
447
+ "font-weight": DesignToken,
448
+ "line-height": DesignToken,
449
+ "font-size": DesignToken,
450
+ "padding-block-start": DesignToken
347
451
  },
348
- "border-radius": DesignToken,
349
- "border-width": DesignToken
452
+ "subtitle": {
453
+ "font-weight": DesignToken,
454
+ "line-height": DesignToken,
455
+ "font-size": DesignToken
456
+ },
457
+ "column-gap": DesignToken,
458
+ "font-family": DesignToken,
459
+ "color": DesignToken
350
460
  },
351
- "link": {
352
- "focus": {
353
- "background-color": DesignToken,
354
- "color": DesignToken,
355
- "text-decoration": DesignToken,
356
- "text-decoration-thickness": DesignToken
461
+ "link-list-card": {
462
+ "background-color": DesignToken,
463
+ "padding-block-start": DesignToken,
464
+ "padding-block-end": DesignToken,
465
+ "row-gap": DesignToken,
466
+ "padding-inline-start": DesignToken,
467
+ "padding-inline-end": DesignToken
468
+ },
469
+ "link-list": {
470
+ "text-decoration": DesignToken
471
+ },
472
+ "icon-only-button": {
473
+ "padding-block-end": DesignToken,
474
+ "padding-block-start": DesignToken,
475
+ "padding-inline-end": DesignToken,
476
+ "padding-inline-start": DesignToken
477
+ },
478
+ "hero": {
479
+ "heading": {
480
+ "font-weight": DesignToken,
481
+ "line-height": DesignToken,
482
+ "font-size": DesignToken,
483
+ "font-family": DesignToken
357
484
  },
358
- "color": DesignToken,
359
- "text-decoration-color": DesignToken,
360
- "active": {
361
- "color": DesignToken,
362
- "text-decoration": DesignToken
485
+ "sub-heading": {
486
+ "font-weight": DesignToken,
487
+ "line-height": DesignToken,
488
+ "font-size": DesignToken,
489
+ "font-family": DesignToken
363
490
  },
364
- "hover": {
491
+ "message": {
492
+ "background-color": DesignToken,
365
493
  "color": DesignToken,
366
- "text-decoration": DesignToken,
367
- "text-decoration-thickness": DesignToken
368
- },
369
- "visited": {
370
- "color": DesignToken
371
- },
372
- "text-decoration": DesignToken,
373
- "icon": {
374
- "inset-block-start": DesignToken,
375
- "size": DesignToken
494
+ "row-gap": DesignToken,
495
+ "padding-block-end": DesignToken,
496
+ "padding-inline-end": DesignToken,
497
+ "padding-inline-start": DesignToken,
498
+ "padding-block-start": DesignToken,
499
+ "border-radius": DesignToken,
500
+ "inline-size": DesignToken
376
501
  },
502
+ "border-radius": DesignToken,
503
+ "inline-size": DesignToken
504
+ },
505
+ "form-field-radio-option": {
377
506
  "column-gap": DesignToken,
378
- "text-decoration-thickness": DesignToken,
379
- "text-underline-offset": DesignToken,
380
- "font-family": DesignToken,
381
507
  "font-weight": DesignToken,
382
- "font-size": DesignToken,
383
- "line-height": DesignToken
508
+ "row-gap": DesignToken,
509
+ "label": {
510
+ "margin-block-end": DesignToken
511
+ },
512
+ "input": {
513
+ "margin": {
514
+ "block-start": DesignToken
515
+ }
516
+ }
384
517
  },
385
- "select": {
386
- "focus": {
387
- "background-color": DesignToken,
388
- "border-color": DesignToken,
389
- "color": DesignToken,
390
- "border-width": DesignToken
518
+ "form-field-checkbox-option": {
519
+ "column-gap": DesignToken,
520
+ "margin-block-end": DesignToken
521
+ },
522
+ "page-footer": {
523
+ "column-gap": DesignToken,
524
+ "column-width": DesignToken,
525
+ "column": {
526
+ "title": {
527
+ "margin-block-end": DesignToken
528
+ }
391
529
  },
392
- "image-background-position": DesignToken,
393
- "icon": {
394
- "size": DesignToken
530
+ "content": {
531
+ "max-inline-size": DesignToken,
532
+ "padding-inline-start": DesignToken,
533
+ "padding-inline-end": DesignToken,
534
+ "column-gap": DesignToken
535
+ },
536
+ "border": {
537
+ "block-start": {
538
+ "width": DesignToken,
539
+ "color": DesignToken,
540
+ "style": DesignToken
541
+ }
395
542
  },
396
- "background-color": DesignToken,
397
- "border-color": DesignToken,
398
- "color": DesignToken,
399
- "invalid": {
543
+ "outlined": {
400
544
  "background-color": DesignToken,
401
- "border-color": DesignToken,
402
545
  "color": DesignToken,
403
- "border-width": DesignToken
546
+ "border": {
547
+ "color": DesignToken
548
+ }
404
549
  },
405
- "disabled": {
406
- "background-color": DesignToken,
407
- "border-color": DesignToken,
408
- "color": DesignToken
550
+ "padding": {
551
+ "block-start": DesignToken,
552
+ "block-end": DesignToken,
553
+ "inline-start": DesignToken,
554
+ "inline-end": DesignToken
409
555
  },
410
- "hover": {
411
- "background-color": DesignToken,
412
- "border-color": DesignToken,
556
+ "flex": {
557
+ "direction": DesignToken
558
+ }
559
+ },
560
+ "file-input": {
561
+ "column-gap": DesignToken,
562
+ "row-gap": DesignToken,
563
+ "feedback": {
413
564
  "color": DesignToken,
414
- "border-width": DesignToken
415
- },
416
- "padding-block-end": DesignToken,
417
- "padding-block-start": DesignToken,
418
- "padding-inline-end": DesignToken,
565
+ "font-size": DesignToken
566
+ }
567
+ },
568
+ "file": {
569
+ "border-style": DesignToken,
570
+ "border-color": DesignToken,
571
+ "border-width": DesignToken,
572
+ "border-radius": DesignToken,
419
573
  "padding-inline-start": DesignToken,
574
+ "padding-inline-end": DesignToken,
575
+ "padding-block-start": DesignToken,
576
+ "padding-block-end": DesignToken,
577
+ "column-gap": DesignToken,
578
+ "error": {
579
+ "border-color": DesignToken
580
+ },
581
+ "subtitle": {
582
+ "color": DesignToken
583
+ }
584
+ },
585
+ "dot-badge": {
420
586
  "border-radius": DesignToken,
421
- "border-bottom-width": DesignToken,
422
- "border-width": DesignToken,
423
- "font-family": DesignToken,
424
- "font-weight": DesignToken,
425
- "line-height": DesignToken,
426
- "font-size": DesignToken,
427
- "max-inline-size": DesignToken
587
+ "color": DesignToken,
588
+ "size": DesignToken
428
589
  },
429
- "textarea": {
430
- "focus": {
431
- "background-color": DesignToken,
432
- "border-color": DesignToken,
433
- "color": DesignToken,
434
- "border-width": DesignToken
435
- },
436
- "max-inline-size": DesignToken,
590
+ "code-input": {
591
+ "size": DesignToken
592
+ },
593
+ "code-input-group": {
594
+ "column-gap": DesignToken
595
+ },
596
+ "checkbox-group": {
437
597
  "padding-block-end": DesignToken,
438
598
  "padding-block-start": DesignToken,
439
- "padding-inline-end": DesignToken,
440
- "padding-inline-start": DesignToken,
599
+ "row-gap": DesignToken
600
+ },
601
+ "card-as-link": {
441
602
  "background-color": DesignToken,
442
603
  "border-color": DesignToken,
604
+ "border-radius": DesignToken,
605
+ "border-width": DesignToken,
443
606
  "color": DesignToken,
444
- "invalid": {
445
- "background-color": DesignToken,
446
- "border-color": DesignToken,
607
+ "column-gap": DesignToken,
608
+ "inline-size": DesignToken,
609
+ "icon": {
447
610
  "color": DesignToken,
448
- "border-width": DesignToken
449
- },
450
- "placeholder": {
451
- "color": DesignToken
452
- },
453
- "disabled": {
454
- "background-color": DesignToken,
455
- "border-color": DesignToken,
456
- "color": DesignToken
457
- },
458
- "read-only": {
459
- "background-color": DesignToken,
460
- "border-color": DesignToken,
461
- "color": DesignToken
611
+ "size": DesignToken
462
612
  },
463
- "hover": {
464
- "background-color": DesignToken,
465
- "border-color": DesignToken,
613
+ "link": {
466
614
  "color": DesignToken,
467
- "border-width": DesignToken
615
+ "text-decoration": DesignToken,
616
+ "active": {
617
+ "text-decoration": DesignToken
618
+ },
619
+ "hover": {
620
+ "text-decoration": DesignToken
621
+ },
622
+ "focus": {
623
+ "text-decoration": DesignToken
624
+ }
468
625
  },
469
- "border-radius": DesignToken,
470
- "border-bottom-width": DesignToken,
471
- "border-width": DesignToken,
472
- "font-family": DesignToken,
473
- "font-weight": DesignToken,
474
- "line-height": DesignToken,
475
- "font-size": DesignToken
476
- },
477
- "textbox": {
478
- "focus": {
479
- "background-color": DesignToken,
480
- "border-width": DesignToken,
481
- "border-color": DesignToken,
626
+ "metadata": {
482
627
  "color": DesignToken
483
628
  },
484
- "border-radius": DesignToken,
485
- "font-family": DesignToken,
486
- "font-size": DesignToken,
487
- "font-weight": DesignToken,
488
- "line-height": DesignToken,
489
- "max-inline-size": DesignToken,
490
629
  "padding-block-end": DesignToken,
491
630
  "padding-block-start": DesignToken,
492
631
  "padding-inline-end": DesignToken,
493
632
  "padding-inline-start": DesignToken,
494
- "background-color": DesignToken,
495
- "border-color": DesignToken,
496
- "color": DesignToken,
497
- "invalid": {
633
+ "row-gap": DesignToken,
634
+ "active": {
498
635
  "background-color": DesignToken,
499
- "border-color": DesignToken,
500
- "color": DesignToken,
501
- "border-width": DesignToken
502
- },
503
- "placeholder": {
504
- "color": DesignToken
636
+ "text-decoration": DesignToken
505
637
  },
506
- "border-block-end-width": DesignToken,
507
- "border-width": DesignToken,
508
- "disabled": {
638
+ "hover": {
509
639
  "background-color": DesignToken,
510
- "border-color": DesignToken,
511
- "color": DesignToken
640
+ "text-decoration": DesignToken
512
641
  },
513
- "read-only": {
642
+ "focus": {
514
643
  "background-color": DesignToken,
515
- "border-color": DesignToken,
516
- "color": DesignToken
644
+ "text-decoration": DesignToken
517
645
  },
518
- "hover": {
519
- "border-width": DesignToken,
520
- "background-color": DesignToken,
521
- "border-color": DesignToken,
522
- "color": DesignToken
523
- }
524
- },
525
- "counter-badge": {
526
- "background-color": DesignToken
527
- },
528
- "skip-link": {
529
- "focus": {
646
+ "full-bleed": {
530
647
  "background-color": DesignToken,
531
648
  "border-color": DesignToken,
532
- "border-style": DesignToken,
533
- "border-width": DesignToken,
534
649
  "color": DesignToken,
535
- "text-decoration": DesignToken
536
- },
537
- "font-weight": DesignToken,
538
- "font-family": DesignToken,
539
- "font-size": DesignToken,
540
- "line-height": DesignToken,
541
- "min-block-size": DesignToken,
542
- "min-inline-size": DesignToken,
543
- "padding-block-end": DesignToken,
544
- "padding-block-start": DesignToken,
545
- "padding-inline-end": DesignToken,
546
- "padding-inline-start": DesignToken,
547
- "focus-visible": {
548
- "outline-color": DesignToken
549
- },
550
- "background-color": DesignToken,
551
- "border-color": DesignToken,
552
- "color": DesignToken,
553
- "border-width": DesignToken,
554
- "box-block-end-shadow": {
555
- "offset-x": DesignToken,
556
- "offset-y": DesignToken,
557
- "blur-radius": DesignToken,
558
- "spread-radius": DesignToken,
559
- "color": DesignToken
560
- },
561
- "text-decoration": DesignToken,
562
- "text-underline-offset": DesignToken
563
- },
564
- "icon": {
565
- "color": DesignToken,
566
- "size": DesignToken,
567
- "inset-block-start": DesignToken
568
- },
569
- "unordered-list": {
570
- "padding-inline-start": DesignToken,
571
- "margin-block-end": DesignToken,
572
- "margin-block-start": DesignToken,
573
- "color": DesignToken,
574
- "font-family": DesignToken,
575
- "font-weight": DesignToken,
576
- "font-size": DesignToken,
577
- "line-height": DesignToken,
578
- "item": {
579
- "padding-inline-start": DesignToken,
580
- "margin-block-end": DesignToken,
581
- "margin-block-start": DesignToken
650
+ "opacity": DesignToken
582
651
  },
583
- "marker": {
584
- "color": DesignToken,
585
- "border-color": DesignToken
586
- }
587
- },
588
- "table": {
589
- "header-cell": {
590
- "line-height": DesignToken,
652
+ "heading": {
591
653
  "color": DesignToken,
592
- "font-family": DesignToken,
593
- "font-weight": DesignToken,
594
- "font-size": DesignToken
654
+ "padding-block-start": DesignToken,
655
+ "font-size": DesignToken,
656
+ "font-weight": DesignToken
595
657
  },
596
- "caption": {
597
- "line-height": DesignToken,
598
- "margin-block-end": DesignToken,
658
+ "horizontal": {
659
+ "background-color": DesignToken,
660
+ "border-color": DesignToken,
599
661
  "color": DesignToken,
600
- "font-family": DesignToken,
601
- "font-weight": DesignToken,
602
- "font-size": DesignToken
603
- },
604
- "cell": {
662
+ "max-block-size": DesignToken,
605
663
  "padding-block-end": DesignToken,
606
664
  "padding-block-start": DesignToken,
607
665
  "padding-inline-end": DesignToken,
608
666
  "padding-inline-start": DesignToken,
609
- "line-height": DesignToken
610
- },
611
- "data-cell": {
612
- "color": DesignToken,
667
+ "heading": {
668
+ "inline-size": DesignToken
669
+ }
670
+ }
671
+ },
672
+ "accordion": {
673
+ "button": {
613
674
  "font-family": DesignToken,
675
+ "font-size": DesignToken,
614
676
  "font-weight": DesignToken,
615
677
  "line-height": DesignToken,
616
- "font-size": DesignToken
678
+ "icon": {
679
+ "margin-block": DesignToken
680
+ },
681
+ "padding-block-end": DesignToken,
682
+ "padding-block-start": DesignToken,
683
+ "padding-inline-end": DesignToken,
684
+ "padding-inline-start": DesignToken,
685
+ "expanded": {
686
+ "background-color": DesignToken,
687
+ "color": DesignToken
688
+ }
617
689
  },
618
- "header": {
690
+ "section": {
619
691
  "border-block-end-width": DesignToken,
620
- "border-block-end-color": DesignToken,
621
- "background-color": DesignToken
692
+ "border-width": DesignToken,
693
+ "border-color": DesignToken
622
694
  },
623
- "footer": {
624
- "border-block-end-width": DesignToken,
625
- "border-block-end-color": DesignToken,
626
- "background-color": DesignToken
695
+ "header": {
696
+ "margin": DesignToken
627
697
  },
628
- "row": {
629
- "border-block-end-width": DesignToken,
630
- "border-block-end-color": DesignToken,
631
- "background-color": DesignToken
698
+ "border-radius": DesignToken,
699
+ "color": DesignToken
700
+ },
701
+ "keep": {
702
+ "top-left": {
703
+ "borderRadiusTopLeft": DesignToken,
704
+ "borderRadiusTopRight": DesignToken,
705
+ "borderRadiusBottomRight": DesignToken,
706
+ "borderRadiusBottomLeft": DesignToken
632
707
  },
633
- "footer-cell": {
634
- "font-weight": DesignToken,
635
- "font-size": DesignToken,
636
- "color": DesignToken,
637
- "font-family": DesignToken,
638
- "line-height": DesignToken
708
+ "top-right": {
709
+ "borderRadiusTopRight": DesignToken,
710
+ "borderRadiusTopLeft": DesignToken,
711
+ "borderRadiusBottomRight": DesignToken,
712
+ "borderRadiusBottomLeft": DesignToken
639
713
  },
640
- "container": {
641
- "box-inline-end-shadow": {
642
- "x": DesignToken,
643
- "y": DesignToken,
644
- "blur": DesignToken,
645
- "spread": DesignToken,
646
- "color": DesignToken
647
- },
648
- "box-inline-start-shadow": {
649
- "x": DesignToken,
650
- "y": DesignToken,
651
- "blur": DesignToken,
652
- "spread": DesignToken,
653
- "color": DesignToken
654
- }
714
+ "bottom-right": {
715
+ "borderRadiusTopLeft": DesignToken,
716
+ "borderRadiusTopRight": DesignToken,
717
+ "borderRadiusBottomRight": DesignToken,
718
+ "borderRadiusBottomLeft": DesignToken
655
719
  },
656
- "font-size": DesignToken
720
+ "bottom-left": {
721
+ "borderRadiusTopLeft": DesignToken,
722
+ "borderRadiusTopRight": DesignToken,
723
+ "borderRadiusBottomRight": DesignToken,
724
+ "borderRadiusBottomLeft": DesignToken
725
+ }
657
726
  },
658
- "separator": {
659
- "color": DesignToken,
660
- "block-size": DesignToken,
661
- "margin-block-end": DesignToken,
662
- "margin-block-start": DesignToken
727
+ "border-radius": {
728
+ "sm": DesignToken,
729
+ "md": DesignToken,
730
+ "keep": DesignToken,
731
+ "circle": DesignToken,
732
+ "none": DesignToken
663
733
  },
664
- "paragraph": {
665
- "color": DesignToken,
666
- "font-family": DesignToken,
667
- "font-size": DesignToken,
668
- "font-weight": DesignToken,
669
- "line-height": DesignToken,
670
- "margin-block-end": DesignToken,
671
- "margin-block-start": DesignToken,
672
- "lead": {
673
- "color": DesignToken,
674
- "font-size": DesignToken,
675
- "font-weight": DesignToken,
676
- "line-height": DesignToken
677
- }
734
+ "focus": {
735
+ "outline-offset": DesignToken,
736
+ "outline-style": DesignToken,
737
+ "outline-width": DesignToken
678
738
  },
679
- "ordered-list": {
680
- "padding-inline-start": DesignToken,
681
- "margin-block-end": DesignToken,
682
- "margin-block-start": DesignToken,
683
- "margin-inline-start": DesignToken,
684
- "item": {
685
- "padding-inline-start": DesignToken,
686
- "margin-block-end": DesignToken,
687
- "margin-block-start": DesignToken
739
+ "font-size": {
740
+ "heading": {
741
+ "level-1": DesignToken,
742
+ "level-2": DesignToken,
743
+ "level-3": DesignToken,
744
+ "level-4": DesignToken,
745
+ "level-5": DesignToken
688
746
  },
689
- "color": DesignToken,
690
- "font-family": DesignToken,
691
- "font-weight": DesignToken,
692
- "font-size": DesignToken,
693
- "line-height": DesignToken
694
- },
695
- "link-list": {
696
- "margin-block-start": DesignToken,
697
- "row-gap": DesignToken,
698
- "margin-block-end": DesignToken,
699
- "item": {
700
- "column-gap": DesignToken,
701
- "text-decoration": DesignToken
747
+ "paragraph": {
748
+ "intro": DesignToken,
749
+ "default": DesignToken,
750
+ "small": DesignToken
702
751
  },
703
- "icon": {
704
- "size": DesignToken,
705
- "inset-block-start": DesignToken
752
+ "xs": {
753
+ "desktop": DesignToken,
754
+ "tablet": DesignToken,
755
+ "mobile": DesignToken
756
+ },
757
+ "sm": {
758
+ "desktop": DesignToken,
759
+ "tablet": DesignToken,
760
+ "mobile": DesignToken
761
+ },
762
+ "md": {
763
+ "desktop": DesignToken,
764
+ "tablet": DesignToken,
765
+ "mobile": DesignToken
766
+ },
767
+ "lg": {
768
+ "desktop": DesignToken,
769
+ "tablet": DesignToken,
770
+ "mobile": DesignToken
771
+ },
772
+ "xl": {
773
+ "desktop": DesignToken,
774
+ "tablet": DesignToken,
775
+ "mobile": DesignToken
706
776
  }
707
777
  },
708
- "heading-1": {
709
- "color": DesignToken,
710
- "font-family": DesignToken,
711
- "font-weight": DesignToken,
712
- "line-height": DesignToken,
713
- "font-size": DesignToken,
714
- "margin-block-end": DesignToken,
715
- "margin-block-start": DesignToken
716
- },
717
- "heading-2": {
718
- "color": DesignToken,
719
- "font-family": DesignToken,
720
- "font-weight": DesignToken,
721
- "line-height": DesignToken,
722
- "font-size": DesignToken,
723
- "margin-block-end": DesignToken,
724
- "margin-block-start": DesignToken
725
- },
726
- "heading-3": {
727
- "color": DesignToken,
728
- "font-family": DesignToken,
729
- "font-weight": DesignToken,
730
- "line-height": DesignToken,
731
- "font-size": DesignToken,
732
- "margin-block-end": DesignToken,
733
- "margin-block-start": DesignToken
778
+ "line-height": {
779
+ "paragraph": DesignToken,
780
+ "sm": DesignToken,
781
+ "md": DesignToken
734
782
  },
735
- "heading-4": {
736
- "color": DesignToken,
737
- "font-family": DesignToken,
738
- "font-weight": DesignToken,
739
- "line-height": DesignToken,
740
- "font-size": DesignToken,
741
- "margin-block-end": DesignToken,
742
- "margin-block-start": DesignToken
783
+ "size": {
784
+ "target": DesignToken,
785
+ "icon": {
786
+ "functional": DesignToken
787
+ },
788
+ "quarter-lint": DesignToken,
789
+ "half-lint": DesignToken,
790
+ "lint": DesignToken,
791
+ "2-lint": DesignToken,
792
+ "3-lint": DesignToken
743
793
  },
744
- "heading-5": {
745
- "color": DesignToken,
746
- "font-family": DesignToken,
747
- "font-weight": DesignToken,
748
- "line-height": DesignToken,
749
- "font-size": DesignToken,
750
- "margin-block-end": DesignToken,
751
- "margin-block-start": DesignToken
794
+ "font-weight": {
795
+ "extra-bold": DesignToken,
796
+ "bold": DesignToken,
797
+ "semi-bold": DesignToken,
798
+ "regular": DesignToken,
799
+ "chosen-regular": DesignToken,
800
+ "light": DesignToken,
801
+ "thin": DesignToken
752
802
  },
753
- "form-label": {
754
- "color": DesignToken,
755
- "font-size": DesignToken,
756
- "font-weight": DesignToken
803
+ "font-family": {
804
+ "primary": DesignToken,
805
+ "secondary": DesignToken
757
806
  },
758
- "form-field-label": {
759
- "color": DesignToken,
760
- "font-family": DesignToken,
761
- "font-size": DesignToken,
762
- "font-weight": DesignToken,
763
- "line-height": DesignToken
807
+ "border-width": {
808
+ "default": DesignToken,
809
+ "m": DesignToken,
810
+ "none": DesignToken
764
811
  },
765
- "form-field-error-message": {
766
- "icon": {
767
- "size": DesignToken,
768
- "margin-inline-end": DesignToken
769
- },
812
+ "space": {
813
+ "0": DesignToken,
814
+ "25": DesignToken,
815
+ "50": DesignToken,
816
+ "100": DesignToken,
817
+ "150": DesignToken,
818
+ "200": DesignToken,
819
+ "300": DesignToken,
820
+ "400": DesignToken,
821
+ "500": DesignToken,
822
+ "600": DesignToken,
823
+ "700": DesignToken
824
+ }
825
+ },
826
+ "utrecht": {
827
+ "pre-heading": {
770
828
  "color": DesignToken,
771
829
  "font-family": DesignToken,
772
- "font-size": DesignToken,
773
830
  "font-weight": DesignToken,
774
- "margin-block-end": DesignToken,
775
- "padding-block-end": DesignToken
776
- },
777
- "form-field-description": {
778
- "color": DesignToken,
779
- "font-family": DesignToken,
780
- "font-size": DesignToken,
781
831
  "line-height": DesignToken,
782
- "margin-block-start": DesignToken,
783
- "margin-block-end": DesignToken,
784
- "padding-block-end": DesignToken
785
- },
786
- "form-field": {
787
- "margin-block-start": DesignToken,
788
- "margin-block-end": DesignToken,
789
- "invalid": {
790
- "border-inline-start-color": DesignToken,
791
- "border-inline-start-width": DesignToken,
792
- "padding-inline-start": DesignToken
793
- },
794
- "label": {
795
- "margin-block-end": DesignToken
796
- },
797
- "error-message": {
798
- "line-height": DesignToken
799
- }
800
- },
801
- "page-footer": {
802
- "background-color": DesignToken,
803
- "color": DesignToken,
804
- "padding-block-start": DesignToken,
805
- "padding-block-end": DesignToken,
806
- "padding-inline-start": DesignToken,
807
- "padding-inline-end": DesignToken
832
+ "font-size": DesignToken
808
833
  },
809
- "figure": {
810
- "caption": {
834
+ "accordion": {
835
+ "button": {
836
+ "focus": {
837
+ "background-color": DesignToken,
838
+ "border-color": DesignToken,
839
+ "color": DesignToken
840
+ },
841
+ "gap": DesignToken,
842
+ "icon": {
843
+ "size": DesignToken
844
+ },
845
+ "hover": {
846
+ "background-color": DesignToken,
847
+ "border-color": DesignToken,
848
+ "color": DesignToken
849
+ },
850
+ "background-color": DesignToken,
811
851
  "border-color": DesignToken,
812
852
  "border-width": DesignToken,
813
853
  "color": DesignToken,
854
+ "active": {
855
+ "background-color": DesignToken,
856
+ "border-color": DesignToken,
857
+ "color": DesignToken,
858
+ "row-gap": DesignToken
859
+ }
860
+ },
861
+ "panel": {
862
+ "border-color": DesignToken,
863
+ "border-width": DesignToken,
814
864
  "padding-block-end": DesignToken,
815
865
  "padding-block-start": DesignToken,
816
- "padding-inline-start": DesignToken,
817
- "line-height": DesignToken,
818
- "font-size": DesignToken
819
- },
820
- "img": {
821
- "border-end-end-radius": DesignToken,
822
- "border-end-start-radius": DesignToken,
823
- "border-start-end-radius": DesignToken,
824
- "border-start-start-radius": DesignToken
866
+ "padding-inline-end": DesignToken,
867
+ "padding-inline-start": DesignToken
825
868
  }
826
869
  },
827
- "form-fieldset": {
828
- "legend": {
829
- "color": DesignToken,
830
- "font-family": DesignToken,
831
- "font-size": DesignToken,
832
- "font-weight": DesignToken,
833
- "line-height": DesignToken,
834
- "disabled": {
835
- "color": DesignToken
836
- }
837
- },
838
- "section": {
839
- "background-color": DesignToken,
840
- "color": DesignToken
841
- },
842
- "invalid": {
843
- "border-inline-start": {
870
+ "button": {
871
+ "primary-action": {
872
+ "focus": {
873
+ "background-color": DesignToken,
874
+ "border-color": DesignToken,
844
875
  "color": DesignToken
845
876
  },
846
- "padding-inline-start": DesignToken,
847
- "border-inline-start-width": DesignToken
848
- }
849
- },
850
- "number-badge": {
851
- "font-size": DesignToken,
852
- "line-height": DesignToken,
853
- "min-block-size": DesignToken,
854
- "min-inline-size": DesignToken,
855
- "font-weight": DesignToken,
856
- "border-width": DesignToken,
857
- "border-radius": DesignToken,
858
- "font-family": DesignToken,
859
- "background-color": DesignToken,
860
- "border-color": DesignToken,
861
- "color": DesignToken,
862
- "padding-inline": DesignToken,
863
- "padding-block": DesignToken
864
- },
865
- "button-group": {
866
- "background-color": DesignToken,
867
- "column-gap": DesignToken,
868
- "margin-block-end": DesignToken,
869
- "margin-block-start": DesignToken,
870
- "padding-block-end": DesignToken,
871
- "padding-block-start": DesignToken,
872
- "row-gap": DesignToken
873
- },
874
- "breadcrumb-nav": {
875
- "line-height": DesignToken,
876
- "font-size": DesignToken,
877
- "link": {
878
- "icon": {
879
- "size": DesignToken,
880
- "margin-inline": DesignToken,
881
- "inset-block-start": DesignToken
877
+ "hover": {
878
+ "background-color": DesignToken,
879
+ "border-color": DesignToken,
880
+ "color": DesignToken
882
881
  },
883
- "padding-block-end": DesignToken,
884
- "padding-block-start": DesignToken,
885
- "padding-inline-end": DesignToken,
886
- "padding-inline-start": DesignToken,
882
+ "background-color": DesignToken,
883
+ "border-color": DesignToken,
887
884
  "color": DesignToken,
885
+ "disabled": {
886
+ "background-color": DesignToken,
887
+ "border-color": DesignToken,
888
+ "color": DesignToken
889
+ },
890
+ "font-weight": DesignToken,
888
891
  "active": {
889
- "color": DesignToken,
890
- "text-decoration": DesignToken
892
+ "background-color": DesignToken,
893
+ "border-color": DesignToken,
894
+ "color": DesignToken
891
895
  },
896
+ "font-size": DesignToken,
897
+ "line-height": DesignToken,
898
+ "pressed": {
899
+ "background-color": DesignToken,
900
+ "border-color": DesignToken,
901
+ "color": DesignToken
902
+ }
903
+ },
904
+ "secondary-action": {
892
905
  "focus": {
893
906
  "background-color": DesignToken,
894
- "color": DesignToken,
895
- "text-decoration": DesignToken
907
+ "border-color": DesignToken,
908
+ "color": DesignToken
896
909
  },
897
910
  "hover": {
898
- "color": DesignToken,
899
- "text-decoration": DesignToken
900
- },
901
- "current": {
911
+ "background-color": DesignToken,
912
+ "border-color": DesignToken,
902
913
  "color": DesignToken
903
914
  },
904
- "text-decoration": DesignToken
905
- },
906
- "divider": {
907
- "size": DesignToken,
915
+ "background-color": DesignToken,
916
+ "border-color": DesignToken,
908
917
  "color": DesignToken,
909
- "inset-block-start": DesignToken
910
- },
911
- "margin-inline": DesignToken,
912
- "font-family": DesignToken,
913
- "font-weight": DesignToken
914
- },
915
- "blockquote": {
916
- "caption": {
917
- "font-size": DesignToken,
918
- "font-family": DesignToken,
919
- "line-height": DesignToken,
920
- "font-weight": DesignToken,
921
- "padding-block-start": DesignToken,
922
- "color": DesignToken
923
- },
924
- "content": {
925
- "font-family": DesignToken,
926
- "line-height": DesignToken,
918
+ "disabled": {
919
+ "background-color": DesignToken,
920
+ "border-color": DesignToken,
921
+ "color": DesignToken
922
+ },
927
923
  "font-weight": DesignToken,
924
+ "active": {
925
+ "background-color": DesignToken,
926
+ "border-color": DesignToken,
927
+ "color": DesignToken
928
+ },
928
929
  "font-size": DesignToken,
929
- "color": DesignToken
930
- },
931
- "margin-block-end": DesignToken,
932
- "margin-block-start": DesignToken,
933
- "margin-inline-end": DesignToken,
934
- "margin-inline-start": DesignToken,
935
- "padding-block-end": DesignToken,
936
- "padding-block-start": DesignToken,
937
- "padding-inline-end": DesignToken,
938
- "padding-inline-start": DesignToken,
939
- "row-gap": DesignToken,
940
- "background-color": DesignToken,
941
- "border-color": DesignToken,
942
- "border-block-start-width": DesignToken,
943
- "border-block-end-width": DesignToken,
944
- "border-inline-start-width": DesignToken,
945
- "border-inline-end-width": DesignToken,
946
- "border-start-start-radius": DesignToken,
947
- "border-start-end-radius": DesignToken,
948
- "border-end-start-radius": DesignToken,
949
- "border-end-end-radius": DesignToken,
950
- "border-width": DesignToken,
951
- "blue-corner-border-variation": {
952
- "border-color": DesignToken,
953
- "border-block-end-width": DesignToken,
954
- "border-inline-end-width": DesignToken,
955
- "border-end-end-radius": DesignToken
930
+ "line-height": DesignToken,
931
+ "pressed": {
932
+ "background-color": DesignToken,
933
+ "border-color": DesignToken,
934
+ "color": DesignToken
935
+ }
956
936
  },
957
- "pink-background-variation": {
937
+ "subtle": {
938
+ "focus": {
939
+ "background-color": DesignToken,
940
+ "border-color": DesignToken,
941
+ "color": DesignToken
942
+ },
943
+ "font-size": DesignToken,
944
+ "font-weight": DesignToken,
945
+ "hover": {
946
+ "background-color": DesignToken,
947
+ "border-color": DesignToken,
948
+ "color": DesignToken
949
+ },
958
950
  "background-color": DesignToken,
959
- "border-end-start-radius": DesignToken,
960
- "padding": DesignToken
961
- },
962
- "pink-left-border-variation": {
963
- "border-color": DesignToken,
964
- "border-inline-start-width": DesignToken,
965
- "padding-inline-start": DesignToken,
966
- "padding-inline-end": DesignToken,
967
- "padding-block-start": DesignToken,
968
- "padding-block-end": DesignToken
969
- },
970
- "pink-corner-border-variation": {
971
951
  "border-color": DesignToken,
972
- "border-block-start-width": DesignToken,
973
- "border-inline-start-width": DesignToken,
974
- "border-start-start-radius": DesignToken,
975
- "padding": DesignToken
976
- }
977
- },
978
- "article": {
979
- "max-inline-size": DesignToken
980
- },
981
- "alert": {
982
- "heading": {
983
- "font-family": DesignToken,
984
- "font-weight": DesignToken,
952
+ "color": DesignToken,
953
+ "disabled": {
954
+ "background-color": DesignToken,
955
+ "border-color": DesignToken,
956
+ "color": DesignToken
957
+ },
958
+ "active": {
959
+ "background-color": DesignToken,
960
+ "border-color": DesignToken,
961
+ "color": DesignToken
962
+ },
985
963
  "line-height": DesignToken,
986
- "font-size": DesignToken
964
+ "pressed": {
965
+ "background-color": DesignToken,
966
+ "border-color": DesignToken,
967
+ "color": DesignToken
968
+ }
987
969
  },
988
- "column-gap": DesignToken,
970
+ "background-color": DesignToken,
971
+ "border-color": DesignToken,
972
+ "color": DesignToken,
973
+ "border-radius": DesignToken,
989
974
  "border-width": DesignToken,
990
- "margin-block-end": DesignToken,
991
- "margin-block-start": DesignToken,
975
+ "icon": {
976
+ "gap": DesignToken,
977
+ "size": DesignToken
978
+ },
979
+ "font-family": DesignToken,
980
+ "font-size": DesignToken,
981
+ "font-weight": DesignToken,
982
+ "line-height": DesignToken,
992
983
  "padding-block-end": DesignToken,
993
984
  "padding-block-start": DesignToken,
994
985
  "padding-inline-end": DesignToken,
995
986
  "padding-inline-start": DesignToken,
996
- "background-color": DesignToken,
997
- "border-color": DesignToken,
998
- "color": DesignToken,
999
- "info": {
987
+ "disabled": {
1000
988
  "background-color": DesignToken,
1001
989
  "border-color": DesignToken,
1002
990
  "color": DesignToken
1003
991
  },
1004
- "error": {
992
+ "focus": {
1005
993
  "background-color": DesignToken,
1006
994
  "border-color": DesignToken,
1007
995
  "color": DesignToken
1008
996
  },
1009
- "ok": {
997
+ "hover": {
1010
998
  "background-color": DesignToken,
1011
999
  "border-color": DesignToken,
1012
1000
  "color": DesignToken
1013
1001
  },
1014
- "warning": {
1002
+ "active": {
1015
1003
  "background-color": DesignToken,
1016
1004
  "border-color": DesignToken,
1017
1005
  "color": DesignToken
1018
1006
  },
1019
- "icon": {
1020
- "inset-block-start": DesignToken,
1021
- "info": {
1007
+ "min-block-size": DesignToken,
1008
+ "min-inline-size": DesignToken,
1009
+ "column-gap": DesignToken,
1010
+ "pressed": {
1011
+ "background-color": DesignToken,
1012
+ "border-color": DesignToken,
1013
+ "color": DesignToken
1014
+ }
1015
+ },
1016
+ "checkbox": {
1017
+ "focus": {
1018
+ "background-color": DesignToken,
1019
+ "border-color": DesignToken,
1020
+ "border-width": DesignToken
1021
+ },
1022
+ "checked": {
1023
+ "focus": {
1024
+ "background-color": DesignToken,
1025
+ "border-width": DesignToken,
1026
+ "border-color": DesignToken,
1022
1027
  "color": DesignToken
1023
1028
  },
1024
- "error": {
1029
+ "background-color": DesignToken,
1030
+ "border-color": DesignToken,
1031
+ "color": DesignToken,
1032
+ "border-width": DesignToken,
1033
+ "disabled": {
1034
+ "background-color": DesignToken,
1035
+ "border-color": DesignToken,
1025
1036
  "color": DesignToken
1026
1037
  },
1027
- "ok": {
1038
+ "hover": {
1039
+ "border-width": DesignToken,
1040
+ "background-color": DesignToken,
1041
+ "border-color": DesignToken,
1028
1042
  "color": DesignToken
1029
1043
  },
1030
- "warning": {
1044
+ "active": {
1045
+ "border-width": DesignToken,
1046
+ "background-color": DesignToken,
1047
+ "border-color": DesignToken,
1031
1048
  "color": DesignToken
1032
- },
1033
- "size": DesignToken
1049
+ }
1034
1050
  },
1035
- "message": {
1036
- "line-height": DesignToken,
1037
- "column-gap": DesignToken
1051
+ "border-radius": DesignToken,
1052
+ "size": DesignToken,
1053
+ "icon": {
1054
+ "size": DesignToken
1038
1055
  },
1039
- "border-radius": DesignToken
1040
- },
1041
- "document": {
1042
1056
  "background-color": DesignToken,
1043
- "color": DesignToken,
1044
- "font-family": DesignToken,
1045
- "font-size": DesignToken,
1046
- "line-height": DesignToken,
1047
- "font-weight": DesignToken
1048
- },
1049
- "rich-text": {
1050
- "stranger": {
1051
- "margin-block-end": DesignToken
1057
+ "border-color": DesignToken,
1058
+ "invalid": {
1059
+ "background-color": DesignToken,
1060
+ "border-color": DesignToken,
1061
+ "border-width": DesignToken
1052
1062
  },
1053
- "acquaintance": {
1054
- "margin-block-end": DesignToken
1063
+ "disabled": {
1064
+ "background-color": DesignToken,
1065
+ "border-color": DesignToken
1055
1066
  },
1056
- "friend": {
1057
- "margin-block-end": DesignToken
1067
+ "indeterminate": {
1068
+ "background-color": DesignToken,
1069
+ "border-color": DesignToken,
1070
+ "color": DesignToken,
1071
+ "border-width": DesignToken,
1072
+ "disabled": {
1073
+ "background-color": DesignToken,
1074
+ "border-color": DesignToken,
1075
+ "color": DesignToken
1076
+ },
1077
+ "active": {
1078
+ "background-color": DesignToken,
1079
+ "border-color": DesignToken,
1080
+ "color": DesignToken,
1081
+ "border-width": DesignToken
1082
+ },
1083
+ "hover": {
1084
+ "background-color": DesignToken,
1085
+ "border-color": DesignToken,
1086
+ "color": DesignToken,
1087
+ "border-width": DesignToken
1088
+ },
1089
+ "focus": {
1090
+ "background-color": DesignToken,
1091
+ "border-color": DesignToken,
1092
+ "color": DesignToken,
1093
+ "border-width": DesignToken
1094
+ }
1058
1095
  },
1059
- "best-friend": {
1060
- "margin-block-end": DesignToken
1096
+ "border-width": DesignToken,
1097
+ "hover": {
1098
+ "border-width": DesignToken,
1099
+ "background-color": DesignToken,
1100
+ "border-color": DesignToken
1061
1101
  },
1062
- "confidant": {
1063
- "margin-block-end": DesignToken
1102
+ "active": {
1103
+ "border-width": DesignToken,
1104
+ "background-color": DesignToken,
1105
+ "border-color": DesignToken
1064
1106
  }
1065
1107
  },
1066
- "pointer-target": {
1067
- "min-size": DesignToken
1068
- },
1069
- "focus": {
1070
- "outline-color": DesignToken,
1071
- "outline-offset": DesignToken,
1072
- "outline-style": DesignToken,
1073
- "outline-width": DesignToken,
1074
- "inverse": {
1075
- "outline-color": DesignToken
1076
- }
1077
- }
1078
- },
1079
- "rhc": {
1080
- "color": {
1081
- "primary": {
1082
- "50": DesignToken,
1083
- "100": DesignToken,
1084
- "200": DesignToken,
1085
- "300": DesignToken,
1086
- "400": DesignToken,
1087
- "500": DesignToken,
1088
- "hover": DesignToken
1089
- },
1108
+ "radio-button": {
1090
1109
  "focus": {
1091
- "outline": DesignToken
1092
- },
1093
- "foreground": {
1094
- "default": DesignToken,
1095
- "subdued": DesignToken,
1096
- "onEmphasis": DesignToken,
1097
- "link": DesignToken
1098
- },
1099
- "border": {
1100
- "default": DesignToken,
1101
- "subdued": DesignToken,
1102
- "strong": DesignToken
1110
+ "background-color": DesignToken,
1111
+ "border-color": DesignToken,
1112
+ "border-width": DesignToken
1103
1113
  },
1104
- "canvas": DesignToken,
1105
- "feedback": {
1106
- "success": {
1107
- "default": DesignToken,
1108
- "subdued": DesignToken
1114
+ "checked": {
1115
+ "focus": {
1116
+ "background-color": DesignToken,
1117
+ "border-color": DesignToken,
1118
+ "color": DesignToken,
1119
+ "border-width": DesignToken
1120
+ },
1121
+ "background-color": DesignToken,
1122
+ "border-color": DesignToken,
1123
+ "color": DesignToken,
1124
+ "hover": {
1125
+ "background-color": DesignToken,
1126
+ "border-color": DesignToken,
1127
+ "color": DesignToken,
1128
+ "border-width": DesignToken
1109
1129
  },
1110
- "info": {
1111
- "default": DesignToken,
1112
- "subdued": DesignToken
1130
+ "active": {
1131
+ "background-color": DesignToken,
1132
+ "border-color": DesignToken,
1133
+ "color": DesignToken,
1134
+ "border-width": DesignToken
1113
1135
  },
1114
- "error": {
1115
- "default": DesignToken,
1116
- "subdued": DesignToken
1136
+ "disabled": {
1137
+ "background-color": DesignToken,
1138
+ "border-color": DesignToken,
1139
+ "color": DesignToken
1117
1140
  },
1118
- "warning": {
1119
- "default": DesignToken,
1120
- "subdued": DesignToken
1121
- }
1122
- },
1123
- "accent": {
1124
- "500": DesignToken
1125
- },
1126
- "cool-grey": {
1127
- "50": DesignToken,
1128
- "100": DesignToken,
1129
- "200": DesignToken,
1130
- "300": DesignToken,
1131
- "400": DesignToken,
1132
- "500": DesignToken,
1133
- "600": DesignToken,
1134
- "700": DesignToken,
1135
- "800": DesignToken,
1136
- "900": DesignToken
1137
- },
1138
- "lichtblauw": {
1139
- "50": DesignToken,
1140
- "100": DesignToken,
1141
- "200": DesignToken,
1142
- "300": DesignToken,
1143
- "400": DesignToken,
1144
- "500": DesignToken
1145
- },
1146
- "violet": {
1147
- "50": DesignToken,
1148
- "100": DesignToken,
1149
- "200": DesignToken,
1150
- "300": DesignToken,
1151
- "400": DesignToken,
1152
- "500": DesignToken
1153
- },
1154
- "paars": {
1155
- "50": DesignToken,
1156
- "100": DesignToken,
1157
- "200": DesignToken,
1158
- "300": DesignToken,
1159
- "400": DesignToken,
1160
- "500": DesignToken
1141
+ "border-width": DesignToken
1161
1142
  },
1162
- "hemelblauw": {
1163
- "50": DesignToken,
1164
- "100": DesignToken,
1165
- "200": DesignToken,
1166
- "300": DesignToken,
1167
- "400": DesignToken,
1168
- "500": DesignToken
1143
+ "active": {
1144
+ "border-width": DesignToken,
1145
+ "background-color": DesignToken,
1146
+ "border-color": DesignToken
1169
1147
  },
1170
- "donkerblauw": {
1171
- "50": DesignToken,
1172
- "100": DesignToken,
1173
- "200": DesignToken,
1174
- "300": DesignToken,
1175
- "400": DesignToken,
1176
- "500": DesignToken
1148
+ "size": DesignToken,
1149
+ "dot": {
1150
+ "size": DesignToken
1177
1151
  },
1178
- "mintgroen": {
1179
- "50": DesignToken,
1180
- "100": DesignToken,
1181
- "200": DesignToken,
1182
- "300": DesignToken,
1183
- "400": DesignToken,
1184
- "500": DesignToken
1152
+ "background-color": DesignToken,
1153
+ "border-color": DesignToken,
1154
+ "invalid": {
1155
+ "background-color": DesignToken,
1156
+ "border-color": DesignToken,
1157
+ "border-width": DesignToken
1185
1158
  },
1186
- "mosgroen": {
1187
- "50": DesignToken,
1188
- "100": DesignToken,
1189
- "200": DesignToken,
1190
- "300": DesignToken,
1191
- "400": DesignToken,
1192
- "500": DesignToken
1159
+ "disabled": {
1160
+ "background-color": DesignToken,
1161
+ "border-color": DesignToken,
1162
+ "color": DesignToken
1193
1163
  },
1194
- "groen": {
1195
- "50": DesignToken,
1196
- "100": DesignToken,
1197
- "200": DesignToken,
1198
- "300": DesignToken,
1199
- "400": DesignToken,
1200
- "500": DesignToken
1164
+ "hover": {
1165
+ "background-color": DesignToken,
1166
+ "border-color": DesignToken,
1167
+ "border-width": DesignToken
1201
1168
  },
1202
- "donkergroen": {
1203
- "50": DesignToken,
1204
- "100": DesignToken,
1205
- "200": DesignToken,
1206
- "300": DesignToken,
1207
- "400": DesignToken,
1208
- "500": DesignToken
1169
+ "border-radius": DesignToken,
1170
+ "border-width": DesignToken
1171
+ },
1172
+ "link": {
1173
+ "focus": {
1174
+ "background-color": DesignToken,
1175
+ "color": DesignToken,
1176
+ "text-decoration": DesignToken,
1177
+ "text-decoration-thickness": DesignToken
1209
1178
  },
1210
- "bruin": {
1211
- "50": DesignToken,
1212
- "100": DesignToken,
1213
- "200": DesignToken,
1214
- "300": DesignToken,
1215
- "400": DesignToken,
1216
- "500": DesignToken
1179
+ "color": DesignToken,
1180
+ "text-decoration-color": DesignToken,
1181
+ "active": {
1182
+ "color": DesignToken,
1183
+ "text-decoration": DesignToken
1217
1184
  },
1218
- "donkerbruin": {
1219
- "50": DesignToken,
1220
- "100": DesignToken,
1221
- "200": DesignToken,
1222
- "300": DesignToken,
1223
- "400": DesignToken,
1224
- "500": DesignToken
1185
+ "hover": {
1186
+ "color": DesignToken,
1187
+ "text-decoration": DesignToken,
1188
+ "text-decoration-thickness": DesignToken
1225
1189
  },
1226
- "geel": {
1227
- "50": DesignToken,
1228
- "100": DesignToken,
1229
- "200": DesignToken,
1230
- "300": DesignToken,
1231
- "400": DesignToken,
1232
- "500": DesignToken
1190
+ "visited": {
1191
+ "color": DesignToken
1233
1192
  },
1234
- "donkergeel": {
1235
- "50": DesignToken,
1236
- "100": DesignToken,
1237
- "200": DesignToken,
1238
- "300": DesignToken,
1239
- "400": DesignToken,
1240
- "500": DesignToken
1193
+ "text-decoration": DesignToken,
1194
+ "icon": {
1195
+ "inset-block-start": DesignToken,
1196
+ "size": DesignToken
1241
1197
  },
1242
- "oranje": {
1243
- "50": DesignToken,
1244
- "100": DesignToken,
1245
- "200": DesignToken,
1246
- "300": DesignToken,
1247
- "400": DesignToken,
1248
- "500": DesignToken
1198
+ "column-gap": DesignToken,
1199
+ "text-decoration-thickness": DesignToken,
1200
+ "text-underline-offset": DesignToken,
1201
+ "font-family": DesignToken,
1202
+ "font-weight": DesignToken,
1203
+ "font-size": DesignToken,
1204
+ "line-height": DesignToken
1205
+ },
1206
+ "select": {
1207
+ "focus": {
1208
+ "background-color": DesignToken,
1209
+ "border-color": DesignToken,
1210
+ "color": DesignToken,
1211
+ "border-width": DesignToken
1249
1212
  },
1250
- "rood": {
1251
- "50": DesignToken,
1252
- "100": DesignToken,
1253
- "200": DesignToken,
1254
- "300": DesignToken,
1255
- "400": DesignToken,
1256
- "500": DesignToken
1213
+ "image-background-position": DesignToken,
1214
+ "icon": {
1215
+ "size": DesignToken
1257
1216
  },
1258
- "roze": {
1259
- "50": DesignToken,
1260
- "100": DesignToken,
1261
- "200": DesignToken,
1262
- "300": DesignToken,
1263
- "400": DesignToken,
1264
- "500": DesignToken
1217
+ "background-color": DesignToken,
1218
+ "border-color": DesignToken,
1219
+ "color": DesignToken,
1220
+ "invalid": {
1221
+ "background-color": DesignToken,
1222
+ "border-color": DesignToken,
1223
+ "color": DesignToken,
1224
+ "border-width": DesignToken
1265
1225
  },
1266
- "robijnrood": {
1267
- "50": DesignToken,
1268
- "100": DesignToken,
1269
- "200": DesignToken,
1270
- "300": DesignToken,
1271
- "400": DesignToken,
1272
- "500": DesignToken
1226
+ "disabled": {
1227
+ "background-color": DesignToken,
1228
+ "border-color": DesignToken,
1229
+ "color": DesignToken
1273
1230
  },
1274
- "lintblauw": {
1275
- "50": DesignToken,
1276
- "100": DesignToken,
1277
- "200": DesignToken,
1278
- "300": DesignToken,
1279
- "400": DesignToken,
1280
- "500": DesignToken
1231
+ "hover": {
1232
+ "background-color": DesignToken,
1233
+ "border-color": DesignToken,
1234
+ "color": DesignToken,
1235
+ "border-width": DesignToken
1281
1236
  },
1282
- "wit": DesignToken,
1283
- "zwart": DesignToken,
1284
- "none": DesignToken
1237
+ "padding-block-end": DesignToken,
1238
+ "padding-block-start": DesignToken,
1239
+ "padding-inline-end": DesignToken,
1240
+ "padding-inline-start": DesignToken,
1241
+ "border-radius": DesignToken,
1242
+ "border-bottom-width": DesignToken,
1243
+ "border-width": DesignToken,
1244
+ "font-family": DesignToken,
1245
+ "font-weight": DesignToken,
1246
+ "line-height": DesignToken,
1247
+ "font-size": DesignToken,
1248
+ "max-inline-size": DesignToken
1285
1249
  },
1286
- "sub-nav-bar": {
1287
- "background-color": DesignToken,
1288
- "column-gap": DesignToken,
1289
- "column-width": DesignToken,
1250
+ "textarea": {
1251
+ "focus": {
1252
+ "background-color": DesignToken,
1253
+ "border-color": DesignToken,
1254
+ "color": DesignToken,
1255
+ "border-width": DesignToken
1256
+ },
1257
+ "max-inline-size": DesignToken,
1290
1258
  "padding-block-end": DesignToken,
1291
1259
  "padding-block-start": DesignToken,
1292
- "inline-size": DesignToken,
1293
- "content": {
1294
- "padding-inline-end": DesignToken,
1295
- "padding-inline-start": DesignToken,
1296
- "max-inline-size": DesignToken,
1297
- "list": {
1298
- "row-gap": DesignToken
1299
- }
1300
- }
1301
- },
1302
- "toggletip": {
1303
- "color": DesignToken,
1260
+ "padding-inline-end": DesignToken,
1261
+ "padding-inline-start": DesignToken,
1304
1262
  "background-color": DesignToken,
1305
1263
  "border-color": DesignToken,
1306
- "border-radius": DesignToken,
1307
- "border-width": DesignToken,
1308
- "icon": {
1309
- "size": DesignToken
1310
- },
1311
- "size": DesignToken,
1312
- "active": {
1264
+ "color": DesignToken,
1265
+ "invalid": {
1266
+ "background-color": DesignToken,
1267
+ "border-color": DesignToken,
1313
1268
  "color": DesignToken,
1269
+ "border-width": DesignToken
1270
+ },
1271
+ "placeholder": {
1272
+ "color": DesignToken
1273
+ },
1274
+ "disabled": {
1314
1275
  "background-color": DesignToken,
1315
- "border-color": DesignToken
1276
+ "border-color": DesignToken,
1277
+ "color": DesignToken
1278
+ },
1279
+ "read-only": {
1280
+ "background-color": DesignToken,
1281
+ "border-color": DesignToken,
1282
+ "color": DesignToken
1316
1283
  },
1317
1284
  "hover": {
1285
+ "background-color": DesignToken,
1286
+ "border-color": DesignToken,
1318
1287
  "color": DesignToken,
1319
- "background-color": DesignToken
1288
+ "border-width": DesignToken
1320
1289
  },
1321
- "focus": {
1322
- "color": DesignToken,
1323
- "background-color": DesignToken
1324
- }
1325
- },
1326
- "sidenav": {
1327
- "display": DesignToken,
1328
- "link": {
1329
- "line-height": DesignToken,
1330
- "icon": {
1331
- "size": DesignToken,
1332
- "margin-inline": DesignToken
1333
- },
1334
- "font-size": DesignToken,
1335
- "font-family": DesignToken,
1336
- "font-weight": DesignToken,
1337
- "current": {
1338
- "font-weight": DesignToken,
1339
- "color": DesignToken
1340
- },
1341
- "color": DesignToken,
1342
- "active": {
1343
- "color": DesignToken,
1344
- "text-decoration": DesignToken
1345
- },
1346
- "focus": {
1347
- "border-radius": DesignToken,
1348
- "border-width": DesignToken,
1349
- "border-style": DesignToken,
1350
- "border-color": DesignToken,
1351
- "background-color": DesignToken,
1352
- "color": DesignToken,
1353
- "text-decoration": DesignToken
1354
- },
1355
- "hover": {
1356
- "color": DesignToken,
1357
- "text-decoration": DesignToken
1358
- },
1359
- "padding-block-start": DesignToken,
1360
- "padding-block-end": DesignToken,
1361
- "text-decoration": DesignToken,
1362
- "column-gap": DesignToken
1363
- }
1290
+ "border-radius": DesignToken,
1291
+ "border-bottom-width": DesignToken,
1292
+ "border-width": DesignToken,
1293
+ "font-family": DesignToken,
1294
+ "font-weight": DesignToken,
1295
+ "line-height": DesignToken,
1296
+ "font-size": DesignToken
1364
1297
  },
1365
- "radio-group": {
1298
+ "textbox": {
1299
+ "focus": {
1300
+ "background-color": DesignToken,
1301
+ "border-width": DesignToken,
1302
+ "border-color": DesignToken,
1303
+ "color": DesignToken
1304
+ },
1305
+ "border-radius": DesignToken,
1306
+ "font-family": DesignToken,
1307
+ "font-size": DesignToken,
1308
+ "font-weight": DesignToken,
1309
+ "line-height": DesignToken,
1310
+ "max-inline-size": DesignToken,
1366
1311
  "padding-block-end": DesignToken,
1367
1312
  "padding-block-start": DesignToken,
1368
- "row-gap": DesignToken
1369
- },
1370
- "navigation-list": {
1371
- "icon": {
1313
+ "padding-inline-end": DesignToken,
1314
+ "padding-inline-start": DesignToken,
1315
+ "background-color": DesignToken,
1316
+ "border-color": DesignToken,
1317
+ "color": DesignToken,
1318
+ "invalid": {
1372
1319
  "background-color": DesignToken,
1373
- "border-radius": DesignToken,
1320
+ "border-color": DesignToken,
1321
+ "color": DesignToken,
1322
+ "border-width": DesignToken
1323
+ },
1324
+ "placeholder": {
1374
1325
  "color": DesignToken
1375
1326
  },
1376
- "item": {
1377
- "icon": {
1378
- "padding-inline": DesignToken,
1379
- "padding-block": DesignToken,
1380
- "size": DesignToken
1381
- },
1382
- "content": {
1383
- "font-size": DesignToken,
1384
- "column-gap": DesignToken,
1385
- "row-gap": DesignToken
1386
- },
1387
- "label": {
1388
- "font-family": DesignToken,
1389
- "font-size": DesignToken,
1390
- "font-weight": DesignToken,
1391
- "line-height": DesignToken
1392
- },
1393
- "active": {
1394
- "background-color": DesignToken
1395
- },
1396
- "hover": {
1397
- "background-color": DesignToken
1398
- },
1399
- "focus": {
1400
- "background-color": DesignToken
1401
- },
1327
+ "border-block-end-width": DesignToken,
1328
+ "border-width": DesignToken,
1329
+ "disabled": {
1402
1330
  "background-color": DesignToken,
1403
- "color": DesignToken,
1331
+ "border-color": DesignToken,
1332
+ "color": DesignToken
1333
+ },
1334
+ "read-only": {
1335
+ "background-color": DesignToken,
1336
+ "border-color": DesignToken,
1337
+ "color": DesignToken
1338
+ },
1339
+ "hover": {
1404
1340
  "border-width": DesignToken,
1341
+ "background-color": DesignToken,
1405
1342
  "border-color": DesignToken,
1406
- "heading": {
1407
- "color": DesignToken
1408
- },
1409
- "column-gap": DesignToken,
1410
- "min-height": DesignToken,
1411
- "padding-block": DesignToken,
1412
- "padding-inline": DesignToken
1343
+ "color": DesignToken
1413
1344
  }
1414
1345
  },
1415
- "nav-bar": {
1416
- "border-block-end-width": DesignToken,
1417
- "max-inline-size": DesignToken,
1418
- "padding-inline": DesignToken,
1419
- "container": {
1420
- "inline-size": DesignToken
1346
+ "counter-badge": {
1347
+ "background-color": DesignToken
1348
+ },
1349
+ "skip-link": {
1350
+ "focus": {
1351
+ "background-color": DesignToken,
1352
+ "border-color": DesignToken,
1353
+ "border-style": DesignToken,
1354
+ "border-width": DesignToken,
1355
+ "color": DesignToken,
1356
+ "text-decoration": DesignToken
1421
1357
  },
1422
- "content": {
1423
- "column-gap": DesignToken
1358
+ "font-weight": DesignToken,
1359
+ "font-family": DesignToken,
1360
+ "font-size": DesignToken,
1361
+ "line-height": DesignToken,
1362
+ "min-block-size": DesignToken,
1363
+ "min-inline-size": DesignToken,
1364
+ "padding-block-end": DesignToken,
1365
+ "padding-block-start": DesignToken,
1366
+ "padding-inline-end": DesignToken,
1367
+ "padding-inline-start": DesignToken,
1368
+ "focus-visible": {
1369
+ "outline-color": DesignToken
1424
1370
  },
1425
- "icon": {
1371
+ "background-color": DesignToken,
1372
+ "border-color": DesignToken,
1373
+ "color": DesignToken,
1374
+ "border-width": DesignToken,
1375
+ "box-block-end-shadow": {
1376
+ "offset-x": DesignToken,
1377
+ "offset-y": DesignToken,
1378
+ "blur-radius": DesignToken,
1379
+ "spread-radius": DesignToken,
1380
+ "color": DesignToken
1381
+ },
1382
+ "text-decoration": DesignToken,
1383
+ "text-underline-offset": DesignToken
1384
+ },
1385
+ "icon": {
1386
+ "color": DesignToken,
1387
+ "size": DesignToken,
1388
+ "inset-block-start": DesignToken
1389
+ },
1390
+ "unordered-list": {
1391
+ "padding-inline-start": DesignToken,
1392
+ "margin-block-end": DesignToken,
1393
+ "margin-block-start": DesignToken,
1394
+ "color": DesignToken,
1395
+ "font-family": DesignToken,
1396
+ "font-weight": DesignToken,
1397
+ "font-size": DesignToken,
1398
+ "line-height": DesignToken,
1399
+ "item": {
1400
+ "padding-inline-start": DesignToken,
1401
+ "margin-block-end": DesignToken,
1402
+ "margin-block-start": DesignToken
1403
+ },
1404
+ "marker": {
1405
+ "color": DesignToken,
1406
+ "border-color": DesignToken
1407
+ }
1408
+ },
1409
+ "table": {
1410
+ "header-cell": {
1411
+ "line-height": DesignToken,
1426
1412
  "color": DesignToken,
1427
- "active": {
1428
- "color": DesignToken
1429
- },
1430
- "size": DesignToken
1413
+ "font-family": DesignToken,
1414
+ "font-weight": DesignToken,
1415
+ "font-size": DesignToken
1431
1416
  },
1432
- "link": {
1433
- "active": {
1434
- "background-color": DesignToken,
1435
- "color": DesignToken
1436
- },
1437
- "background-color": DesignToken,
1417
+ "caption": {
1418
+ "line-height": DesignToken,
1419
+ "margin-block-end": DesignToken,
1438
1420
  "color": DesignToken,
1439
- "focus": {
1440
- "background-color": DesignToken,
1441
- "color": DesignToken
1442
- },
1443
- "hover": {
1444
- "background-color": DesignToken,
1445
- "color": DesignToken
1446
- },
1421
+ "font-family": DesignToken,
1422
+ "font-weight": DesignToken,
1423
+ "font-size": DesignToken
1424
+ },
1425
+ "cell": {
1447
1426
  "padding-block-end": DesignToken,
1448
1427
  "padding-block-start": DesignToken,
1449
1428
  "padding-inline-end": DesignToken,
1450
1429
  "padding-inline-start": DesignToken,
1451
- "column-gap": DesignToken
1430
+ "line-height": DesignToken
1452
1431
  },
1453
- "heading": {
1454
- "font-weight": DesignToken
1432
+ "data-cell": {
1433
+ "color": DesignToken,
1434
+ "font-family": DesignToken,
1435
+ "font-weight": DesignToken,
1436
+ "line-height": DesignToken,
1437
+ "font-size": DesignToken
1455
1438
  },
1456
- "background-color": DesignToken,
1457
- "color": DesignToken,
1458
- "border-color": DesignToken
1459
- },
1460
- "message-list": {
1461
- "item": {
1462
- "background-color": DesignToken,
1463
- "border-color": DesignToken,
1464
- "border-width": DesignToken,
1439
+ "header": {
1440
+ "border-block-end-width": DesignToken,
1441
+ "border-block-end-color": DesignToken,
1442
+ "background-color": DesignToken
1443
+ },
1444
+ "footer": {
1445
+ "border-block-end-width": DesignToken,
1446
+ "border-block-end-color": DesignToken,
1447
+ "background-color": DesignToken
1448
+ },
1449
+ "row": {
1450
+ "border-block-end-width": DesignToken,
1451
+ "border-block-end-color": DesignToken,
1452
+ "background-color": DesignToken
1453
+ },
1454
+ "footer-cell": {
1455
+ "font-weight": DesignToken,
1456
+ "font-size": DesignToken,
1465
1457
  "color": DesignToken,
1466
- "column-gap": DesignToken,
1467
- "icon": {
1468
- "size": DesignToken,
1458
+ "font-family": DesignToken,
1459
+ "line-height": DesignToken
1460
+ },
1461
+ "container": {
1462
+ "box-inline-end-shadow": {
1463
+ "x": DesignToken,
1464
+ "y": DesignToken,
1465
+ "blur": DesignToken,
1466
+ "spread": DesignToken,
1469
1467
  "color": DesignToken
1470
1468
  },
1471
- "min-height": DesignToken,
1472
- "padding-block": DesignToken,
1473
- "padding-inline": DesignToken,
1474
- "content": {
1475
- "font-size": DesignToken,
1476
- "column-gap": DesignToken,
1477
- "row-gap": DesignToken
1478
- },
1479
- "label": {
1480
- "font-family": DesignToken,
1481
- "font-size": DesignToken,
1482
- "font-weight": DesignToken,
1483
- "line-height": DesignToken
1484
- },
1485
- "heading": {
1469
+ "box-inline-start-shadow": {
1470
+ "x": DesignToken,
1471
+ "y": DesignToken,
1472
+ "blur": DesignToken,
1473
+ "spread": DesignToken,
1486
1474
  "color": DesignToken
1487
1475
  }
1476
+ },
1477
+ "font-size": DesignToken
1478
+ },
1479
+ "separator": {
1480
+ "color": DesignToken,
1481
+ "block-size": DesignToken,
1482
+ "margin-block-end": DesignToken,
1483
+ "margin-block-start": DesignToken
1484
+ },
1485
+ "paragraph": {
1486
+ "color": DesignToken,
1487
+ "font-family": DesignToken,
1488
+ "font-size": DesignToken,
1489
+ "font-weight": DesignToken,
1490
+ "line-height": DesignToken,
1491
+ "margin-block-end": DesignToken,
1492
+ "margin-block-start": DesignToken,
1493
+ "lead": {
1494
+ "color": DesignToken,
1495
+ "font-size": DesignToken,
1496
+ "font-weight": DesignToken,
1497
+ "line-height": DesignToken
1488
1498
  }
1489
1499
  },
1490
- "logo": {
1491
- "image": {
1492
- "background-color": DesignToken,
1493
- "inline-size": DesignToken,
1494
- "block-size": DesignToken,
1495
- "color": DesignToken
1500
+ "ordered-list": {
1501
+ "padding-inline-start": DesignToken,
1502
+ "margin-block-end": DesignToken,
1503
+ "margin-block-start": DesignToken,
1504
+ "margin-inline-start": DesignToken,
1505
+ "item": {
1506
+ "padding-inline-start": DesignToken,
1507
+ "margin-block-end": DesignToken,
1508
+ "margin-block-start": DesignToken
1496
1509
  },
1497
- "title": {
1498
- "font-weight": DesignToken,
1499
- "line-height": DesignToken,
1500
- "font-size": DesignToken,
1501
- "padding-block-start": DesignToken
1510
+ "color": DesignToken,
1511
+ "font-family": DesignToken,
1512
+ "font-weight": DesignToken,
1513
+ "font-size": DesignToken,
1514
+ "line-height": DesignToken
1515
+ },
1516
+ "link-list": {
1517
+ "margin-block-start": DesignToken,
1518
+ "row-gap": DesignToken,
1519
+ "margin-block-end": DesignToken,
1520
+ "item": {
1521
+ "column-gap": DesignToken,
1522
+ "text-decoration": DesignToken
1502
1523
  },
1503
- "subtitle": {
1504
- "font-weight": DesignToken,
1505
- "line-height": DesignToken,
1506
- "font-size": DesignToken
1524
+ "icon": {
1525
+ "size": DesignToken,
1526
+ "inset-block-start": DesignToken
1527
+ }
1528
+ },
1529
+ "heading-1": {
1530
+ "color": DesignToken,
1531
+ "font-family": DesignToken,
1532
+ "font-weight": DesignToken,
1533
+ "line-height": DesignToken,
1534
+ "font-size": DesignToken,
1535
+ "margin-block-end": DesignToken,
1536
+ "margin-block-start": DesignToken
1537
+ },
1538
+ "heading-2": {
1539
+ "color": DesignToken,
1540
+ "font-family": DesignToken,
1541
+ "font-weight": DesignToken,
1542
+ "line-height": DesignToken,
1543
+ "font-size": DesignToken,
1544
+ "margin-block-end": DesignToken,
1545
+ "margin-block-start": DesignToken
1546
+ },
1547
+ "heading-3": {
1548
+ "color": DesignToken,
1549
+ "font-family": DesignToken,
1550
+ "font-weight": DesignToken,
1551
+ "line-height": DesignToken,
1552
+ "font-size": DesignToken,
1553
+ "margin-block-end": DesignToken,
1554
+ "margin-block-start": DesignToken
1555
+ },
1556
+ "heading-4": {
1557
+ "color": DesignToken,
1558
+ "font-family": DesignToken,
1559
+ "font-weight": DesignToken,
1560
+ "line-height": DesignToken,
1561
+ "font-size": DesignToken,
1562
+ "margin-block-end": DesignToken,
1563
+ "margin-block-start": DesignToken
1564
+ },
1565
+ "heading-5": {
1566
+ "color": DesignToken,
1567
+ "font-family": DesignToken,
1568
+ "font-weight": DesignToken,
1569
+ "line-height": DesignToken,
1570
+ "font-size": DesignToken,
1571
+ "margin-block-end": DesignToken,
1572
+ "margin-block-start": DesignToken
1573
+ },
1574
+ "form-label": {
1575
+ "color": DesignToken,
1576
+ "font-size": DesignToken,
1577
+ "font-weight": DesignToken
1578
+ },
1579
+ "form-field-label": {
1580
+ "color": DesignToken,
1581
+ "font-family": DesignToken,
1582
+ "font-size": DesignToken,
1583
+ "font-weight": DesignToken,
1584
+ "line-height": DesignToken
1585
+ },
1586
+ "form-field-error-message": {
1587
+ "icon": {
1588
+ "size": DesignToken,
1589
+ "margin-inline-end": DesignToken
1507
1590
  },
1508
- "column-gap": DesignToken,
1591
+ "color": DesignToken,
1509
1592
  "font-family": DesignToken,
1510
- "color": DesignToken
1593
+ "font-size": DesignToken,
1594
+ "font-weight": DesignToken,
1595
+ "margin-block-end": DesignToken,
1596
+ "padding-block-end": DesignToken
1597
+ },
1598
+ "form-field-description": {
1599
+ "color": DesignToken,
1600
+ "font-family": DesignToken,
1601
+ "font-size": DesignToken,
1602
+ "line-height": DesignToken,
1603
+ "margin-block-start": DesignToken,
1604
+ "margin-block-end": DesignToken,
1605
+ "padding-block-end": DesignToken
1606
+ },
1607
+ "form-field": {
1608
+ "margin-block-start": DesignToken,
1609
+ "margin-block-end": DesignToken,
1610
+ "invalid": {
1611
+ "border-inline-start-color": DesignToken,
1612
+ "border-inline-start-width": DesignToken,
1613
+ "padding-inline-start": DesignToken
1614
+ },
1615
+ "label": {
1616
+ "margin-block-end": DesignToken
1617
+ },
1618
+ "error-message": {
1619
+ "line-height": DesignToken
1620
+ }
1511
1621
  },
1512
- "link-list-card": {
1622
+ "page-footer": {
1513
1623
  "background-color": DesignToken,
1624
+ "color": DesignToken,
1514
1625
  "padding-block-start": DesignToken,
1515
1626
  "padding-block-end": DesignToken,
1516
- "row-gap": DesignToken,
1517
1627
  "padding-inline-start": DesignToken,
1518
1628
  "padding-inline-end": DesignToken
1519
1629
  },
1520
- "link-list": {
1521
- "text-decoration": DesignToken
1522
- },
1523
- "icon-only-button": {
1524
- "padding-block-end": DesignToken,
1525
- "padding-block-start": DesignToken,
1526
- "padding-inline-end": DesignToken,
1527
- "padding-inline-start": DesignToken
1528
- },
1529
- "hero": {
1530
- "heading": {
1531
- "font-weight": DesignToken,
1532
- "line-height": DesignToken,
1533
- "font-size": DesignToken,
1534
- "font-family": DesignToken
1535
- },
1536
- "sub-heading": {
1537
- "font-weight": DesignToken,
1538
- "line-height": DesignToken,
1539
- "font-size": DesignToken,
1540
- "font-family": DesignToken
1541
- },
1542
- "message": {
1543
- "background-color": DesignToken,
1630
+ "figure": {
1631
+ "caption": {
1632
+ "border-color": DesignToken,
1633
+ "border-width": DesignToken,
1544
1634
  "color": DesignToken,
1545
- "row-gap": DesignToken,
1546
1635
  "padding-block-end": DesignToken,
1547
- "padding-inline-end": DesignToken,
1548
- "padding-inline-start": DesignToken,
1549
1636
  "padding-block-start": DesignToken,
1550
- "border-radius": DesignToken,
1551
- "inline-size": DesignToken
1552
- },
1553
- "border-radius": DesignToken,
1554
- "inline-size": DesignToken
1555
- },
1556
- "form-field-radio-option": {
1557
- "column-gap": DesignToken,
1558
- "font-weight": DesignToken,
1559
- "row-gap": DesignToken,
1560
- "label": {
1561
- "margin-block-end": DesignToken
1637
+ "padding-inline-start": DesignToken,
1638
+ "line-height": DesignToken,
1639
+ "font-size": DesignToken
1562
1640
  },
1563
- "input": {
1564
- "margin": {
1565
- "block-start": DesignToken
1566
- }
1641
+ "img": {
1642
+ "border-end-end-radius": DesignToken,
1643
+ "border-end-start-radius": DesignToken,
1644
+ "border-start-end-radius": DesignToken,
1645
+ "border-start-start-radius": DesignToken
1567
1646
  }
1568
1647
  },
1569
- "form-field-checkbox-option": {
1570
- "column-gap": DesignToken,
1571
- "margin-block-end": DesignToken
1572
- },
1573
- "page-footer": {
1574
- "column-gap": DesignToken,
1575
- "column-width": DesignToken,
1576
- "column": {
1577
- "title": {
1578
- "margin-block-end": DesignToken
1579
- }
1580
- },
1581
- "content": {
1582
- "max-inline-size": DesignToken,
1583
- "padding-inline-start": DesignToken,
1584
- "padding-inline-end": DesignToken,
1585
- "column-gap": DesignToken
1586
- },
1587
- "border": {
1588
- "block-start": {
1589
- "width": DesignToken,
1590
- "color": DesignToken,
1591
- "style": DesignToken
1592
- }
1593
- },
1594
- "outlined": {
1595
- "background-color": DesignToken,
1648
+ "form-fieldset": {
1649
+ "legend": {
1596
1650
  "color": DesignToken,
1597
- "border": {
1651
+ "font-family": DesignToken,
1652
+ "font-size": DesignToken,
1653
+ "font-weight": DesignToken,
1654
+ "line-height": DesignToken,
1655
+ "disabled": {
1598
1656
  "color": DesignToken
1599
1657
  }
1600
1658
  },
1601
- "padding": {
1602
- "block-start": DesignToken,
1603
- "block-end": DesignToken,
1604
- "inline-start": DesignToken,
1605
- "inline-end": DesignToken
1659
+ "section": {
1660
+ "background-color": DesignToken,
1661
+ "color": DesignToken
1606
1662
  },
1607
- "flex": {
1608
- "direction": DesignToken
1609
- }
1610
- },
1611
- "file-input": {
1612
- "column-gap": DesignToken,
1613
- "row-gap": DesignToken,
1614
- "feedback": {
1615
- "color": DesignToken,
1616
- "font-size": DesignToken
1663
+ "invalid": {
1664
+ "border-inline-start": {
1665
+ "color": DesignToken
1666
+ },
1667
+ "padding-inline-start": DesignToken,
1668
+ "border-inline-start-width": DesignToken
1617
1669
  }
1618
1670
  },
1619
- "file": {
1620
- "border-style": DesignToken,
1621
- "border-color": DesignToken,
1671
+ "number-badge": {
1672
+ "font-size": DesignToken,
1673
+ "line-height": DesignToken,
1674
+ "min-block-size": DesignToken,
1675
+ "min-inline-size": DesignToken,
1676
+ "font-weight": DesignToken,
1622
1677
  "border-width": DesignToken,
1623
1678
  "border-radius": DesignToken,
1624
- "padding-inline-start": DesignToken,
1625
- "padding-inline-end": DesignToken,
1626
- "padding-block-start": DesignToken,
1627
- "padding-block-end": DesignToken,
1628
- "column-gap": DesignToken,
1629
- "error": {
1630
- "border-color": DesignToken
1631
- },
1632
- "subtitle": {
1633
- "color": DesignToken
1634
- }
1635
- },
1636
- "dot-badge": {
1637
- "border-radius": DesignToken,
1679
+ "font-family": DesignToken,
1680
+ "background-color": DesignToken,
1681
+ "border-color": DesignToken,
1638
1682
  "color": DesignToken,
1639
- "size": DesignToken
1640
- },
1641
- "code-input": {
1642
- "size": DesignToken
1643
- },
1644
- "code-input-group": {
1645
- "column-gap": DesignToken
1683
+ "padding-inline": DesignToken,
1684
+ "padding-block": DesignToken
1646
1685
  },
1647
- "checkbox-group": {
1686
+ "button-group": {
1687
+ "background-color": DesignToken,
1688
+ "column-gap": DesignToken,
1689
+ "margin-block-end": DesignToken,
1690
+ "margin-block-start": DesignToken,
1648
1691
  "padding-block-end": DesignToken,
1649
1692
  "padding-block-start": DesignToken,
1650
1693
  "row-gap": DesignToken
1651
1694
  },
1652
- "card-as-link": {
1653
- "background-color": DesignToken,
1654
- "border-color": DesignToken,
1655
- "border-radius": DesignToken,
1656
- "border-width": DesignToken,
1657
- "color": DesignToken,
1658
- "column-gap": DesignToken,
1659
- "inline-size": DesignToken,
1660
- "icon": {
1661
- "color": DesignToken,
1662
- "size": DesignToken
1663
- },
1695
+ "breadcrumb-nav": {
1696
+ "line-height": DesignToken,
1697
+ "font-size": DesignToken,
1664
1698
  "link": {
1699
+ "icon": {
1700
+ "size": DesignToken,
1701
+ "margin-inline": DesignToken,
1702
+ "inset-block-start": DesignToken
1703
+ },
1704
+ "padding-block-end": DesignToken,
1705
+ "padding-block-start": DesignToken,
1706
+ "padding-inline-end": DesignToken,
1707
+ "padding-inline-start": DesignToken,
1665
1708
  "color": DesignToken,
1666
- "text-decoration": DesignToken,
1667
1709
  "active": {
1710
+ "color": DesignToken,
1668
1711
  "text-decoration": DesignToken
1669
1712
  },
1670
- "hover": {
1713
+ "focus": {
1714
+ "background-color": DesignToken,
1715
+ "color": DesignToken,
1671
1716
  "text-decoration": DesignToken
1672
1717
  },
1673
- "focus": {
1718
+ "hover": {
1719
+ "color": DesignToken,
1674
1720
  "text-decoration": DesignToken
1675
- }
1721
+ },
1722
+ "current": {
1723
+ "color": DesignToken
1724
+ },
1725
+ "text-decoration": DesignToken
1726
+ },
1727
+ "divider": {
1728
+ "size": DesignToken,
1729
+ "color": DesignToken,
1730
+ "inset-block-start": DesignToken
1731
+ },
1732
+ "margin-inline": DesignToken,
1733
+ "font-family": DesignToken,
1734
+ "font-weight": DesignToken
1735
+ },
1736
+ "blockquote": {
1737
+ "caption": {
1738
+ "font-size": DesignToken,
1739
+ "font-family": DesignToken,
1740
+ "line-height": DesignToken,
1741
+ "font-weight": DesignToken,
1742
+ "padding-block-start": DesignToken,
1743
+ "color": DesignToken
1744
+ },
1745
+ "content": {
1746
+ "font-family": DesignToken,
1747
+ "line-height": DesignToken,
1748
+ "font-weight": DesignToken,
1749
+ "font-size": DesignToken,
1750
+ "color": DesignToken
1751
+ },
1752
+ "margin-block-end": DesignToken,
1753
+ "margin-block-start": DesignToken,
1754
+ "margin-inline-end": DesignToken,
1755
+ "margin-inline-start": DesignToken,
1756
+ "padding-block-end": DesignToken,
1757
+ "padding-block-start": DesignToken,
1758
+ "padding-inline-end": DesignToken,
1759
+ "padding-inline-start": DesignToken,
1760
+ "row-gap": DesignToken,
1761
+ "background-color": DesignToken,
1762
+ "border-color": DesignToken,
1763
+ "border-block-start-width": DesignToken,
1764
+ "border-block-end-width": DesignToken,
1765
+ "border-inline-start-width": DesignToken,
1766
+ "border-inline-end-width": DesignToken,
1767
+ "border-start-start-radius": DesignToken,
1768
+ "border-start-end-radius": DesignToken,
1769
+ "border-end-start-radius": DesignToken,
1770
+ "border-end-end-radius": DesignToken,
1771
+ "border-width": DesignToken,
1772
+ "blue-corner-border-variation": {
1773
+ "border-color": DesignToken,
1774
+ "border-block-end-width": DesignToken,
1775
+ "border-inline-end-width": DesignToken,
1776
+ "border-end-end-radius": DesignToken
1777
+ },
1778
+ "pink-background-variation": {
1779
+ "background-color": DesignToken,
1780
+ "border-end-start-radius": DesignToken,
1781
+ "padding": DesignToken
1676
1782
  },
1677
- "metadata": {
1678
- "color": DesignToken
1783
+ "pink-left-border-variation": {
1784
+ "border-color": DesignToken,
1785
+ "border-inline-start-width": DesignToken,
1786
+ "padding-inline-start": DesignToken,
1787
+ "padding-inline-end": DesignToken,
1788
+ "padding-block-start": DesignToken,
1789
+ "padding-block-end": DesignToken
1790
+ },
1791
+ "pink-corner-border-variation": {
1792
+ "border-color": DesignToken,
1793
+ "border-block-start-width": DesignToken,
1794
+ "border-inline-start-width": DesignToken,
1795
+ "border-start-start-radius": DesignToken,
1796
+ "padding": DesignToken
1797
+ }
1798
+ },
1799
+ "article": {
1800
+ "max-inline-size": DesignToken
1801
+ },
1802
+ "alert": {
1803
+ "heading": {
1804
+ "font-family": DesignToken,
1805
+ "font-weight": DesignToken,
1806
+ "line-height": DesignToken,
1807
+ "font-size": DesignToken
1679
1808
  },
1809
+ "column-gap": DesignToken,
1810
+ "border-width": DesignToken,
1811
+ "margin-block-end": DesignToken,
1812
+ "margin-block-start": DesignToken,
1680
1813
  "padding-block-end": DesignToken,
1681
1814
  "padding-block-start": DesignToken,
1682
1815
  "padding-inline-end": DesignToken,
1683
1816
  "padding-inline-start": DesignToken,
1684
- "row-gap": DesignToken,
1685
- "active": {
1686
- "background-color": DesignToken,
1687
- "text-decoration": DesignToken
1688
- },
1689
- "hover": {
1817
+ "background-color": DesignToken,
1818
+ "border-color": DesignToken,
1819
+ "color": DesignToken,
1820
+ "info": {
1690
1821
  "background-color": DesignToken,
1691
- "text-decoration": DesignToken
1822
+ "border-color": DesignToken,
1823
+ "color": DesignToken
1692
1824
  },
1693
- "focus": {
1825
+ "error": {
1694
1826
  "background-color": DesignToken,
1695
- "text-decoration": DesignToken
1827
+ "border-color": DesignToken,
1828
+ "color": DesignToken
1696
1829
  },
1697
- "full-bleed": {
1830
+ "ok": {
1698
1831
  "background-color": DesignToken,
1699
1832
  "border-color": DesignToken,
1700
- "color": DesignToken,
1701
- "opacity": DesignToken
1702
- },
1703
- "heading": {
1704
- "color": DesignToken,
1705
- "padding-block-start": DesignToken,
1706
- "font-size": DesignToken,
1707
- "font-weight": DesignToken
1833
+ "color": DesignToken
1708
1834
  },
1709
- "horizontal": {
1835
+ "warning": {
1710
1836
  "background-color": DesignToken,
1711
1837
  "border-color": DesignToken,
1712
- "color": DesignToken,
1713
- "max-block-size": DesignToken,
1714
- "padding-block-end": DesignToken,
1715
- "padding-block-start": DesignToken,
1716
- "padding-inline-end": DesignToken,
1717
- "padding-inline-start": DesignToken,
1718
- "heading": {
1719
- "inline-size": DesignToken
1720
- }
1721
- }
1722
- },
1723
- "accordion": {
1724
- "button": {
1725
- "font-family": DesignToken,
1726
- "font-size": DesignToken,
1727
- "font-weight": DesignToken,
1728
- "line-height": DesignToken,
1729
- "icon": {
1730
- "margin-block": DesignToken
1838
+ "color": DesignToken
1839
+ },
1840
+ "icon": {
1841
+ "inset-block-start": DesignToken,
1842
+ "info": {
1843
+ "color": DesignToken
1731
1844
  },
1732
- "padding-block-end": DesignToken,
1733
- "padding-block-start": DesignToken,
1734
- "padding-inline-end": DesignToken,
1735
- "padding-inline-start": DesignToken,
1736
- "expanded": {
1737
- "background-color": DesignToken,
1845
+ "error": {
1738
1846
  "color": DesignToken
1739
- }
1740
- },
1741
- "section": {
1742
- "border-block-end-width": DesignToken,
1743
- "border-width": DesignToken,
1744
- "border-color": DesignToken
1847
+ },
1848
+ "ok": {
1849
+ "color": DesignToken
1850
+ },
1851
+ "warning": {
1852
+ "color": DesignToken
1853
+ },
1854
+ "size": DesignToken
1745
1855
  },
1746
- "header": {
1747
- "margin": DesignToken
1856
+ "message": {
1857
+ "line-height": DesignToken,
1858
+ "column-gap": DesignToken
1748
1859
  },
1749
- "border-radius": DesignToken,
1750
- "color": DesignToken
1860
+ "border-radius": DesignToken
1751
1861
  },
1752
- "keep": {
1753
- "top-left": {
1754
- "borderRadiusTopLeft": DesignToken,
1755
- "borderRadiusTopRight": DesignToken,
1756
- "borderRadiusBottomRight": DesignToken,
1757
- "borderRadiusBottomLeft": DesignToken
1862
+ "document": {
1863
+ "background-color": DesignToken,
1864
+ "color": DesignToken,
1865
+ "font-family": DesignToken,
1866
+ "font-size": DesignToken,
1867
+ "line-height": DesignToken,
1868
+ "font-weight": DesignToken
1869
+ },
1870
+ "rich-text": {
1871
+ "stranger": {
1872
+ "margin-block-end": DesignToken
1758
1873
  },
1759
- "top-right": {
1760
- "borderRadiusTopRight": DesignToken,
1761
- "borderRadiusTopLeft": DesignToken,
1762
- "borderRadiusBottomRight": DesignToken,
1763
- "borderRadiusBottomLeft": DesignToken
1874
+ "acquaintance": {
1875
+ "margin-block-end": DesignToken
1764
1876
  },
1765
- "bottom-right": {
1766
- "borderRadiusTopLeft": DesignToken,
1767
- "borderRadiusTopRight": DesignToken,
1768
- "borderRadiusBottomRight": DesignToken,
1769
- "borderRadiusBottomLeft": DesignToken
1877
+ "friend": {
1878
+ "margin-block-end": DesignToken
1770
1879
  },
1771
- "bottom-left": {
1772
- "borderRadiusTopLeft": DesignToken,
1773
- "borderRadiusTopRight": DesignToken,
1774
- "borderRadiusBottomRight": DesignToken,
1775
- "borderRadiusBottomLeft": DesignToken
1880
+ "best-friend": {
1881
+ "margin-block-end": DesignToken
1882
+ },
1883
+ "confidant": {
1884
+ "margin-block-end": DesignToken
1776
1885
  }
1777
1886
  },
1778
- "border-radius": {
1779
- "sm": DesignToken,
1780
- "md": DesignToken,
1781
- "keep": DesignToken,
1782
- "circle": DesignToken,
1783
- "none": DesignToken
1887
+ "pointer-target": {
1888
+ "min-size": DesignToken
1784
1889
  },
1785
1890
  "focus": {
1891
+ "outline-color": DesignToken,
1786
1892
  "outline-offset": DesignToken,
1787
1893
  "outline-style": DesignToken,
1788
- "outline-width": DesignToken
1789
- },
1790
- "font-size": {
1791
- "heading": {
1792
- "level-1": DesignToken,
1793
- "level-2": DesignToken,
1794
- "level-3": DesignToken,
1795
- "level-4": DesignToken,
1796
- "level-5": DesignToken
1797
- },
1798
- "paragraph": {
1799
- "intro": DesignToken,
1800
- "default": DesignToken,
1801
- "small": DesignToken
1802
- },
1803
- "xs": {
1804
- "desktop": DesignToken,
1805
- "tablet": DesignToken,
1806
- "mobile": DesignToken
1807
- },
1808
- "sm": {
1809
- "desktop": DesignToken,
1810
- "tablet": DesignToken,
1811
- "mobile": DesignToken
1812
- },
1813
- "md": {
1814
- "desktop": DesignToken,
1815
- "tablet": DesignToken,
1816
- "mobile": DesignToken
1817
- },
1818
- "lg": {
1819
- "desktop": DesignToken,
1820
- "tablet": DesignToken,
1821
- "mobile": DesignToken
1822
- },
1823
- "xl": {
1824
- "desktop": DesignToken,
1825
- "tablet": DesignToken,
1826
- "mobile": DesignToken
1894
+ "outline-width": DesignToken,
1895
+ "inverse": {
1896
+ "outline-color": DesignToken
1827
1897
  }
1828
- },
1829
- "line-height": {
1830
- "paragraph": DesignToken,
1831
- "sm": DesignToken,
1832
- "md": DesignToken
1833
- },
1834
- "size": {
1835
- "target": DesignToken,
1836
- "icon": {
1837
- "functional": DesignToken
1838
- },
1839
- "quarter-lint": DesignToken,
1840
- "half-lint": DesignToken,
1841
- "lint": DesignToken,
1842
- "2-lint": DesignToken,
1843
- "3-lint": DesignToken
1844
- },
1845
- "font-weight": {
1846
- "extra-bold": DesignToken,
1847
- "bold": DesignToken,
1848
- "semi-bold": DesignToken,
1849
- "regular": DesignToken,
1850
- "chosen-regular": DesignToken,
1851
- "light": DesignToken,
1852
- "thin": DesignToken
1853
- },
1854
- "font-family": {
1855
- "primary": DesignToken,
1856
- "secondary": DesignToken
1857
- },
1858
- "border-width": {
1859
- "default": DesignToken,
1860
- "m": DesignToken,
1861
- "none": DesignToken
1862
- },
1863
- "space": {
1864
- "0": DesignToken,
1865
- "25": DesignToken,
1866
- "50": DesignToken,
1867
- "100": DesignToken,
1868
- "150": DesignToken,
1869
- "200": DesignToken,
1870
- "300": DesignToken,
1871
- "400": DesignToken,
1872
- "500": DesignToken,
1873
- "600": DesignToken,
1874
- "700": DesignToken
1875
1898
  }
1876
1899
  },
1877
1900
  "overwrite": {