@rijkshuisstijl-community/design-tokens 2.0.0 → 3.0.0

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