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