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