@rijkshuisstijl-community/design-tokens 1.2.0 → 3.0.0

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