@rijkshuisstijl-community/design-tokens 3.0.0 → 4.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/CHANGELOG.md +55 -0
  2. package/dist/_variables.scss +637 -477
  3. package/dist/index.css +637 -477
  4. package/dist/index.d.ts +630 -470
  5. package/dist/index.js +644 -484
  6. package/dist/index.json +643 -483
  7. package/dist/index.tokens.json +947 -648
  8. package/dist/koop/_variables.scss +1516 -0
  9. package/dist/koop/index.css +1519 -0
  10. package/dist/koop/index.d.ts +1517 -0
  11. package/dist/koop/index.js +1517 -0
  12. package/dist/koop/index.json +1514 -0
  13. package/dist/koop/index.tokens.json +2354 -0
  14. package/dist/koop/root.css +1519 -0
  15. package/dist/koop/tokens.d.ts +2377 -0
  16. package/dist/koop/tokens.js +35743 -0
  17. package/dist/root.css +637 -477
  18. package/dist/tokens.d.ts +862 -570
  19. package/dist/tokens.js +14483 -10375
  20. package/dist/uitvoerend-groen/_variables.scss +1027 -848
  21. package/dist/uitvoerend-groen/index.css +1027 -848
  22. package/dist/uitvoerend-groen/index.d.ts +1350 -1171
  23. package/dist/uitvoerend-groen/index.js +1373 -1194
  24. package/dist/uitvoerend-groen/index.json +1356 -1177
  25. package/dist/uitvoerend-groen/index.tokens.json +1999 -1690
  26. package/dist/uitvoerend-groen/root.css +1027 -848
  27. package/dist/uitvoerend-groen/tokens.d.ts +1916 -1607
  28. package/dist/uitvoerend-groen/tokens.js +27710 -23143
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +1027 -848
  30. package/dist/uitvoerend-hemelblauw/index.css +1027 -848
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +1350 -1171
  32. package/dist/uitvoerend-hemelblauw/index.js +1373 -1194
  33. package/dist/uitvoerend-hemelblauw/index.json +1356 -1177
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +1998 -1689
  35. package/dist/uitvoerend-hemelblauw/root.css +1027 -848
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +1916 -1607
  37. package/dist/uitvoerend-hemelblauw/tokens.js +27642 -23075
  38. package/dist/uitvoerend-mintgroen/_variables.scss +1027 -848
  39. package/dist/uitvoerend-mintgroen/index.css +1027 -848
  40. package/dist/uitvoerend-mintgroen/index.d.ts +1350 -1171
  41. package/dist/uitvoerend-mintgroen/index.js +1373 -1194
  42. package/dist/uitvoerend-mintgroen/index.json +1356 -1177
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +1999 -1690
  44. package/dist/uitvoerend-mintgroen/root.css +1027 -848
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +1916 -1607
  46. package/dist/uitvoerend-mintgroen/tokens.js +27710 -23143
  47. package/dist/uitvoerend-oranje/_variables.scss +1027 -848
  48. package/dist/uitvoerend-oranje/index.css +1027 -848
  49. package/dist/uitvoerend-oranje/index.d.ts +1350 -1171
  50. package/dist/uitvoerend-oranje/index.js +1373 -1194
  51. package/dist/uitvoerend-oranje/index.json +1356 -1177
  52. package/dist/uitvoerend-oranje/index.tokens.json +1984 -1675
  53. package/dist/uitvoerend-oranje/root.css +1027 -848
  54. package/dist/uitvoerend-oranje/tokens.d.ts +1916 -1607
  55. package/dist/uitvoerend-oranje/tokens.js +27785 -23218
  56. package/dist/uitvoerend-paars/_variables.scss +1027 -848
  57. package/dist/uitvoerend-paars/index.css +1027 -848
  58. package/dist/uitvoerend-paars/index.d.ts +1350 -1171
  59. package/dist/uitvoerend-paars/index.js +1373 -1194
  60. package/dist/uitvoerend-paars/index.json +1356 -1177
  61. package/dist/uitvoerend-paars/index.tokens.json +2030 -1721
  62. package/dist/uitvoerend-paars/root.css +1027 -848
  63. package/dist/uitvoerend-paars/tokens.d.ts +1916 -1607
  64. package/dist/uitvoerend-paars/tokens.js +27710 -23143
  65. package/dist/uitvoerend-violet/_variables.scss +1027 -848
  66. package/dist/uitvoerend-violet/index.css +1027 -848
  67. package/dist/uitvoerend-violet/index.d.ts +1350 -1171
  68. package/dist/uitvoerend-violet/index.js +1373 -1194
  69. package/dist/uitvoerend-violet/index.json +1356 -1177
  70. package/dist/uitvoerend-violet/index.tokens.json +1999 -1690
  71. package/dist/uitvoerend-violet/root.css +1027 -848
  72. package/dist/uitvoerend-violet/tokens.d.ts +1916 -1607
  73. package/dist/uitvoerend-violet/tokens.js +27710 -23143
  74. package/dist/uitvoerend-violet-oud/_variables.scss +1027 -848
  75. package/dist/uitvoerend-violet-oud/index.css +1027 -848
  76. package/dist/uitvoerend-violet-oud/index.d.ts +1351 -1172
  77. package/dist/uitvoerend-violet-oud/index.js +1360 -1181
  78. package/dist/uitvoerend-violet-oud/index.json +1361 -1182
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +1951 -1642
  80. package/dist/uitvoerend-violet-oud/root.css +1027 -848
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +1904 -1595
  82. package/dist/uitvoerend-violet-oud/tokens.js +27536 -22969
  83. package/dist/wetgevend/_variables.scss +1035 -856
  84. package/dist/wetgevend/index.css +1035 -856
  85. package/dist/wetgevend/index.d.ts +1350 -1171
  86. package/dist/wetgevend/index.js +1364 -1185
  87. package/dist/wetgevend/index.json +1363 -1184
  88. package/dist/wetgevend/index.tokens.json +2048 -1739
  89. package/dist/wetgevend/root.css +1035 -856
  90. package/dist/wetgevend/tokens.d.ts +1856 -1547
  91. package/dist/wetgevend/tokens.js +28076 -23509
  92. package/figma/figma.tokens.json +4187 -3637
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +3287 -2411
  95. package/src/generated/koop/tokens.json +7171 -0
  96. package/src/generated/themes.json +52690 -37971
  97. package/src/generated/uitvoerend-groen/tokens.json +5809 -4866
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +5833 -4890
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +5809 -4866
  100. package/src/generated/uitvoerend-oranje/tokens.json +5803 -4860
  101. package/src/generated/uitvoerend-paars/tokens.json +5817 -4874
  102. package/src/generated/uitvoerend-violet/tokens.json +5809 -4866
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +5814 -4871
  104. package/src/generated/wetgevend/tokens.json +5845 -4902
package/dist/uitvoerend-violet-oud/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 16 Jun 2025 09:33:53 GMT
3
+ * Generated on Mon, 28 Jul 2025 08:31:49 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -22,1106 +22,715 @@ declare interface DesignToken {
22
22
  }
23
23
 
24
24
  declare const tokens: {
25
- "rhc": {
26
- "data-summary": {
27
- "font-family": DesignToken,
28
- "item-value": {
29
- "font-weight": DesignToken,
30
- "row": {
31
- "padding-block-end": DesignToken,
32
- "padding-block-start": DesignToken,
33
- "padding-inline-end": DesignToken,
34
- "padding-inline-start": DesignToken
35
- },
36
- "padding-block-end": DesignToken,
37
- "padding-block-start": DesignToken,
38
- "padding-inline-end": DesignToken,
39
- "padding-inline-start": DesignToken
40
- },
41
- "item-key": {
42
- "font-weight": DesignToken,
43
- "row": {
44
- "padding-block-end": DesignToken,
45
- "padding-block-start": DesignToken,
46
- "padding-inline-end": DesignToken,
47
- "padding-inline-start": DesignToken
48
- },
49
- "padding-block-end": DesignToken,
50
- "padding-block-start": DesignToken,
51
- "padding-inline-end": DesignToken,
52
- "padding-inline-start": DesignToken
25
+ "utrecht": {
26
+ "textbox": {
27
+ "hover": {
28
+ "background-color": DesignToken,
29
+ "border-color": DesignToken,
30
+ "border-width": DesignToken,
31
+ "color": DesignToken
53
32
  },
54
- "item": {
33
+ "focus": {
55
34
  "border-width": DesignToken,
35
+ "background-color": DesignToken,
56
36
  "border-color": DesignToken,
57
- "border-block-end-style": DesignToken,
58
37
  "color": DesignToken
59
38
  },
39
+ "background-color": DesignToken,
40
+ "border-block-end-width": DesignToken,
41
+ "border-color": DesignToken,
42
+ "border-radius": DesignToken,
43
+ "border-width": DesignToken,
44
+ "color": DesignToken,
45
+ "font-family": DesignToken,
60
46
  "font-size": DesignToken,
47
+ "font-weight": DesignToken,
61
48
  "line-height": DesignToken,
62
- "item-action": {
63
- "row": {
64
- "padding-block-end": DesignToken,
65
- "padding-block-start": DesignToken,
66
- "padding-inline-end": DesignToken,
67
- "padding-inline-start": DesignToken
68
- },
69
- "padding-block-end": DesignToken,
70
- "padding-block-start": DesignToken,
71
- "padding-inline-end": DesignToken,
72
- "padding-inline-start": DesignToken
73
- }
74
- },
75
- "keep": {
76
- "_comment": DesignToken,
77
- "top-left": {
78
- "borderRadiusTopLeft": DesignToken,
79
- "borderRadiusTopRight": DesignToken,
80
- "borderRadiusBottomRight": DesignToken,
81
- "borderRadiusBottomLeft": DesignToken
49
+ "max-inline-size": DesignToken,
50
+ "min-block-size": DesignToken,
51
+ "padding-block-end": DesignToken,
52
+ "padding-block-start": DesignToken,
53
+ "padding-inline-end": DesignToken,
54
+ "padding-inline-start": DesignToken,
55
+ "invalid": {
56
+ "background-color": DesignToken,
57
+ "border-block-end-width": DesignToken,
58
+ "border-color": DesignToken,
59
+ "border-width": DesignToken,
60
+ "color": DesignToken
82
61
  },
83
- "top-right": {
84
- "borderRadiusTopRight": DesignToken,
85
- "borderRadiusTopLeft": DesignToken,
86
- "borderRadiusBottomRight": DesignToken,
87
- "borderRadiusBottomLeft": DesignToken
62
+ "placeholder": {
63
+ "color": DesignToken
88
64
  },
89
- "bottom-right": {
90
- "borderRadiusTopLeft": DesignToken,
91
- "borderRadiusTopRight": DesignToken,
92
- "borderRadiusBottomRight": DesignToken,
93
- "borderRadiusBottomLeft": DesignToken
65
+ "read-only": {
66
+ "background-color": DesignToken,
67
+ "border-color": DesignToken,
68
+ "color": DesignToken
94
69
  },
95
- "bottom-left": {
96
- "borderRadiusTopLeft": DesignToken,
97
- "borderRadiusTopRight": DesignToken,
98
- "borderRadiusBottomRight": DesignToken,
99
- "borderRadiusBottomLeft": DesignToken
70
+ "disabled": {
71
+ "background-color": DesignToken,
72
+ "border-color": DesignToken,
73
+ "color": DesignToken
100
74
  }
101
75
  },
102
- "rounded-corner": {
103
- "xs": {
104
- "border-radius": DesignToken
105
- },
106
- "md": {
107
- "border-radius": DesignToken
76
+ "select": {
77
+ "border-bottom-width": DesignToken,
78
+ "border-radius": DesignToken,
79
+ "border-width": DesignToken,
80
+ "image-background-position": DesignToken,
81
+ "max-inline-size": DesignToken,
82
+ "padding-block-end": DesignToken,
83
+ "padding-block-start": DesignToken,
84
+ "padding-inline-end": DesignToken,
85
+ "padding-inline-start": DesignToken,
86
+ "icon": {
87
+ "size": DesignToken
108
88
  },
109
- "xl": {
110
- "border-radius": DesignToken
89
+ "invalid": {
90
+ "border-width": DesignToken,
91
+ "color": DesignToken,
92
+ "background-color": DesignToken,
93
+ "border-block-end-width": DesignToken,
94
+ "border-color": DesignToken
111
95
  },
112
- "border-width": DesignToken
113
- },
114
- "color": {
115
- "primary": {
116
- "50": DesignToken,
117
- "100": DesignToken,
118
- "200": DesignToken,
119
- "300": DesignToken,
120
- "400": DesignToken,
121
- "500": DesignToken,
122
- "hover": DesignToken
96
+ "hover": {
97
+ "border-width": DesignToken,
98
+ "background-color": DesignToken,
99
+ "border-color": DesignToken,
100
+ "color": DesignToken
123
101
  },
124
102
  "focus": {
125
- "outline": DesignToken
126
- },
127
- "foreground": {
128
- "default": DesignToken,
129
- "subdued": DesignToken,
130
- "link": DesignToken,
131
- "on-dark-color": DesignToken,
132
- "on-light-color": DesignToken,
133
- "onEmphasis": DesignToken
103
+ "border-width": DesignToken,
104
+ "background-color": DesignToken,
105
+ "border-color": DesignToken,
106
+ "color": DesignToken
134
107
  },
135
- "border": {
136
- "default": DesignToken,
137
- "subdued": DesignToken,
138
- "strong": DesignToken
108
+ "background-color": DesignToken,
109
+ "border-block-end-width": DesignToken,
110
+ "border-color": DesignToken,
111
+ "color": DesignToken,
112
+ "font-family": DesignToken,
113
+ "font-size": DesignToken,
114
+ "font-weight": DesignToken,
115
+ "line-height": DesignToken,
116
+ "min-block-size": DesignToken,
117
+ "disabled": {
118
+ "background-color": DesignToken,
119
+ "border-color": DesignToken,
120
+ "color": DesignToken
121
+ }
122
+ },
123
+ "radio-button": {
124
+ "border-radius": DesignToken,
125
+ "dot": {
126
+ "size": DesignToken
139
127
  },
140
- "canvas": DesignToken,
141
- "feedback": {
142
- "success": {
143
- "default": DesignToken,
144
- "subdued": DesignToken
128
+ "checked": {
129
+ "disabled": {
130
+ "background-color": DesignToken,
131
+ "border-color": DesignToken,
132
+ "color": DesignToken
145
133
  },
146
- "info": {
147
- "default": DesignToken,
148
- "subdued": DesignToken
134
+ "background-color": DesignToken,
135
+ "border-color": DesignToken,
136
+ "border-width": DesignToken,
137
+ "color": DesignToken,
138
+ "active": {
139
+ "background-color": DesignToken,
140
+ "border-color": DesignToken,
141
+ "border-width": DesignToken,
142
+ "color": DesignToken
149
143
  },
150
- "error": {
151
- "default": DesignToken,
152
- "subdued": DesignToken
144
+ "hover": {
145
+ "background-color": DesignToken,
146
+ "border-color": DesignToken,
147
+ "border-width": DesignToken,
148
+ "color": DesignToken
153
149
  },
154
- "warning": {
155
- "default": DesignToken,
156
- "subdued": DesignToken
150
+ "focus": {
151
+ "background-color": DesignToken,
152
+ "border-color": DesignToken,
153
+ "border-width": DesignToken,
154
+ "color": DesignToken
157
155
  }
158
156
  },
159
- "accent": {
160
- "500": DesignToken
157
+ "background-color": DesignToken,
158
+ "border-color": DesignToken,
159
+ "color": DesignToken,
160
+ "border-width": DesignToken,
161
+ "size": DesignToken,
162
+ "icon": {
163
+ "size": DesignToken
161
164
  },
162
- "accent-2": {
163
- "500": DesignToken
165
+ "invalid": {
166
+ "background-color": DesignToken,
167
+ "border-color": DesignToken,
168
+ "color": DesignToken,
169
+ "border-width": DesignToken
164
170
  },
165
- "cool-grey": {
166
- "50": DesignToken,
167
- "100": DesignToken,
168
- "200": DesignToken,
169
- "300": DesignToken,
170
- "400": DesignToken,
171
- "500": DesignToken,
172
- "600": DesignToken,
173
- "700": DesignToken,
174
- "800": DesignToken,
175
- "900": DesignToken
171
+ "active": {
172
+ "background-color": DesignToken,
173
+ "border-color": DesignToken,
174
+ "color": DesignToken,
175
+ "border-width": DesignToken
176
176
  },
177
- "lichtblauw": {
178
- "50": DesignToken,
179
- "100": DesignToken,
180
- "200": DesignToken,
181
- "300": DesignToken,
182
- "400": DesignToken,
183
- "500": DesignToken
184
- },
185
- "violet": {
186
- "50": DesignToken,
187
- "100": DesignToken,
188
- "200": DesignToken,
189
- "300": DesignToken,
190
- "400": DesignToken,
191
- "500": DesignToken
192
- },
193
- "paars": {
194
- "50": DesignToken,
195
- "100": DesignToken,
196
- "200": DesignToken,
197
- "300": DesignToken,
198
- "400": DesignToken,
199
- "500": DesignToken
200
- },
201
- "hemelblauw": {
202
- "50": DesignToken,
203
- "100": DesignToken,
204
- "200": DesignToken,
205
- "300": DesignToken,
206
- "400": DesignToken,
207
- "500": DesignToken
208
- },
209
- "donkerblauw": {
210
- "50": DesignToken,
211
- "100": DesignToken,
212
- "200": DesignToken,
213
- "300": DesignToken,
214
- "400": DesignToken,
215
- "500": DesignToken
216
- },
217
- "mintgroen": {
218
- "50": DesignToken,
219
- "100": DesignToken,
220
- "200": DesignToken,
221
- "300": DesignToken,
222
- "400": DesignToken,
223
- "500": DesignToken
224
- },
225
- "mosgroen": {
226
- "50": DesignToken,
227
- "100": DesignToken,
228
- "200": DesignToken,
229
- "300": DesignToken,
230
- "400": DesignToken,
231
- "500": DesignToken
232
- },
233
- "groen": {
234
- "50": DesignToken,
235
- "100": DesignToken,
236
- "200": DesignToken,
237
- "300": DesignToken,
238
- "400": DesignToken,
239
- "500": DesignToken
240
- },
241
- "donkergroen": {
242
- "50": DesignToken,
243
- "100": DesignToken,
244
- "200": DesignToken,
245
- "300": DesignToken,
246
- "400": DesignToken,
247
- "500": DesignToken
248
- },
249
- "bruin": {
250
- "50": DesignToken,
251
- "100": DesignToken,
252
- "200": DesignToken,
253
- "300": DesignToken,
254
- "400": DesignToken,
255
- "500": DesignToken
256
- },
257
- "donkerbruin": {
258
- "50": DesignToken,
259
- "100": DesignToken,
260
- "200": DesignToken,
261
- "300": DesignToken,
262
- "400": DesignToken,
263
- "500": DesignToken
264
- },
265
- "geel": {
266
- "50": DesignToken,
267
- "100": DesignToken,
268
- "200": DesignToken,
269
- "300": DesignToken,
270
- "400": DesignToken,
271
- "500": DesignToken
272
- },
273
- "donkergeel": {
274
- "50": DesignToken,
275
- "100": DesignToken,
276
- "200": DesignToken,
277
- "300": DesignToken,
278
- "400": DesignToken,
279
- "500": DesignToken
280
- },
281
- "oranje": {
282
- "50": DesignToken,
283
- "100": DesignToken,
284
- "200": DesignToken,
285
- "300": DesignToken,
286
- "400": DesignToken,
287
- "500": DesignToken
288
- },
289
- "rood": {
290
- "50": DesignToken,
291
- "100": DesignToken,
292
- "200": DesignToken,
293
- "300": DesignToken,
294
- "400": DesignToken,
295
- "500": DesignToken
296
- },
297
- "roze": {
298
- "50": DesignToken,
299
- "100": DesignToken,
300
- "200": DesignToken,
301
- "300": DesignToken,
302
- "400": DesignToken,
303
- "500": DesignToken
304
- },
305
- "robijnrood": {
306
- "50": DesignToken,
307
- "100": DesignToken,
308
- "200": DesignToken,
309
- "300": DesignToken,
310
- "400": DesignToken,
311
- "500": DesignToken
312
- },
313
- "lintblauw": {
314
- "50": DesignToken,
315
- "100": DesignToken,
316
- "200": DesignToken,
317
- "300": DesignToken,
318
- "400": DesignToken,
319
- "500": DesignToken
320
- },
321
- "wit": DesignToken,
322
- "zwart": DesignToken,
323
- "none": DesignToken
324
- },
325
- "border-radius": {
326
- "sm": DesignToken,
327
- "md": DesignToken,
328
- "keep": DesignToken,
329
- "circle": DesignToken,
330
- "none": DesignToken
331
- },
332
- "sub-nav-bar": {
333
- "background-color": DesignToken,
334
- "column-gap": DesignToken,
335
- "column-width": DesignToken,
336
- "padding-block-end": DesignToken,
337
- "padding-block-start": DesignToken,
338
- "inline-size": DesignToken,
339
- "content": {
340
- "padding-inline-end": DesignToken,
341
- "padding-inline-start": DesignToken,
342
- "max-inline-size": DesignToken,
343
- "list": {
344
- "row-gap": DesignToken
345
- }
346
- }
347
- },
348
- "toggletip": {
349
- "color": DesignToken,
350
- "background-color": DesignToken,
351
- "border-color": DesignToken,
352
- "border-radius": DesignToken,
353
- "border-width": DesignToken,
354
- "icon": {
355
- "size": DesignToken
356
- },
357
- "size": DesignToken,
358
- "active": {
359
- "color": DesignToken,
177
+ "disabled": {
360
178
  "background-color": DesignToken,
361
- "border-color": DesignToken
179
+ "border-color": DesignToken,
180
+ "color": DesignToken
362
181
  },
363
182
  "hover": {
183
+ "background-color": DesignToken,
184
+ "border-color": DesignToken,
364
185
  "color": DesignToken,
365
- "background-color": DesignToken
186
+ "border-width": DesignToken
366
187
  },
367
188
  "focus": {
189
+ "background-color": DesignToken,
190
+ "border-color": DesignToken,
368
191
  "color": DesignToken,
369
- "background-color": DesignToken
192
+ "border-width": DesignToken
370
193
  }
371
194
  },
372
- "sidenav": {
373
- "display": DesignToken,
374
- "link": {
375
- "line-height": DesignToken,
376
- "icon": {
377
- "size": DesignToken,
378
- "margin-inline": DesignToken
195
+ "form-field": {
196
+ "label": {
197
+ "margin-block-end": DesignToken
198
+ },
199
+ "margin-block-end": DesignToken,
200
+ "margin-block-start": DesignToken,
201
+ "invalid": {
202
+ "border-inline-start-color": DesignToken,
203
+ "border-inline-start-width": DesignToken,
204
+ "padding-inline-start": DesignToken
205
+ }
206
+ },
207
+ "checkbox": {
208
+ "indeterminate": {
209
+ "active": {
210
+ "background-color": DesignToken,
211
+ "border-color": DesignToken,
212
+ "color": DesignToken,
213
+ "border-width": DesignToken
379
214
  },
380
- "font-size": DesignToken,
381
- "font-family": DesignToken,
382
- "font-weight": DesignToken,
383
- "current": {
384
- "font-weight": DesignToken,
215
+ "disabled": {
216
+ "background-color": DesignToken,
217
+ "border-color": DesignToken,
385
218
  "color": DesignToken
386
219
  },
387
- "color": DesignToken,
388
- "active": {
220
+ "hover": {
221
+ "background-color": DesignToken,
222
+ "border-color": DesignToken,
389
223
  "color": DesignToken,
390
- "text-decoration": DesignToken
224
+ "border-width": DesignToken
391
225
  },
392
226
  "focus": {
393
- "border-radius": DesignToken,
394
- "border-width": DesignToken,
395
- "border-style": DesignToken,
227
+ "background-color": DesignToken,
396
228
  "border-color": DesignToken,
229
+ "color": DesignToken,
230
+ "border-width": DesignToken
231
+ },
232
+ "background-color": DesignToken,
233
+ "border-color": DesignToken,
234
+ "border-width": DesignToken,
235
+ "color": DesignToken
236
+ },
237
+ "checked": {
238
+ "active": {
397
239
  "background-color": DesignToken,
240
+ "border-color": DesignToken,
398
241
  "color": DesignToken,
399
- "text-decoration": DesignToken
242
+ "border-width": DesignToken
243
+ },
244
+ "disabled": {
245
+ "background-color": DesignToken,
246
+ "border-color": DesignToken,
247
+ "color": DesignToken
400
248
  },
401
249
  "hover": {
250
+ "background-color": DesignToken,
251
+ "border-color": DesignToken,
402
252
  "color": DesignToken,
403
- "text-decoration": DesignToken
404
- },
405
- "padding-block-start": DesignToken,
406
- "padding-block-end": DesignToken,
407
- "text-decoration": DesignToken,
408
- "column-gap": DesignToken
409
- }
410
- },
411
- "radio-group": {
412
- "padding-block-end": DesignToken,
413
- "padding-block-start": DesignToken,
414
- "row-gap": DesignToken
415
- },
416
- "navigation-list": {
417
- "icon": {
418
- "background-color": DesignToken,
419
- "border-radius": DesignToken,
420
- "color": DesignToken
421
- },
422
- "item": {
423
- "icon": {
424
- "padding-inline": DesignToken,
425
- "padding-block": DesignToken,
426
- "size": DesignToken
427
- },
428
- "content": {
429
- "font-size": DesignToken,
430
- "column-gap": DesignToken,
431
- "row-gap": DesignToken
432
- },
433
- "label": {
434
- "font-family": DesignToken,
435
- "font-size": DesignToken,
436
- "font-weight": DesignToken,
437
- "line-height": DesignToken
438
- },
439
- "active": {
440
- "background-color": DesignToken
441
- },
442
- "hover": {
443
- "background-color": DesignToken
253
+ "border-width": DesignToken
444
254
  },
445
255
  "focus": {
446
- "background-color": DesignToken
256
+ "background-color": DesignToken,
257
+ "border-color": DesignToken,
258
+ "color": DesignToken,
259
+ "border-width": DesignToken
447
260
  },
448
261
  "background-color": DesignToken,
449
- "color": DesignToken,
450
- "border-width": DesignToken,
451
262
  "border-color": DesignToken,
452
- "heading": {
453
- "color": DesignToken
454
- },
455
- "column-gap": DesignToken,
456
- "min-height": DesignToken,
457
- "padding-block": DesignToken,
458
- "padding-inline": DesignToken
459
- }
460
- },
461
- "nav-bar": {
462
- "border-block-end-width": DesignToken,
463
- "max-inline-size": DesignToken,
464
- "padding-inline": DesignToken,
465
- "container": {
466
- "inline-size": DesignToken
467
- },
468
- "content": {
469
- "column-gap": DesignToken
263
+ "border-width": DesignToken,
264
+ "color": DesignToken
470
265
  },
266
+ "background-color": DesignToken,
267
+ "border-color": DesignToken,
268
+ "border-radius": DesignToken,
269
+ "border-width": DesignToken,
270
+ "size": DesignToken,
471
271
  "icon": {
472
- "color": DesignToken,
473
- "active": {
474
- "color": DesignToken
475
- },
476
272
  "size": DesignToken
477
273
  },
478
- "link": {
479
- "active": {
480
- "background-color": DesignToken,
481
- "color": DesignToken
482
- },
274
+ "invalid": {
483
275
  "background-color": DesignToken,
484
- "color": DesignToken,
485
- "focus": {
486
- "background-color": DesignToken,
487
- "color": DesignToken
488
- },
489
- "hover": {
490
- "background-color": DesignToken,
491
- "color": DesignToken
492
- },
493
- "padding-block-end": DesignToken,
494
- "padding-block-start": DesignToken,
495
- "padding-inline-end": DesignToken,
496
- "padding-inline-start": DesignToken,
497
- "column-gap": DesignToken
276
+ "border-color": DesignToken,
277
+ "border-width": DesignToken
498
278
  },
499
- "heading": {
500
- "font-weight": DesignToken
279
+ "active": {
280
+ "background-color": DesignToken,
281
+ "border-color": DesignToken,
282
+ "border-width": DesignToken
501
283
  },
502
- "background-color": DesignToken,
503
- "color": DesignToken,
504
- "border-color": DesignToken
505
- },
506
- "message-list": {
507
- "item": {
284
+ "disabled": {
285
+ "background-color": DesignToken,
286
+ "border-color": DesignToken
287
+ },
288
+ "hover": {
508
289
  "background-color": DesignToken,
509
290
  "border-color": DesignToken,
510
- "border-width": DesignToken,
511
- "color": DesignToken,
512
- "column-gap": DesignToken,
513
- "icon": {
514
- "size": DesignToken,
515
- "color": DesignToken
516
- },
517
- "min-height": DesignToken,
518
- "padding-block": DesignToken,
519
- "padding-inline": DesignToken,
520
- "content": {
521
- "font-size": DesignToken,
522
- "column-gap": DesignToken,
523
- "row-gap": DesignToken
524
- },
525
- "label": {
526
- "font-family": DesignToken,
527
- "font-size": DesignToken,
528
- "font-weight": DesignToken,
529
- "line-height": DesignToken
530
- },
531
- "heading": {
532
- "color": DesignToken
533
- }
291
+ "border-width": DesignToken
292
+ },
293
+ "focus": {
294
+ "background-color": DesignToken,
295
+ "border-color": DesignToken,
296
+ "border-width": DesignToken
534
297
  }
535
298
  },
536
- "logo": {
537
- "image": {
299
+ "textarea": {
300
+ "border-bottom-width": DesignToken,
301
+ "hover": {
538
302
  "background-color": DesignToken,
539
- "inline-size": DesignToken,
540
- "block-size": DesignToken,
303
+ "border-color": DesignToken,
304
+ "border-width": DesignToken,
541
305
  "color": DesignToken
542
306
  },
543
- "title": {
544
- "font-weight": DesignToken,
545
- "line-height": DesignToken,
546
- "font-size": DesignToken,
547
- "padding-block-start": DesignToken
548
- },
549
- "subtitle": {
550
- "font-weight": DesignToken,
551
- "line-height": DesignToken,
552
- "font-size": DesignToken
307
+ "focus": {
308
+ "border-width": DesignToken,
309
+ "background-color": DesignToken,
310
+ "border-color": DesignToken,
311
+ "color": DesignToken
553
312
  },
554
- "column-gap": DesignToken,
555
- "font-family": DesignToken,
556
- "color": DesignToken
557
- },
558
- "link-list-card": {
559
313
  "background-color": DesignToken,
560
- "padding-block-start": DesignToken,
314
+ "border-block-end-width": DesignToken,
315
+ "border-color": DesignToken,
316
+ "border-radius": DesignToken,
317
+ "border-width": DesignToken,
318
+ "color": DesignToken,
319
+ "font-family": DesignToken,
320
+ "font-size": DesignToken,
321
+ "font-weight": DesignToken,
322
+ "line-height": DesignToken,
323
+ "max-inline-size": DesignToken,
324
+ "min-block-size": DesignToken,
561
325
  "padding-block-end": DesignToken,
562
- "row-gap": DesignToken,
326
+ "padding-block-start": DesignToken,
327
+ "padding-inline-end": DesignToken,
563
328
  "padding-inline-start": DesignToken,
564
- "padding-inline-end": DesignToken
565
- },
566
- "link-list": {
567
- "text-decoration": DesignToken
329
+ "invalid": {
330
+ "background-color": DesignToken,
331
+ "border-block-end-width": DesignToken,
332
+ "border-color": DesignToken,
333
+ "border-width": DesignToken,
334
+ "color": DesignToken
335
+ },
336
+ "placeholder": {
337
+ "color": DesignToken
338
+ },
339
+ "read-only": {
340
+ "background-color": DesignToken,
341
+ "border-color": DesignToken,
342
+ "color": DesignToken
343
+ },
344
+ "disabled": {
345
+ "background-color": DesignToken,
346
+ "border-color": DesignToken,
347
+ "color": DesignToken
348
+ }
568
349
  },
569
- "icon-only-button": {
350
+ "form-field-error-message": {
351
+ "icon": {
352
+ "margin-inline-end": DesignToken,
353
+ "size": DesignToken
354
+ },
355
+ "background-color": DesignToken,
356
+ "color": DesignToken,
357
+ "font-family": DesignToken,
358
+ "font-size": DesignToken,
359
+ "font-weight": DesignToken,
360
+ "line-height": DesignToken,
361
+ "margin-block-end": DesignToken,
362
+ "margin-block-start": DesignToken,
570
363
  "padding-block-end": DesignToken,
571
364
  "padding-block-start": DesignToken,
572
365
  "padding-inline-end": DesignToken,
573
366
  "padding-inline-start": DesignToken
574
367
  },
575
- "hero": {
576
- "heading": {
577
- "font-weight": DesignToken,
578
- "line-height": DesignToken,
579
- "font-size": DesignToken,
580
- "font-family": DesignToken
581
- },
582
- "sub-heading": {
583
- "font-weight": DesignToken,
584
- "line-height": DesignToken,
585
- "font-size": DesignToken,
586
- "font-family": DesignToken
368
+ "form-field-description": {
369
+ "padding-block-end": DesignToken,
370
+ "color": DesignToken,
371
+ "font-family": DesignToken,
372
+ "font-size": DesignToken,
373
+ "line-height": DesignToken,
374
+ "margin-block-end": DesignToken,
375
+ "margin-block-start": DesignToken
376
+ },
377
+ "form-label": {
378
+ "color": DesignToken,
379
+ "font-size": DesignToken,
380
+ "font-weight": DesignToken,
381
+ "checkbox": {
382
+ "color": DesignToken,
383
+ "font-weight": DesignToken
587
384
  },
588
- "message": {
589
- "background-color": DesignToken,
385
+ "radio": {
590
386
  "color": DesignToken,
591
- "row-gap": DesignToken,
592
- "padding-block-end": DesignToken,
593
- "padding-inline-end": DesignToken,
594
- "padding-inline-start": DesignToken,
595
- "padding-block-start": DesignToken,
596
- "border-radius": DesignToken,
597
- "inline-size": DesignToken
387
+ "font-weight": DesignToken
598
388
  },
599
- "border-radius": DesignToken,
600
- "inline-size": DesignToken
601
- },
602
- "form-field-radio-option": {
603
- "column-gap": DesignToken,
604
- "font-weight": DesignToken,
605
- "row-gap": DesignToken,
606
- "label": {
607
- "margin-block-end": DesignToken
389
+ "checked": {
390
+ "font-weight": DesignToken
608
391
  },
609
- "input": {
610
- "margin": {
611
- "block-start": DesignToken
612
- }
392
+ "disabled": {
393
+ "color": DesignToken
613
394
  }
614
395
  },
615
- "form-field-checkbox-option": {
616
- "column-gap": DesignToken,
617
- "margin-block-end": DesignToken
396
+ "number-badge": {
397
+ "line-height": DesignToken,
398
+ "background-color": DesignToken,
399
+ "border-color": DesignToken,
400
+ "border-radius": DesignToken,
401
+ "border-width": DesignToken,
402
+ "color": DesignToken,
403
+ "font-family": DesignToken,
404
+ "font-size": DesignToken,
405
+ "font-weight": DesignToken,
406
+ "min-block-size": DesignToken,
407
+ "min-inline-size": DesignToken,
408
+ "padding-block": DesignToken,
409
+ "padding-inline": DesignToken
618
410
  },
619
- "page-footer": {
620
- "column-gap": DesignToken,
621
- "column-width": DesignToken,
622
- "column": {
623
- "title": {
624
- "margin-block-end": DesignToken
625
- }
626
- },
627
- "content": {
628
- "max-inline-size": DesignToken,
411
+ "figure": {
412
+ "caption": {
413
+ "border-color": DesignToken,
414
+ "border-width": DesignToken,
415
+ "padding-block-end": DesignToken,
416
+ "padding-block-start": DesignToken,
629
417
  "padding-inline-start": DesignToken,
630
- "padding-inline-end": DesignToken,
631
- "column-gap": DesignToken
632
- },
633
- "border-block-start-width": DesignToken,
634
- "border-block-start-color": DesignToken,
635
- "border-block-start-style": DesignToken,
636
- "outlined": {
637
- "background-color": DesignToken,
638
418
  "color": DesignToken,
639
- "border-color": DesignToken
419
+ "font-size": DesignToken,
420
+ "line-height": DesignToken
640
421
  },
641
- "padding-block-start": DesignToken,
642
- "padding-block-end": DesignToken,
643
- "padding-inline-start": DesignToken,
644
- "padding-inline-end": DesignToken,
645
- "flex": {
646
- "direction": DesignToken
647
- }
648
- },
649
- "file-input": {
650
- "column-gap": DesignToken,
651
- "row-gap": DesignToken,
652
- "feedback": {
653
- "color": DesignToken,
654
- "font-size": DesignToken
422
+ "img": {
423
+ "border-end-end-radius": DesignToken,
424
+ "border-end-start-radius": DesignToken,
425
+ "border-start-end-radius": DesignToken,
426
+ "border-start-start-radius": DesignToken
655
427
  }
656
428
  },
657
- "file": {
658
- "border-style": DesignToken,
659
- "border-color": DesignToken,
660
- "border-width": DesignToken,
661
- "border-radius": DesignToken,
662
- "padding-inline-start": DesignToken,
663
- "padding-inline-end": DesignToken,
664
- "padding-block-start": DesignToken,
665
- "padding-block-end": DesignToken,
666
- "column-gap": DesignToken,
667
- "error": {
668
- "border-color": DesignToken
429
+ "alert": {
430
+ "heading": {
431
+ "font-family": DesignToken,
432
+ "font-size": DesignToken,
433
+ "font-weight": DesignToken,
434
+ "line-height": DesignToken
435
+ },
436
+ "message": {
437
+ "column-gap": DesignToken,
438
+ "line-height": DesignToken,
439
+ "row-gap": DesignToken
669
440
  },
670
- "subtitle": {
671
- "color": DesignToken
672
- }
673
- },
674
- "dot-badge": {
675
- "border-radius": DesignToken,
676
- "color": DesignToken,
677
- "size": DesignToken
678
- },
679
- "code-input": {
680
- "size": DesignToken
681
- },
682
- "code-input-group": {
683
- "column-gap": DesignToken
684
- },
685
- "checkbox-group": {
686
- "padding-block-end": DesignToken,
687
- "padding-block-start": DesignToken,
688
- "row-gap": DesignToken
689
- },
690
- "card-as-link": {
691
441
  "background-color": DesignToken,
692
442
  "border-color": DesignToken,
693
443
  "border-radius": DesignToken,
694
444
  "border-width": DesignToken,
695
445
  "color": DesignToken,
696
446
  "column-gap": DesignToken,
697
- "inline-size": DesignToken,
698
- "icon": {
699
- "color": DesignToken,
700
- "size": DesignToken
701
- },
702
- "link": {
703
- "color": DesignToken,
704
- "text-decoration": DesignToken,
705
- "active": {
706
- "text-decoration": DesignToken
707
- },
708
- "hover": {
709
- "text-decoration": DesignToken
710
- },
711
- "focus": {
712
- "text-decoration": DesignToken
713
- }
714
- },
715
- "metadata": {
716
- "color": DesignToken
717
- },
447
+ "margin-block-end": DesignToken,
448
+ "margin-block-start": DesignToken,
718
449
  "padding-block-end": DesignToken,
719
450
  "padding-block-start": DesignToken,
720
451
  "padding-inline-end": DesignToken,
721
452
  "padding-inline-start": DesignToken,
722
- "row-gap": DesignToken,
723
- "active": {
453
+ "content": {
454
+ "row-gap": DesignToken
455
+ },
456
+ "error": {
724
457
  "background-color": DesignToken,
725
- "text-decoration": DesignToken
458
+ "border-color": DesignToken,
459
+ "color": DesignToken
726
460
  },
727
- "hover": {
461
+ "info": {
728
462
  "background-color": DesignToken,
729
- "text-decoration": DesignToken
463
+ "border-color": DesignToken,
464
+ "color": DesignToken
730
465
  },
731
- "focus": {
466
+ "ok": {
732
467
  "background-color": DesignToken,
733
- "text-decoration": DesignToken
468
+ "border-color": DesignToken,
469
+ "color": DesignToken
734
470
  },
735
- "full-bleed": {
471
+ "warning": {
736
472
  "background-color": DesignToken,
737
473
  "border-color": DesignToken,
738
- "color": DesignToken,
739
- "opacity": DesignToken
474
+ "color": DesignToken
740
475
  },
741
- "heading": {
476
+ "icon": {
742
477
  "color": DesignToken,
743
- "padding-block-start": DesignToken,
744
- "font-size": DesignToken,
745
- "font-weight": DesignToken
746
- },
747
- "horizontal": {
478
+ "inset-block-start": DesignToken,
479
+ "size": DesignToken,
480
+ "error": {
481
+ "color": DesignToken
482
+ },
483
+ "info": {
484
+ "color": DesignToken
485
+ },
486
+ "ok": {
487
+ "color": DesignToken
488
+ },
489
+ "warning": {
490
+ "color": DesignToken
491
+ }
492
+ }
493
+ },
494
+ "accordion": {
495
+ "button": {
496
+ "active": {
497
+ "row-gap": DesignToken,
498
+ "background-color": DesignToken,
499
+ "border-color": DesignToken,
500
+ "color": DesignToken
501
+ },
502
+ "focus": {
503
+ "background-color": DesignToken,
504
+ "border-color": DesignToken,
505
+ "color": DesignToken
506
+ },
748
507
  "background-color": DesignToken,
749
508
  "border-color": DesignToken,
509
+ "border-radius": DesignToken,
510
+ "border-width": DesignToken,
750
511
  "color": DesignToken,
751
- "max-block-size": DesignToken,
512
+ "gap": DesignToken,
752
513
  "padding-block-end": DesignToken,
753
514
  "padding-block-start": DesignToken,
754
515
  "padding-inline-end": DesignToken,
755
516
  "padding-inline-start": DesignToken,
756
- "heading": {
757
- "inline-size": DesignToken
517
+ "icon": {
518
+ "size": DesignToken
519
+ },
520
+ "hover": {
521
+ "background-color": DesignToken,
522
+ "border-color": DesignToken,
523
+ "color": DesignToken
524
+ },
525
+ "focus-visible": {
526
+ "background-color": DesignToken,
527
+ "border-color": DesignToken,
528
+ "border-width": DesignToken,
529
+ "color": DesignToken
758
530
  }
759
- }
760
- },
761
- "focus": {
762
- "outline-offset": DesignToken,
763
- "outline-style": DesignToken,
764
- "outline-width": DesignToken
765
- },
766
- "font-size": {
767
- "heading": {
768
- "level-1": DesignToken,
769
- "level-2": DesignToken,
770
- "level-3": DesignToken,
771
- "level-4": DesignToken,
772
- "level-5": DesignToken
773
- },
774
- "body": {
775
- "intro": DesignToken,
776
- "default": DesignToken
777
531
  },
778
- "xs": {
779
- "desktop": DesignToken,
780
- "tablet": DesignToken,
781
- "mobile": DesignToken
532
+ "margin-block-end": DesignToken,
533
+ "margin-block-start": DesignToken,
534
+ "row-gap": DesignToken,
535
+ "panel": {
536
+ "border-color": DesignToken,
537
+ "border-width": DesignToken,
538
+ "padding-block-end": DesignToken,
539
+ "padding-block-start": DesignToken,
540
+ "padding-inline-end": DesignToken,
541
+ "padding-inline-start": DesignToken
782
542
  },
783
- "sm": {
784
- "desktop": DesignToken,
785
- "tablet": DesignToken,
786
- "mobile": DesignToken
787
- },
788
- "md": {
789
- "desktop": DesignToken,
790
- "tablet": DesignToken,
791
- "mobile": DesignToken
792
- },
793
- "lg": {
794
- "desktop": DesignToken,
795
- "tablet": DesignToken,
796
- "mobile": DesignToken
797
- },
798
- "xl": {
799
- "desktop": DesignToken,
800
- "tablet": DesignToken,
801
- "mobile": DesignToken
543
+ "section": {
544
+ "border-color": DesignToken,
545
+ "hover": {
546
+ "border-color": DesignToken
547
+ },
548
+ "border-width": DesignToken,
549
+ "margin-block-end": DesignToken,
550
+ "margin-block-start": DesignToken
802
551
  }
803
552
  },
804
- "font-weight": {
805
- "default": DesignToken,
806
- "strong": DesignToken,
807
- "extra-bold": DesignToken,
808
- "bold": DesignToken,
809
- "semi-bold": DesignToken,
810
- "regular": DesignToken,
811
- "light": DesignToken,
812
- "thin": DesignToken
813
- },
814
- "line-height": {
815
- "body": DesignToken,
816
- "sm": DesignToken,
817
- "md": DesignToken
818
- },
819
- "size": {
820
- "target": DesignToken,
821
- "icon": {
822
- "functional": DesignToken
823
- },
824
- "quarter-lint": DesignToken,
825
- "half-lint": DesignToken,
826
- "lint": DesignToken,
827
- "2-lint": DesignToken,
828
- "3-lint": DesignToken
829
- },
830
- "font-family": {
831
- "primary": DesignToken,
832
- "secondary": DesignToken
833
- },
834
- "border-width": {
835
- "default": DesignToken,
836
- "m": DesignToken,
837
- "none": DesignToken
838
- },
839
- "space": {
840
- "0": DesignToken,
841
- "25": DesignToken,
842
- "50": DesignToken,
843
- "100": DesignToken,
844
- "150": DesignToken,
845
- "200": DesignToken,
846
- "300": DesignToken,
847
- "400": DesignToken,
848
- "500": DesignToken,
849
- "600": DesignToken,
850
- "700": DesignToken
851
- }
852
- },
853
- "utrecht": {
854
553
  "blockquote": {
855
- "background-color": DesignToken,
856
- "border-inline-start-width": DesignToken,
857
- "border-color": DesignToken,
858
- "border-radius": DesignToken,
859
- "border-width": DesignToken,
860
- "color": DesignToken,
861
- "font-size": DesignToken,
862
- "font-family": DesignToken,
863
- "padding-block-end": DesignToken,
864
- "padding-block-start": DesignToken,
865
- "padding-inline-end": DesignToken,
866
- "padding-inline-start": DesignToken,
867
- "row-gap": DesignToken,
868
- "attribution": {
869
- "color": DesignToken,
870
- "font-size": DesignToken
554
+ "border-block-end-width": DesignToken,
555
+ "border-block-start-width": DesignToken,
556
+ "border-end-end-radius": DesignToken,
557
+ "border-end-start-radius": DesignToken,
558
+ "border-inline-end-width": DesignToken,
559
+ "border-start-end-radius": DesignToken,
560
+ "border-start-start-radius": DesignToken,
561
+ "margin-block-end": DesignToken,
562
+ "margin-block-start": DesignToken,
563
+ "margin-inline-end": DesignToken,
564
+ "margin-inline-start": DesignToken,
565
+ "blue-corner-border-variation": {
566
+ "border-block-end-width": DesignToken,
567
+ "border-color": DesignToken,
568
+ "border-end-end-radius": DesignToken,
569
+ "border-inline-end-width": DesignToken
871
570
  },
872
- "content": {
571
+ "caption": {
873
572
  "color": DesignToken,
874
- "font-size": DesignToken,
875
573
  "font-family": DesignToken,
574
+ "font-size": DesignToken,
575
+ "font-weight": DesignToken,
876
576
  "line-height": DesignToken,
877
- "font-weight": DesignToken
577
+ "padding-block-start": DesignToken
878
578
  },
879
- "caption": {
880
- "font-size": DesignToken,
579
+ "content": {
881
580
  "font-family": DesignToken,
882
- "line-height": DesignToken,
883
581
  "font-weight": DesignToken,
884
- "padding-block-start": DesignToken,
885
- "color": DesignToken
886
- },
887
- "margin-block-end": DesignToken,
888
- "margin-block-start": DesignToken,
889
- "margin-inline-end": DesignToken,
890
- "margin-inline-start": DesignToken,
891
- "border-block-start-width": DesignToken,
892
- "border-block-end-width": DesignToken,
893
- "border-inline-end-width": DesignToken,
894
- "border-start-start-radius": DesignToken,
895
- "border-start-end-radius": DesignToken,
896
- "border-end-start-radius": DesignToken,
897
- "border-end-end-radius": DesignToken,
898
- "blue-corner-border-variation": {
899
- "border-color": DesignToken,
900
- "border-block-end-width": DesignToken,
901
- "border-inline-end-width": DesignToken,
902
- "border-end-end-radius": DesignToken
582
+ "line-height": DesignToken,
583
+ "color": DesignToken,
584
+ "font-size": DesignToken
903
585
  },
904
586
  "pink-background-variation": {
905
587
  "background-color": DesignToken,
906
588
  "border-end-start-radius": DesignToken,
907
589
  "padding": DesignToken
908
590
  },
909
- "pink-left-border-variation": {
910
- "border-color": DesignToken,
911
- "border-inline-start-width": DesignToken,
912
- "padding-inline-start": DesignToken,
913
- "padding-inline-end": DesignToken,
914
- "padding-block-start": DesignToken,
915
- "padding-block-end": DesignToken
916
- },
917
591
  "pink-corner-border-variation": {
918
- "border-color": DesignToken,
919
592
  "border-block-start-width": DesignToken,
593
+ "border-color": DesignToken,
920
594
  "border-inline-start-width": DesignToken,
921
595
  "border-start-start-radius": DesignToken,
922
596
  "padding": DesignToken
923
- }
924
- },
925
- "column-layout": {
926
- "column-rule-color": DesignToken,
927
- "column-rule-width": DesignToken,
928
- "column-width": DesignToken,
929
- "gap": DesignToken
930
- },
931
- "icon": {
932
- "color": DesignToken,
933
- "size": DesignToken,
934
- "inset-block-start": DesignToken
935
- },
936
- "unordered-list": {
937
- "padding-inline-start": DesignToken,
938
- "margin-block-end": DesignToken,
939
- "margin-block-start": DesignToken,
940
- "color": DesignToken,
941
- "font-family": DesignToken,
942
- "font-weight": DesignToken,
943
- "font-size": DesignToken,
944
- "line-height": DesignToken,
945
- "item": {
946
- "padding-inline-start": DesignToken,
947
- "margin-block-end": DesignToken,
948
- "margin-block-start": DesignToken
949
597
  },
950
- "marker": {
951
- "color": DesignToken,
952
- "border-color": DesignToken
953
- }
954
- },
955
- "textbox": {
598
+ "pink-left-border-variation": {
599
+ "border-color": DesignToken,
600
+ "border-inline-start-width": DesignToken,
601
+ "padding-block-end": DesignToken,
602
+ "padding-block-start": DesignToken,
603
+ "padding-inline-end": DesignToken,
604
+ "padding-inline-start": DesignToken
605
+ },
606
+ "background-color": DesignToken,
607
+ "border-inline-start-width": DesignToken,
608
+ "border-color": DesignToken,
956
609
  "border-radius": DesignToken,
957
- "font-family": DesignToken,
610
+ "border-width": DesignToken,
611
+ "color": DesignToken,
958
612
  "font-size": DesignToken,
959
- "font-weight": DesignToken,
960
- "line-height": DesignToken,
961
- "max-inline-size": DesignToken,
613
+ "font-family": DesignToken,
962
614
  "padding-block-end": DesignToken,
963
615
  "padding-block-start": DesignToken,
964
616
  "padding-inline-end": DesignToken,
965
617
  "padding-inline-start": DesignToken,
966
- "background-color": DesignToken,
967
- "border-color": DesignToken,
968
- "color": DesignToken,
969
- "invalid": {
970
- "background-color": DesignToken,
971
- "border-color": DesignToken,
618
+ "row-gap": DesignToken,
619
+ "attribution": {
972
620
  "color": DesignToken,
973
- "border-width": DesignToken
974
- },
975
- "placeholder": {
976
- "color": DesignToken
977
- },
978
- "border-block-end-width": DesignToken,
979
- "border-width": DesignToken,
621
+ "font-size": DesignToken
622
+ }
623
+ },
624
+ "skip-link": {
980
625
  "focus": {
626
+ "text-decoration": DesignToken,
627
+ "border-color": DesignToken,
981
628
  "border-width": DesignToken,
629
+ "border-style": DesignToken,
982
630
  "background-color": DesignToken,
983
- "border-color": DesignToken,
984
631
  "color": DesignToken
985
632
  },
986
- "disabled": {
987
- "background-color": DesignToken,
988
- "border-color": DesignToken,
989
- "color": DesignToken
633
+ "border-color": DesignToken,
634
+ "box-block-end-shadow": {
635
+ "color": DesignToken,
636
+ "blur-radius": DesignToken,
637
+ "offset-x": DesignToken,
638
+ "offset-y": DesignToken,
639
+ "spread-radius": DesignToken
990
640
  },
991
- "read-only": {
992
- "background-color": DesignToken,
993
- "border-color": DesignToken,
994
- "color": DesignToken
641
+ "focus-visible": {
642
+ "outline-color": DesignToken,
643
+ "text-decoration": DesignToken
995
644
  },
996
- "hover": {
997
- "border-width": DesignToken,
998
- "background-color": DesignToken,
999
- "border-color": DesignToken,
1000
- "color": DesignToken
1001
- }
1002
- },
1003
- "textarea": {
1004
- "max-inline-size": DesignToken,
645
+ "font-family": DesignToken,
646
+ "font-weight": DesignToken,
647
+ "line-height": DesignToken,
648
+ "border-width": DesignToken,
649
+ "text-underline-offset": DesignToken,
650
+ "font-size": DesignToken,
651
+ "background-color": DesignToken,
652
+ "color": DesignToken,
653
+ "min-block-size": DesignToken,
654
+ "min-inline-size": DesignToken,
1005
655
  "padding-block-end": DesignToken,
1006
656
  "padding-block-start": DesignToken,
1007
657
  "padding-inline-end": DesignToken,
1008
658
  "padding-inline-start": DesignToken,
1009
- "background-color": DesignToken,
1010
- "border-color": DesignToken,
1011
- "color": DesignToken,
1012
- "invalid": {
1013
- "background-color": DesignToken,
1014
- "border-color": DesignToken,
1015
- "color": DesignToken,
1016
- "border-width": DesignToken
1017
- },
1018
- "placeholder": {
1019
- "color": DesignToken
1020
- },
1021
- "focus": {
1022
- "background-color": DesignToken,
1023
- "border-color": DesignToken,
1024
- "color": DesignToken,
1025
- "border-width": DesignToken
1026
- },
1027
- "disabled": {
1028
- "background-color": DesignToken,
1029
- "border-color": DesignToken,
1030
- "color": DesignToken
659
+ "text-decoration": DesignToken
660
+ },
661
+ "link-list": {
662
+ "item": {
663
+ "text-decoration": DesignToken,
664
+ "column-gap": DesignToken
1031
665
  },
1032
- "read-only": {
1033
- "background-color": DesignToken,
1034
- "border-color": DesignToken,
1035
- "color": DesignToken
666
+ "margin-block-end": DesignToken,
667
+ "margin-block-start": DesignToken,
668
+ "row-gap": DesignToken,
669
+ "icon": {
670
+ "inset-block-start": DesignToken,
671
+ "size": DesignToken
1036
672
  },
1037
- "hover": {
1038
- "background-color": DesignToken,
1039
- "border-color": DesignToken,
1040
- "color": DesignToken,
1041
- "border-width": DesignToken
673
+ "link": {
674
+ "column-gap": DesignToken,
675
+ "text-decoration": DesignToken
1042
676
  },
1043
- "border-radius": DesignToken,
1044
- "border-bottom-width": DesignToken,
1045
- "border-width": DesignToken,
677
+ "font-weight": DesignToken
678
+ },
679
+ "link": {
1046
680
  "font-family": DesignToken,
1047
681
  "font-weight": DesignToken,
1048
682
  "line-height": DesignToken,
1049
- "font-size": DesignToken
1050
- },
1051
- "table": {
1052
- "header-cell": {
1053
- "line-height": DesignToken,
1054
- "color": DesignToken,
1055
- "font-family": DesignToken,
1056
- "font-weight": DesignToken,
1057
- "font-size": DesignToken
1058
- },
1059
- "caption": {
1060
- "line-height": DesignToken,
1061
- "margin-block-end": DesignToken,
1062
- "color": DesignToken,
1063
- "font-family": DesignToken,
1064
- "font-weight": DesignToken,
1065
- "font-size": DesignToken
1066
- },
1067
- "cell": {
1068
- "padding-block-end": DesignToken,
1069
- "padding-block-start": DesignToken,
1070
- "padding-inline-end": DesignToken,
1071
- "padding-inline-start": DesignToken,
1072
- "line-height": DesignToken
1073
- },
1074
- "data-cell": {
1075
- "color": DesignToken,
1076
- "font-family": DesignToken,
1077
- "font-weight": DesignToken,
1078
- "line-height": DesignToken,
1079
- "font-size": DesignToken
1080
- },
1081
- "header": {
1082
- "border-block-end-width": DesignToken,
1083
- "border-block-end-color": DesignToken,
1084
- "background-color": DesignToken
683
+ "font-size": DesignToken,
684
+ "active": {
685
+ "text-decoration": DesignToken,
686
+ "color": DesignToken
1085
687
  },
1086
- "footer": {
1087
- "border-block-end-width": DesignToken,
1088
- "border-block-end-color": DesignToken,
1089
- "background-color": DesignToken
688
+ "focus": {
689
+ "text-decoration": DesignToken,
690
+ "text-decoration-thickness": DesignToken,
691
+ "background-color": DesignToken,
692
+ "color": DesignToken
1090
693
  },
1091
- "row": {
1092
- "border-block-end-width": DesignToken,
1093
- "border-block-end-color": DesignToken,
1094
- "background-color": DesignToken
694
+ "icon": {
695
+ "inset-block-start": DesignToken,
696
+ "size": DesignToken
1095
697
  },
1096
- "footer-cell": {
1097
- "font-weight": DesignToken,
1098
- "font-size": DesignToken,
698
+ "color": DesignToken,
699
+ "text-decoration-color": DesignToken,
700
+ "column-gap": DesignToken,
701
+ "text-decoration": DesignToken,
702
+ "text-decoration-thickness": DesignToken,
703
+ "text-underline-offset": DesignToken,
704
+ "hover": {
1099
705
  "color": DesignToken,
1100
- "font-family": DesignToken,
1101
- "line-height": DesignToken
706
+ "text-decoration": DesignToken,
707
+ "text-decoration-thickness": DesignToken
1102
708
  },
1103
- "container": {
1104
- "box-inline-end-shadow": {
1105
- "x": DesignToken,
1106
- "y": DesignToken,
1107
- "blur": DesignToken,
1108
- "spread": DesignToken,
1109
- "color": DesignToken
1110
- },
1111
- "box-inline-start-shadow": {
1112
- "x": DesignToken,
1113
- "y": DesignToken,
1114
- "blur": DesignToken,
1115
- "spread": DesignToken,
1116
- "color": DesignToken
1117
- }
709
+ "focus-visible": {
710
+ "text-decoration": DesignToken,
711
+ "text-decoration-thickness": DesignToken
1118
712
  },
1119
- "font-size": DesignToken
713
+ "visited": {
714
+ "color": DesignToken
715
+ }
1120
716
  },
1121
- "skip-link": {
1122
- "font-weight": DesignToken,
717
+ "data-badge": {
718
+ "background-color": DesignToken,
719
+ "border-radius": DesignToken,
720
+ "color": DesignToken,
721
+ "padding-block": DesignToken,
722
+ "padding-inline": DesignToken
723
+ },
724
+ "button": {
725
+ "background-color": DesignToken,
726
+ "border-color": DesignToken,
727
+ "border-radius": DesignToken,
728
+ "border-width": DesignToken,
729
+ "color": DesignToken,
730
+ "column-gap": DesignToken,
1123
731
  "font-family": DesignToken,
1124
732
  "font-size": DesignToken,
733
+ "font-weight": DesignToken,
1125
734
  "line-height": DesignToken,
1126
735
  "min-block-size": DesignToken,
1127
736
  "min-inline-size": DesignToken,
@@ -1129,56 +738,18 @@ declare const tokens: {
1129
738
  "padding-block-start": DesignToken,
1130
739
  "padding-inline-end": DesignToken,
1131
740
  "padding-inline-start": DesignToken,
1132
- "focus": {
1133
- "background-color": DesignToken,
1134
- "border-color": DesignToken,
1135
- "border-style": DesignToken,
1136
- "border-width": DesignToken,
1137
- "color": DesignToken,
1138
- "text-decoration": DesignToken
1139
- },
1140
- "focus-visible": {
1141
- "outline-color": DesignToken
1142
- },
1143
- "background-color": DesignToken,
1144
- "border-color": DesignToken,
1145
- "color": DesignToken,
1146
- "border-width": DesignToken,
1147
- "box-block-end-shadow": {
1148
- "offset-x": DesignToken,
1149
- "offset-y": DesignToken,
1150
- "blur-radius": DesignToken,
1151
- "spread-radius": DesignToken,
1152
- "color": DesignToken
1153
- },
1154
- "text-decoration": DesignToken,
1155
- "text-underline-offset": DesignToken
1156
- },
1157
- "separator": {
1158
- "color": DesignToken,
1159
- "block-size": DesignToken,
1160
- "margin-block-end": DesignToken,
1161
- "margin-block-start": DesignToken
1162
- },
1163
- "select": {
1164
- "image-background-position": DesignToken,
1165
741
  "icon": {
1166
742
  "size": DesignToken
1167
743
  },
1168
- "background-color": DesignToken,
1169
- "border-color": DesignToken,
1170
- "color": DesignToken,
1171
- "invalid": {
744
+ "pressed": {
1172
745
  "background-color": DesignToken,
1173
746
  "border-color": DesignToken,
1174
- "color": DesignToken,
1175
- "border-width": DesignToken
747
+ "color": DesignToken
1176
748
  },
1177
- "focus": {
749
+ "active": {
1178
750
  "background-color": DesignToken,
1179
751
  "border-color": DesignToken,
1180
- "color": DesignToken,
1181
- "border-width": DesignToken
752
+ "color": DesignToken
1182
753
  },
1183
754
  "disabled": {
1184
755
  "background-color": DesignToken,
@@ -1188,263 +759,404 @@ declare const tokens: {
1188
759
  "hover": {
1189
760
  "background-color": DesignToken,
1190
761
  "border-color": DesignToken,
1191
- "color": DesignToken,
1192
- "border-width": DesignToken
1193
- },
1194
- "padding-block-end": DesignToken,
1195
- "padding-block-start": DesignToken,
1196
- "padding-inline-end": DesignToken,
1197
- "padding-inline-start": DesignToken,
1198
- "border-radius": DesignToken,
1199
- "border-bottom-width": DesignToken,
1200
- "border-width": DesignToken,
1201
- "font-family": DesignToken,
1202
- "font-weight": DesignToken,
1203
- "line-height": DesignToken,
1204
- "font-size": DesignToken,
1205
- "max-inline-size": DesignToken
1206
- },
1207
- "radio-button": {
1208
- "active": {
1209
- "border-width": DesignToken,
1210
- "background-color": DesignToken,
1211
- "border-color": DesignToken
1212
- },
1213
- "size": DesignToken,
1214
- "dot": {
1215
- "size": DesignToken
1216
- },
1217
- "background-color": DesignToken,
1218
- "border-color": DesignToken,
1219
- "invalid": {
1220
- "background-color": DesignToken,
1221
- "border-color": DesignToken,
1222
- "border-width": DesignToken
762
+ "color": DesignToken
1223
763
  },
1224
764
  "focus": {
1225
- "background-color": DesignToken,
1226
- "border-color": DesignToken,
1227
- "border-width": DesignToken
1228
- },
1229
- "disabled": {
1230
765
  "background-color": DesignToken,
1231
766
  "border-color": DesignToken,
1232
767
  "color": DesignToken
1233
768
  },
1234
- "checked": {
769
+ "primary-action": {
1235
770
  "background-color": DesignToken,
1236
771
  "border-color": DesignToken,
1237
772
  "color": DesignToken,
1238
- "hover": {
773
+ "font-size": DesignToken,
774
+ "font-weight": DesignToken,
775
+ "line-height": DesignToken,
776
+ "disabled": {
1239
777
  "background-color": DesignToken,
1240
778
  "border-color": DesignToken,
1241
- "color": DesignToken,
1242
- "border-width": DesignToken
779
+ "color": DesignToken
1243
780
  },
1244
- "active": {
781
+ "hover": {
1245
782
  "background-color": DesignToken,
1246
783
  "border-color": DesignToken,
1247
- "color": DesignToken,
1248
- "border-width": DesignToken
784
+ "color": DesignToken
1249
785
  },
1250
786
  "focus": {
1251
787
  "background-color": DesignToken,
1252
788
  "border-color": DesignToken,
1253
- "color": DesignToken,
1254
- "border-width": DesignToken
789
+ "color": DesignToken
1255
790
  },
791
+ "pressed": {
792
+ "border-color": DesignToken,
793
+ "color": DesignToken,
794
+ "background-color": DesignToken
795
+ },
796
+ "active": {
797
+ "border-color": DesignToken,
798
+ "color": DesignToken,
799
+ "background-color": DesignToken
800
+ }
801
+ },
802
+ "secondary-action": {
803
+ "background-color": DesignToken,
804
+ "border-color": DesignToken,
805
+ "color": DesignToken,
806
+ "font-size": DesignToken,
807
+ "font-weight": DesignToken,
808
+ "line-height": DesignToken,
1256
809
  "disabled": {
1257
810
  "background-color": DesignToken,
1258
811
  "border-color": DesignToken,
1259
812
  "color": DesignToken
1260
813
  },
1261
- "border-width": DesignToken
814
+ "hover": {
815
+ "background-color": DesignToken,
816
+ "border-color": DesignToken,
817
+ "color": DesignToken
818
+ },
819
+ "focus": {
820
+ "background-color": DesignToken,
821
+ "border-color": DesignToken,
822
+ "color": DesignToken
823
+ },
824
+ "pressed": {
825
+ "background-color": DesignToken,
826
+ "border-color": DesignToken,
827
+ "color": DesignToken
828
+ },
829
+ "active": {
830
+ "background-color": DesignToken,
831
+ "color": DesignToken,
832
+ "border-color": DesignToken
833
+ }
1262
834
  },
1263
- "hover": {
835
+ "subtle": {
1264
836
  "background-color": DesignToken,
1265
837
  "border-color": DesignToken,
1266
- "border-width": DesignToken
1267
- },
1268
- "border-radius": DesignToken,
1269
- "border-width": DesignToken
1270
- },
1271
- "pre-heading": {
1272
- "color": DesignToken,
1273
- "font-family": DesignToken,
1274
- "font-weight": DesignToken,
1275
- "line-height": DesignToken,
1276
- "font-size": DesignToken
1277
- },
1278
- "paragraph": {
1279
- "color": DesignToken,
1280
- "font-family": DesignToken,
1281
- "font-size": DesignToken,
1282
- "font-weight": DesignToken,
1283
- "line-height": DesignToken,
1284
- "margin-block-end": DesignToken,
1285
- "margin-block-start": DesignToken,
1286
- "lead": {
1287
838
  "color": DesignToken,
1288
839
  "font-size": DesignToken,
1289
840
  "font-weight": DesignToken,
1290
- "line-height": DesignToken
841
+ "line-height": DesignToken,
842
+ "disabled": {
843
+ "background-color": DesignToken,
844
+ "border-color": DesignToken,
845
+ "color": DesignToken
846
+ },
847
+ "hover": {
848
+ "background-color": DesignToken,
849
+ "border-color": DesignToken,
850
+ "color": DesignToken
851
+ },
852
+ "focus": {
853
+ "background-color": DesignToken,
854
+ "border-color": DesignToken,
855
+ "color": DesignToken
856
+ },
857
+ "pressed": {
858
+ "background-color": DesignToken,
859
+ "border-color": DesignToken,
860
+ "color": DesignToken
861
+ },
862
+ "active": {
863
+ "background-color": DesignToken,
864
+ "border-color": DesignToken,
865
+ "color": DesignToken
866
+ }
1291
867
  }
1292
868
  },
1293
- "ordered-list": {
1294
- "padding-inline-start": DesignToken,
869
+ "button-group": {
1295
870
  "margin-block-end": DesignToken,
1296
871
  "margin-block-start": DesignToken,
1297
- "margin-inline-start": DesignToken,
1298
- "item": {
872
+ "background-color": DesignToken,
873
+ "column-gap": DesignToken,
874
+ "padding-block-end": DesignToken,
875
+ "padding-block-start": DesignToken,
876
+ "row-gap": DesignToken
877
+ },
878
+ "breadcrumb-nav": {
879
+ "divider": {
880
+ "color": DesignToken,
881
+ "inset-block-start": DesignToken,
882
+ "size": DesignToken
883
+ },
884
+ "link": {
885
+ "padding-block-end": DesignToken,
886
+ "padding-block-start": DesignToken,
887
+ "padding-inline-end": DesignToken,
1299
888
  "padding-inline-start": DesignToken,
1300
- "margin-block-end": DesignToken,
1301
- "margin-block-start": DesignToken
889
+ "current": {
890
+ "color": DesignToken,
891
+ "font-weight": DesignToken
892
+ },
893
+ "icon": {
894
+ "inset-block-start": DesignToken,
895
+ "margin-inline": DesignToken,
896
+ "size": DesignToken
897
+ },
898
+ "color": DesignToken,
899
+ "text-decoration": DesignToken,
900
+ "active": {
901
+ "color": DesignToken,
902
+ "text-decoration": DesignToken
903
+ },
904
+ "disabled": {
905
+ "color": DesignToken
906
+ },
907
+ "focus": {
908
+ "background-color": DesignToken,
909
+ "color": DesignToken,
910
+ "text-decoration": DesignToken
911
+ },
912
+ "hover": {
913
+ "text-decoration": DesignToken,
914
+ "color": DesignToken
915
+ }
1302
916
  },
1303
- "color": DesignToken,
1304
917
  "font-family": DesignToken,
1305
- "font-weight": DesignToken,
1306
918
  "font-size": DesignToken,
1307
- "line-height": DesignToken
1308
- },
1309
- "link-list": {
1310
- "margin-block-start": DesignToken,
1311
- "row-gap": DesignToken,
1312
- "margin-block-end": DesignToken,
919
+ "line-height": DesignToken,
920
+ "min-block-size": DesignToken,
1313
921
  "item": {
1314
- "column-gap": DesignToken,
1315
- "text-decoration": DesignToken
922
+ "padding-block-end": DesignToken,
923
+ "padding-block-start": DesignToken,
924
+ "padding-inline-end": DesignToken,
925
+ "padding-inline-start": DesignToken,
926
+ "first": {
927
+ "padding-inline-start": DesignToken
928
+ }
1316
929
  },
1317
- "icon": {
1318
- "size": DesignToken,
1319
- "inset-block-start": DesignToken
930
+ "separator": {
931
+ "color": DesignToken,
932
+ "icon": {
933
+ "size": DesignToken
934
+ }
1320
935
  }
1321
936
  },
1322
- "link": {
1323
- "color": DesignToken,
1324
- "text-decoration-color": DesignToken,
1325
- "active": {
1326
- "color": DesignToken,
1327
- "text-decoration": DesignToken
937
+ "action": {
938
+ "activate": {
939
+ "cursor": DesignToken
1328
940
  },
1329
- "focus": {
1330
- "background-color": DesignToken,
1331
- "color": DesignToken,
1332
- "text-decoration": DesignToken,
1333
- "text-decoration-thickness": DesignToken
941
+ "busy": {
942
+ "cursor": DesignToken
1334
943
  },
1335
- "hover": {
1336
- "color": DesignToken,
1337
- "text-decoration": DesignToken,
1338
- "text-decoration-thickness": DesignToken
944
+ "disabled": {
945
+ "cursor": DesignToken
1339
946
  },
1340
- "visited": {
1341
- "color": DesignToken
947
+ "inert": {
948
+ "cursor": DesignToken
1342
949
  },
1343
- "text-decoration": DesignToken,
1344
- "icon": {
1345
- "inset-block-start": DesignToken,
1346
- "size": DesignToken
950
+ "navigate": {
951
+ "cursor": DesignToken
1347
952
  },
1348
- "column-gap": DesignToken,
1349
- "text-decoration-thickness": DesignToken,
1350
- "text-underline-offset": DesignToken,
1351
- "font-family": DesignToken,
1352
- "font-weight": DesignToken,
1353
- "font-size": DesignToken,
1354
- "line-height": DesignToken
953
+ "submit": {
954
+ "cursor": DesignToken
955
+ }
1355
956
  },
1356
- "heading-1": {
957
+ "unordered-list": {
1357
958
  "color": DesignToken,
959
+ "marker": {
960
+ "border-color": DesignToken,
961
+ "color": DesignToken
962
+ },
1358
963
  "font-family": DesignToken,
1359
964
  "font-weight": DesignToken,
1360
- "line-height": DesignToken,
1361
965
  "font-size": DesignToken,
1362
- "margin-block-end": DesignToken,
1363
- "margin-block-start": DesignToken
1364
- },
1365
- "heading-2": {
1366
- "color": DesignToken,
1367
- "font-family": DesignToken,
1368
- "font-weight": DesignToken,
1369
966
  "line-height": DesignToken,
1370
- "font-size": DesignToken,
1371
967
  "margin-block-end": DesignToken,
1372
- "margin-block-start": DesignToken
968
+ "margin-block-start": DesignToken,
969
+ "padding-inline-start": DesignToken,
970
+ "item": {
971
+ "margin-block-end": DesignToken,
972
+ "margin-block-start": DesignToken,
973
+ "padding-inline-start": DesignToken
974
+ }
1373
975
  },
1374
- "heading-3": {
976
+ "ordered-list": {
1375
977
  "color": DesignToken,
1376
978
  "font-family": DesignToken,
1377
979
  "font-weight": DesignToken,
1378
- "line-height": DesignToken,
980
+ "margin-inline-start": DesignToken,
1379
981
  "font-size": DesignToken,
1380
- "margin-block-end": DesignToken,
1381
- "margin-block-start": DesignToken
1382
- },
1383
- "heading-4": {
1384
- "color": DesignToken,
1385
- "font-family": DesignToken,
1386
- "font-weight": DesignToken,
1387
982
  "line-height": DesignToken,
1388
- "font-size": DesignToken,
1389
983
  "margin-block-end": DesignToken,
1390
- "margin-block-start": DesignToken
984
+ "margin-block-start": DesignToken,
985
+ "padding-inline-start": DesignToken,
986
+ "item": {
987
+ "margin-block-end": DesignToken,
988
+ "margin-block-start": DesignToken,
989
+ "padding-inline-start": DesignToken
990
+ }
1391
991
  },
1392
- "heading-5": {
1393
- "color": DesignToken,
1394
- "font-family": DesignToken,
1395
- "font-weight": DesignToken,
1396
- "line-height": DesignToken,
1397
- "font-size": DesignToken,
1398
- "margin-block-end": DesignToken,
1399
- "margin-block-start": DesignToken
992
+ "column-layout": {
993
+ "column-rule-color": DesignToken,
994
+ "column-rule-width": DesignToken,
995
+ "column-width": DesignToken,
996
+ "gap": DesignToken
1400
997
  },
1401
- "form-label": {
998
+ "icon": {
999
+ "color": DesignToken,
1000
+ "size": DesignToken,
1001
+ "inset-block-start": DesignToken
1002
+ },
1003
+ "table": {
1004
+ "header-cell": {
1005
+ "line-height": DesignToken,
1006
+ "color": DesignToken,
1007
+ "font-family": DesignToken,
1008
+ "font-weight": DesignToken,
1009
+ "font-size": DesignToken
1010
+ },
1011
+ "caption": {
1012
+ "line-height": DesignToken,
1013
+ "margin-block-end": DesignToken,
1014
+ "color": DesignToken,
1015
+ "font-family": DesignToken,
1016
+ "font-weight": DesignToken,
1017
+ "font-size": DesignToken
1018
+ },
1019
+ "cell": {
1020
+ "padding-block-end": DesignToken,
1021
+ "padding-block-start": DesignToken,
1022
+ "padding-inline-end": DesignToken,
1023
+ "padding-inline-start": DesignToken,
1024
+ "line-height": DesignToken
1025
+ },
1026
+ "data-cell": {
1027
+ "color": DesignToken,
1028
+ "font-family": DesignToken,
1029
+ "font-weight": DesignToken,
1030
+ "line-height": DesignToken,
1031
+ "font-size": DesignToken
1032
+ },
1033
+ "header": {
1034
+ "border-block-end-width": DesignToken,
1035
+ "border-block-end-color": DesignToken,
1036
+ "background-color": DesignToken
1037
+ },
1038
+ "footer": {
1039
+ "border-block-end-width": DesignToken,
1040
+ "border-block-end-color": DesignToken,
1041
+ "background-color": DesignToken
1042
+ },
1043
+ "row": {
1044
+ "border-block-end-width": DesignToken,
1045
+ "border-block-end-color": DesignToken,
1046
+ "background-color": DesignToken
1047
+ },
1048
+ "footer-cell": {
1049
+ "font-weight": DesignToken,
1050
+ "font-size": DesignToken,
1051
+ "color": DesignToken,
1052
+ "font-family": DesignToken,
1053
+ "line-height": DesignToken
1054
+ },
1055
+ "container": {
1056
+ "box-inline-end-shadow": {
1057
+ "x": DesignToken,
1058
+ "y": DesignToken,
1059
+ "blur": DesignToken,
1060
+ "spread": DesignToken,
1061
+ "color": DesignToken
1062
+ },
1063
+ "box-inline-start-shadow": {
1064
+ "x": DesignToken,
1065
+ "y": DesignToken,
1066
+ "blur": DesignToken,
1067
+ "spread": DesignToken,
1068
+ "color": DesignToken
1069
+ }
1070
+ },
1071
+ "font-size": DesignToken
1072
+ },
1073
+ "separator": {
1074
+ "block-size": DesignToken,
1075
+ "color": DesignToken,
1076
+ "margin-block-end": DesignToken,
1077
+ "margin-block-start": DesignToken
1078
+ },
1079
+ "pre-heading": {
1080
+ "color": DesignToken,
1081
+ "font-family": DesignToken,
1082
+ "font-weight": DesignToken,
1083
+ "line-height": DesignToken,
1084
+ "font-size": DesignToken
1085
+ },
1086
+ "paragraph": {
1402
1087
  "color": DesignToken,
1088
+ "font-family": DesignToken,
1403
1089
  "font-size": DesignToken,
1404
- "font-weight": DesignToken
1090
+ "font-weight": DesignToken,
1091
+ "line-height": DesignToken,
1092
+ "lead": {
1093
+ "color": DesignToken,
1094
+ "font-size": DesignToken,
1095
+ "font-weight": DesignToken,
1096
+ "line-height": DesignToken
1097
+ },
1098
+ "small": {
1099
+ "font-size": DesignToken,
1100
+ "color": DesignToken,
1101
+ "font-weight": DesignToken,
1102
+ "line-height": DesignToken
1103
+ },
1104
+ "margin-block-end": DesignToken,
1105
+ "margin-block-start": DesignToken
1405
1106
  },
1406
- "form-field-label": {
1107
+ "heading-1": {
1407
1108
  "color": DesignToken,
1408
1109
  "font-family": DesignToken,
1409
1110
  "font-size": DesignToken,
1410
1111
  "font-weight": DesignToken,
1411
- "line-height": DesignToken
1112
+ "line-height": DesignToken,
1113
+ "margin-block-end": DesignToken,
1114
+ "margin-block-start": DesignToken
1412
1115
  },
1413
- "form-field-error-message": {
1414
- "icon": {
1415
- "size": DesignToken,
1416
- "margin-inline-end": DesignToken
1417
- },
1116
+ "heading-2": {
1418
1117
  "color": DesignToken,
1419
1118
  "font-family": DesignToken,
1420
1119
  "font-size": DesignToken,
1421
1120
  "font-weight": DesignToken,
1121
+ "line-height": DesignToken,
1422
1122
  "margin-block-end": DesignToken,
1423
- "padding-block-end": DesignToken
1123
+ "margin-block-start": DesignToken
1424
1124
  },
1425
- "form-field-description": {
1125
+ "heading-3": {
1426
1126
  "color": DesignToken,
1427
1127
  "font-family": DesignToken,
1428
1128
  "font-size": DesignToken,
1129
+ "font-weight": DesignToken,
1429
1130
  "line-height": DesignToken,
1430
- "margin-block-start": DesignToken,
1431
1131
  "margin-block-end": DesignToken,
1432
- "padding-block-end": DesignToken
1132
+ "margin-block-start": DesignToken
1433
1133
  },
1434
- "form-field": {
1435
- "margin-block-start": DesignToken,
1134
+ "heading-4": {
1135
+ "color": DesignToken,
1136
+ "font-family": DesignToken,
1137
+ "font-size": DesignToken,
1138
+ "font-weight": DesignToken,
1139
+ "line-height": DesignToken,
1436
1140
  "margin-block-end": DesignToken,
1437
- "invalid": {
1438
- "border-inline-start-color": DesignToken,
1439
- "border-inline-start-width": DesignToken,
1440
- "padding-inline-start": DesignToken
1441
- },
1442
- "label": {
1443
- "margin-block-end": DesignToken
1444
- },
1445
- "error-message": {
1446
- "line-height": DesignToken
1447
- }
1141
+ "margin-block-start": DesignToken
1142
+ },
1143
+ "heading-5": {
1144
+ "color": DesignToken,
1145
+ "font-family": DesignToken,
1146
+ "font-size": DesignToken,
1147
+ "font-weight": DesignToken,
1148
+ "line-height": DesignToken,
1149
+ "margin-block-end": DesignToken,
1150
+ "margin-block-start": DesignToken
1151
+ },
1152
+ "heading-6": {
1153
+ "color": DesignToken,
1154
+ "font-family": DesignToken,
1155
+ "font-size": DesignToken,
1156
+ "font-weight": DesignToken,
1157
+ "line-height": DesignToken,
1158
+ "margin-block-end": DesignToken,
1159
+ "margin-block-start": DesignToken
1448
1160
  },
1449
1161
  "page-footer": {
1450
1162
  "background-color": DesignToken,
@@ -1454,24 +1166,6 @@ declare const tokens: {
1454
1166
  "padding-inline-start": DesignToken,
1455
1167
  "padding-inline-end": DesignToken
1456
1168
  },
1457
- "figure": {
1458
- "caption": {
1459
- "border-color": DesignToken,
1460
- "border-width": DesignToken,
1461
- "color": DesignToken,
1462
- "padding-block-end": DesignToken,
1463
- "padding-block-start": DesignToken,
1464
- "padding-inline-start": DesignToken,
1465
- "line-height": DesignToken,
1466
- "font-size": DesignToken
1467
- },
1468
- "img": {
1469
- "border-end-end-radius": DesignToken,
1470
- "border-end-start-radius": DesignToken,
1471
- "border-start-end-radius": DesignToken,
1472
- "border-start-start-radius": DesignToken
1473
- }
1474
- },
1475
1169
  "form-fieldset": {
1476
1170
  "legend": {
1477
1171
  "color": DesignToken,
@@ -1495,575 +1189,1190 @@ declare const tokens: {
1495
1189
  "border-inline-start-width": DesignToken
1496
1190
  }
1497
1191
  },
1498
- "number-badge": {
1499
- "font-size": DesignToken,
1500
- "line-height": DesignToken,
1501
- "min-block-size": DesignToken,
1502
- "min-inline-size": DesignToken,
1503
- "font-weight": DesignToken,
1504
- "border-width": DesignToken,
1505
- "border-radius": DesignToken,
1506
- "font-family": DesignToken,
1192
+ "article": {
1193
+ "max-inline-size": DesignToken
1194
+ },
1195
+ "document": {
1507
1196
  "background-color": DesignToken,
1508
- "border-color": DesignToken,
1509
1197
  "color": DesignToken,
1510
- "padding-inline": DesignToken,
1511
- "padding-block": DesignToken
1198
+ "font-family": DesignToken,
1199
+ "font-size": DesignToken,
1200
+ "line-height": DesignToken,
1201
+ "font-weight": DesignToken
1512
1202
  },
1513
- "checkbox": {
1514
- "border-radius": DesignToken,
1515
- "size": DesignToken,
1516
- "icon": {
1517
- "size": DesignToken
1203
+ "rich-text": {
1204
+ "stranger": {
1205
+ "margin-block-end": DesignToken
1518
1206
  },
1519
- "background-color": DesignToken,
1520
- "border-color": DesignToken,
1521
- "invalid": {
1522
- "background-color": DesignToken,
1523
- "border-color": DesignToken,
1524
- "border-width": DesignToken
1207
+ "acquaintance": {
1208
+ "margin-block-end": DesignToken
1525
1209
  },
1526
- "focus": {
1527
- "background-color": DesignToken,
1528
- "border-color": DesignToken,
1529
- "border-width": DesignToken
1210
+ "friend": {
1211
+ "margin-block-end": DesignToken
1530
1212
  },
1531
- "disabled": {
1532
- "background-color": DesignToken,
1533
- "border-color": DesignToken
1213
+ "best-friend": {
1214
+ "margin-block-end": DesignToken
1534
1215
  },
1535
- "checked": {
1536
- "background-color": DesignToken,
1537
- "border-color": DesignToken,
1538
- "color": DesignToken,
1539
- "border-width": DesignToken,
1540
- "disabled": {
1216
+ "confidant": {
1217
+ "margin-block-end": DesignToken
1218
+ }
1219
+ },
1220
+ "pointer-target": {
1221
+ "min-size": DesignToken
1222
+ },
1223
+ "focus": {
1224
+ "outline-color": DesignToken,
1225
+ "outline-offset": DesignToken,
1226
+ "outline-style": DesignToken,
1227
+ "outline-width": DesignToken,
1228
+ "inverse": {
1229
+ "outline-color": DesignToken
1230
+ }
1231
+ }
1232
+ },
1233
+ "todo": {
1234
+ "checkbox": {
1235
+ "indeterminate": {
1236
+ "active": {
1541
1237
  "background-color": DesignToken,
1542
1238
  "border-color": DesignToken,
1239
+ "border-width": DesignToken,
1543
1240
  "color": DesignToken
1544
1241
  },
1545
- "focus": {
1546
- "border-width": DesignToken,
1242
+ "disabled": {
1547
1243
  "background-color": DesignToken,
1548
1244
  "border-color": DesignToken,
1549
1245
  "color": DesignToken
1550
1246
  },
1551
1247
  "hover": {
1552
- "border-width": DesignToken,
1553
1248
  "background-color": DesignToken,
1554
1249
  "border-color": DesignToken,
1250
+ "border-width": DesignToken,
1555
1251
  "color": DesignToken
1556
1252
  },
1253
+ "focus-visible": {
1254
+ "background-color": DesignToken,
1255
+ "border-color": DesignToken,
1256
+ "border-width": DesignToken,
1257
+ "color": DesignToken
1258
+ }
1259
+ },
1260
+ "checked": {
1557
1261
  "active": {
1262
+ "background-color": DesignToken,
1263
+ "border-color": DesignToken,
1264
+ "border-width": DesignToken,
1265
+ "color": DesignToken
1266
+ },
1267
+ "disabled": {
1268
+ "background-color": DesignToken,
1269
+ "border-color": DesignToken,
1270
+ "color": DesignToken
1271
+ },
1272
+ "hover": {
1273
+ "background-color": DesignToken,
1274
+ "border-color": DesignToken,
1275
+ "border-width": DesignToken,
1276
+ "color": DesignToken
1277
+ },
1278
+ "focus-visible": {
1279
+ "background-color": DesignToken,
1280
+ "border-color": DesignToken,
1558
1281
  "border-width": DesignToken,
1282
+ "color": DesignToken
1283
+ }
1284
+ }
1285
+ },
1286
+ "radio-button": {
1287
+ "checked": {
1288
+ "disabled": {
1559
1289
  "background-color": DesignToken,
1560
1290
  "border-color": DesignToken,
1561
1291
  "color": DesignToken
1562
1292
  }
1293
+ }
1294
+ },
1295
+ "textbox": {
1296
+ "hover": {
1297
+ "background-color": DesignToken,
1298
+ "border-color": DesignToken,
1299
+ "color": DesignToken
1300
+ }
1301
+ },
1302
+ "form-field-label": {
1303
+ "color": DesignToken,
1304
+ "column-gap": DesignToken,
1305
+ "font-family": DesignToken,
1306
+ "font-size": DesignToken,
1307
+ "font-weight": DesignToken,
1308
+ "line-height": DesignToken
1309
+ },
1310
+ "textarea": {
1311
+ "hover": {
1312
+ "background-color": DesignToken,
1313
+ "border-color": DesignToken,
1314
+ "color": DesignToken
1315
+ }
1316
+ },
1317
+ "form-field-error-message": {
1318
+ "column-gap": DesignToken,
1319
+ "icon": {
1320
+ "size": DesignToken
1321
+ }
1322
+ },
1323
+ "figure": {
1324
+ "row-gap": DesignToken
1325
+ },
1326
+ "accordion": {
1327
+ "button": {
1328
+ "font-family": DesignToken,
1329
+ "font-size": DesignToken,
1330
+ "font-weight": DesignToken,
1331
+ "line-height": DesignToken
1332
+ }
1333
+ },
1334
+ "link-list": {
1335
+ "link": {
1336
+ "hover": {
1337
+ "text-decoration": DesignToken
1338
+ }
1339
+ }
1340
+ },
1341
+ "skip-link": {
1342
+ "font-weight": DesignToken
1343
+ }
1344
+ },
1345
+ "nl": {
1346
+ "number-badge": {
1347
+ "line-height": DesignToken,
1348
+ "background-color": DesignToken,
1349
+ "border-color": DesignToken,
1350
+ "border-radius": DesignToken,
1351
+ "border-width": DesignToken,
1352
+ "color": DesignToken,
1353
+ "font-family": DesignToken,
1354
+ "font-size": DesignToken,
1355
+ "font-weight": DesignToken,
1356
+ "min-block-size": DesignToken,
1357
+ "min-inline-size": DesignToken,
1358
+ "padding-block": DesignToken,
1359
+ "padding-inline": DesignToken
1360
+ },
1361
+ "skip-link": {
1362
+ "border-color": DesignToken,
1363
+ "border-width": DesignToken,
1364
+ "font-family": DesignToken,
1365
+ "font-weight": DesignToken,
1366
+ "padding-block-end": DesignToken,
1367
+ "padding-block-start": DesignToken,
1368
+ "padding-inline-end": DesignToken,
1369
+ "padding-inline-start": DesignToken,
1370
+ "box-block-end-shadow": {
1371
+ "blur-radius": DesignToken,
1372
+ "color": DesignToken,
1373
+ "offset-x": DesignToken,
1374
+ "offset-y": DesignToken,
1375
+ "spread-radius": DesignToken
1376
+ },
1377
+ "focus": {
1378
+ "background-color": DesignToken,
1379
+ "border-color": DesignToken,
1380
+ "border-style": DesignToken,
1381
+ "border-width": DesignToken,
1382
+ "color": DesignToken,
1383
+ "text-decoration": DesignToken
1384
+ },
1385
+ "focus-visible": {
1386
+ "outline-color": DesignToken
1387
+ },
1388
+ "text-decoration": DesignToken,
1389
+ "background-color": DesignToken,
1390
+ "color": DesignToken,
1391
+ "padding-block": DesignToken,
1392
+ "padding-inline": DesignToken,
1393
+ "min-block-size": DesignToken,
1394
+ "min-inline-size": DesignToken,
1395
+ "text-decoration-thickness": DesignToken,
1396
+ "text-underline-offset": DesignToken,
1397
+ "line-height": DesignToken,
1398
+ "font-size": DesignToken
1399
+ },
1400
+ "link": {
1401
+ "column-gap": DesignToken,
1402
+ "font-family": DesignToken,
1403
+ "font-size": DesignToken,
1404
+ "font-weight": DesignToken,
1405
+ "line-height": DesignToken,
1406
+ "icon": {
1407
+ "inset-block-start": DesignToken,
1408
+ "size": DesignToken
1409
+ },
1410
+ "active": {
1411
+ "text-decoration": DesignToken,
1412
+ "color": DesignToken
1413
+ },
1414
+ "focus": {
1415
+ "background-color": DesignToken,
1416
+ "color": DesignToken,
1417
+ "text-decoration": DesignToken,
1418
+ "text-decoration-thickness": DesignToken
1419
+ },
1420
+ "visited": {
1421
+ "color": DesignToken
1422
+ },
1423
+ "color": DesignToken,
1424
+ "text-decoration-color": DesignToken,
1425
+ "text-decoration-line": DesignToken,
1426
+ "text-decoration-thickness": DesignToken,
1427
+ "text-underline-offset": DesignToken,
1428
+ "current": {
1429
+ "cursor": DesignToken
1430
+ },
1431
+ "disabled": {
1432
+ "color": DesignToken,
1433
+ "cursor": DesignToken
1434
+ },
1435
+ "hover": {
1436
+ "text-decoration-line": DesignToken,
1437
+ "text-decoration-thickness": DesignToken,
1438
+ "color": DesignToken
1439
+ }
1440
+ },
1441
+ "paragraph": {
1442
+ "lead": {
1443
+ "color": DesignToken,
1444
+ "font-size": DesignToken,
1445
+ "font-weight": DesignToken,
1446
+ "line-height": DesignToken,
1447
+ "margin-block-end": DesignToken,
1448
+ "margin-block-start": DesignToken
1449
+ },
1450
+ "color": DesignToken,
1451
+ "font-family": DesignToken,
1452
+ "font-size": DesignToken,
1453
+ "font-weight": DesignToken,
1454
+ "line-height": DesignToken,
1455
+ "margin-block-end": DesignToken,
1456
+ "margin-block-start": DesignToken
1457
+ },
1458
+ "heading": {
1459
+ "level-1": {
1460
+ "color": DesignToken,
1461
+ "font-family": DesignToken,
1462
+ "font-size": DesignToken,
1463
+ "font-weight": DesignToken,
1464
+ "line-height": DesignToken,
1465
+ "margin-block-end": DesignToken,
1466
+ "margin-block-start": DesignToken
1467
+ },
1468
+ "level-2": {
1469
+ "color": DesignToken,
1470
+ "font-family": DesignToken,
1471
+ "font-size": DesignToken,
1472
+ "font-weight": DesignToken,
1473
+ "line-height": DesignToken,
1474
+ "margin-block-end": DesignToken,
1475
+ "margin-block-start": DesignToken
1476
+ },
1477
+ "level-3": {
1478
+ "color": DesignToken,
1479
+ "font-family": DesignToken,
1480
+ "font-size": DesignToken,
1481
+ "font-weight": DesignToken,
1482
+ "line-height": DesignToken,
1483
+ "margin-block-end": DesignToken,
1484
+ "margin-block-start": DesignToken
1485
+ },
1486
+ "level-4": {
1487
+ "color": DesignToken,
1488
+ "font-family": DesignToken,
1489
+ "font-size": DesignToken,
1490
+ "font-weight": DesignToken,
1491
+ "line-height": DesignToken,
1492
+ "margin-block-end": DesignToken,
1493
+ "margin-block-start": DesignToken
1494
+ },
1495
+ "level-5": {
1496
+ "color": DesignToken,
1497
+ "font-family": DesignToken,
1498
+ "font-size": DesignToken,
1499
+ "font-weight": DesignToken,
1500
+ "line-height": DesignToken,
1501
+ "margin-block-end": DesignToken,
1502
+ "margin-block-start": DesignToken
1503
+ },
1504
+ "level-6": {
1505
+ "color": DesignToken,
1506
+ "font-family": DesignToken,
1507
+ "font-size": DesignToken,
1508
+ "font-weight": DesignToken,
1509
+ "line-height": DesignToken,
1510
+ "margin-block-end": DesignToken,
1511
+ "margin-block-start": DesignToken
1512
+ }
1513
+ }
1514
+ },
1515
+ "rhc": {
1516
+ "accordion": {
1517
+ "border-radius": DesignToken,
1518
+ "color": DesignToken,
1519
+ "header": {
1520
+ "margin": DesignToken
1521
+ },
1522
+ "section": {
1523
+ "border-block-end-width": DesignToken,
1524
+ "border-color": DesignToken,
1525
+ "border-width": DesignToken
1526
+ },
1527
+ "button": {
1528
+ "padding-block-end": DesignToken,
1529
+ "padding-block-start": DesignToken,
1530
+ "padding-inline-end": DesignToken,
1531
+ "padding-inline-start": DesignToken,
1532
+ "expanded": {
1533
+ "background-color": DesignToken,
1534
+ "color": DesignToken
1535
+ },
1536
+ "icon": {
1537
+ "margin-block": DesignToken
1538
+ },
1539
+ "font-family": DesignToken,
1540
+ "font-weight": DesignToken,
1541
+ "font-size": DesignToken,
1542
+ "line-height": DesignToken
1543
+ }
1544
+ },
1545
+ "keep": {
1546
+ "_comment": DesignToken,
1547
+ "top-left": {
1548
+ "borderRadiusTopLeft": DesignToken,
1549
+ "borderRadiusTopRight": DesignToken,
1550
+ "borderRadiusBottomRight": DesignToken,
1551
+ "borderRadiusBottomLeft": DesignToken
1552
+ },
1553
+ "top-right": {
1554
+ "borderRadiusTopRight": DesignToken,
1555
+ "borderRadiusTopLeft": DesignToken,
1556
+ "borderRadiusBottomRight": DesignToken,
1557
+ "borderRadiusBottomLeft": DesignToken
1558
+ },
1559
+ "bottom-right": {
1560
+ "borderRadiusTopLeft": DesignToken,
1561
+ "borderRadiusTopRight": DesignToken,
1562
+ "borderRadiusBottomRight": DesignToken,
1563
+ "borderRadiusBottomLeft": DesignToken
1564
+ },
1565
+ "bottom-left": {
1566
+ "borderRadiusTopLeft": DesignToken,
1567
+ "borderRadiusTopRight": DesignToken,
1568
+ "borderRadiusBottomRight": DesignToken,
1569
+ "borderRadiusBottomLeft": DesignToken
1570
+ }
1571
+ },
1572
+ "link-list": {
1573
+ "text-decoration": DesignToken
1574
+ },
1575
+ "data-badge-button": {
1576
+ "column-gap": DesignToken,
1577
+ "hover": {
1578
+ "background-color": DesignToken,
1579
+ "color": DesignToken
1580
+ }
1581
+ },
1582
+ "rounded-corner": {
1583
+ "xs": {
1584
+ "border-radius": DesignToken
1585
+ },
1586
+ "md": {
1587
+ "border-radius": DesignToken
1588
+ },
1589
+ "xl": {
1590
+ "border-radius": DesignToken
1591
+ },
1592
+ "border-width": DesignToken
1593
+ },
1594
+ "data-summary": {
1595
+ "font-family": DesignToken,
1596
+ "item-value": {
1597
+ "font-weight": DesignToken,
1598
+ "row": {
1599
+ "padding-block-end": DesignToken,
1600
+ "padding-block-start": DesignToken,
1601
+ "padding-inline-end": DesignToken,
1602
+ "padding-inline-start": DesignToken
1603
+ },
1604
+ "padding-block-end": DesignToken,
1605
+ "padding-block-start": DesignToken,
1606
+ "padding-inline-end": DesignToken,
1607
+ "padding-inline-start": DesignToken
1608
+ },
1609
+ "item-key": {
1610
+ "font-weight": DesignToken,
1611
+ "row": {
1612
+ "padding-block-end": DesignToken,
1613
+ "padding-block-start": DesignToken,
1614
+ "padding-inline-end": DesignToken,
1615
+ "padding-inline-start": DesignToken
1616
+ },
1617
+ "padding-block-end": DesignToken,
1618
+ "padding-block-start": DesignToken,
1619
+ "padding-inline-end": DesignToken,
1620
+ "padding-inline-start": DesignToken
1621
+ },
1622
+ "item": {
1623
+ "border-width": DesignToken,
1624
+ "border-color": DesignToken,
1625
+ "border-block-end-style": DesignToken,
1626
+ "color": DesignToken
1627
+ },
1628
+ "font-size": DesignToken,
1629
+ "line-height": DesignToken,
1630
+ "item-action": {
1631
+ "row": {
1632
+ "padding-block-end": DesignToken,
1633
+ "padding-block-start": DesignToken,
1634
+ "padding-inline-end": DesignToken,
1635
+ "padding-inline-start": DesignToken
1636
+ },
1637
+ "padding-block-end": DesignToken,
1638
+ "padding-block-start": DesignToken,
1639
+ "padding-inline-end": DesignToken,
1640
+ "padding-inline-start": DesignToken
1641
+ }
1642
+ },
1643
+ "color": {
1644
+ "primary": {
1645
+ "50": DesignToken,
1646
+ "100": DesignToken,
1647
+ "200": DesignToken,
1648
+ "300": DesignToken,
1649
+ "400": DesignToken,
1650
+ "500": DesignToken,
1651
+ "hover": DesignToken
1652
+ },
1653
+ "focus": {
1654
+ "outline": DesignToken
1655
+ },
1656
+ "foreground": {
1657
+ "default": DesignToken,
1658
+ "subdued": DesignToken,
1659
+ "link": DesignToken,
1660
+ "on-dark-color": DesignToken,
1661
+ "on-light-color": DesignToken
1662
+ },
1663
+ "border": {
1664
+ "default": DesignToken,
1665
+ "subdued": DesignToken,
1666
+ "strong": DesignToken
1667
+ },
1668
+ "canvas": DesignToken,
1669
+ "feedback": {
1670
+ "success": {
1671
+ "default": DesignToken,
1672
+ "subdued": DesignToken
1673
+ },
1674
+ "info": {
1675
+ "default": DesignToken,
1676
+ "subdued": DesignToken
1677
+ },
1678
+ "error": {
1679
+ "default": DesignToken,
1680
+ "subdued": DesignToken
1681
+ },
1682
+ "warning": {
1683
+ "default": DesignToken,
1684
+ "subdued": DesignToken
1685
+ }
1686
+ },
1687
+ "accent": {
1688
+ "500": DesignToken
1689
+ },
1690
+ "accent-2": {
1691
+ "500": DesignToken
1692
+ },
1693
+ "cool-grey": {
1694
+ "50": DesignToken,
1695
+ "100": DesignToken,
1696
+ "200": DesignToken,
1697
+ "300": DesignToken,
1698
+ "400": DesignToken,
1699
+ "500": DesignToken,
1700
+ "600": DesignToken,
1701
+ "700": DesignToken,
1702
+ "800": DesignToken,
1703
+ "900": DesignToken
1704
+ },
1705
+ "lichtblauw": {
1706
+ "50": DesignToken,
1707
+ "100": DesignToken,
1708
+ "200": DesignToken,
1709
+ "300": DesignToken,
1710
+ "400": DesignToken,
1711
+ "500": DesignToken
1712
+ },
1713
+ "violet": {
1714
+ "50": DesignToken,
1715
+ "100": DesignToken,
1716
+ "200": DesignToken,
1717
+ "300": DesignToken,
1718
+ "400": DesignToken,
1719
+ "500": DesignToken
1720
+ },
1721
+ "paars": {
1722
+ "50": DesignToken,
1723
+ "100": DesignToken,
1724
+ "200": DesignToken,
1725
+ "300": DesignToken,
1726
+ "400": DesignToken,
1727
+ "500": DesignToken
1728
+ },
1729
+ "hemelblauw": {
1730
+ "50": DesignToken,
1731
+ "100": DesignToken,
1732
+ "200": DesignToken,
1733
+ "300": DesignToken,
1734
+ "400": DesignToken,
1735
+ "500": DesignToken
1736
+ },
1737
+ "donkerblauw": {
1738
+ "50": DesignToken,
1739
+ "100": DesignToken,
1740
+ "200": DesignToken,
1741
+ "300": DesignToken,
1742
+ "400": DesignToken,
1743
+ "500": DesignToken
1744
+ },
1745
+ "mintgroen": {
1746
+ "50": DesignToken,
1747
+ "100": DesignToken,
1748
+ "200": DesignToken,
1749
+ "300": DesignToken,
1750
+ "400": DesignToken,
1751
+ "500": DesignToken
1752
+ },
1753
+ "mosgroen": {
1754
+ "50": DesignToken,
1755
+ "100": DesignToken,
1756
+ "200": DesignToken,
1757
+ "300": DesignToken,
1758
+ "400": DesignToken,
1759
+ "500": DesignToken
1760
+ },
1761
+ "groen": {
1762
+ "50": DesignToken,
1763
+ "100": DesignToken,
1764
+ "200": DesignToken,
1765
+ "300": DesignToken,
1766
+ "400": DesignToken,
1767
+ "500": DesignToken
1768
+ },
1769
+ "donkergroen": {
1770
+ "50": DesignToken,
1771
+ "100": DesignToken,
1772
+ "200": DesignToken,
1773
+ "300": DesignToken,
1774
+ "400": DesignToken,
1775
+ "500": DesignToken
1776
+ },
1777
+ "bruin": {
1778
+ "50": DesignToken,
1779
+ "100": DesignToken,
1780
+ "200": DesignToken,
1781
+ "300": DesignToken,
1782
+ "400": DesignToken,
1783
+ "500": DesignToken
1784
+ },
1785
+ "donkerbruin": {
1786
+ "50": DesignToken,
1787
+ "100": DesignToken,
1788
+ "200": DesignToken,
1789
+ "300": DesignToken,
1790
+ "400": DesignToken,
1791
+ "500": DesignToken
1792
+ },
1793
+ "geel": {
1794
+ "50": DesignToken,
1795
+ "100": DesignToken,
1796
+ "200": DesignToken,
1797
+ "300": DesignToken,
1798
+ "400": DesignToken,
1799
+ "500": DesignToken
1800
+ },
1801
+ "donkergeel": {
1802
+ "50": DesignToken,
1803
+ "100": DesignToken,
1804
+ "200": DesignToken,
1805
+ "300": DesignToken,
1806
+ "400": DesignToken,
1807
+ "500": DesignToken
1808
+ },
1809
+ "oranje": {
1810
+ "50": DesignToken,
1811
+ "100": DesignToken,
1812
+ "200": DesignToken,
1813
+ "300": DesignToken,
1814
+ "400": DesignToken,
1815
+ "500": DesignToken
1816
+ },
1817
+ "rood": {
1818
+ "50": DesignToken,
1819
+ "100": DesignToken,
1820
+ "200": DesignToken,
1821
+ "300": DesignToken,
1822
+ "400": DesignToken,
1823
+ "500": DesignToken
1824
+ },
1825
+ "roze": {
1826
+ "50": DesignToken,
1827
+ "100": DesignToken,
1828
+ "200": DesignToken,
1829
+ "300": DesignToken,
1830
+ "400": DesignToken,
1831
+ "500": DesignToken
1832
+ },
1833
+ "robijnrood": {
1834
+ "50": DesignToken,
1835
+ "100": DesignToken,
1836
+ "200": DesignToken,
1837
+ "300": DesignToken,
1838
+ "400": DesignToken,
1839
+ "500": DesignToken
1840
+ },
1841
+ "lintblauw": {
1842
+ "50": DesignToken,
1843
+ "100": DesignToken,
1844
+ "200": DesignToken,
1845
+ "300": DesignToken,
1846
+ "400": DesignToken,
1847
+ "500": DesignToken
1848
+ },
1849
+ "wit": DesignToken,
1850
+ "zwart": DesignToken,
1851
+ "none": DesignToken
1852
+ },
1853
+ "border-radius": {
1854
+ "sm": DesignToken,
1855
+ "md": DesignToken,
1856
+ "keep": DesignToken,
1857
+ "circle": DesignToken,
1858
+ "none": DesignToken
1859
+ },
1860
+ "sub-nav-bar": {
1861
+ "background-color": DesignToken,
1862
+ "column-gap": DesignToken,
1863
+ "column-width": DesignToken,
1864
+ "padding-block-end": DesignToken,
1865
+ "padding-block-start": DesignToken,
1866
+ "inline-size": DesignToken,
1867
+ "content": {
1868
+ "padding-inline-end": DesignToken,
1869
+ "padding-inline-start": DesignToken,
1870
+ "max-inline-size": DesignToken,
1871
+ "list": {
1872
+ "row-gap": DesignToken
1873
+ }
1874
+ }
1875
+ },
1876
+ "toggletip": {
1877
+ "color": DesignToken,
1878
+ "background-color": DesignToken,
1879
+ "border-color": DesignToken,
1880
+ "border-radius": DesignToken,
1881
+ "border-width": DesignToken,
1882
+ "icon": {
1883
+ "size": DesignToken
1563
1884
  },
1564
- "indeterminate": {
1885
+ "size": DesignToken,
1886
+ "active": {
1887
+ "color": DesignToken,
1565
1888
  "background-color": DesignToken,
1566
- "border-color": DesignToken,
1889
+ "border-color": DesignToken
1890
+ },
1891
+ "hover": {
1567
1892
  "color": DesignToken,
1568
- "border-width": DesignToken,
1569
- "disabled": {
1570
- "background-color": DesignToken,
1571
- "border-color": DesignToken,
1893
+ "background-color": DesignToken
1894
+ },
1895
+ "focus": {
1896
+ "color": DesignToken,
1897
+ "background-color": DesignToken
1898
+ }
1899
+ },
1900
+ "sidenav": {
1901
+ "display": DesignToken,
1902
+ "link": {
1903
+ "line-height": DesignToken,
1904
+ "icon": {
1905
+ "size": DesignToken,
1906
+ "margin-inline": DesignToken
1907
+ },
1908
+ "font-size": DesignToken,
1909
+ "font-family": DesignToken,
1910
+ "font-weight": DesignToken,
1911
+ "current": {
1912
+ "font-weight": DesignToken,
1572
1913
  "color": DesignToken
1573
1914
  },
1915
+ "color": DesignToken,
1574
1916
  "active": {
1575
- "background-color": DesignToken,
1576
- "border-color": DesignToken,
1577
1917
  "color": DesignToken,
1578
- "border-width": DesignToken
1918
+ "text-decoration": DesignToken
1579
1919
  },
1580
- "hover": {
1581
- "background-color": DesignToken,
1920
+ "focus": {
1921
+ "border-radius": DesignToken,
1922
+ "border-width": DesignToken,
1923
+ "border-style": DesignToken,
1582
1924
  "border-color": DesignToken,
1925
+ "background-color": DesignToken,
1583
1926
  "color": DesignToken,
1584
- "border-width": DesignToken
1927
+ "text-decoration": DesignToken
1585
1928
  },
1586
- "focus": {
1587
- "background-color": DesignToken,
1588
- "border-color": DesignToken,
1929
+ "hover": {
1589
1930
  "color": DesignToken,
1590
- "border-width": DesignToken
1591
- }
1592
- },
1593
- "border-width": DesignToken,
1594
- "hover": {
1595
- "border-width": DesignToken,
1596
- "background-color": DesignToken,
1597
- "border-color": DesignToken
1598
- },
1599
- "active": {
1600
- "border-width": DesignToken,
1601
- "background-color": DesignToken,
1602
- "border-color": DesignToken
1931
+ "text-decoration": DesignToken
1932
+ },
1933
+ "padding-block-start": DesignToken,
1934
+ "padding-block-end": DesignToken,
1935
+ "text-decoration": DesignToken,
1936
+ "column-gap": DesignToken
1603
1937
  }
1604
1938
  },
1605
- "button-group": {
1606
- "background-color": DesignToken,
1607
- "column-gap": DesignToken,
1608
- "margin-block-end": DesignToken,
1609
- "margin-block-start": DesignToken,
1939
+ "radio-group": {
1610
1940
  "padding-block-end": DesignToken,
1611
1941
  "padding-block-start": DesignToken,
1612
1942
  "row-gap": DesignToken
1613
1943
  },
1614
- "button": {
1615
- "background-color": DesignToken,
1616
- "border-color": DesignToken,
1617
- "color": DesignToken,
1618
- "border-radius": DesignToken,
1619
- "border-width": DesignToken,
1944
+ "navigation-list": {
1620
1945
  "icon": {
1621
- "gap": DesignToken,
1622
- "size": DesignToken
1623
- },
1624
- "font-family": DesignToken,
1625
- "font-size": DesignToken,
1626
- "font-weight": DesignToken,
1627
- "line-height": DesignToken,
1628
- "padding-block-end": DesignToken,
1629
- "padding-block-start": DesignToken,
1630
- "padding-inline-end": DesignToken,
1631
- "padding-inline-start": DesignToken,
1632
- "disabled": {
1633
- "background-color": DesignToken,
1634
- "border-color": DesignToken,
1635
- "color": DesignToken
1636
- },
1637
- "focus": {
1638
- "background-color": DesignToken,
1639
- "border-color": DesignToken,
1640
- "color": DesignToken
1641
- },
1642
- "hover": {
1643
1946
  "background-color": DesignToken,
1644
- "border-color": DesignToken,
1645
- "color": DesignToken
1646
- },
1647
- "active": {
1648
- "background-color": DesignToken,
1649
- "border-color": DesignToken,
1947
+ "border-radius": DesignToken,
1650
1948
  "color": DesignToken
1651
1949
  },
1652
- "min-block-size": DesignToken,
1653
- "min-inline-size": DesignToken,
1654
- "column-gap": DesignToken,
1655
- "primary-action": {
1656
- "hover": {
1657
- "background-color": DesignToken,
1658
- "border-color": DesignToken,
1659
- "color": DesignToken
1950
+ "item": {
1951
+ "icon": {
1952
+ "padding-inline": DesignToken,
1953
+ "padding-block": DesignToken,
1954
+ "size": DesignToken
1660
1955
  },
1661
- "background-color": DesignToken,
1662
- "border-color": DesignToken,
1663
- "color": DesignToken,
1664
- "disabled": {
1665
- "background-color": DesignToken,
1666
- "border-color": DesignToken,
1667
- "color": DesignToken
1956
+ "content": {
1957
+ "font-size": DesignToken,
1958
+ "column-gap": DesignToken,
1959
+ "row-gap": DesignToken
1668
1960
  },
1669
- "focus": {
1670
- "background-color": DesignToken,
1671
- "border-color": DesignToken,
1672
- "color": DesignToken
1961
+ "label": {
1962
+ "font-family": DesignToken,
1963
+ "font-size": DesignToken,
1964
+ "font-weight": DesignToken,
1965
+ "line-height": DesignToken
1673
1966
  },
1674
- "font-weight": DesignToken,
1675
1967
  "active": {
1676
- "background-color": DesignToken,
1677
- "border-color": DesignToken,
1678
- "color": DesignToken
1968
+ "background-color": DesignToken
1679
1969
  },
1680
- "font-size": DesignToken,
1681
- "line-height": DesignToken,
1682
- "pressed": {
1683
- "background-color": DesignToken,
1684
- "border-color": DesignToken,
1685
- "color": DesignToken
1686
- }
1687
- },
1688
- "secondary-action": {
1689
1970
  "hover": {
1690
- "background-color": DesignToken,
1691
- "border-color": DesignToken,
1692
- "color": DesignToken
1971
+ "background-color": DesignToken
1972
+ },
1973
+ "focus": {
1974
+ "background-color": DesignToken
1693
1975
  },
1694
1976
  "background-color": DesignToken,
1695
- "border-color": DesignToken,
1696
1977
  "color": DesignToken,
1697
- "disabled": {
1698
- "background-color": DesignToken,
1699
- "border-color": DesignToken,
1700
- "color": DesignToken
1701
- },
1702
- "focus": {
1703
- "background-color": DesignToken,
1704
- "border-color": DesignToken,
1978
+ "border-width": DesignToken,
1979
+ "border-color": DesignToken,
1980
+ "heading": {
1705
1981
  "color": DesignToken
1706
1982
  },
1707
- "font-weight": DesignToken,
1983
+ "column-gap": DesignToken,
1984
+ "min-height": DesignToken,
1985
+ "padding-block": DesignToken,
1986
+ "padding-inline": DesignToken
1987
+ }
1988
+ },
1989
+ "nav-bar": {
1990
+ "border-block-end-width": DesignToken,
1991
+ "max-inline-size": DesignToken,
1992
+ "padding-inline": DesignToken,
1993
+ "container": {
1994
+ "inline-size": DesignToken
1995
+ },
1996
+ "content": {
1997
+ "column-gap": DesignToken
1998
+ },
1999
+ "icon": {
2000
+ "color": DesignToken,
1708
2001
  "active": {
1709
- "background-color": DesignToken,
1710
- "border-color": DesignToken,
1711
2002
  "color": DesignToken
1712
2003
  },
1713
- "font-size": DesignToken,
1714
- "line-height": DesignToken,
1715
- "pressed": {
1716
- "background-color": DesignToken,
1717
- "border-color": DesignToken,
1718
- "color": DesignToken
1719
- }
2004
+ "size": DesignToken
1720
2005
  },
1721
- "subtle": {
1722
- "font-size": DesignToken,
1723
- "font-weight": DesignToken,
1724
- "hover": {
2006
+ "link": {
2007
+ "active": {
1725
2008
  "background-color": DesignToken,
1726
- "border-color": DesignToken,
1727
2009
  "color": DesignToken
1728
2010
  },
1729
2011
  "background-color": DesignToken,
1730
- "border-color": DesignToken,
1731
2012
  "color": DesignToken,
1732
- "disabled": {
1733
- "background-color": DesignToken,
1734
- "border-color": DesignToken,
1735
- "color": DesignToken
1736
- },
1737
2013
  "focus": {
1738
2014
  "background-color": DesignToken,
1739
- "border-color": DesignToken,
1740
- "color": DesignToken
1741
- },
1742
- "active": {
1743
- "background-color": DesignToken,
1744
- "border-color": DesignToken,
1745
2015
  "color": DesignToken
1746
2016
  },
1747
- "line-height": DesignToken,
1748
- "pressed": {
2017
+ "hover": {
1749
2018
  "background-color": DesignToken,
1750
- "border-color": DesignToken,
1751
2019
  "color": DesignToken
1752
- }
1753
- },
1754
- "pressed": {
1755
- "background-color": DesignToken,
1756
- "border-color": DesignToken,
1757
- "color": DesignToken
1758
- }
1759
- },
1760
- "breadcrumb-nav": {
1761
- "line-height": DesignToken,
1762
- "font-size": DesignToken,
1763
- "link": {
1764
- "icon": {
1765
- "size": DesignToken,
1766
- "margin-inline": DesignToken,
1767
- "inset-block-start": DesignToken
1768
2020
  },
1769
2021
  "padding-block-end": DesignToken,
1770
2022
  "padding-block-start": DesignToken,
1771
2023
  "padding-inline-end": DesignToken,
1772
2024
  "padding-inline-start": DesignToken,
2025
+ "column-gap": DesignToken
2026
+ },
2027
+ "heading": {
2028
+ "font-weight": DesignToken
2029
+ },
2030
+ "background-color": DesignToken,
2031
+ "color": DesignToken,
2032
+ "border-color": DesignToken
2033
+ },
2034
+ "message-list": {
2035
+ "item": {
2036
+ "background-color": DesignToken,
2037
+ "border-color": DesignToken,
2038
+ "border-width": DesignToken,
1773
2039
  "color": DesignToken,
1774
- "active": {
1775
- "color": DesignToken,
1776
- "text-decoration": DesignToken
2040
+ "column-gap": DesignToken,
2041
+ "icon": {
2042
+ "size": DesignToken,
2043
+ "color": DesignToken
1777
2044
  },
1778
- "focus": {
1779
- "background-color": DesignToken,
1780
- "color": DesignToken,
1781
- "text-decoration": DesignToken
2045
+ "min-height": DesignToken,
2046
+ "padding-block": DesignToken,
2047
+ "padding-inline": DesignToken,
2048
+ "content": {
2049
+ "font-size": DesignToken,
2050
+ "column-gap": DesignToken,
2051
+ "row-gap": DesignToken
1782
2052
  },
1783
- "hover": {
1784
- "color": DesignToken,
1785
- "text-decoration": DesignToken
2053
+ "label": {
2054
+ "font-family": DesignToken,
2055
+ "font-size": DesignToken,
2056
+ "font-weight": DesignToken,
2057
+ "line-height": DesignToken
1786
2058
  },
1787
- "current": {
2059
+ "heading": {
1788
2060
  "color": DesignToken
1789
- },
1790
- "text-decoration": DesignToken
2061
+ }
2062
+ }
2063
+ },
2064
+ "logo": {
2065
+ "image": {
2066
+ "background-color": DesignToken,
2067
+ "inline-size": DesignToken,
2068
+ "block-size": DesignToken,
2069
+ "color": DesignToken
1791
2070
  },
1792
- "divider": {
1793
- "size": DesignToken,
1794
- "color": DesignToken,
1795
- "inset-block-start": DesignToken
2071
+ "title": {
2072
+ "font-weight": DesignToken,
2073
+ "line-height": DesignToken,
2074
+ "font-size": DesignToken,
2075
+ "padding-block-start": DesignToken
1796
2076
  },
1797
- "margin-inline": DesignToken,
1798
- "font-family": DesignToken,
1799
- "font-weight": DesignToken
1800
- },
1801
- "article": {
1802
- "max-inline-size": DesignToken
1803
- },
1804
- "alert": {
1805
- "heading": {
1806
- "font-family": DesignToken,
2077
+ "subtitle": {
1807
2078
  "font-weight": DesignToken,
1808
2079
  "line-height": DesignToken,
1809
2080
  "font-size": DesignToken
1810
2081
  },
1811
2082
  "column-gap": DesignToken,
1812
- "border-width": DesignToken,
1813
- "margin-block-end": DesignToken,
1814
- "margin-block-start": DesignToken,
2083
+ "font-family": DesignToken,
2084
+ "color": DesignToken
2085
+ },
2086
+ "link-list-card": {
2087
+ "background-color": DesignToken,
2088
+ "padding-block-start": DesignToken,
2089
+ "padding-block-end": DesignToken,
2090
+ "row-gap": DesignToken,
2091
+ "padding-inline-start": DesignToken,
2092
+ "padding-inline-end": DesignToken
2093
+ },
2094
+ "icon-only-button": {
1815
2095
  "padding-block-end": DesignToken,
1816
2096
  "padding-block-start": DesignToken,
1817
2097
  "padding-inline-end": DesignToken,
1818
- "padding-inline-start": DesignToken,
1819
- "background-color": DesignToken,
1820
- "border-color": DesignToken,
1821
- "color": DesignToken,
1822
- "info": {
1823
- "background-color": DesignToken,
1824
- "border-color": DesignToken,
1825
- "color": DesignToken
1826
- },
1827
- "error": {
1828
- "background-color": DesignToken,
1829
- "border-color": DesignToken,
1830
- "color": DesignToken
1831
- },
1832
- "ok": {
1833
- "background-color": DesignToken,
1834
- "border-color": DesignToken,
1835
- "color": DesignToken
1836
- },
1837
- "warning": {
1838
- "background-color": DesignToken,
1839
- "border-color": DesignToken,
1840
- "color": DesignToken
2098
+ "padding-inline-start": DesignToken
2099
+ },
2100
+ "hero": {
2101
+ "heading": {
2102
+ "font-weight": DesignToken,
2103
+ "line-height": DesignToken,
2104
+ "font-size": DesignToken,
2105
+ "font-family": DesignToken
1841
2106
  },
1842
- "icon": {
1843
- "inset-block-start": DesignToken,
1844
- "info": {
1845
- "color": DesignToken
1846
- },
1847
- "error": {
1848
- "color": DesignToken
1849
- },
1850
- "ok": {
1851
- "color": DesignToken
1852
- },
1853
- "warning": {
1854
- "color": DesignToken
1855
- },
1856
- "size": DesignToken
2107
+ "sub-heading": {
2108
+ "font-weight": DesignToken,
2109
+ "line-height": DesignToken,
2110
+ "font-size": DesignToken,
2111
+ "font-family": DesignToken
1857
2112
  },
1858
2113
  "message": {
1859
- "line-height": DesignToken,
1860
- "column-gap": DesignToken
2114
+ "background-color": DesignToken,
2115
+ "color": DesignToken,
2116
+ "row-gap": DesignToken,
2117
+ "padding-block-end": DesignToken,
2118
+ "padding-inline-end": DesignToken,
2119
+ "padding-inline-start": DesignToken,
2120
+ "padding-block-start": DesignToken,
2121
+ "border-radius": DesignToken,
2122
+ "inline-size": DesignToken
1861
2123
  },
1862
- "border-radius": DesignToken
2124
+ "border-radius": DesignToken,
2125
+ "inline-size": DesignToken
1863
2126
  },
1864
- "action": {
1865
- "activate": {
1866
- "cursor": DesignToken
2127
+ "form-field-radio-option": {
2128
+ "column-gap": DesignToken,
2129
+ "font-weight": DesignToken,
2130
+ "row-gap": DesignToken,
2131
+ "label": {
2132
+ "margin-block-end": DesignToken
1867
2133
  },
1868
- "busy": {
1869
- "cursor": DesignToken
2134
+ "input": {
2135
+ "margin": {
2136
+ "block-start": DesignToken
2137
+ }
2138
+ }
2139
+ },
2140
+ "form-field-checkbox-option": {
2141
+ "column-gap": DesignToken,
2142
+ "margin-block-end": DesignToken
2143
+ },
2144
+ "page-footer": {
2145
+ "column-gap": DesignToken,
2146
+ "column-width": DesignToken,
2147
+ "column": {
2148
+ "title": {
2149
+ "margin-block-end": DesignToken
2150
+ }
1870
2151
  },
1871
- "disabled": {
1872
- "cursor": DesignToken
2152
+ "content": {
2153
+ "max-inline-size": DesignToken,
2154
+ "padding-inline-start": DesignToken,
2155
+ "padding-inline-end": DesignToken,
2156
+ "column-gap": DesignToken
1873
2157
  },
1874
- "inert": {
1875
- "cursor": DesignToken
2158
+ "border-block-start-width": DesignToken,
2159
+ "border-block-start-color": DesignToken,
2160
+ "border-block-start-style": DesignToken,
2161
+ "outlined": {
2162
+ "background-color": DesignToken,
2163
+ "color": DesignToken,
2164
+ "border-color": DesignToken
1876
2165
  },
1877
- "navigate": {
1878
- "cursor": DesignToken
2166
+ "padding-block-start": DesignToken,
2167
+ "padding-block-end": DesignToken,
2168
+ "padding-inline-start": DesignToken,
2169
+ "padding-inline-end": DesignToken,
2170
+ "flex": {
2171
+ "direction": DesignToken
2172
+ }
2173
+ },
2174
+ "file-input": {
2175
+ "column-gap": DesignToken,
2176
+ "row-gap": DesignToken,
2177
+ "feedback": {
2178
+ "color": DesignToken,
2179
+ "font-size": DesignToken
2180
+ }
2181
+ },
2182
+ "file": {
2183
+ "border-style": DesignToken,
2184
+ "border-color": DesignToken,
2185
+ "border-width": DesignToken,
2186
+ "border-radius": DesignToken,
2187
+ "padding-inline-start": DesignToken,
2188
+ "padding-inline-end": DesignToken,
2189
+ "padding-block-start": DesignToken,
2190
+ "padding-block-end": DesignToken,
2191
+ "column-gap": DesignToken,
2192
+ "error": {
2193
+ "border-color": DesignToken
1879
2194
  },
1880
- "submit": {
1881
- "cursor": DesignToken
2195
+ "subtitle": {
2196
+ "color": DesignToken
1882
2197
  }
1883
2198
  },
1884
- "document": {
1885
- "background-color": DesignToken,
2199
+ "dot-badge": {
2200
+ "border-radius": DesignToken,
1886
2201
  "color": DesignToken,
1887
- "font-family": DesignToken,
1888
- "font-size": DesignToken,
1889
- "line-height": DesignToken,
1890
- "font-weight": DesignToken
2202
+ "size": DesignToken
1891
2203
  },
1892
- "rich-text": {
1893
- "stranger": {
1894
- "margin-block-end": DesignToken
1895
- },
1896
- "acquaintance": {
1897
- "margin-block-end": DesignToken
1898
- },
1899
- "friend": {
1900
- "margin-block-end": DesignToken
2204
+ "code-input": {
2205
+ "size": DesignToken
2206
+ },
2207
+ "code-input-group": {
2208
+ "column-gap": DesignToken
2209
+ },
2210
+ "checkbox-group": {
2211
+ "padding-block-end": DesignToken,
2212
+ "padding-block-start": DesignToken,
2213
+ "row-gap": DesignToken
2214
+ },
2215
+ "card-as-link": {
2216
+ "background-color": DesignToken,
2217
+ "border-color": DesignToken,
2218
+ "border-radius": DesignToken,
2219
+ "border-width": DesignToken,
2220
+ "color": DesignToken,
2221
+ "column-gap": DesignToken,
2222
+ "inline-size": DesignToken,
2223
+ "icon": {
2224
+ "color": DesignToken,
2225
+ "size": DesignToken
1901
2226
  },
1902
- "best-friend": {
1903
- "margin-block-end": DesignToken
2227
+ "link": {
2228
+ "color": DesignToken,
2229
+ "text-decoration": DesignToken,
2230
+ "active": {
2231
+ "text-decoration": DesignToken
2232
+ },
2233
+ "hover": {
2234
+ "text-decoration": DesignToken
2235
+ },
2236
+ "focus": {
2237
+ "text-decoration": DesignToken
2238
+ }
2239
+ },
2240
+ "metadata": {
2241
+ "color": DesignToken
1904
2242
  },
1905
- "confidant": {
1906
- "margin-block-end": DesignToken
1907
- }
1908
- },
1909
- "pointer-target": {
1910
- "min-size": DesignToken
1911
- },
1912
- "focus": {
1913
- "outline-color": DesignToken,
1914
- "outline-offset": DesignToken,
1915
- "outline-style": DesignToken,
1916
- "outline-width": DesignToken,
1917
- "inverse": {
1918
- "outline-color": DesignToken
1919
- }
1920
- }
1921
- },
1922
- "nl": {
1923
- "skip-link": {
1924
- "font-weight": DesignToken,
1925
- "font-family": DesignToken,
1926
- "font-size": DesignToken,
1927
- "line-height": DesignToken,
1928
- "min-block-size": DesignToken,
1929
- "min-inline-size": DesignToken,
1930
2243
  "padding-block-end": DesignToken,
1931
2244
  "padding-block-start": DesignToken,
1932
2245
  "padding-inline-end": DesignToken,
1933
2246
  "padding-inline-start": DesignToken,
1934
- "focus": {
2247
+ "row-gap": DesignToken,
2248
+ "active": {
1935
2249
  "background-color": DesignToken,
1936
- "border-color": DesignToken,
1937
- "border-style": DesignToken,
1938
- "border-width": DesignToken,
1939
- "color": DesignToken,
1940
2250
  "text-decoration": DesignToken
1941
2251
  },
1942
- "focus-visible": {
1943
- "outline-color": DesignToken
2252
+ "hover": {
2253
+ "background-color": DesignToken,
2254
+ "text-decoration": DesignToken
1944
2255
  },
1945
- "background-color": DesignToken,
1946
- "border-color": DesignToken,
1947
- "color": DesignToken,
1948
- "border-width": DesignToken,
1949
- "box-block-end-shadow": {
1950
- "offset-x": DesignToken,
1951
- "offset-y": DesignToken,
1952
- "blur-radius": DesignToken,
1953
- "spread-radius": DesignToken,
1954
- "color": DesignToken
2256
+ "focus": {
2257
+ "background-color": DesignToken,
2258
+ "text-decoration": DesignToken
1955
2259
  },
1956
- "text-decoration": DesignToken,
1957
- "text-underline-offset": DesignToken
1958
- },
1959
- "paragraph": {
1960
- "color": DesignToken,
1961
- "font-family": DesignToken,
1962
- "font-size": DesignToken,
1963
- "font-weight": DesignToken,
1964
- "line-height": DesignToken,
1965
- "margin-block-end": DesignToken,
1966
- "margin-block-start": DesignToken,
1967
- "lead": {
2260
+ "full-bleed": {
2261
+ "background-color": DesignToken,
2262
+ "border-color": DesignToken,
1968
2263
  "color": DesignToken,
1969
- "font-size": DesignToken,
1970
- "font-weight": DesignToken,
1971
- "line-height": DesignToken
1972
- }
1973
- },
1974
- "link": {
1975
- "color": DesignToken,
1976
- "text-decoration-color": DesignToken,
1977
- "active": {
2264
+ "opacity": DesignToken
2265
+ },
2266
+ "heading": {
1978
2267
  "color": DesignToken,
1979
- "text-decoration": DesignToken
2268
+ "padding-block-start": DesignToken,
2269
+ "font-size": DesignToken,
2270
+ "font-weight": DesignToken
1980
2271
  },
1981
- "focus": {
2272
+ "horizontal": {
1982
2273
  "background-color": DesignToken,
2274
+ "border-color": DesignToken,
1983
2275
  "color": DesignToken,
1984
- "text-decoration": DesignToken,
1985
- "text-decoration-thickness": DesignToken
2276
+ "max-block-size": DesignToken,
2277
+ "padding-block-end": DesignToken,
2278
+ "padding-block-start": DesignToken,
2279
+ "padding-inline-end": DesignToken,
2280
+ "padding-inline-start": DesignToken,
2281
+ "heading": {
2282
+ "inline-size": DesignToken
2283
+ }
2284
+ }
2285
+ },
2286
+ "focus": {
2287
+ "outline-offset": DesignToken,
2288
+ "outline-style": DesignToken,
2289
+ "outline-width": DesignToken
2290
+ },
2291
+ "font-size": {
2292
+ "heading": {
2293
+ "level-1": DesignToken,
2294
+ "level-2": DesignToken,
2295
+ "level-3": DesignToken,
2296
+ "level-4": DesignToken,
2297
+ "level-5": DesignToken
1986
2298
  },
1987
- "hover": {
1988
- "color": DesignToken,
1989
- "text-decoration": DesignToken,
1990
- "text-decoration-thickness": DesignToken
2299
+ "body": {
2300
+ "intro": DesignToken,
2301
+ "default": DesignToken
1991
2302
  },
1992
- "visited": {
1993
- "color": DesignToken
2303
+ "xs": {
2304
+ "desktop": DesignToken,
2305
+ "tablet": DesignToken,
2306
+ "mobile": DesignToken
1994
2307
  },
1995
- "text-decoration": DesignToken,
1996
- "icon": {
1997
- "inset-block-start": DesignToken,
1998
- "size": DesignToken
2308
+ "sm": {
2309
+ "desktop": DesignToken,
2310
+ "tablet": DesignToken,
2311
+ "mobile": DesignToken
1999
2312
  },
2000
- "column-gap": DesignToken,
2001
- "text-decoration-thickness": DesignToken,
2002
- "text-underline-offset": DesignToken,
2003
- "font-family": DesignToken,
2004
- "font-weight": DesignToken,
2005
- "font-size": DesignToken,
2006
- "line-height": DesignToken
2313
+ "md": {
2314
+ "desktop": DesignToken,
2315
+ "tablet": DesignToken,
2316
+ "mobile": DesignToken
2317
+ },
2318
+ "lg": {
2319
+ "desktop": DesignToken,
2320
+ "tablet": DesignToken,
2321
+ "mobile": DesignToken
2322
+ },
2323
+ "xl": {
2324
+ "desktop": DesignToken,
2325
+ "tablet": DesignToken,
2326
+ "mobile": DesignToken
2327
+ }
2007
2328
  },
2008
- "heading-level-1": {
2009
- "color": DesignToken,
2010
- "font-family": DesignToken,
2011
- "font-weight": DesignToken,
2012
- "line-height": DesignToken,
2013
- "font-size": DesignToken,
2014
- "margin-block-end": DesignToken,
2015
- "margin-block-start": DesignToken
2329
+ "font-weight": {
2330
+ "default": DesignToken,
2331
+ "strong": DesignToken,
2332
+ "extra-bold": DesignToken,
2333
+ "bold": DesignToken,
2334
+ "semi-bold": DesignToken,
2335
+ "regular": DesignToken,
2336
+ "light": DesignToken,
2337
+ "thin": DesignToken
2016
2338
  },
2017
- "heading-level-2": {
2018
- "color": DesignToken,
2019
- "font-family": DesignToken,
2020
- "font-weight": DesignToken,
2021
- "line-height": DesignToken,
2022
- "font-size": DesignToken,
2023
- "margin-block-end": DesignToken,
2024
- "margin-block-start": DesignToken
2339
+ "line-height": {
2340
+ "body": DesignToken,
2341
+ "sm": DesignToken,
2342
+ "md": DesignToken
2025
2343
  },
2026
- "heading-level-3": {
2027
- "color": DesignToken,
2028
- "font-family": DesignToken,
2029
- "font-weight": DesignToken,
2030
- "line-height": DesignToken,
2031
- "font-size": DesignToken,
2032
- "margin-block-end": DesignToken,
2033
- "margin-block-start": DesignToken
2344
+ "size": {
2345
+ "target": DesignToken,
2346
+ "icon": {
2347
+ "functional": DesignToken
2348
+ },
2349
+ "quarter-lint": DesignToken,
2350
+ "half-lint": DesignToken,
2351
+ "lint": DesignToken,
2352
+ "2-lint": DesignToken,
2353
+ "3-lint": DesignToken
2034
2354
  },
2035
- "heading-level-4": {
2036
- "color": DesignToken,
2037
- "font-family": DesignToken,
2038
- "font-weight": DesignToken,
2039
- "line-height": DesignToken,
2040
- "font-size": DesignToken,
2041
- "margin-block-end": DesignToken,
2042
- "margin-block-start": DesignToken
2355
+ "font-family": {
2356
+ "primary": DesignToken,
2357
+ "secondary": DesignToken
2043
2358
  },
2044
- "heading-level-5": {
2045
- "color": DesignToken,
2046
- "font-family": DesignToken,
2047
- "font-weight": DesignToken,
2048
- "line-height": DesignToken,
2049
- "font-size": DesignToken,
2050
- "margin-block-end": DesignToken,
2051
- "margin-block-start": DesignToken
2359
+ "border-width": {
2360
+ "default": DesignToken,
2361
+ "m": DesignToken,
2362
+ "none": DesignToken
2052
2363
  },
2053
- "number-badge": {
2054
- "font-size": DesignToken,
2055
- "line-height": DesignToken,
2056
- "min-block-size": DesignToken,
2057
- "min-inline-size": DesignToken,
2058
- "font-weight": DesignToken,
2059
- "border-width": DesignToken,
2060
- "border-radius": DesignToken,
2061
- "font-family": DesignToken,
2062
- "background-color": DesignToken,
2063
- "border-color": DesignToken,
2064
- "color": DesignToken,
2065
- "padding-inline": DesignToken,
2066
- "padding-block": DesignToken
2364
+ "space": {
2365
+ "0": DesignToken,
2366
+ "25": DesignToken,
2367
+ "50": DesignToken,
2368
+ "100": DesignToken,
2369
+ "150": DesignToken,
2370
+ "200": DesignToken,
2371
+ "300": DesignToken,
2372
+ "400": DesignToken,
2373
+ "500": DesignToken,
2374
+ "600": DesignToken,
2375
+ "700": DesignToken
2067
2376
  }
2068
2377
  }
2069
2378
  }