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