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