@rijkshuisstijl-community/design-tokens 1.0.0 → 1.1.0

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