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