@rijkshuisstijl-community/design-tokens 4.0.0 → 4.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/_variables.scss +351 -260
  3. package/dist/index.css +351 -260
  4. package/dist/index.d.ts +350 -259
  5. package/dist/index.js +351 -260
  6. package/dist/index.json +350 -259
  7. package/dist/index.tokens.json +507 -354
  8. package/dist/koop/_variables.scss +607 -516
  9. package/dist/koop/index.css +607 -516
  10. package/dist/koop/index.d.ts +701 -610
  11. package/dist/koop/index.js +703 -612
  12. package/dist/koop/index.json +703 -612
  13. package/dist/koop/index.tokens.json +915 -762
  14. package/dist/koop/root.css +607 -516
  15. package/dist/koop/tokens.d.ts +886 -733
  16. package/dist/koop/tokens.js +16374 -14153
  17. package/dist/root.css +351 -260
  18. package/dist/tokens.d.ts +475 -322
  19. package/dist/tokens.js +18021 -15800
  20. package/dist/uitvoerend-groen/_variables.scss +607 -516
  21. package/dist/uitvoerend-groen/index.css +607 -516
  22. package/dist/uitvoerend-groen/index.d.ts +680 -589
  23. package/dist/uitvoerend-groen/index.js +698 -607
  24. package/dist/uitvoerend-groen/index.json +698 -607
  25. package/dist/uitvoerend-groen/index.tokens.json +931 -778
  26. package/dist/uitvoerend-groen/root.css +607 -516
  27. package/dist/uitvoerend-groen/tokens.d.ts +907 -754
  28. package/dist/uitvoerend-groen/tokens.js +17815 -15594
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +607 -516
  30. package/dist/uitvoerend-hemelblauw/index.css +607 -516
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +680 -589
  32. package/dist/uitvoerend-hemelblauw/index.js +698 -607
  33. package/dist/uitvoerend-hemelblauw/index.json +698 -607
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +931 -778
  35. package/dist/uitvoerend-hemelblauw/root.css +607 -516
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +907 -754
  37. package/dist/uitvoerend-hemelblauw/tokens.js +17819 -15598
  38. package/dist/uitvoerend-mintgroen/_variables.scss +607 -516
  39. package/dist/uitvoerend-mintgroen/index.css +607 -516
  40. package/dist/uitvoerend-mintgroen/index.d.ts +680 -589
  41. package/dist/uitvoerend-mintgroen/index.js +698 -607
  42. package/dist/uitvoerend-mintgroen/index.json +698 -607
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +931 -778
  44. package/dist/uitvoerend-mintgroen/root.css +607 -516
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +907 -754
  46. package/dist/uitvoerend-mintgroen/tokens.js +17815 -15594
  47. package/dist/uitvoerend-oranje/_variables.scss +607 -516
  48. package/dist/uitvoerend-oranje/index.css +607 -516
  49. package/dist/uitvoerend-oranje/index.d.ts +680 -589
  50. package/dist/uitvoerend-oranje/index.js +698 -607
  51. package/dist/uitvoerend-oranje/index.json +698 -607
  52. package/dist/uitvoerend-oranje/index.tokens.json +933 -780
  53. package/dist/uitvoerend-oranje/root.css +607 -516
  54. package/dist/uitvoerend-oranje/tokens.d.ts +908 -755
  55. package/dist/uitvoerend-oranje/tokens.js +17794 -15573
  56. package/dist/uitvoerend-paars/_variables.scss +607 -516
  57. package/dist/uitvoerend-paars/index.css +607 -516
  58. package/dist/uitvoerend-paars/index.d.ts +680 -589
  59. package/dist/uitvoerend-paars/index.js +698 -607
  60. package/dist/uitvoerend-paars/index.json +698 -607
  61. package/dist/uitvoerend-paars/index.tokens.json +931 -778
  62. package/dist/uitvoerend-paars/root.css +607 -516
  63. package/dist/uitvoerend-paars/tokens.d.ts +907 -754
  64. package/dist/uitvoerend-paars/tokens.js +17815 -15594
  65. package/dist/uitvoerend-violet/_variables.scss +607 -516
  66. package/dist/uitvoerend-violet/index.css +607 -516
  67. package/dist/uitvoerend-violet/index.d.ts +680 -589
  68. package/dist/uitvoerend-violet/index.js +698 -607
  69. package/dist/uitvoerend-violet/index.json +698 -607
  70. package/dist/uitvoerend-violet/index.tokens.json +931 -778
  71. package/dist/uitvoerend-violet/root.css +607 -516
  72. package/dist/uitvoerend-violet/tokens.d.ts +907 -754
  73. package/dist/uitvoerend-violet/tokens.js +17815 -15594
  74. package/dist/uitvoerend-violet-oud/_variables.scss +608 -517
  75. package/dist/uitvoerend-violet-oud/index.css +608 -517
  76. package/dist/uitvoerend-violet-oud/index.d.ts +681 -590
  77. package/dist/uitvoerend-violet-oud/index.js +699 -608
  78. package/dist/uitvoerend-violet-oud/index.json +699 -608
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +925 -772
  80. package/dist/uitvoerend-violet-oud/root.css +608 -517
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +898 -745
  82. package/dist/uitvoerend-violet-oud/tokens.js +17299 -15078
  83. package/dist/wetgevend/_variables.scss +606 -515
  84. package/dist/wetgevend/index.css +606 -515
  85. package/dist/wetgevend/index.d.ts +679 -588
  86. package/dist/wetgevend/index.js +682 -591
  87. package/dist/wetgevend/index.json +682 -591
  88. package/dist/wetgevend/index.tokens.json +934 -781
  89. package/dist/wetgevend/root.css +606 -515
  90. package/dist/wetgevend/tokens.d.ts +887 -734
  91. package/dist/wetgevend/tokens.js +16235 -14014
  92. package/figma/figma.tokens.json +2138 -1495
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +1876 -1437
  95. package/src/generated/koop/tokens.json +3394 -2955
  96. package/src/generated/themes.json +35654 -31703
  97. package/src/generated/uitvoerend-groen/tokens.json +3469 -3030
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +3466 -3027
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +3469 -3030
  100. package/src/generated/uitvoerend-oranje/tokens.json +3469 -3030
  101. package/src/generated/uitvoerend-paars/tokens.json +3469 -3030
  102. package/src/generated/uitvoerend-violet/tokens.json +3469 -3030
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +3482 -3043
  104. package/src/generated/wetgevend/tokens.json +3527 -3088
package/src/generated/base.tokens.json CHANGED
@@ -79,303 +79,323 @@
79
79
  }
80
80
  },
81
81
  "textbox": {
82
+ "hover": {
83
+ "background-color": {
84
+ "type": "color",
85
+ "value": "#fff"
86
+ },
87
+ "border-color": {
88
+ "type": "color",
89
+ "value": "#738eab"
90
+ },
91
+ "border-width": {
92
+ "type": "dimension",
93
+ "value": "1px"
94
+ },
95
+ "color": {
96
+ "type": "color",
97
+ "value": "#0F172A"
98
+ }
99
+ },
100
+ "focus": {
101
+ "border-width": {
102
+ "type": "dimension",
103
+ "value": "2px"
104
+ },
105
+ "background-color": {
106
+ "type": "color",
107
+ "value": "#fff"
108
+ },
109
+ "border-color": {
110
+ "type": "color",
111
+ "value": "#154273"
112
+ },
113
+ "color": {
114
+ "type": "color",
115
+ "value": "#0F172A"
116
+ }
117
+ },
118
+ "background-color": {
119
+ "type": "color",
120
+ "value": "#fff"
121
+ },
122
+ "border-block-end-width": {
123
+ "type": "dimension",
124
+ "value": "auto"
125
+ },
126
+ "border-color": {
127
+ "type": "color",
128
+ "value": "#154273"
129
+ },
82
130
  "border-radius": {
83
- "value": "2.5px",
84
- "type": "borderRadius"
131
+ "type": "dimension",
132
+ "value": "2.5px"
133
+ },
134
+ "border-width": {
135
+ "type": "dimension",
136
+ "value": "1px"
137
+ },
138
+ "color": {
139
+ "type": "color",
140
+ "value": "#0F172A"
85
141
  },
86
142
  "font-family": {
87
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
88
- "type": "fontFamilies"
143
+ "type": "fontFamilies",
144
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
89
145
  },
90
146
  "font-size": {
91
- "value": "1.25rem",
92
- "type": "fontSizes"
147
+ "type": "fontSizes",
148
+ "value": "1.25rem"
93
149
  },
94
150
  "font-weight": {
95
- "value": 400,
96
- "type": "fontWeights"
151
+ "type": "fontWeights",
152
+ "value": 400
97
153
  },
98
154
  "line-height": {
99
- "value": "150%",
100
- "type": "lineHeights"
155
+ "type": "lineHeights",
156
+ "value": "150%"
101
157
  },
102
158
  "max-inline-size": {
103
- "value": "400px",
104
- "type": "sizing"
159
+ "type": "dimension",
160
+ "value": "400px"
161
+ },
162
+ "min-block-size": {
163
+ "type": "dimension",
164
+ "value": "48px"
105
165
  },
106
166
  "padding-block-end": {
107
- "value": "0.5rem",
108
- "type": "spacing"
167
+ "type": "dimension",
168
+ "value": "0.5rem"
109
169
  },
110
170
  "padding-block-start": {
111
- "value": "0.5rem",
112
- "type": "spacing"
171
+ "type": "dimension",
172
+ "value": "0.5rem"
113
173
  },
114
174
  "padding-inline-end": {
115
- "value": "0.75rem",
116
- "type": "spacing"
175
+ "type": "dimension",
176
+ "value": "0.75rem"
117
177
  },
118
178
  "padding-inline-start": {
119
- "value": "0.75rem",
120
- "type": "spacing"
121
- },
122
- "background-color": {
123
- "value": "#fff",
124
- "type": "color"
125
- },
126
- "border-color": {
127
- "value": "#154273",
128
- "type": "color"
129
- },
130
- "color": {
131
- "value": "#0F172A",
132
- "type": "color"
179
+ "type": "dimension",
180
+ "value": "0.75rem"
133
181
  },
134
182
  "invalid": {
135
183
  "background-color": {
136
- "value": "#f9dfdd",
137
- "type": "color"
184
+ "type": "color",
185
+ "value": "#f9dfdd"
138
186
  },
139
- "border-color": {
140
- "value": "#d52b1e",
141
- "type": "color"
187
+ "border-block-end-width": {
188
+ "type": "dimension",
189
+ "value": "1px"
142
190
  },
143
- "color": {
144
- "value": "#0F172A",
145
- "type": "color"
191
+ "border-color": {
192
+ "type": "color",
193
+ "value": "#d52b1e"
146
194
  },
147
195
  "border-width": {
148
- "value": "1px",
149
- "type": "borderWidth"
196
+ "type": "dimension",
197
+ "value": "1px"
198
+ },
199
+ "color": {
200
+ "type": "color",
201
+ "value": "#0F172A"
150
202
  }
151
203
  },
152
204
  "placeholder": {
153
205
  "color": {
154
- "value": "#64748B",
155
- "type": "color"
206
+ "type": "color",
207
+ "value": "#64748B"
156
208
  }
157
209
  },
158
- "border-block-end-width": {
159
- "value": "auto",
160
- "type": "borderWidth"
161
- },
162
- "border-width": {
163
- "value": "1px",
164
- "type": "borderWidth"
165
- },
166
- "focus": {
167
- "border-width": {
168
- "value": "2px",
169
- "type": "borderWidth"
170
- },
210
+ "read-only": {
171
211
  "background-color": {
172
- "value": "#fff",
173
- "type": "color"
212
+ "type": "color",
213
+ "value": "#F1F5F9"
174
214
  },
175
215
  "border-color": {
176
- "value": "#154273",
177
- "type": "color"
216
+ "type": "color",
217
+ "value": "transparent"
178
218
  },
179
219
  "color": {
180
- "value": "#0F172A",
181
- "type": "color"
220
+ "type": "color",
221
+ "value": "#0F172A"
182
222
  }
183
223
  },
184
224
  "disabled": {
185
225
  "background-color": {
186
- "value": "#CBD5E1",
187
- "type": "color"
226
+ "type": "color",
227
+ "value": "#CBD5E1"
188
228
  },
189
229
  "border-color": {
190
- "value": "#94A3B8",
191
- "type": "color"
230
+ "type": "color",
231
+ "value": "#94A3B8"
192
232
  },
193
233
  "color": {
194
- "value": "#475569",
195
- "type": "color"
234
+ "type": "color",
235
+ "value": "#475569"
196
236
  }
237
+ }
238
+ },
239
+ "textarea": {
240
+ "border-bottom-width": {
241
+ "type": "dimension",
242
+ "value": "1px"
197
243
  },
198
- "read-only": {
244
+ "hover": {
199
245
  "background-color": {
200
- "value": "#F1F5F9",
201
- "type": "color"
246
+ "type": "color",
247
+ "value": "#fff"
202
248
  },
203
249
  "border-color": {
204
- "value": "transparent",
205
- "type": "color"
250
+ "type": "color",
251
+ "value": "#738eab"
252
+ },
253
+ "border-width": {
254
+ "type": "dimension",
255
+ "value": "1px"
206
256
  },
207
257
  "color": {
208
- "value": "#0F172A",
209
- "type": "color"
258
+ "type": "color",
259
+ "value": "#0F172A"
210
260
  }
211
261
  },
212
- "hover": {
262
+ "focus": {
213
263
  "border-width": {
214
- "value": "1px",
215
- "type": "borderWidth"
264
+ "type": "dimension",
265
+ "value": "2px"
216
266
  },
217
267
  "background-color": {
218
- "value": "#fff",
219
- "type": "color"
268
+ "type": "color",
269
+ "value": "#fff"
220
270
  },
221
271
  "border-color": {
222
- "value": "#738eab",
223
- "type": "color"
272
+ "type": "color",
273
+ "value": "#154273"
224
274
  },
225
275
  "color": {
226
- "value": "#0F172A",
227
- "type": "color"
276
+ "type": "color",
277
+ "value": "#0F172A"
228
278
  }
229
- }
230
- },
231
- "textarea": {
232
- "max-inline-size": {
233
- "value": "400px",
234
- "type": "sizing"
235
- },
236
- "padding-block-end": {
237
- "value": "0.5rem",
238
- "type": "spacing"
239
279
  },
240
- "padding-block-start": {
241
- "value": "0.5rem",
242
- "type": "spacing"
280
+ "background-color": {
281
+ "type": "color",
282
+ "value": "#fff"
243
283
  },
244
- "padding-inline-end": {
245
- "value": "0.75rem",
246
- "type": "spacing"
284
+ "border-block-end-width": {
285
+ "type": "dimension",
286
+ "value": "1px"
247
287
  },
248
- "padding-inline-start": {
249
- "value": "0.75rem",
250
- "type": "spacing"
288
+ "border-color": {
289
+ "type": "color",
290
+ "value": "#154273"
251
291
  },
252
- "background-color": {
253
- "value": "#fff",
254
- "type": "color"
292
+ "border-radius": {
293
+ "type": "dimension",
294
+ "value": "2.5px"
255
295
  },
256
- "border-color": {
257
- "value": "#154273",
258
- "type": "color"
296
+ "border-width": {
297
+ "type": "dimension",
298
+ "value": "1px"
259
299
  },
260
300
  "color": {
261
- "value": "#0F172A",
262
- "type": "color"
301
+ "type": "color",
302
+ "value": "#0F172A"
263
303
  },
264
- "invalid": {
265
- "background-color": {
266
- "value": "#f9dfdd",
267
- "type": "color"
268
- },
269
- "border-color": {
270
- "value": "#d52b1e",
271
- "type": "color"
272
- },
273
- "color": {
274
- "value": "#0F172A",
275
- "type": "color"
276
- },
277
- "border-width": {
278
- "value": "1px",
279
- "type": "borderWidth"
280
- }
304
+ "font-family": {
305
+ "type": "fontFamilies",
306
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
281
307
  },
282
- "placeholder": {
283
- "color": {
284
- "value": "#64748B",
285
- "type": "color"
286
- }
308
+ "font-size": {
309
+ "type": "fontSizes",
310
+ "value": "1.25rem"
287
311
  },
288
- "focus": {
312
+ "font-weight": {
313
+ "type": "fontWeights",
314
+ "value": 400
315
+ },
316
+ "line-height": {
317
+ "type": "lineHeights",
318
+ "value": "150%"
319
+ },
320
+ "max-inline-size": {
321
+ "type": "dimension",
322
+ "value": "400px"
323
+ },
324
+ "min-block-size": {
325
+ "type": "dimension",
326
+ "value": "48px"
327
+ },
328
+ "padding-block-end": {
329
+ "type": "dimension",
330
+ "value": "0.5rem"
331
+ },
332
+ "padding-block-start": {
333
+ "type": "dimension",
334
+ "value": "0.5rem"
335
+ },
336
+ "padding-inline-end": {
337
+ "type": "dimension",
338
+ "value": "0.75rem"
339
+ },
340
+ "padding-inline-start": {
341
+ "type": "dimension",
342
+ "value": "0.75rem"
343
+ },
344
+ "invalid": {
289
345
  "background-color": {
290
- "value": "#fff",
291
- "type": "color"
346
+ "type": "color",
347
+ "value": "#f9dfdd"
292
348
  },
293
- "border-color": {
294
- "value": "#154273",
295
- "type": "color"
349
+ "border-block-end-width": {
350
+ "type": "dimension",
351
+ "value": "1px"
296
352
  },
297
- "color": {
298
- "value": "#0F172A",
299
- "type": "color"
353
+ "border-color": {
354
+ "type": "color",
355
+ "value": "#d52b1e"
300
356
  },
301
357
  "border-width": {
302
- "value": "2px",
303
- "type": "borderWidth"
358
+ "type": "dimension",
359
+ "value": "1px"
360
+ },
361
+ "color": {
362
+ "type": "color",
363
+ "value": "#0F172A"
304
364
  }
305
365
  },
306
- "disabled": {
307
- "background-color": {
308
- "value": "#CBD5E1",
309
- "type": "color"
310
- },
311
- "border-color": {
312
- "value": "#94A3B8",
313
- "type": "color"
314
- },
366
+ "placeholder": {
315
367
  "color": {
316
- "value": "#475569",
317
- "type": "color"
368
+ "type": "color",
369
+ "value": "#64748B"
318
370
  }
319
371
  },
320
372
  "read-only": {
321
373
  "background-color": {
322
- "value": "#F1F5F9",
323
- "type": "color"
374
+ "type": "color",
375
+ "value": "#F1F5F9"
324
376
  },
325
377
  "border-color": {
326
- "value": "transparent",
327
- "type": "color"
378
+ "type": "color",
379
+ "value": "transparent"
328
380
  },
329
381
  "color": {
330
- "value": "#0F172A",
331
- "type": "color"
382
+ "type": "color",
383
+ "value": "#0F172A"
332
384
  }
333
385
  },
334
- "hover": {
386
+ "disabled": {
335
387
  "background-color": {
336
- "value": "#fff",
337
- "type": "color"
388
+ "type": "color",
389
+ "value": "#CBD5E1"
338
390
  },
339
391
  "border-color": {
340
- "value": "#738eab",
341
- "type": "color"
392
+ "type": "color",
393
+ "value": "#94A3B8"
342
394
  },
343
395
  "color": {
344
- "value": "#0F172A",
345
- "type": "color"
346
- },
347
- "border-width": {
348
- "value": "1px",
349
- "type": "borderWidth"
396
+ "type": "color",
397
+ "value": "#475569"
350
398
  }
351
- },
352
- "border-radius": {
353
- "value": "2.5px",
354
- "type": "borderRadius"
355
- },
356
- "border-bottom-width": {
357
- "value": "1px",
358
- "type": "borderWidth"
359
- },
360
- "border-width": {
361
- "value": "1px",
362
- "type": "borderWidth"
363
- },
364
- "font-family": {
365
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
366
- "type": "fontFamilies"
367
- },
368
- "font-weight": {
369
- "value": 400,
370
- "type": "fontWeights"
371
- },
372
- "line-height": {
373
- "value": "150%",
374
- "type": "lineHeights"
375
- },
376
- "font-size": {
377
- "value": "1.25rem",
378
- "type": "fontSizes"
379
399
  }
380
400
  },
381
401
  "table": {
@@ -711,345 +731,385 @@
711
731
  }
712
732
  },
713
733
  "separator": {
714
- "color": {
715
- "value": "#CBD5E1",
716
- "type": "color"
717
- },
718
734
  "block-size": {
719
- "value": "2px",
720
- "type": "sizing"
735
+ "type": "dimension",
736
+ "value": "2px"
737
+ },
738
+ "color": {
739
+ "type": "color",
740
+ "value": "#CBD5E1"
721
741
  },
722
742
  "margin-block-end": {
743
+ "type": "dimension",
723
744
  "value": "0.75rem",
724
- "type": "spacing"
745
+ "description": "[code-only]"
725
746
  },
726
747
  "margin-block-start": {
748
+ "type": "dimension",
727
749
  "value": "0.75rem",
728
- "type": "spacing"
750
+ "description": "[code-only]"
729
751
  }
730
752
  },
731
753
  "select": {
754
+ "border-bottom-width": {
755
+ "type": "dimension",
756
+ "value": "auto"
757
+ },
758
+ "border-radius": {
759
+ "type": "dimension",
760
+ "value": "2.5px"
761
+ },
762
+ "border-width": {
763
+ "type": "dimension",
764
+ "value": "1px"
765
+ },
732
766
  "image-background-position": {
733
- "value": "right 0.5rem center",
734
- "type": "other"
767
+ "type": "other",
768
+ "value": "right 0.5rem center"
735
769
  },
736
- "icon": {
737
- "size": {
738
- "value": "24px",
739
- "type": "sizing"
740
- }
770
+ "max-inline-size": {
771
+ "type": "dimension",
772
+ "value": "400px"
741
773
  },
742
- "background-color": {
743
- "value": "#fff",
744
- "type": "color"
774
+ "padding-block-end": {
775
+ "type": "dimension",
776
+ "value": "0.5rem"
745
777
  },
746
- "border-color": {
747
- "value": "#154273",
748
- "type": "color"
778
+ "padding-block-start": {
779
+ "type": "dimension",
780
+ "value": "0.5rem"
749
781
  },
750
- "color": {
751
- "value": "#0F172A",
752
- "type": "color"
782
+ "padding-inline-end": {
783
+ "type": "dimension",
784
+ "value": "0.75rem"
785
+ },
786
+ "padding-inline-start": {
787
+ "type": "dimension",
788
+ "value": "0.75rem"
789
+ },
790
+ "icon": {
791
+ "size": {
792
+ "type": "dimension",
793
+ "value": "24px"
794
+ }
753
795
  },
754
796
  "invalid": {
755
- "background-color": {
756
- "value": "#f9dfdd",
757
- "type": "color"
758
- },
759
- "border-color": {
760
- "value": "#d52b1e",
761
- "type": "color"
797
+ "border-width": {
798
+ "type": "dimension",
799
+ "value": "1px"
762
800
  },
763
801
  "color": {
764
- "value": "#0F172A",
765
- "type": "color"
802
+ "type": "color",
803
+ "value": "#0F172A"
766
804
  },
767
- "border-width": {
768
- "value": "1px",
769
- "type": "borderWidth"
770
- }
771
- },
772
- "focus": {
773
805
  "background-color": {
774
- "value": "#fff",
775
- "type": "color"
776
- },
777
- "border-color": {
778
- "value": "#154273",
779
- "type": "color"
806
+ "type": "color",
807
+ "value": "#f9dfdd"
780
808
  },
781
- "color": {
782
- "value": "#0F172A",
783
- "type": "color"
809
+ "border-block-end-width": {
810
+ "type": "dimension",
811
+ "value": "1px"
784
812
  },
785
- "border-width": {
786
- "value": "2px",
787
- "type": "borderWidth"
813
+ "border-color": {
814
+ "type": "color",
815
+ "value": "#d52b1e"
788
816
  }
789
817
  },
790
- "disabled": {
818
+ "hover": {
819
+ "border-width": {
820
+ "type": "dimension",
821
+ "value": "1px"
822
+ },
791
823
  "background-color": {
792
- "value": "#CBD5E1",
793
- "type": "color"
824
+ "type": "color",
825
+ "value": "#fff"
794
826
  },
795
827
  "border-color": {
796
- "value": "#94A3B8",
797
- "type": "color"
828
+ "type": "color",
829
+ "value": "#738eab"
798
830
  },
799
831
  "color": {
800
- "value": "#475569",
801
- "type": "color"
832
+ "type": "color",
833
+ "value": "#0F172A"
802
834
  }
803
835
  },
804
- "hover": {
836
+ "focus": {
837
+ "border-width": {
838
+ "type": "dimension",
839
+ "value": "2px"
840
+ },
805
841
  "background-color": {
806
- "value": "#fff",
807
- "type": "color"
842
+ "type": "color",
843
+ "value": "#fff"
808
844
  },
809
845
  "border-color": {
810
- "value": "#738eab",
811
- "type": "color"
846
+ "type": "color",
847
+ "value": "#154273"
812
848
  },
813
849
  "color": {
814
- "value": "#0F172A",
815
- "type": "color"
816
- },
817
- "border-width": {
818
- "value": "1px",
819
- "type": "borderWidth"
850
+ "type": "color",
851
+ "value": "#0F172A"
820
852
  }
821
853
  },
822
- "padding-block-end": {
823
- "value": "0.5rem",
824
- "type": "spacing"
825
- },
826
- "padding-block-start": {
827
- "value": "0.5rem",
828
- "type": "spacing"
829
- },
830
- "padding-inline-end": {
831
- "value": "0.75rem",
832
- "type": "spacing"
833
- },
834
- "padding-inline-start": {
835
- "value": "0.75rem",
836
- "type": "spacing"
854
+ "background-color": {
855
+ "type": "color",
856
+ "value": "#fff"
837
857
  },
838
- "border-radius": {
839
- "value": "2.5px",
840
- "type": "borderRadius"
858
+ "border-block-end-width": {
859
+ "type": "dimension",
860
+ "value": "1px"
841
861
  },
842
- "border-bottom-width": {
843
- "value": "auto",
844
- "type": "borderWidth"
862
+ "border-color": {
863
+ "type": "color",
864
+ "value": "#154273"
845
865
  },
846
- "border-width": {
847
- "value": "1px",
848
- "type": "borderWidth"
866
+ "color": {
867
+ "type": "color",
868
+ "value": "#0F172A"
849
869
  },
850
870
  "font-family": {
851
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
852
- "type": "fontFamilies"
871
+ "type": "fontFamilies",
872
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
873
+ },
874
+ "font-size": {
875
+ "type": "fontSizes",
876
+ "value": "1.25rem"
853
877
  },
854
878
  "font-weight": {
855
- "value": 400,
856
- "type": "fontWeights"
879
+ "type": "fontWeights",
880
+ "value": 400
857
881
  },
858
882
  "line-height": {
859
- "value": "150%",
860
- "type": "lineHeights"
883
+ "type": "lineHeights",
884
+ "value": "150%"
861
885
  },
862
- "font-size": {
863
- "value": "1.25rem",
864
- "type": "fontSizes"
886
+ "min-block-size": {
887
+ "type": "dimension",
888
+ "value": "48px"
865
889
  },
866
- "max-inline-size": {
867
- "value": "400px",
868
- "type": "sizing"
869
- }
870
- },
871
- "radio-button": {
872
- "active": {
873
- "border-width": {
874
- "value": "1px",
875
- "type": "borderWidth"
876
- },
890
+ "disabled": {
877
891
  "background-color": {
878
- "value": "#fff",
879
- "type": "color"
892
+ "type": "color",
893
+ "value": "#CBD5E1"
880
894
  },
881
895
  "border-color": {
882
- "value": "#4f7196",
883
- "type": "color"
896
+ "type": "color",
897
+ "value": "#94A3B8"
898
+ },
899
+ "color": {
900
+ "type": "color",
901
+ "value": "#475569"
884
902
  }
885
- },
886
- "size": {
887
- "value": "24px",
888
- "type": "sizing"
903
+ }
904
+ },
905
+ "radio-button": {
906
+ "border-radius": {
907
+ "type": "dimension",
908
+ "value": "999px"
889
909
  },
890
910
  "dot": {
891
911
  "size": {
892
- "value": "12px",
893
- "type": "sizing"
912
+ "type": "dimension",
913
+ "value": "12px"
894
914
  }
895
915
  },
896
- "background-color": {
897
- "value": "#fff",
898
- "type": "color"
899
- },
900
- "border-color": {
901
- "value": "#154273",
902
- "type": "color"
903
- },
904
- "invalid": {
905
- "background-color": {
906
- "value": "#f9dfdd",
907
- "type": "color"
908
- },
909
- "border-color": {
910
- "value": "#d52b1e",
911
- "type": "color"
916
+ "checked": {
917
+ "disabled": {
918
+ "background-color": {
919
+ "type": "color",
920
+ "value": "#CBD5E1"
921
+ },
922
+ "border-color": {
923
+ "type": "color",
924
+ "value": "#94A3B8"
925
+ },
926
+ "color": {
927
+ "type": "color",
928
+ "value": "#475569"
929
+ }
912
930
  },
913
- "border-width": {
914
- "value": "1px",
915
- "type": "borderWidth"
916
- }
917
- },
918
- "focus": {
919
931
  "background-color": {
920
- "value": "#fff",
921
- "type": "color"
932
+ "type": "color",
933
+ "value": "#154273"
922
934
  },
923
935
  "border-color": {
924
- "value": "#154273",
925
- "type": "color"
936
+ "type": "color",
937
+ "value": "transparent"
926
938
  },
927
939
  "border-width": {
928
- "value": "2px",
929
- "type": "borderWidth"
930
- }
931
- },
932
- "disabled": {
933
- "background-color": {
934
- "value": "#CBD5E1",
935
- "type": "color"
936
- },
937
- "border-color": {
938
- "value": "#94A3B8",
939
- "type": "color"
940
- },
941
- "color": {
942
- "value": "#475569",
943
- "type": "color"
944
- }
945
- },
946
- "checked": {
947
- "background-color": {
948
- "value": "#154273",
949
- "type": "color"
950
- },
951
- "border-color": {
952
- "value": "transparent",
953
- "type": "color"
940
+ "type": "dimension",
941
+ "value": "1px"
954
942
  },
955
943
  "color": {
956
- "value": "#fff",
957
- "type": "color"
944
+ "type": "color",
945
+ "value": "#fff"
958
946
  },
959
- "hover": {
947
+ "active": {
960
948
  "background-color": {
961
- "value": "#738eab",
962
- "type": "color"
949
+ "type": "color",
950
+ "value": "#4f7196"
963
951
  },
964
952
  "border-color": {
965
- "value": "transparent",
966
- "type": "color"
967
- },
968
- "color": {
969
- "value": "#fff",
970
- "type": "color"
953
+ "type": "color",
954
+ "value": "transparent"
971
955
  },
972
956
  "border-width": {
973
- "value": "1px",
974
- "type": "borderWidth"
957
+ "type": "dimension",
958
+ "value": "1px"
959
+ },
960
+ "color": {
961
+ "type": "color",
962
+ "value": "#fff"
975
963
  }
976
964
  },
977
- "active": {
965
+ "hover": {
978
966
  "background-color": {
979
- "value": "#4f7196",
980
- "type": "color"
967
+ "type": "color",
968
+ "value": "#738eab"
981
969
  },
982
970
  "border-color": {
983
- "value": "transparent",
984
- "type": "color"
985
- },
986
- "color": {
987
- "value": "#fff",
988
- "type": "color"
971
+ "type": "color",
972
+ "value": "transparent"
989
973
  },
990
974
  "border-width": {
991
- "value": "1px",
992
- "type": "borderWidth"
975
+ "type": "dimension",
976
+ "value": "1px"
977
+ },
978
+ "color": {
979
+ "type": "color",
980
+ "value": "#fff"
993
981
  }
994
982
  },
995
983
  "focus": {
996
984
  "background-color": {
997
- "value": "#fff",
998
- "type": "color"
985
+ "type": "color",
986
+ "value": "#fff"
999
987
  },
1000
988
  "border-color": {
1001
- "value": "#154273",
1002
- "type": "color"
1003
- },
1004
- "color": {
1005
- "value": "#154273",
1006
- "type": "color"
989
+ "type": "color",
990
+ "value": "#154273"
1007
991
  },
1008
992
  "border-width": {
1009
- "value": "2px",
1010
- "type": "borderWidth"
1011
- }
1012
- },
1013
- "disabled": {
1014
- "background-color": {
1015
- "value": "#CBD5E1",
1016
- "type": "color"
1017
- },
1018
- "border-color": {
1019
- "value": "#94A3B8",
1020
- "type": "color"
993
+ "type": "dimension",
994
+ "value": "2px"
1021
995
  },
1022
996
  "color": {
1023
- "value": "#475569",
1024
- "type": "color"
997
+ "type": "color",
998
+ "value": "#154273"
1025
999
  }
1026
- },
1027
- "border-width": {
1028
- "value": "1px",
1029
- "type": "borderWidth"
1030
1000
  }
1031
1001
  },
1032
- "hover": {
1033
- "background-color": {
1034
- "value": "#fff",
1035
- "type": "color"
1036
- },
1002
+ "background-color": {
1003
+ "type": "color",
1004
+ "value": "#fff"
1005
+ },
1006
+ "border-color": {
1007
+ "type": "color",
1008
+ "value": "#154273"
1009
+ },
1010
+ "color": {
1011
+ "type": "color",
1012
+ "value": "#154273"
1013
+ },
1014
+ "border-width": {
1015
+ "type": "dimension",
1016
+ "value": "1px"
1017
+ },
1018
+ "size": {
1019
+ "type": "dimension",
1020
+ "value": "24px"
1021
+ },
1022
+ "icon": {
1023
+ "size": {
1024
+ "type": "dimension",
1025
+ "value": "12px"
1026
+ }
1027
+ },
1028
+ "invalid": {
1029
+ "background-color": {
1030
+ "type": "color",
1031
+ "value": "#f9dfdd"
1032
+ },
1037
1033
  "border-color": {
1038
- "value": "#738eab",
1039
- "type": "color"
1034
+ "type": "color",
1035
+ "value": "#d52b1e"
1036
+ },
1037
+ "color": {
1038
+ "type": "color",
1039
+ "value": "#d52b1e"
1040
1040
  },
1041
1041
  "border-width": {
1042
- "value": "1px",
1043
- "type": "borderWidth"
1042
+ "type": "dimension",
1043
+ "value": "1px"
1044
1044
  }
1045
1045
  },
1046
- "border-radius": {
1047
- "value": "999px",
1048
- "type": "borderRadius"
1046
+ "active": {
1047
+ "background-color": {
1048
+ "type": "color",
1049
+ "value": "#fff"
1050
+ },
1051
+ "border-color": {
1052
+ "type": "color",
1053
+ "value": "#4f7196"
1054
+ },
1055
+ "color": {
1056
+ "type": "color",
1057
+ "value": "#4f7196"
1058
+ },
1059
+ "border-width": {
1060
+ "type": "dimension",
1061
+ "value": "1px"
1062
+ }
1049
1063
  },
1050
- "border-width": {
1051
- "value": "1px",
1052
- "type": "borderWidth"
1064
+ "disabled": {
1065
+ "background-color": {
1066
+ "type": "color",
1067
+ "value": "#CBD5E1"
1068
+ },
1069
+ "border-color": {
1070
+ "type": "color",
1071
+ "value": "#94A3B8"
1072
+ },
1073
+ "color": {
1074
+ "type": "color",
1075
+ "value": "#94A3B8"
1076
+ }
1077
+ },
1078
+ "hover": {
1079
+ "background-color": {
1080
+ "type": "color",
1081
+ "value": "#fff"
1082
+ },
1083
+ "border-color": {
1084
+ "type": "color",
1085
+ "value": "#738eab"
1086
+ },
1087
+ "color": {
1088
+ "type": "color",
1089
+ "value": "#738eab"
1090
+ },
1091
+ "border-width": {
1092
+ "type": "dimension",
1093
+ "value": "1px"
1094
+ }
1095
+ },
1096
+ "focus": {
1097
+ "background-color": {
1098
+ "type": "color",
1099
+ "value": "#fff"
1100
+ },
1101
+ "border-color": {
1102
+ "type": "color",
1103
+ "value": "#154273"
1104
+ },
1105
+ "color": {
1106
+ "type": "color",
1107
+ "value": "#154273"
1108
+ },
1109
+ "border-width": {
1110
+ "type": "dimension",
1111
+ "value": "2px"
1112
+ }
1053
1113
  }
1054
1114
  },
1055
1115
  "pre-heading": {
@@ -1196,6 +1256,60 @@
1196
1256
  }
1197
1257
  }
1198
1258
  },
1259
+ "number-badge": {
1260
+ "line-height": {
1261
+ "type": "lineHeights",
1262
+ "value": "125%"
1263
+ },
1264
+ "background-color": {
1265
+ "type": "color",
1266
+ "value": "#154273"
1267
+ },
1268
+ "border-color": {
1269
+ "type": "color",
1270
+ "value": "transparent"
1271
+ },
1272
+ "border-radius": {
1273
+ "type": "dimension",
1274
+ "value": "999px"
1275
+ },
1276
+ "border-width": {
1277
+ "type": "dimension",
1278
+ "value": "0px"
1279
+ },
1280
+ "color": {
1281
+ "type": "color",
1282
+ "value": "#fff"
1283
+ },
1284
+ "font-family": {
1285
+ "type": "fontFamilies",
1286
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
1287
+ },
1288
+ "font-size": {
1289
+ "type": "fontSizes",
1290
+ "value": "1.25rem"
1291
+ },
1292
+ "font-weight": {
1293
+ "type": "fontWeights",
1294
+ "value": 700
1295
+ },
1296
+ "min-block-size": {
1297
+ "type": "dimension",
1298
+ "value": "24px"
1299
+ },
1300
+ "min-inline-size": {
1301
+ "type": "dimension",
1302
+ "value": "24px"
1303
+ },
1304
+ "padding-block": {
1305
+ "type": "dimension",
1306
+ "value": "0.125rem"
1307
+ },
1308
+ "padding-inline": {
1309
+ "type": "dimension",
1310
+ "value": "0.5rem"
1311
+ }
1312
+ },
1199
1313
  "link-list": {
1200
1314
  "item": {
1201
1315
  "text-decoration": {
@@ -1586,139 +1700,173 @@
1586
1700
  },
1587
1701
  "form-label": {
1588
1702
  "color": {
1589
- "value": "#0F172A",
1590
- "type": "color"
1703
+ "type": "color",
1704
+ "value": "#0F172A"
1591
1705
  },
1592
1706
  "font-size": {
1593
- "value": "1.25rem",
1594
- "type": "fontSizes"
1707
+ "type": "fontSizes",
1708
+ "value": "1.25rem"
1595
1709
  },
1596
1710
  "font-weight": {
1597
- "value": 700,
1598
- "type": "fontWeights"
1599
- }
1600
- },
1601
- "form-field-label": {
1602
- "color": {
1603
- "value": "#0F172A",
1604
- "type": "color"
1711
+ "type": "fontWeights",
1712
+ "value": 700
1605
1713
  },
1606
- "font-family": {
1607
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
1608
- "type": "fontFamilies"
1714
+ "checkbox": {
1715
+ "color": {
1716
+ "type": "color",
1717
+ "value": "#0F172A"
1718
+ },
1719
+ "font-weight": {
1720
+ "type": "fontWeights",
1721
+ "value": 400
1722
+ }
1609
1723
  },
1610
- "font-size": {
1611
- "value": "1.25rem",
1612
- "type": "fontSizes"
1724
+ "radio": {
1725
+ "color": {
1726
+ "type": "color",
1727
+ "value": "#0F172A"
1728
+ },
1729
+ "font-weight": {
1730
+ "type": "fontWeights",
1731
+ "value": 400
1732
+ }
1613
1733
  },
1614
- "font-weight": {
1615
- "value": 700,
1616
- "type": "fontWeights"
1734
+ "checked": {
1735
+ "font-weight": {
1736
+ "type": "fontWeights",
1737
+ "value": 400
1738
+ }
1617
1739
  },
1618
- "line-height": {
1619
- "value": "150%",
1620
- "type": "lineHeights"
1740
+ "disabled": {
1741
+ "color": {
1742
+ "type": "color",
1743
+ "value": "#94A3B8"
1744
+ }
1621
1745
  }
1622
1746
  },
1623
1747
  "form-field-error-message": {
1624
1748
  "icon": {
1625
- "size": {
1626
- "value": "24px",
1627
- "type": "sizing"
1628
- },
1629
1749
  "margin-inline-end": {
1630
- "value": "0.5rem",
1631
- "type": "spacing"
1750
+ "type": "dimension",
1751
+ "value": "0.5rem"
1752
+ },
1753
+ "size": {
1754
+ "type": "dimension",
1755
+ "value": "24px"
1632
1756
  }
1633
1757
  },
1758
+ "background-color": {
1759
+ "type": "color",
1760
+ "value": "transparent"
1761
+ },
1634
1762
  "color": {
1635
- "value": "#d52b1e",
1636
- "type": "color"
1763
+ "type": "color",
1764
+ "value": "#d52b1e"
1637
1765
  },
1638
1766
  "font-family": {
1639
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
1640
- "type": "fontFamilies"
1767
+ "type": "fontFamilies",
1768
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
1641
1769
  },
1642
1770
  "font-size": {
1643
- "value": "1.25rem",
1644
- "type": "fontSizes"
1771
+ "type": "fontSizes",
1772
+ "value": "1.25rem"
1645
1773
  },
1646
1774
  "font-weight": {
1647
- "value": 400,
1648
- "type": "fontWeights"
1775
+ "type": "fontWeights",
1776
+ "value": 400
1777
+ },
1778
+ "line-height": {
1779
+ "type": "lineHeights",
1780
+ "value": "normal"
1649
1781
  },
1650
1782
  "margin-block-end": {
1651
- "value": "0.5rem",
1652
- "type": "spacing"
1783
+ "description": "[code-only]",
1784
+ "type": "dimension",
1785
+ "value": "0.5rem"
1786
+ },
1787
+ "margin-block-start": {
1788
+ "description": "[code-only]",
1789
+ "type": "dimension",
1790
+ "value": "0rem"
1653
1791
  },
1654
1792
  "padding-block-end": {
1655
- "value": "0.5rem",
1656
- "type": "spacing"
1657
- }
1658
- },
1793
+ "type": "dimension",
1794
+ "value": "0.5rem"
1795
+ },
1796
+ "padding-block-start": {
1797
+ "type": "dimension",
1798
+ "value": "0rem"
1799
+ },
1800
+ "padding-inline-end": {
1801
+ "type": "dimension",
1802
+ "value": "0rem"
1803
+ },
1804
+ "padding-inline-start": {
1805
+ "type": "dimension",
1806
+ "value": "0rem"
1807
+ }
1808
+ },
1659
1809
  "form-field-description": {
1810
+ "padding-block-end": {
1811
+ "value": "0.5rem",
1812
+ "type": "dimension"
1813
+ },
1660
1814
  "color": {
1661
- "value": "#334155",
1662
- "type": "color"
1815
+ "type": "color",
1816
+ "value": "#334155"
1663
1817
  },
1664
1818
  "font-family": {
1665
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
1666
- "type": "fontFamilies"
1819
+ "type": "fontFamilies",
1820
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
1667
1821
  },
1668
1822
  "font-size": {
1669
- "value": "1.25rem",
1670
- "type": "fontSizes"
1823
+ "type": "fontSizes",
1824
+ "value": "1.25rem"
1671
1825
  },
1672
1826
  "line-height": {
1673
- "value": "150%",
1674
- "type": "lineHeights"
1675
- },
1676
- "margin-block-start": {
1677
- "value": "-0.5rem",
1678
- "type": "spacing"
1827
+ "type": "lineHeights",
1828
+ "value": "150%"
1679
1829
  },
1680
1830
  "margin-block-end": {
1831
+ "type": "dimension",
1681
1832
  "value": "0.5rem",
1682
- "type": "spacing"
1833
+ "description": "[code-only]"
1683
1834
  },
1684
- "padding-block-end": {
1685
- "value": "0.5rem",
1686
- "type": "spacing"
1835
+ "margin-block-start": {
1836
+ "type": "dimension",
1837
+ "value": "-0.5rem",
1838
+ "description": "[code-only]"
1687
1839
  }
1688
1840
  },
1689
1841
  "form-field": {
1690
- "margin-block-start": {
1691
- "value": "0.5rem",
1692
- "type": "spacing"
1842
+ "label": {
1843
+ "margin-block-end": {
1844
+ "type": "dimension",
1845
+ "value": "0.5rem"
1846
+ }
1693
1847
  },
1694
1848
  "margin-block-end": {
1849
+ "type": "dimension",
1695
1850
  "value": "0.5rem",
1696
- "type": "spacing"
1851
+ "description": "[code-only]"
1852
+ },
1853
+ "margin-block-start": {
1854
+ "type": "dimension",
1855
+ "value": "0.5rem",
1856
+ "description": "[code-only]"
1697
1857
  },
1698
1858
  "invalid": {
1699
1859
  "border-inline-start-color": {
1700
- "value": "#d52b1e",
1701
- "type": "color"
1860
+ "type": "color",
1861
+ "value": "#d52b1e"
1702
1862
  },
1703
1863
  "border-inline-start-width": {
1704
- "value": "0px",
1705
- "type": "borderWidth"
1864
+ "type": "dimension",
1865
+ "value": "0px"
1706
1866
  },
1707
1867
  "padding-inline-start": {
1708
- "value": "0rem",
1709
- "type": "spacing"
1710
- }
1711
- },
1712
- "label": {
1713
- "margin-block-end": {
1714
- "value": "0.5rem",
1715
- "type": "spacing"
1716
- }
1717
- },
1718
- "error-message": {
1719
- "line-height": {
1720
- "value": "normal",
1721
- "type": "lineHeights"
1868
+ "type": "dimension",
1869
+ "value": "0rem"
1722
1870
  }
1723
1871
  }
1724
1872
  },
@@ -1751,54 +1899,54 @@
1751
1899
  "figure": {
1752
1900
  "caption": {
1753
1901
  "border-color": {
1754
- "value": "#CBD5E1",
1755
- "type": "color"
1902
+ "type": "color",
1903
+ "value": "#CBD5E1"
1756
1904
  },
1757
1905
  "border-width": {
1758
- "value": "4px",
1759
- "type": "borderWidth"
1760
- },
1761
- "color": {
1762
- "value": "#154273",
1763
- "type": "color"
1906
+ "type": "dimension",
1907
+ "value": "4px"
1764
1908
  },
1765
1909
  "padding-block-end": {
1766
- "value": "0.5rem",
1767
- "type": "spacing"
1910
+ "type": "dimension",
1911
+ "value": "0.5rem"
1768
1912
  },
1769
1913
  "padding-block-start": {
1770
- "value": "0.5rem",
1771
- "type": "spacing"
1914
+ "type": "dimension",
1915
+ "value": "0.5rem"
1772
1916
  },
1773
1917
  "padding-inline-start": {
1774
- "value": "1rem",
1775
- "type": "spacing"
1918
+ "type": "dimension",
1919
+ "value": "1rem"
1776
1920
  },
1777
- "line-height": {
1778
- "value": "150%",
1779
- "type": "lineHeights"
1921
+ "color": {
1922
+ "type": "color",
1923
+ "value": "#0F172A"
1780
1924
  },
1781
1925
  "font-size": {
1782
- "value": "1.25rem",
1783
- "type": "fontSizes"
1926
+ "type": "fontSizes",
1927
+ "value": "1.25rem"
1928
+ },
1929
+ "line-height": {
1930
+ "type": "lineHeights",
1931
+ "value": "150%"
1784
1932
  }
1785
1933
  },
1786
1934
  "img": {
1787
1935
  "border-end-end-radius": {
1788
- "value": 0,
1789
- "type": "borderRadius"
1936
+ "type": "dimension",
1937
+ "value": 0
1790
1938
  },
1791
1939
  "border-end-start-radius": {
1792
- "value": 0,
1793
- "type": "borderRadius"
1940
+ "type": "dimension",
1941
+ "value": 0
1794
1942
  },
1795
1943
  "border-start-end-radius": {
1796
- "value": 0,
1797
- "type": "borderRadius"
1944
+ "type": "dimension",
1945
+ "value": 0
1798
1946
  },
1799
1947
  "border-start-start-radius": {
1800
- "value": 0,
1801
- "type": "borderRadius"
1948
+ "type": "dimension",
1949
+ "value": 0
1802
1950
  }
1803
1951
  }
1804
1952
  },
@@ -1881,380 +2029,316 @@
1881
2029
  "type": "dimension"
1882
2030
  }
1883
2031
  },
1884
- "number-badge": {
1885
- "font-size": {
1886
- "value": "1.25rem",
1887
- "type": "fontSizes"
1888
- },
1889
- "line-height": {
1890
- "value": "125%",
1891
- "type": "lineHeights"
1892
- },
1893
- "min-block-size": {
1894
- "value": "24px",
1895
- "type": "sizing"
1896
- },
1897
- "min-inline-size": {
1898
- "value": "24px",
1899
- "type": "sizing"
1900
- },
1901
- "font-weight": {
1902
- "value": 700,
1903
- "type": "fontWeights"
1904
- },
1905
- "border-width": {
1906
- "value": "0px",
1907
- "type": "borderWidth"
1908
- },
1909
- "border-radius": {
1910
- "value": "999px",
1911
- "type": "borderRadius"
1912
- },
1913
- "font-family": {
1914
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
1915
- "type": "fontFamilies"
1916
- },
1917
- "background-color": {
1918
- "value": "#154273",
1919
- "type": "color"
1920
- },
1921
- "border-color": {
1922
- "value": "transparent",
1923
- "type": "color"
1924
- },
1925
- "color": {
1926
- "value": "#fff",
1927
- "type": "color"
1928
- },
1929
- "padding-inline": {
1930
- "value": "0.5rem",
1931
- "type": "spacing"
1932
- },
1933
- "padding-block": {
1934
- "value": "0.125rem",
1935
- "type": "spacing"
1936
- }
1937
- },
1938
2032
  "checkbox": {
1939
- "border-radius": {
1940
- "value": "2.5px",
1941
- "type": "borderRadius"
1942
- },
1943
- "size": {
1944
- "value": "24px",
1945
- "type": "sizing"
1946
- },
1947
- "icon": {
1948
- "size": {
1949
- "value": "24px",
1950
- "type": "sizing"
1951
- }
1952
- },
1953
- "background-color": {
1954
- "value": "#fff",
1955
- "type": "color"
1956
- },
1957
- "border-color": {
1958
- "value": "#154273",
1959
- "type": "color"
1960
- },
1961
- "invalid": {
1962
- "background-color": {
1963
- "value": "#f9dfdd",
1964
- "type": "color"
1965
- },
1966
- "border-color": {
1967
- "value": "#d52b1e",
1968
- "type": "color"
1969
- },
1970
- "border-width": {
1971
- "value": "1px",
1972
- "type": "borderWidth"
1973
- }
1974
- },
1975
- "focus": {
1976
- "background-color": {
1977
- "value": "#fff",
1978
- "type": "color"
2033
+ "indeterminate": {
2034
+ "active": {
2035
+ "background-color": {
2036
+ "type": "color",
2037
+ "value": "#4f7196"
2038
+ },
2039
+ "border-color": {
2040
+ "type": "color",
2041
+ "value": "transparent"
2042
+ },
2043
+ "color": {
2044
+ "type": "color",
2045
+ "value": "#fff"
2046
+ },
2047
+ "border-width": {
2048
+ "type": "dimension",
2049
+ "value": "1px"
2050
+ }
1979
2051
  },
1980
- "border-color": {
1981
- "value": "#154273",
1982
- "type": "color"
2052
+ "disabled": {
2053
+ "background-color": {
2054
+ "type": "color",
2055
+ "value": "#CBD5E1"
2056
+ },
2057
+ "border-color": {
2058
+ "type": "color",
2059
+ "value": "#94A3B8"
2060
+ },
2061
+ "color": {
2062
+ "type": "color",
2063
+ "value": "#475569"
2064
+ }
1983
2065
  },
1984
- "border-width": {
1985
- "value": "2px",
1986
- "type": "borderWidth"
1987
- }
1988
- },
1989
- "disabled": {
1990
- "background-color": {
1991
- "value": "#CBD5E1",
1992
- "type": "color"
1993
- },
1994
- "border-color": {
1995
- "value": "#94A3B8",
1996
- "type": "color"
1997
- }
1998
- },
1999
- "checked": {
2000
- "background-color": {
2001
- "value": "#154273",
2002
- "type": "color"
2003
- },
2004
- "border-color": {
2005
- "value": "transparent",
2006
- "type": "color"
2007
- },
2008
- "color": {
2009
- "value": "#fff",
2010
- "type": "color"
2011
- },
2012
- "border-width": {
2013
- "value": "1px",
2014
- "type": "borderWidth"
2015
- },
2016
- "disabled": {
2066
+ "hover": {
2017
2067
  "background-color": {
2018
- "value": "#CBD5E1",
2019
- "type": "color"
2068
+ "type": "color",
2069
+ "value": "#738eab"
2020
2070
  },
2021
2071
  "border-color": {
2022
- "value": "#94A3B8",
2023
- "type": "color"
2072
+ "type": "color",
2073
+ "value": "transparent"
2024
2074
  },
2025
2075
  "color": {
2026
- "value": "#475569",
2027
- "type": "color"
2076
+ "type": "color",
2077
+ "value": "#fff"
2078
+ },
2079
+ "border-width": {
2080
+ "type": "dimension",
2081
+ "value": "1px"
2028
2082
  }
2029
2083
  },
2030
2084
  "focus": {
2031
- "border-width": {
2032
- "value": "2px",
2033
- "type": "borderWidth"
2034
- },
2035
2085
  "background-color": {
2036
- "value": "#fff",
2037
- "type": "color"
2086
+ "type": "color",
2087
+ "value": "#fff"
2038
2088
  },
2039
2089
  "border-color": {
2040
- "value": "#154273",
2041
- "type": "color"
2090
+ "type": "color",
2091
+ "value": "#154273"
2042
2092
  },
2043
2093
  "color": {
2044
- "value": "#154273",
2045
- "type": "color"
2046
- }
2047
- },
2048
- "hover": {
2049
- "border-width": {
2050
- "value": "1px",
2051
- "type": "borderWidth"
2052
- },
2053
- "background-color": {
2054
- "value": "#738eab",
2055
- "type": "color"
2056
- },
2057
- "border-color": {
2058
- "value": "transparent",
2059
- "type": "color"
2094
+ "type": "color",
2095
+ "value": "#154273"
2060
2096
  },
2061
- "color": {
2062
- "value": "#fff",
2063
- "type": "color"
2064
- }
2065
- },
2066
- "active": {
2067
2097
  "border-width": {
2068
- "value": "1px",
2069
- "type": "borderWidth"
2070
- },
2071
- "background-color": {
2072
- "value": "#4f7196",
2073
- "type": "color"
2074
- },
2075
- "border-color": {
2076
- "value": "transparent",
2077
- "type": "color"
2078
- },
2079
- "color": {
2080
- "value": "#fff",
2081
- "type": "color"
2098
+ "type": "dimension",
2099
+ "value": "2px"
2082
2100
  }
2083
- }
2084
- },
2085
- "indeterminate": {
2101
+ },
2086
2102
  "background-color": {
2087
- "value": "#154273",
2088
- "type": "color"
2103
+ "type": "color",
2104
+ "value": "#154273"
2089
2105
  },
2090
2106
  "border-color": {
2091
- "value": "transparent",
2092
- "type": "color"
2093
- },
2094
- "color": {
2095
- "value": "#fff",
2096
- "type": "color"
2107
+ "type": "color",
2108
+ "value": "transparent"
2097
2109
  },
2098
2110
  "border-width": {
2099
- "value": "1px",
2100
- "type": "borderWidth"
2111
+ "type": "dimension",
2112
+ "value": "1px"
2101
2113
  },
2102
- "disabled": {
2114
+ "color": {
2115
+ "type": "color",
2116
+ "value": "#fff"
2117
+ }
2118
+ },
2119
+ "checked": {
2120
+ "active": {
2103
2121
  "background-color": {
2104
- "value": "#CBD5E1",
2105
- "type": "color"
2122
+ "type": "color",
2123
+ "value": "#4f7196"
2106
2124
  },
2107
2125
  "border-color": {
2108
- "value": "#94A3B8",
2109
- "type": "color"
2126
+ "type": "color",
2127
+ "value": "transparent"
2110
2128
  },
2111
2129
  "color": {
2112
- "value": "#475569",
2113
- "type": "color"
2130
+ "type": "color",
2131
+ "value": "#fff"
2132
+ },
2133
+ "border-width": {
2134
+ "type": "dimension",
2135
+ "value": "1px"
2114
2136
  }
2115
2137
  },
2116
- "active": {
2138
+ "disabled": {
2117
2139
  "background-color": {
2118
- "value": "#4f7196",
2119
- "type": "color"
2140
+ "type": "color",
2141
+ "value": "#CBD5E1"
2120
2142
  },
2121
2143
  "border-color": {
2122
- "value": "transparent",
2123
- "type": "color"
2144
+ "type": "color",
2145
+ "value": "#94A3B8"
2124
2146
  },
2125
2147
  "color": {
2126
- "value": "#fff",
2127
- "type": "color"
2128
- },
2129
- "border-width": {
2130
- "value": "1px",
2131
- "type": "borderWidth"
2148
+ "type": "color",
2149
+ "value": "#475569"
2132
2150
  }
2133
2151
  },
2134
2152
  "hover": {
2135
2153
  "background-color": {
2136
- "value": "#738eab",
2137
- "type": "color"
2154
+ "type": "color",
2155
+ "value": "#738eab"
2138
2156
  },
2139
2157
  "border-color": {
2140
- "value": "transparent",
2141
- "type": "color"
2158
+ "type": "color",
2159
+ "value": "transparent"
2142
2160
  },
2143
2161
  "color": {
2144
- "value": "#fff",
2145
- "type": "color"
2162
+ "type": "color",
2163
+ "value": "#fff"
2146
2164
  },
2147
2165
  "border-width": {
2148
- "value": "1px",
2149
- "type": "borderWidth"
2166
+ "type": "dimension",
2167
+ "value": "1px"
2150
2168
  }
2151
2169
  },
2152
2170
  "focus": {
2153
2171
  "background-color": {
2154
- "value": "#fff",
2155
- "type": "color"
2172
+ "type": "color",
2173
+ "value": "#fff"
2156
2174
  },
2157
2175
  "border-color": {
2158
- "value": "#154273",
2159
- "type": "color"
2176
+ "type": "color",
2177
+ "value": "#154273"
2160
2178
  },
2161
2179
  "color": {
2162
- "value": "#154273",
2163
- "type": "color"
2180
+ "type": "color",
2181
+ "value": "#154273"
2164
2182
  },
2165
2183
  "border-width": {
2166
- "value": "2px",
2167
- "type": "borderWidth"
2184
+ "type": "dimension",
2185
+ "value": "2px"
2168
2186
  }
2169
- }
2170
- },
2171
- "border-width": {
2172
- "value": "1px",
2173
- "type": "borderWidth"
2174
- },
2175
- "hover": {
2176
- "border-width": {
2177
- "value": "1px",
2178
- "type": "borderWidth"
2179
- },
2180
- "background-color": {
2181
- "value": "#fff",
2182
- "type": "color"
2183
- },
2184
- "border-color": {
2185
- "value": "#738eab",
2186
- "type": "color"
2187
- }
2188
- },
2189
- "active": {
2190
- "border-width": {
2191
- "value": "1px",
2192
- "type": "borderWidth"
2193
2187
  },
2194
2188
  "background-color": {
2195
- "value": "#fff",
2196
- "type": "color"
2189
+ "type": "color",
2190
+ "value": "#154273"
2197
2191
  },
2198
2192
  "border-color": {
2199
- "value": "#4f7196",
2200
- "type": "color"
2201
- }
2202
- }
2203
- },
2204
- "button": {
2205
- "icon": {
2206
- "gap": {
2207
- "value": "0.5rem",
2208
- "type": "dimension"
2193
+ "type": "color",
2194
+ "value": "transparent"
2209
2195
  },
2210
- "size": {
2196
+ "border-width": {
2211
2197
  "type": "dimension",
2212
- "value": "24px"
2198
+ "value": "1px"
2199
+ },
2200
+ "color": {
2201
+ "type": "color",
2202
+ "value": "#fff"
2213
2203
  }
2214
2204
  },
2215
2205
  "background-color": {
2216
2206
  "type": "color",
2217
- "value": "#0F172A"
2207
+ "value": "#fff"
2218
2208
  },
2219
2209
  "border-color": {
2220
2210
  "type": "color",
2221
- "value": "transparent"
2211
+ "value": "#154273"
2222
2212
  },
2223
2213
  "border-radius": {
2224
2214
  "type": "dimension",
2225
- "value": "5px"
2215
+ "value": "2.5px"
2226
2216
  },
2227
2217
  "border-width": {
2228
2218
  "type": "dimension",
2229
2219
  "value": "1px"
2230
2220
  },
2231
- "color": {
2232
- "type": "color",
2233
- "value": "#fff"
2234
- },
2235
- "column-gap": {
2221
+ "size": {
2236
2222
  "type": "dimension",
2237
- "value": "0.5rem"
2238
- },
2239
- "font-family": {
2240
- "type": "fontFamilies",
2241
- "value": "'Fira Sans', Arial, Verdana, sans-serif"
2242
- },
2243
- "font-size": {
2244
- "type": "fontSizes",
2245
- "value": "1.25rem"
2246
- },
2247
- "font-weight": {
2248
- "type": "fontWeights",
2249
- "value": 700
2223
+ "value": "24px"
2250
2224
  },
2251
- "line-height": {
2252
- "type": "lineHeights",
2253
- "value": "150%"
2225
+ "icon": {
2226
+ "size": {
2227
+ "type": "dimension",
2228
+ "value": "24px"
2229
+ }
2254
2230
  },
2255
- "min-block-size": {
2256
- "type": "dimension",
2257
- "value": "48px"
2231
+ "invalid": {
2232
+ "background-color": {
2233
+ "type": "color",
2234
+ "value": "#f9dfdd"
2235
+ },
2236
+ "border-color": {
2237
+ "type": "color",
2238
+ "value": "#d52b1e"
2239
+ },
2240
+ "border-width": {
2241
+ "type": "dimension",
2242
+ "value": "1px"
2243
+ }
2244
+ },
2245
+ "active": {
2246
+ "background-color": {
2247
+ "type": "color",
2248
+ "value": "#fff"
2249
+ },
2250
+ "border-color": {
2251
+ "type": "color",
2252
+ "value": "#4f7196"
2253
+ },
2254
+ "border-width": {
2255
+ "type": "dimension",
2256
+ "value": "1px"
2257
+ }
2258
+ },
2259
+ "disabled": {
2260
+ "background-color": {
2261
+ "type": "color",
2262
+ "value": "#CBD5E1"
2263
+ },
2264
+ "border-color": {
2265
+ "type": "color",
2266
+ "value": "#94A3B8"
2267
+ }
2268
+ },
2269
+ "hover": {
2270
+ "background-color": {
2271
+ "type": "color",
2272
+ "value": "#fff"
2273
+ },
2274
+ "border-color": {
2275
+ "type": "color",
2276
+ "value": "#738eab"
2277
+ },
2278
+ "border-width": {
2279
+ "type": "dimension",
2280
+ "value": "1px"
2281
+ }
2282
+ },
2283
+ "focus": {
2284
+ "background-color": {
2285
+ "type": "color",
2286
+ "value": "#fff"
2287
+ },
2288
+ "border-color": {
2289
+ "type": "color",
2290
+ "value": "#154273"
2291
+ },
2292
+ "border-width": {
2293
+ "type": "dimension",
2294
+ "value": "2px"
2295
+ }
2296
+ }
2297
+ },
2298
+ "button": {
2299
+ "background-color": {
2300
+ "type": "color",
2301
+ "value": "#0F172A"
2302
+ },
2303
+ "border-color": {
2304
+ "type": "color",
2305
+ "value": "transparent"
2306
+ },
2307
+ "border-radius": {
2308
+ "type": "dimension",
2309
+ "value": "5px"
2310
+ },
2311
+ "border-width": {
2312
+ "type": "dimension",
2313
+ "value": "1px"
2314
+ },
2315
+ "color": {
2316
+ "type": "color",
2317
+ "value": "#fff"
2318
+ },
2319
+ "column-gap": {
2320
+ "type": "dimension",
2321
+ "value": "0.5rem"
2322
+ },
2323
+ "font-family": {
2324
+ "type": "fontFamilies",
2325
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
2326
+ },
2327
+ "font-size": {
2328
+ "type": "fontSizes",
2329
+ "value": "1.25rem"
2330
+ },
2331
+ "font-weight": {
2332
+ "type": "fontWeights",
2333
+ "value": 700
2334
+ },
2335
+ "line-height": {
2336
+ "type": "lineHeights",
2337
+ "value": "150%"
2338
+ },
2339
+ "min-block-size": {
2340
+ "type": "dimension",
2341
+ "value": "48px"
2258
2342
  },
2259
2343
  "min-inline-size": {
2260
2344
  "type": "dimension",
@@ -2276,6 +2360,12 @@
2276
2360
  "type": "dimension",
2277
2361
  "value": "1rem"
2278
2362
  },
2363
+ "icon": {
2364
+ "size": {
2365
+ "type": "dimension",
2366
+ "value": "24px"
2367
+ }
2368
+ },
2279
2369
  "pressed": {
2280
2370
  "background-color": {
2281
2371
  "type": "color",
@@ -2907,238 +2997,238 @@
2907
2997
  }
2908
2998
  },
2909
2999
  "blockquote": {
2910
- "background-color": {
2911
- "value": "transparent",
2912
- "type": "color"
2913
- },
2914
- "border-inline-start-width": {
2915
- "value": 0,
2916
- "type": "dimension"
2917
- },
2918
- "border-color": {
2919
- "value": "transparent",
2920
- "type": "color"
3000
+ "border-block-end-width": {
3001
+ "type": "dimension",
3002
+ "value": 0
2921
3003
  },
2922
- "border-radius": {
2923
- "value": 0,
2924
- "type": "dimension"
3004
+ "border-block-start-width": {
3005
+ "type": "dimension",
3006
+ "value": 0
2925
3007
  },
2926
- "border-width": {
2927
- "value": 0,
2928
- "type": "dimension"
3008
+ "border-end-end-radius": {
3009
+ "type": "dimension",
3010
+ "value": 0
2929
3011
  },
2930
- "color": {
2931
- "value": "#154273",
2932
- "type": "color"
3012
+ "border-end-start-radius": {
3013
+ "type": "dimension",
3014
+ "value": 0
2933
3015
  },
2934
- "font-size": {
2935
- "value": "1.25rem",
2936
- "type": "fontSizes"
3016
+ "border-inline-end-width": {
3017
+ "type": "dimension",
3018
+ "value": 0
2937
3019
  },
2938
- "font-family": {
2939
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
2940
- "type": "fontFamilies"
3020
+ "border-start-end-radius": {
3021
+ "type": "dimension",
3022
+ "value": 0
2941
3023
  },
2942
- "padding-block-end": {
2943
- "value": "2rem",
2944
- "type": "dimension"
3024
+ "border-start-start-radius": {
3025
+ "type": "dimension",
3026
+ "value": 0
2945
3027
  },
2946
- "padding-block-start": {
2947
- "value": "2rem",
2948
- "type": "dimension"
3028
+ "margin-block-end": {
3029
+ "type": "dimension",
3030
+ "value": 0
2949
3031
  },
2950
- "padding-inline-end": {
2951
- "value": "2rem",
2952
- "type": "dimension"
3032
+ "margin-block-start": {
3033
+ "type": "dimension",
3034
+ "value": 0
2953
3035
  },
2954
- "padding-inline-start": {
2955
- "value": "2rem",
2956
- "type": "dimension"
3036
+ "margin-inline-end": {
3037
+ "type": "dimension",
3038
+ "value": 0
2957
3039
  },
2958
- "row-gap": {
2959
- "value": "0.75rem",
2960
- "type": "dimension"
3040
+ "margin-inline-start": {
3041
+ "type": "dimension",
3042
+ "value": 0
2961
3043
  },
2962
- "attribution": {
2963
- "color": {
2964
- "value": "#154273",
2965
- "type": "color"
3044
+ "blue-corner-border-variation": {
3045
+ "border-block-end-width": {
3046
+ "type": "dimension",
3047
+ "value": "2px"
2966
3048
  },
2967
- "font-size": {
2968
- "value": "1.25rem",
2969
- "type": "fontSizes"
3049
+ "border-color": {
3050
+ "type": "color",
3051
+ "value": "#154273"
3052
+ },
3053
+ "border-end-end-radius": {
3054
+ "type": "dimension",
3055
+ "value": "3rem"
3056
+ },
3057
+ "border-inline-end-width": {
3058
+ "type": "dimension",
3059
+ "value": "2px"
2970
3060
  }
2971
3061
  },
2972
- "content": {
3062
+ "caption": {
2973
3063
  "color": {
2974
- "value": "#154273",
2975
- "type": "color"
3064
+ "type": "color",
3065
+ "value": "#154273"
3066
+ },
3067
+ "font-family": {
3068
+ "type": "fontFamilies",
3069
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
2976
3070
  },
2977
3071
  "font-size": {
2978
- "value": "1.25rem",
2979
- "type": "fontSizes"
3072
+ "type": "fontSizes",
3073
+ "value": "1.25rem"
2980
3074
  },
2981
- "font-family": {
2982
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
2983
- "type": "fontFamilies"
3075
+ "font-weight": {
3076
+ "type": "fontWeights",
3077
+ "value": 400
2984
3078
  },
2985
3079
  "line-height": {
2986
- "value": "150%",
2987
- "type": "lineHeights"
3080
+ "type": "lineHeights",
3081
+ "value": "150%"
2988
3082
  },
2989
- "font-weight": {
2990
- "value": 400,
2991
- "type": "fontWeights"
3083
+ "padding-block-start": {
3084
+ "type": "dimension",
3085
+ "value": "0.75rem"
2992
3086
  }
2993
3087
  },
2994
- "caption": {
2995
- "font-size": {
2996
- "value": "1.25rem",
2997
- "type": "fontSizes"
2998
- },
3088
+ "content": {
2999
3089
  "font-family": {
3000
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
3001
- "type": "fontFamilies"
3002
- },
3003
- "line-height": {
3004
- "value": "150%",
3005
- "type": "lineHeights"
3090
+ "type": "fontFamilies",
3091
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
3006
3092
  },
3007
3093
  "font-weight": {
3008
- "value": 400,
3009
- "type": "fontWeights"
3094
+ "type": "fontWeights",
3095
+ "value": 400
3010
3096
  },
3011
- "padding-block-start": {
3012
- "value": "0.75rem",
3013
- "type": "spacing"
3097
+ "line-height": {
3098
+ "type": "lineHeights",
3099
+ "value": "150%"
3014
3100
  },
3015
3101
  "color": {
3016
3102
  "value": "#154273",
3017
3103
  "type": "color"
3104
+ },
3105
+ "font-size": {
3106
+ "value": "1.25rem",
3107
+ "type": "fontSizes"
3018
3108
  }
3019
3109
  },
3020
- "margin-block-end": {
3021
- "value": 0,
3022
- "type": "spacing"
3023
- },
3024
- "margin-block-start": {
3025
- "value": 0,
3026
- "type": "spacing"
3110
+ "pink-background-variation": {
3111
+ "background-color": {
3112
+ "type": "color",
3113
+ "value": "#F6BDE1"
3114
+ },
3115
+ "border-end-start-radius": {
3116
+ "type": "dimension",
3117
+ "value": "3rem"
3118
+ },
3119
+ "padding": {
3120
+ "type": "dimension",
3121
+ "value": "2.5rem"
3122
+ }
3027
3123
  },
3028
- "margin-inline-end": {
3029
- "value": 0,
3030
- "type": "spacing"
3031
- },
3032
- "margin-inline-start": {
3033
- "value": 0,
3034
- "type": "spacing"
3035
- },
3036
- "border-block-start-width": {
3037
- "value": 0,
3038
- "type": "borderWidth"
3039
- },
3040
- "border-block-end-width": {
3041
- "value": 0,
3042
- "type": "borderWidth"
3043
- },
3044
- "border-inline-end-width": {
3045
- "value": 0,
3046
- "type": "borderWidth"
3047
- },
3048
- "border-start-start-radius": {
3049
- "value": 0,
3050
- "type": "borderRadius"
3051
- },
3052
- "border-start-end-radius": {
3053
- "value": 0,
3054
- "type": "borderRadius"
3055
- },
3056
- "border-end-start-radius": {
3057
- "value": 0,
3058
- "type": "borderRadius"
3059
- },
3060
- "border-end-end-radius": {
3061
- "value": 0,
3062
- "type": "borderRadius"
3063
- },
3064
- "blue-corner-border-variation": {
3065
- "border-color": {
3066
- "value": "#154273",
3067
- "type": "color"
3068
- },
3069
- "border-block-end-width": {
3070
- "value": "2px",
3071
- "type": "borderWidth"
3124
+ "pink-corner-border-variation": {
3125
+ "border-block-start-width": {
3126
+ "type": "dimension",
3127
+ "value": "0.25rem"
3072
3128
  },
3073
- "border-inline-end-width": {
3074
- "value": "2px",
3075
- "type": "borderWidth"
3129
+ "border-color": {
3130
+ "type": "color",
3131
+ "value": "#F6BDE1"
3076
3132
  },
3077
- "border-end-end-radius": {
3078
- "value": "3rem",
3079
- "type": "borderRadius"
3080
- }
3081
- },
3082
- "pink-background-variation": {
3083
- "background-color": {
3084
- "value": "#F6BDE1",
3085
- "type": "color"
3133
+ "border-inline-start-width": {
3134
+ "type": "dimension",
3135
+ "value": "0.25rem"
3086
3136
  },
3087
- "border-end-start-radius": {
3088
- "value": "3rem",
3089
- "type": "borderRadius"
3137
+ "border-start-start-radius": {
3138
+ "type": "dimension",
3139
+ "value": "3rem"
3090
3140
  },
3091
3141
  "padding": {
3092
- "value": "2.5rem",
3093
- "type": "spacing"
3142
+ "type": "dimension",
3143
+ "value": "2.5rem"
3094
3144
  }
3095
3145
  },
3096
3146
  "pink-left-border-variation": {
3097
3147
  "border-color": {
3098
- "value": "#F6BDE1",
3099
- "type": "color"
3148
+ "type": "color",
3149
+ "value": "#F6BDE1"
3100
3150
  },
3101
3151
  "border-inline-start-width": {
3102
- "value": "0.75rem",
3103
- "type": "borderWidth"
3104
- },
3105
- "padding-inline-start": {
3106
- "value": "2.5rem",
3107
- "type": "spacing"
3152
+ "type": "dimension",
3153
+ "value": "0.75rem"
3108
3154
  },
3109
- "padding-inline-end": {
3110
- "value": "2.5rem",
3111
- "type": "spacing"
3155
+ "padding-block-end": {
3156
+ "type": "dimension",
3157
+ "value": "1.5rem"
3112
3158
  },
3113
3159
  "padding-block-start": {
3114
- "value": "1.5rem",
3115
- "type": "spacing"
3160
+ "type": "dimension",
3161
+ "value": "1.5rem"
3116
3162
  },
3117
- "padding-block-end": {
3118
- "value": "1.5rem",
3119
- "type": "spacing"
3163
+ "padding-inline-end": {
3164
+ "type": "dimension",
3165
+ "value": "2.5rem"
3166
+ },
3167
+ "padding-inline-start": {
3168
+ "type": "dimension",
3169
+ "value": "2.5rem"
3120
3170
  }
3121
3171
  },
3122
- "pink-corner-border-variation": {
3123
- "border-color": {
3124
- "value": "#F6BDE1",
3172
+ "background-color": {
3173
+ "value": "transparent",
3174
+ "type": "color"
3175
+ },
3176
+ "border-inline-start-width": {
3177
+ "value": "0px",
3178
+ "type": "dimension"
3179
+ },
3180
+ "border-color": {
3181
+ "value": "transparent",
3182
+ "type": "color"
3183
+ },
3184
+ "border-radius": {
3185
+ "value": "0px",
3186
+ "type": "dimension"
3187
+ },
3188
+ "border-width": {
3189
+ "value": "0px",
3190
+ "type": "dimension"
3191
+ },
3192
+ "color": {
3193
+ "value": "#154273",
3194
+ "type": "color"
3195
+ },
3196
+ "font-size": {
3197
+ "value": "1.25rem",
3198
+ "type": "fontSizes"
3199
+ },
3200
+ "font-family": {
3201
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
3202
+ "type": "fontFamilies"
3203
+ },
3204
+ "padding-block-end": {
3205
+ "value": "2rem",
3206
+ "type": "dimension"
3207
+ },
3208
+ "padding-block-start": {
3209
+ "value": "2rem",
3210
+ "type": "dimension"
3211
+ },
3212
+ "padding-inline-end": {
3213
+ "value": "2rem",
3214
+ "type": "dimension"
3215
+ },
3216
+ "padding-inline-start": {
3217
+ "value": "2rem",
3218
+ "type": "dimension"
3219
+ },
3220
+ "row-gap": {
3221
+ "value": "0.75rem",
3222
+ "type": "dimension"
3223
+ },
3224
+ "attribution": {
3225
+ "color": {
3226
+ "value": "#154273",
3125
3227
  "type": "color"
3126
3228
  },
3127
- "border-block-start-width": {
3128
- "value": "0.25rem",
3129
- "type": "borderWidth"
3130
- },
3131
- "border-inline-start-width": {
3132
- "value": "0.25rem",
3133
- "type": "borderWidth"
3134
- },
3135
- "border-start-start-radius": {
3136
- "value": "3rem",
3137
- "type": "borderRadius"
3138
- },
3139
- "padding": {
3140
- "value": "2.5rem",
3141
- "type": "spacing"
3229
+ "font-size": {
3230
+ "value": "1.25rem",
3231
+ "type": "fontSizes"
3142
3232
  }
3143
3233
  }
3144
3234
  },
@@ -3151,295 +3241,388 @@
3151
3241
  "alert": {
3152
3242
  "heading": {
3153
3243
  "font-family": {
3154
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
3155
- "type": "fontFamilies"
3244
+ "type": "fontFamilies",
3245
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
3246
+ },
3247
+ "font-size": {
3248
+ "type": "fontSizes",
3249
+ "value": "1.25rem"
3156
3250
  },
3157
3251
  "font-weight": {
3158
- "value": 700,
3159
- "type": "fontWeights"
3252
+ "type": "fontWeights",
3253
+ "value": 700
3160
3254
  },
3161
3255
  "line-height": {
3162
- "value": "150%",
3163
- "type": "lineHeights"
3256
+ "type": "lineHeights",
3257
+ "value": "150%"
3258
+ }
3259
+ },
3260
+ "message": {
3261
+ "column-gap": {
3262
+ "type": "dimension",
3263
+ "value": "0.5rem"
3164
3264
  },
3165
- "font-size": {
3166
- "value": "1.25rem",
3167
- "type": "fontSizes"
3265
+ "line-height": {
3266
+ "type": "lineHeights",
3267
+ "value": "150%"
3268
+ },
3269
+ "row-gap": {
3270
+ "type": "dimension",
3271
+ "value": "0rem"
3168
3272
  }
3169
3273
  },
3170
- "column-gap": {
3171
- "value": "0.5rem",
3172
- "type": "spacing"
3274
+ "background-color": {
3275
+ "type": "color",
3276
+ "value": "#d9ebf7"
3277
+ },
3278
+ "border-color": {
3279
+ "type": "color",
3280
+ "value": "transparent"
3281
+ },
3282
+ "border-radius": {
3283
+ "type": "dimension",
3284
+ "value": "5px"
3173
3285
  },
3174
3286
  "border-width": {
3175
- "value": "0px",
3176
- "type": "borderWidth"
3287
+ "type": "dimension",
3288
+ "value": "0px"
3289
+ },
3290
+ "color": {
3291
+ "type": "color",
3292
+ "value": "#000"
3293
+ },
3294
+ "column-gap": {
3295
+ "type": "dimension",
3296
+ "value": "0.5rem"
3177
3297
  },
3178
3298
  "margin-block-end": {
3179
- "value": "0.75rem",
3180
- "type": "spacing"
3299
+ "description": "[code-only]",
3300
+ "type": "dimension",
3301
+ "value": "0.75rem"
3181
3302
  },
3182
3303
  "margin-block-start": {
3183
- "value": "0.75rem",
3184
- "type": "spacing"
3304
+ "description": "[code-only]",
3305
+ "type": "dimension",
3306
+ "value": "0.75rem"
3185
3307
  },
3186
3308
  "padding-block-end": {
3187
- "value": "1rem",
3188
- "type": "spacing"
3309
+ "type": "dimension",
3310
+ "value": "1rem"
3189
3311
  },
3190
3312
  "padding-block-start": {
3191
- "value": "1rem",
3192
- "type": "spacing"
3313
+ "type": "dimension",
3314
+ "value": "1rem"
3193
3315
  },
3194
3316
  "padding-inline-end": {
3195
- "value": "1rem",
3196
- "type": "spacing"
3317
+ "type": "dimension",
3318
+ "value": "1rem"
3197
3319
  },
3198
3320
  "padding-inline-start": {
3199
- "value": "1rem",
3200
- "type": "spacing"
3321
+ "type": "dimension",
3322
+ "value": "1rem"
3201
3323
  },
3202
- "background-color": {
3203
- "value": "#d9ebf7",
3204
- "type": "color"
3324
+ "content": {
3325
+ "row-gap": {
3326
+ "type": "dimension",
3327
+ "value": "0.5rem"
3328
+ }
3205
3329
  },
3206
- "border-color": {
3207
- "value": "transparent",
3208
- "type": "color"
3209
- },
3210
- "color": {
3211
- "value": "#000",
3212
- "type": "color"
3213
- },
3214
- "info": {
3330
+ "error": {
3215
3331
  "background-color": {
3216
- "value": "#d9ebf7",
3217
- "type": "color"
3332
+ "type": "color",
3333
+ "value": "#f9dfdd"
3218
3334
  },
3219
3335
  "border-color": {
3220
- "value": "transparent",
3221
- "type": "color"
3336
+ "type": "color",
3337
+ "value": "transparent"
3222
3338
  },
3223
3339
  "color": {
3224
- "value": "#000",
3225
- "type": "color"
3340
+ "type": "color",
3341
+ "value": "#000"
3226
3342
  }
3227
3343
  },
3228
- "error": {
3344
+ "info": {
3229
3345
  "background-color": {
3230
- "value": "#f9dfdd",
3231
- "type": "color"
3346
+ "type": "color",
3347
+ "value": "#d9ebf7"
3232
3348
  },
3233
3349
  "border-color": {
3234
- "value": "transparent",
3235
- "type": "color"
3350
+ "type": "color",
3351
+ "value": "transparent"
3236
3352
  },
3237
3353
  "color": {
3238
- "value": "#000",
3239
- "type": "color"
3354
+ "type": "color",
3355
+ "value": "#000"
3240
3356
  }
3241
3357
  },
3242
3358
  "ok": {
3243
3359
  "background-color": {
3244
- "value": "#e1eddb",
3245
- "type": "color"
3360
+ "type": "color",
3361
+ "value": "#e1eddb"
3246
3362
  },
3247
3363
  "border-color": {
3248
- "value": "transparent",
3249
- "type": "color"
3364
+ "type": "color",
3365
+ "value": "transparent"
3250
3366
  },
3251
3367
  "color": {
3252
- "value": "#000",
3253
- "type": "color"
3368
+ "type": "color",
3369
+ "value": "#000"
3254
3370
  }
3255
3371
  },
3256
3372
  "warning": {
3257
3373
  "background-color": {
3258
- "value": "#fff4db",
3259
- "type": "color"
3374
+ "type": "color",
3375
+ "value": "#fff4db"
3260
3376
  },
3261
3377
  "border-color": {
3262
- "value": "transparent",
3263
- "type": "color"
3378
+ "type": "color",
3379
+ "value": "transparent"
3264
3380
  },
3265
3381
  "color": {
3266
- "value": "#000",
3267
- "type": "color"
3382
+ "type": "color",
3383
+ "value": "#000"
3268
3384
  }
3269
3385
  },
3270
3386
  "icon": {
3387
+ "color": {
3388
+ "type": "color",
3389
+ "value": "#007bc7"
3390
+ },
3271
3391
  "inset-block-start": {
3272
- "value": "3px",
3273
- "type": "spacing"
3392
+ "type": "dimension",
3393
+ "value": "3px"
3274
3394
  },
3275
- "info": {
3395
+ "size": {
3396
+ "type": "dimension",
3397
+ "value": "24px"
3398
+ },
3399
+ "error": {
3276
3400
  "color": {
3277
- "value": "#007bc7",
3278
- "type": "color"
3401
+ "type": "color",
3402
+ "value": "#d52b1e"
3279
3403
  }
3280
3404
  },
3281
- "error": {
3405
+ "info": {
3282
3406
  "color": {
3283
- "value": "#d52b1e",
3284
- "type": "color"
3407
+ "type": "color",
3408
+ "value": "#007bc7"
3285
3409
  }
3286
3410
  },
3287
3411
  "ok": {
3288
3412
  "color": {
3289
- "value": "#39870c",
3290
- "type": "color"
3413
+ "type": "color",
3414
+ "value": "#39870c"
3291
3415
  }
3292
3416
  },
3293
3417
  "warning": {
3294
3418
  "color": {
3295
- "value": "#ffb612",
3296
- "type": "color"
3419
+ "type": "color",
3420
+ "value": "#ffb612"
3297
3421
  }
3298
- },
3299
- "size": {
3300
- "value": "24px",
3301
- "type": "sizing"
3302
- }
3303
- },
3304
- "message": {
3305
- "line-height": {
3306
- "value": "150%",
3307
- "type": "lineHeights"
3308
- },
3309
- "column-gap": {
3310
- "value": "0.5rem",
3311
- "type": "spacing"
3312
3422
  }
3313
- },
3314
- "border-radius": {
3315
- "value": "5px",
3316
- "type": "borderRadius"
3317
3423
  }
3318
3424
  },
3319
3425
  "accordion": {
3320
- "panel": {
3321
- "border-color": {
3322
- "value": "#94A3B8",
3323
- "type": "color"
3324
- },
3325
- "border-width": {
3326
- "value": 0,
3327
- "type": "borderWidth"
3328
- },
3329
- "padding-block-end": {
3330
- "value": "1.5rem",
3331
- "type": "spacing"
3332
- },
3333
- "padding-block-start": {
3334
- "value": "1rem",
3335
- "type": "spacing"
3336
- },
3337
- "padding-inline-end": {
3338
- "value": "1rem",
3339
- "type": "spacing"
3340
- },
3341
- "padding-inline-start": {
3342
- "value": "1rem",
3343
- "type": "spacing"
3344
- }
3345
- },
3346
3426
  "button": {
3347
- "gap": {
3348
- "value": "0.5rem",
3349
- "type": "spacing"
3350
- },
3351
- "icon": {
3352
- "size": {
3353
- "value": "24px",
3354
- "type": "sizing"
3427
+ "active": {
3428
+ "row-gap": {
3429
+ "type": "dimension",
3430
+ "value": 0
3431
+ },
3432
+ "background-color": {
3433
+ "type": "color",
3434
+ "value": "#F1F5F9"
3435
+ },
3436
+ "border-color": {
3437
+ "type": "color",
3438
+ "value": "transparent"
3439
+ },
3440
+ "color": {
3441
+ "type": "color",
3442
+ "value": "#0F172A"
3355
3443
  }
3356
3444
  },
3357
- "hover": {
3445
+ "focus": {
3358
3446
  "background-color": {
3359
- "value": "#F8FAFC",
3360
- "type": "color"
3447
+ "type": "color",
3448
+ "value": "#dce3ea"
3361
3449
  },
3362
3450
  "border-color": {
3363
- "value": "#94A3B8",
3364
- "type": "color"
3451
+ "type": "color",
3452
+ "value": "#154273"
3365
3453
  },
3366
3454
  "color": {
3367
- "value": "#0F172A",
3368
- "type": "color"
3455
+ "type": "color",
3456
+ "value": "#0F172A"
3369
3457
  }
3370
3458
  },
3371
3459
  "background-color": {
3372
- "value": "#fff",
3373
- "type": "color"
3460
+ "type": "color",
3461
+ "value": "#fff"
3374
3462
  },
3375
3463
  "border-color": {
3376
- "value": "#94A3B8",
3377
- "type": "color"
3464
+ "type": "color",
3465
+ "value": "transparent"
3466
+ },
3467
+ "border-radius": {
3468
+ "type": "dimension",
3469
+ "value": "0px"
3378
3470
  },
3379
3471
  "border-width": {
3380
- "value": 0,
3381
- "type": "borderWidth"
3472
+ "type": "dimension",
3473
+ "value": "1px"
3382
3474
  },
3383
3475
  "color": {
3384
- "value": "#0F172A",
3385
- "type": "color"
3476
+ "type": "color",
3477
+ "value": "#0F172A"
3386
3478
  },
3387
- "focus": {
3479
+ "gap": {
3480
+ "type": "dimension",
3481
+ "value": "0.5rem"
3482
+ },
3483
+ "padding-block-end": {
3484
+ "type": "dimension",
3485
+ "value": "0.75rem"
3486
+ },
3487
+ "padding-block-start": {
3488
+ "type": "dimension",
3489
+ "value": "0.75rem"
3490
+ },
3491
+ "padding-inline-end": {
3492
+ "type": "dimension",
3493
+ "value": "1rem"
3494
+ },
3495
+ "padding-inline-start": {
3496
+ "type": "dimension",
3497
+ "value": "1rem"
3498
+ },
3499
+ "icon": {
3500
+ "size": {
3501
+ "type": "dimension",
3502
+ "value": "24px"
3503
+ }
3504
+ },
3505
+ "hover": {
3388
3506
  "background-color": {
3389
- "value": "#dce3ea",
3390
- "type": "color"
3507
+ "type": "color",
3508
+ "value": "#F8FAFC"
3391
3509
  },
3392
3510
  "border-color": {
3393
- "value": "#154273",
3394
- "type": "color"
3511
+ "type": "color",
3512
+ "value": "transparent"
3395
3513
  },
3396
3514
  "color": {
3397
- "value": "#0F172A",
3398
- "type": "color"
3515
+ "type": "color",
3516
+ "value": "#0F172A"
3399
3517
  }
3400
3518
  },
3401
- "active": {
3519
+ "focus-visible": {
3402
3520
  "background-color": {
3403
- "value": "#F1F5F9",
3404
- "type": "color"
3521
+ "type": "color",
3522
+ "value": "#dce3ea"
3405
3523
  },
3406
3524
  "border-color": {
3407
- "value": "#94A3B8",
3408
- "type": "color"
3525
+ "type": "color",
3526
+ "value": "transparent"
3409
3527
  },
3410
- "color": {
3411
- "value": "#0F172A",
3412
- "type": "color"
3528
+ "border-width": {
3529
+ "type": "dimension",
3530
+ "value": "1px"
3413
3531
  },
3414
- "row-gap": {
3415
- "value": 0,
3416
- "type": "spacing"
3532
+ "color": {
3533
+ "type": "color",
3534
+ "value": "#0F172A"
3417
3535
  }
3418
3536
  }
3419
- }
3420
- },
3421
- "rich-text": {
3422
- "stranger": {
3423
- "margin-block-end": {
3424
- "value": "2rem",
3425
- "type": "dimension"
3426
- }
3427
3537
  },
3428
- "acquaintance": {
3429
- "margin-block-end": {
3430
- "value": "1rem",
3431
- "type": "dimension"
3432
- }
3538
+ "margin-block-end": {
3539
+ "description": "[code-only]",
3540
+ "type": "dimension",
3541
+ "value": "0rem"
3433
3542
  },
3434
- "friend": {
3435
- "margin-block-end": {
3436
- "value": "0.5rem",
3437
- "type": "dimension"
3438
- }
3543
+ "margin-block-start": {
3544
+ "type": "dimension",
3545
+ "value": "0rem"
3439
3546
  },
3440
- "best-friend": {
3441
- "margin-block-end": {
3442
- "value": "0.25rem",
3547
+ "row-gap": {
3548
+ "type": "dimension",
3549
+ "value": "0rem"
3550
+ },
3551
+ "panel": {
3552
+ "border-color": {
3553
+ "type": "color",
3554
+ "value": "transparent"
3555
+ },
3556
+ "border-width": {
3557
+ "type": "dimension",
3558
+ "value": "1px"
3559
+ },
3560
+ "padding-block-end": {
3561
+ "type": "dimension",
3562
+ "value": "1.5rem"
3563
+ },
3564
+ "padding-block-start": {
3565
+ "type": "dimension",
3566
+ "value": "1rem"
3567
+ },
3568
+ "padding-inline-end": {
3569
+ "type": "dimension",
3570
+ "value": "1rem"
3571
+ },
3572
+ "padding-inline-start": {
3573
+ "type": "dimension",
3574
+ "value": "1rem"
3575
+ }
3576
+ },
3577
+ "section": {
3578
+ "border-color": {
3579
+ "type": "color",
3580
+ "value": "#94A3B8"
3581
+ },
3582
+ "hover": {
3583
+ "border-color": {
3584
+ "type": "color",
3585
+ "value": "#94A3B8"
3586
+ }
3587
+ },
3588
+ "border-width": {
3589
+ "value": "1px",
3590
+ "type": "dimension"
3591
+ },
3592
+ "margin-block-end": {
3593
+ "value": "0rem",
3594
+ "type": "dimension",
3595
+ "description": "[code-only]"
3596
+ },
3597
+ "margin-block-start": {
3598
+ "value": "0rem",
3599
+ "type": "dimension",
3600
+ "description": "[code-only]"
3601
+ }
3602
+ }
3603
+ },
3604
+ "rich-text": {
3605
+ "stranger": {
3606
+ "margin-block-end": {
3607
+ "value": "2rem",
3608
+ "type": "dimension"
3609
+ }
3610
+ },
3611
+ "acquaintance": {
3612
+ "margin-block-end": {
3613
+ "value": "1rem",
3614
+ "type": "dimension"
3615
+ }
3616
+ },
3617
+ "friend": {
3618
+ "margin-block-end": {
3619
+ "value": "0.5rem",
3620
+ "type": "dimension"
3621
+ }
3622
+ },
3623
+ "best-friend": {
3624
+ "margin-block-end": {
3625
+ "value": "0.25rem",
3443
3626
  "type": "dimension"
3444
3627
  }
3445
3628
  },
@@ -4915,8 +5098,8 @@
4915
5098
  },
4916
5099
  "keep": {
4917
5100
  "_comment": {
4918
- "value": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
4919
- "type": "other"
5101
+ "type": "other",
5102
+ "value": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote."
4920
5103
  },
4921
5104
  "top-left": {
4922
5105
  "borderRadiusTopLeft": {
@@ -4992,83 +5175,83 @@
4992
5175
  }
4993
5176
  },
4994
5177
  "accordion": {
4995
- "button": {
4996
- "font-family": {
4997
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
4998
- "type": "fontFamilies"
4999
- },
5000
- "font-size": {
5001
- "value": "1.25rem",
5002
- "type": "fontSizes"
5003
- },
5004
- "font-weight": {
5005
- "value": 400,
5006
- "type": "fontWeights"
5007
- },
5008
- "line-height": {
5009
- "value": "150%",
5010
- "type": "lineHeights"
5178
+ "border-radius": {
5179
+ "type": "dimension",
5180
+ "value": "0px"
5181
+ },
5182
+ "color": {
5183
+ "type": "color",
5184
+ "value": "#0F172A"
5185
+ },
5186
+ "header": {
5187
+ "margin": {
5188
+ "type": "dimension",
5189
+ "value": 0
5190
+ }
5191
+ },
5192
+ "section": {
5193
+ "border-block-end-width": {
5194
+ "type": "dimension",
5195
+ "value": "1px"
5011
5196
  },
5012
- "icon": {
5013
- "margin-block": {
5014
- "value": "0.25rem",
5015
- "type": "spacing"
5016
- }
5197
+ "border-color": {
5198
+ "type": "color",
5199
+ "value": "#94A3B8"
5017
5200
  },
5201
+ "border-width": {
5202
+ "type": "dimension",
5203
+ "value": "1px"
5204
+ }
5205
+ },
5206
+ "button": {
5018
5207
  "padding-block-end": {
5019
- "value": "0.75rem",
5020
- "type": "spacing"
5208
+ "type": "dimension",
5209
+ "value": "0.75rem"
5021
5210
  },
5022
5211
  "padding-block-start": {
5023
- "value": "0.75rem",
5024
- "type": "spacing"
5212
+ "type": "dimension",
5213
+ "value": "0.75rem"
5025
5214
  },
5026
5215
  "padding-inline-end": {
5027
- "value": "1rem",
5028
- "type": "spacing"
5216
+ "type": "dimension",
5217
+ "value": "1rem"
5029
5218
  },
5030
5219
  "padding-inline-start": {
5031
- "value": "1rem",
5032
- "type": "spacing"
5220
+ "type": "dimension",
5221
+ "value": "1rem"
5033
5222
  },
5034
5223
  "expanded": {
5035
5224
  "background-color": {
5036
- "value": "#fff",
5037
- "type": "color"
5225
+ "type": "color",
5226
+ "value": "#fff"
5038
5227
  },
5039
5228
  "color": {
5040
- "value": "#0F172A",
5041
- "type": "color"
5229
+ "type": "color",
5230
+ "value": "#0F172A"
5042
5231
  }
5043
- }
5044
- },
5045
- "section": {
5046
- "border-block-end-width": {
5047
- "value": "1px",
5048
- "type": "borderWidth"
5049
5232
  },
5050
- "border-width": {
5051
- "value": 0,
5052
- "type": "borderWidth"
5233
+ "icon": {
5234
+ "margin-block": {
5235
+ "type": "dimension",
5236
+ "value": "0.25rem"
5237
+ }
5053
5238
  },
5054
- "border-color": {
5055
- "value": "#94A3B8",
5056
- "type": "color"
5057
- }
5058
- },
5059
- "header": {
5060
- "margin": {
5061
- "value": 0,
5062
- "type": "spacing"
5239
+ "font-family": {
5240
+ "type": "fontFamilies",
5241
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
5242
+ },
5243
+ "font-weight": {
5244
+ "type": "fontWeights",
5245
+ "value": 400
5246
+ },
5247
+ "font-size": {
5248
+ "type": "fontSizes",
5249
+ "value": "1.25rem"
5250
+ },
5251
+ "line-height": {
5252
+ "value": "150%",
5253
+ "type": "lineHeights"
5063
5254
  }
5064
- },
5065
- "border-radius": {
5066
- "value": "0px",
5067
- "type": "borderRadius"
5068
- },
5069
- "color": {
5070
- "value": "#0F172A",
5071
- "type": "color"
5072
5255
  }
5073
5256
  },
5074
5257
  "rounded-corner": {
@@ -6041,110 +6224,384 @@
6041
6224
  "value": "24px",
6042
6225
  "type": "dimension"
6043
6226
  }
6044
- },
6045
- "quarter-lint": {
6046
- "value": "12px",
6047
- "type": "dimension"
6048
- },
6049
- "half-lint": {
6050
- "value": "24px",
6051
- "type": "dimension"
6052
- },
6053
- "lint": {
6054
- "value": "48px",
6055
- "type": "dimension"
6056
- },
6057
- "2-lint": {
6058
- "value": "96px",
6059
- "type": "dimension"
6060
- },
6061
- "3-lint": {
6062
- "value": "1440px",
6063
- "type": "dimension"
6064
- }
6065
- },
6066
- "font-family": {
6067
- "primary": {
6068
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
6069
- "type": "fontFamilies"
6070
- },
6071
- "secondary": {
6072
- "value": "RijksoverheidSerifWeb, 'Times New Roman', serif",
6073
- "type": "fontFamilies"
6074
- }
6075
- },
6076
- "border-width": {
6077
- "default": {
6078
- "parent": "core/default",
6079
- "value": "1px",
6080
- "type": "dimension"
6081
- },
6082
- "m": {
6083
- "parent": "core/default",
6084
- "value": "2px",
6085
- "type": "dimension"
6086
- },
6087
- "none": {
6088
- "parent": "core/default",
6089
- "value": "0px",
6090
- "type": "dimension"
6227
+ },
6228
+ "quarter-lint": {
6229
+ "value": "12px",
6230
+ "type": "dimension"
6231
+ },
6232
+ "half-lint": {
6233
+ "value": "24px",
6234
+ "type": "dimension"
6235
+ },
6236
+ "lint": {
6237
+ "value": "48px",
6238
+ "type": "dimension"
6239
+ },
6240
+ "2-lint": {
6241
+ "value": "96px",
6242
+ "type": "dimension"
6243
+ },
6244
+ "3-lint": {
6245
+ "value": "1440px",
6246
+ "type": "dimension"
6247
+ }
6248
+ },
6249
+ "font-family": {
6250
+ "primary": {
6251
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
6252
+ "type": "fontFamilies"
6253
+ },
6254
+ "secondary": {
6255
+ "value": "RijksoverheidSerifWeb, 'Times New Roman', serif",
6256
+ "type": "fontFamilies"
6257
+ }
6258
+ },
6259
+ "border-width": {
6260
+ "default": {
6261
+ "parent": "core/default",
6262
+ "value": "1px",
6263
+ "type": "dimension"
6264
+ },
6265
+ "m": {
6266
+ "parent": "core/default",
6267
+ "value": "2px",
6268
+ "type": "dimension"
6269
+ },
6270
+ "none": {
6271
+ "parent": "core/default",
6272
+ "value": "0px",
6273
+ "type": "dimension"
6274
+ }
6275
+ },
6276
+ "space": {
6277
+ "0": {
6278
+ "parent": "core/default",
6279
+ "value": "0rem",
6280
+ "type": "dimension"
6281
+ },
6282
+ "25": {
6283
+ "parent": "core/default",
6284
+ "value": "0.125rem",
6285
+ "type": "dimension"
6286
+ },
6287
+ "50": {
6288
+ "parent": "core/default",
6289
+ "value": "0.25rem",
6290
+ "type": "dimension"
6291
+ },
6292
+ "100": {
6293
+ "parent": "core/default",
6294
+ "value": "0.5rem",
6295
+ "type": "dimension"
6296
+ },
6297
+ "150": {
6298
+ "parent": "core/default",
6299
+ "value": "0.75rem",
6300
+ "type": "dimension"
6301
+ },
6302
+ "200": {
6303
+ "parent": "core/default",
6304
+ "value": "1rem",
6305
+ "type": "dimension"
6306
+ },
6307
+ "300": {
6308
+ "parent": "core/default",
6309
+ "value": "1.5rem",
6310
+ "type": "dimension"
6311
+ },
6312
+ "400": {
6313
+ "parent": "core/default",
6314
+ "value": "2rem",
6315
+ "type": "dimension"
6316
+ },
6317
+ "500": {
6318
+ "parent": "core/default",
6319
+ "value": "2.5rem",
6320
+ "type": "dimension"
6321
+ },
6322
+ "600": {
6323
+ "parent": "core/default",
6324
+ "value": "3rem",
6325
+ "type": "dimension"
6326
+ },
6327
+ "700": {
6328
+ "parent": "core/default",
6329
+ "value": "3.5rem",
6330
+ "type": "dimension"
6331
+ }
6332
+ }
6333
+ },
6334
+ "todo": {
6335
+ "textbox": {
6336
+ "hover": {
6337
+ "background-color": {
6338
+ "type": "color",
6339
+ "value": "#fff"
6340
+ },
6341
+ "border-color": {
6342
+ "type": "color",
6343
+ "value": "#738eab"
6344
+ },
6345
+ "color": {
6346
+ "type": "color",
6347
+ "value": "#0F172A"
6348
+ }
6349
+ }
6350
+ },
6351
+ "textarea": {
6352
+ "hover": {
6353
+ "background-color": {
6354
+ "type": "color",
6355
+ "value": "#fff"
6356
+ },
6357
+ "border-color": {
6358
+ "type": "color",
6359
+ "value": "#738eab"
6360
+ },
6361
+ "color": {
6362
+ "type": "color",
6363
+ "value": "#0F172A"
6364
+ }
6365
+ }
6366
+ },
6367
+ "skip-link": {
6368
+ "font-weight": {
6369
+ "type": "fontWeights",
6370
+ "value": 700
6371
+ }
6372
+ },
6373
+ "radio-button": {
6374
+ "checked": {
6375
+ "disabled": {
6376
+ "background-color": {
6377
+ "type": "color",
6378
+ "value": "#CBD5E1"
6379
+ },
6380
+ "border-color": {
6381
+ "type": "color",
6382
+ "value": "#94A3B8"
6383
+ },
6384
+ "color": {
6385
+ "type": "color",
6386
+ "value": "#475569"
6387
+ }
6388
+ }
6389
+ }
6390
+ },
6391
+ "link-list": {
6392
+ "link": {
6393
+ "hover": {
6394
+ "text-decoration": {
6395
+ "value": "underline",
6396
+ "type": "textDecoration"
6397
+ }
6398
+ }
6399
+ }
6400
+ },
6401
+ "form-field-label": {
6402
+ "color": {
6403
+ "value": "#0F172A",
6404
+ "type": "color"
6405
+ },
6406
+ "column-gap": {
6407
+ "value": "0.5rem",
6408
+ "type": "dimension"
6409
+ },
6410
+ "font-family": {
6411
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
6412
+ "type": "fontFamilies"
6413
+ },
6414
+ "font-size": {
6415
+ "value": "1.25rem",
6416
+ "type": "fontSizes"
6417
+ },
6418
+ "font-weight": {
6419
+ "value": 700,
6420
+ "type": "fontWeights"
6421
+ },
6422
+ "line-height": {
6423
+ "value": "150%",
6424
+ "type": "lineHeights"
6425
+ }
6426
+ },
6427
+ "form-field-error-message": {
6428
+ "column-gap": {
6429
+ "type": "dimension",
6430
+ "value": "0.5rem"
6431
+ },
6432
+ "icon": {
6433
+ "size": {
6434
+ "type": "dimension",
6435
+ "value": "24px"
6436
+ }
6437
+ }
6438
+ },
6439
+ "figure": {
6440
+ "row-gap": {
6441
+ "value": "0.5rem",
6442
+ "type": "dimension"
6443
+ }
6444
+ },
6445
+ "checkbox": {
6446
+ "indeterminate": {
6447
+ "active": {
6448
+ "background-color": {
6449
+ "type": "color",
6450
+ "value": "#4f7196"
6451
+ },
6452
+ "border-color": {
6453
+ "type": "color",
6454
+ "value": "transparent"
6455
+ },
6456
+ "border-width": {
6457
+ "type": "dimension",
6458
+ "value": "1px"
6459
+ },
6460
+ "color": {
6461
+ "type": "color",
6462
+ "value": "#fff"
6463
+ }
6464
+ },
6465
+ "disabled": {
6466
+ "background-color": {
6467
+ "type": "color",
6468
+ "value": "#CBD5E1"
6469
+ },
6470
+ "border-color": {
6471
+ "type": "color",
6472
+ "value": "#94A3B8"
6473
+ },
6474
+ "color": {
6475
+ "type": "color",
6476
+ "value": "#475569"
6477
+ }
6478
+ },
6479
+ "hover": {
6480
+ "background-color": {
6481
+ "type": "color",
6482
+ "value": "#738eab"
6483
+ },
6484
+ "border-color": {
6485
+ "type": "color",
6486
+ "value": "transparent"
6487
+ },
6488
+ "border-width": {
6489
+ "type": "dimension",
6490
+ "value": "1px"
6491
+ },
6492
+ "color": {
6493
+ "type": "color",
6494
+ "value": "#fff"
6495
+ }
6496
+ },
6497
+ "focus-visible": {
6498
+ "background-color": {
6499
+ "type": "color",
6500
+ "value": "#fff"
6501
+ },
6502
+ "border-color": {
6503
+ "type": "color",
6504
+ "value": "#154273"
6505
+ },
6506
+ "border-width": {
6507
+ "type": "dimension",
6508
+ "value": "2px"
6509
+ },
6510
+ "color": {
6511
+ "type": "color",
6512
+ "value": "#154273"
6513
+ }
6514
+ }
6515
+ },
6516
+ "checked": {
6517
+ "active": {
6518
+ "background-color": {
6519
+ "type": "color",
6520
+ "value": "#4f7196"
6521
+ },
6522
+ "border-color": {
6523
+ "type": "color",
6524
+ "value": "transparent"
6525
+ },
6526
+ "border-width": {
6527
+ "type": "dimension",
6528
+ "value": "1px"
6529
+ },
6530
+ "color": {
6531
+ "type": "color",
6532
+ "value": "#fff"
6533
+ }
6534
+ },
6535
+ "disabled": {
6536
+ "background-color": {
6537
+ "type": "color",
6538
+ "value": "#CBD5E1"
6539
+ },
6540
+ "border-color": {
6541
+ "type": "color",
6542
+ "value": "#94A3B8"
6543
+ },
6544
+ "color": {
6545
+ "type": "color",
6546
+ "value": "#475569"
6547
+ }
6548
+ },
6549
+ "hover": {
6550
+ "background-color": {
6551
+ "type": "color",
6552
+ "value": "#738eab"
6553
+ },
6554
+ "border-color": {
6555
+ "type": "color",
6556
+ "value": "transparent"
6557
+ },
6558
+ "border-width": {
6559
+ "type": "dimension",
6560
+ "value": "1px"
6561
+ },
6562
+ "color": {
6563
+ "type": "color",
6564
+ "value": "#fff"
6565
+ }
6566
+ },
6567
+ "focus-visible": {
6568
+ "background-color": {
6569
+ "type": "color",
6570
+ "value": "#fff"
6571
+ },
6572
+ "border-color": {
6573
+ "type": "color",
6574
+ "value": "#154273"
6575
+ },
6576
+ "border-width": {
6577
+ "type": "dimension",
6578
+ "value": "2px"
6579
+ },
6580
+ "color": {
6581
+ "type": "color",
6582
+ "value": "#154273"
6583
+ }
6584
+ }
6091
6585
  }
6092
6586
  },
6093
- "space": {
6094
- "0": {
6095
- "parent": "core/default",
6096
- "value": "0rem",
6097
- "type": "dimension"
6098
- },
6099
- "25": {
6100
- "parent": "core/default",
6101
- "value": "0.125rem",
6102
- "type": "dimension"
6103
- },
6104
- "50": {
6105
- "parent": "core/default",
6106
- "value": "0.25rem",
6107
- "type": "dimension"
6108
- },
6109
- "100": {
6110
- "parent": "core/default",
6111
- "value": "0.5rem",
6112
- "type": "dimension"
6113
- },
6114
- "150": {
6115
- "parent": "core/default",
6116
- "value": "0.75rem",
6117
- "type": "dimension"
6118
- },
6119
- "200": {
6120
- "parent": "core/default",
6121
- "value": "1rem",
6122
- "type": "dimension"
6123
- },
6124
- "300": {
6125
- "parent": "core/default",
6126
- "value": "1.5rem",
6127
- "type": "dimension"
6128
- },
6129
- "400": {
6130
- "parent": "core/default",
6131
- "value": "2rem",
6132
- "type": "dimension"
6133
- },
6134
- "500": {
6135
- "parent": "core/default",
6136
- "value": "2.5rem",
6137
- "type": "dimension"
6138
- },
6139
- "600": {
6140
- "parent": "core/default",
6141
- "value": "3rem",
6142
- "type": "dimension"
6143
- },
6144
- "700": {
6145
- "parent": "core/default",
6146
- "value": "3.5rem",
6147
- "type": "dimension"
6587
+ "accordion": {
6588
+ "button": {
6589
+ "font-family": {
6590
+ "type": "fontFamilies",
6591
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
6592
+ },
6593
+ "font-size": {
6594
+ "type": "fontSizes",
6595
+ "value": "1.25rem"
6596
+ },
6597
+ "font-weight": {
6598
+ "type": "fontWeights",
6599
+ "value": 400
6600
+ },
6601
+ "line-height": {
6602
+ "type": "lineHeights",
6603
+ "value": "150%"
6604
+ }
6148
6605
  }
6149
6606
  }
6150
6607
  },
@@ -6343,6 +6800,60 @@
6343
6800
  "description": "[code only]"
6344
6801
  }
6345
6802
  },
6803
+ "number-badge": {
6804
+ "line-height": {
6805
+ "type": "lineHeights",
6806
+ "value": "125%"
6807
+ },
6808
+ "background-color": {
6809
+ "type": "color",
6810
+ "value": "#154273"
6811
+ },
6812
+ "border-color": {
6813
+ "type": "color",
6814
+ "value": "transparent"
6815
+ },
6816
+ "border-radius": {
6817
+ "type": "dimension",
6818
+ "value": "999px"
6819
+ },
6820
+ "border-width": {
6821
+ "type": "dimension",
6822
+ "value": "0px"
6823
+ },
6824
+ "color": {
6825
+ "type": "color",
6826
+ "value": "#fff"
6827
+ },
6828
+ "font-family": {
6829
+ "type": "fontFamilies",
6830
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
6831
+ },
6832
+ "font-size": {
6833
+ "type": "fontSizes",
6834
+ "value": "1.25rem"
6835
+ },
6836
+ "font-weight": {
6837
+ "type": "fontWeights",
6838
+ "value": 700
6839
+ },
6840
+ "min-block-size": {
6841
+ "type": "dimension",
6842
+ "value": "24px"
6843
+ },
6844
+ "min-inline-size": {
6845
+ "type": "dimension",
6846
+ "value": "24px"
6847
+ },
6848
+ "padding-block": {
6849
+ "type": "dimension",
6850
+ "value": "0.125rem"
6851
+ },
6852
+ "padding-inline": {
6853
+ "type": "dimension",
6854
+ "value": "0.5rem"
6855
+ }
6856
+ },
6346
6857
  "link": {
6347
6858
  "column-gap": {
6348
6859
  "type": "dimension",
@@ -6675,78 +7186,6 @@
6675
7186
  "value": "0rem"
6676
7187
  }
6677
7188
  }
6678
- },
6679
- "number-badge": {
6680
- "font-size": {
6681
- "value": "1.25rem",
6682
- "type": "fontSizes"
6683
- },
6684
- "line-height": {
6685
- "value": "125%",
6686
- "type": "lineHeights"
6687
- },
6688
- "min-block-size": {
6689
- "value": "24px",
6690
- "type": "sizing"
6691
- },
6692
- "min-inline-size": {
6693
- "value": "24px",
6694
- "type": "sizing"
6695
- },
6696
- "font-weight": {
6697
- "value": 700,
6698
- "type": "fontWeights"
6699
- },
6700
- "border-width": {
6701
- "value": "0px",
6702
- "type": "borderWidth"
6703
- },
6704
- "border-radius": {
6705
- "value": "999px",
6706
- "type": "borderRadius"
6707
- },
6708
- "font-family": {
6709
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
6710
- "type": "fontFamilies"
6711
- },
6712
- "background-color": {
6713
- "value": "#154273",
6714
- "type": "color"
6715
- },
6716
- "border-color": {
6717
- "value": "transparent",
6718
- "type": "color"
6719
- },
6720
- "color": {
6721
- "value": "#fff",
6722
- "type": "color"
6723
- },
6724
- "padding-inline": {
6725
- "value": "0.5rem",
6726
- "type": "spacing"
6727
- },
6728
- "padding-block": {
6729
- "value": "0.125rem",
6730
- "type": "spacing"
6731
- }
6732
- }
6733
- },
6734
- "todo": {
6735
- "skip-link": {
6736
- "font-weight": {
6737
- "type": "fontWeights",
6738
- "value": 700
6739
- }
6740
- },
6741
- "link-list": {
6742
- "link": {
6743
- "hover": {
6744
- "text-decoration": {
6745
- "value": "underline",
6746
- "type": "textDecoration"
6747
- }
6748
- }
6749
- }
6750
7189
  }
6751
7190
  },
6752
7191
  "basis": {