@rijkshuisstijl-community/design-tokens 1.0.0 → 1.0.1

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