@rijkshuisstijl-community/design-tokens 1.0.0 → 1.0.1

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