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