@rijkshuisstijl-community/design-tokens 2.0.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/CHANGELOG.md +78 -0
  2. package/dist/_variables.scss +378 -270
  3. package/dist/index.css +378 -270
  4. package/dist/index.d.ts +315 -207
  5. package/dist/index.js +378 -270
  6. package/dist/index.json +377 -269
  7. package/dist/index.tokens.json +571 -364
  8. package/dist/koop/_variables.scss +1425 -0
  9. package/dist/koop/index.css +1428 -0
  10. package/dist/koop/index.d.ts +1426 -0
  11. package/dist/koop/index.js +1426 -0
  12. package/dist/koop/index.json +1423 -0
  13. package/dist/koop/index.tokens.json +2201 -0
  14. package/dist/koop/root.css +1428 -0
  15. package/dist/koop/tokens.d.ts +2224 -0
  16. package/dist/koop/tokens.js +33522 -0
  17. package/dist/root.css +378 -270
  18. package/dist/tokens.d.ts +477 -277
  19. package/dist/tokens.js +8642 -5842
  20. package/dist/uitvoerend-groen/_variables.scss +532 -444
  21. package/dist/uitvoerend-groen/index.css +532 -444
  22. package/dist/uitvoerend-groen/index.d.ts +607 -519
  23. package/dist/uitvoerend-groen/index.js +532 -444
  24. package/dist/uitvoerend-groen/index.json +531 -443
  25. package/dist/uitvoerend-groen/index.tokens.json +788 -636
  26. package/dist/uitvoerend-groen/root.css +532 -444
  27. package/dist/uitvoerend-groen/tokens.d.ts +776 -624
  28. package/dist/uitvoerend-groen/tokens.js +25121 -22809
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +532 -444
  30. package/dist/uitvoerend-hemelblauw/index.css +532 -444
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +607 -519
  32. package/dist/uitvoerend-hemelblauw/index.js +532 -444
  33. package/dist/uitvoerend-hemelblauw/index.json +531 -443
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +794 -642
  35. package/dist/uitvoerend-hemelblauw/root.css +532 -444
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +776 -624
  37. package/dist/uitvoerend-hemelblauw/tokens.js +25121 -22809
  38. package/dist/uitvoerend-mintgroen/_variables.scss +532 -444
  39. package/dist/uitvoerend-mintgroen/index.css +532 -444
  40. package/dist/uitvoerend-mintgroen/index.d.ts +607 -519
  41. package/dist/uitvoerend-mintgroen/index.js +532 -444
  42. package/dist/uitvoerend-mintgroen/index.json +531 -443
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +788 -636
  44. package/dist/uitvoerend-mintgroen/root.css +532 -444
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +776 -624
  46. package/dist/uitvoerend-mintgroen/tokens.js +25122 -22810
  47. package/dist/uitvoerend-oranje/_variables.scss +532 -444
  48. package/dist/uitvoerend-oranje/index.css +532 -444
  49. package/dist/uitvoerend-oranje/index.d.ts +607 -519
  50. package/dist/uitvoerend-oranje/index.js +532 -444
  51. package/dist/uitvoerend-oranje/index.json +531 -443
  52. package/dist/uitvoerend-oranje/index.tokens.json +788 -636
  53. package/dist/uitvoerend-oranje/root.css +532 -444
  54. package/dist/uitvoerend-oranje/tokens.d.ts +776 -624
  55. package/dist/uitvoerend-oranje/tokens.js +25122 -22810
  56. package/dist/uitvoerend-paars/_variables.scss +532 -444
  57. package/dist/uitvoerend-paars/index.css +532 -444
  58. package/dist/uitvoerend-paars/index.d.ts +607 -519
  59. package/dist/uitvoerend-paars/index.js +532 -444
  60. package/dist/uitvoerend-paars/index.json +531 -443
  61. package/dist/uitvoerend-paars/index.tokens.json +794 -642
  62. package/dist/uitvoerend-paars/root.css +532 -444
  63. package/dist/uitvoerend-paars/tokens.d.ts +776 -624
  64. package/dist/uitvoerend-paars/tokens.js +25122 -22810
  65. package/dist/uitvoerend-violet/_variables.scss +532 -444
  66. package/dist/uitvoerend-violet/index.css +532 -444
  67. package/dist/uitvoerend-violet/index.d.ts +607 -519
  68. package/dist/uitvoerend-violet/index.js +532 -444
  69. package/dist/uitvoerend-violet/index.json +531 -443
  70. package/dist/uitvoerend-violet/index.tokens.json +788 -636
  71. package/dist/uitvoerend-violet/root.css +532 -444
  72. package/dist/uitvoerend-violet/tokens.d.ts +776 -624
  73. package/dist/uitvoerend-violet/tokens.js +25122 -22810
  74. package/dist/uitvoerend-violet-oud/_variables.scss +532 -444
  75. package/dist/uitvoerend-violet-oud/index.css +532 -444
  76. package/dist/uitvoerend-violet-oud/index.d.ts +607 -519
  77. package/dist/uitvoerend-violet-oud/index.js +532 -444
  78. package/dist/uitvoerend-violet-oud/index.json +531 -443
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +793 -641
  80. package/dist/uitvoerend-violet-oud/root.css +532 -444
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +776 -624
  82. package/dist/uitvoerend-violet-oud/tokens.js +24248 -21936
  83. package/dist/wetgevend/_variables.scss +527 -439
  84. package/dist/wetgevend/index.css +527 -439
  85. package/dist/wetgevend/index.d.ts +607 -519
  86. package/dist/wetgevend/index.js +657 -569
  87. package/dist/wetgevend/index.json +656 -568
  88. package/dist/wetgevend/index.tokens.json +783 -631
  89. package/dist/wetgevend/root.css +527 -439
  90. package/dist/wetgevend/tokens.d.ts +776 -624
  91. package/dist/wetgevend/tokens.js +24297 -21985
  92. package/figma/figma.tokens.json +2893 -2623
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +1898 -1283
  95. package/src/generated/koop/tokens.json +6732 -0
  96. package/src/generated/themes.json +48532 -37796
  97. package/src/generated/uitvoerend-groen/tokens.json +5253 -4753
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +5253 -4753
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +5253 -4753
  100. package/src/generated/uitvoerend-oranje/tokens.json +5253 -4753
  101. package/src/generated/uitvoerend-paars/tokens.json +5253 -4753
  102. package/src/generated/uitvoerend-violet/tokens.json +5253 -4753
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +5203 -4703
  104. package/src/generated/wetgevend/tokens.json +5137 -4637
@@ -1,5 +1,580 @@
1
1
  {
2
+ "nl": {
3
+ "skip-link": {
4
+ "border-color": "transparent",
5
+ "border-width": "2px",
6
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
7
+ "font-weight": 700,
8
+ "padding-block-end": "0.75rem",
9
+ "padding-block-start": "0.75rem",
10
+ "padding-inline-end": "1rem",
11
+ "padding-inline-start": "1rem",
12
+ "box-block-end-shadow": {
13
+ "blur-radius": "48px",
14
+ "color": "#0000001a",
15
+ "offset-x": 0,
16
+ "offset-y": "16px",
17
+ "spread-radius": 0
18
+ },
19
+ "focus": {
20
+ "background-color": "#fff",
21
+ "border-color": "#e17000",
22
+ "border-style": "solid",
23
+ "border-width": "2px",
24
+ "color": "#0F172A",
25
+ "text-decoration": "None"
26
+ },
27
+ "focus-visible": {
28
+ "outline-color": "#000"
29
+ },
30
+ "text-decoration": "underline",
31
+ "background-color": "#fff",
32
+ "color": "#01689b",
33
+ "padding-block": "0.75rem",
34
+ "padding-inline": "1rem",
35
+ "min-block-size": "48px",
36
+ "min-inline-size": "48px",
37
+ "text-decoration-thickness": "0.0625em",
38
+ "text-underline-offset": "0.125rem",
39
+ "line-height": "150%",
40
+ "font-size": "1.25rem"
41
+ },
42
+ "link": {
43
+ "column-gap": "0.25rem",
44
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
45
+ "font-size": "1.25rem",
46
+ "font-weight": 400,
47
+ "line-height": "150%",
48
+ "icon": {
49
+ "inset-block-start": "0.25rem",
50
+ "size": "24px"
51
+ },
52
+ "active": {
53
+ "text-decoration": "None",
54
+ "color": "#1a4972"
55
+ },
56
+ "focus": {
57
+ "background-color": "transparent",
58
+ "color": "#01689b",
59
+ "text-decoration": "None",
60
+ "text-decoration-thickness": "auto"
61
+ },
62
+ "visited": {
63
+ "color": "#01689b"
64
+ },
65
+ "color": "#01689b",
66
+ "text-decoration-color": "inherit",
67
+ "text-decoration-line": "underline",
68
+ "text-decoration-thickness": "0.0625em",
69
+ "text-underline-offset": "0.125rem",
70
+ "current": {
71
+ "cursor": "default"
72
+ },
73
+ "disabled": {
74
+ "color": "#334155",
75
+ "cursor": "disabled"
76
+ },
77
+ "hover": {
78
+ "text-decoration-line": "underline",
79
+ "text-decoration-thickness": "auto",
80
+ "color": "#01496c"
81
+ }
82
+ },
83
+ "paragraph": {
84
+ "lead": {
85
+ "color": "#0F172A",
86
+ "font-size": "1.5rem",
87
+ "font-weight": 400,
88
+ "line-height": "150%",
89
+ "margin-block-end": "0rem",
90
+ "margin-block-start": "0rem"
91
+ },
92
+ "color": "#0F172A",
93
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
94
+ "font-size": "1.25rem",
95
+ "font-weight": 400,
96
+ "line-height": "150%",
97
+ "margin-block-end": "0rem",
98
+ "margin-block-start": "0rem"
99
+ },
100
+ "heading": {
101
+ "level-1": {
102
+ "color": "#154273",
103
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
104
+ "font-size": "3.125rem",
105
+ "font-weight": 700,
106
+ "line-height": "125%",
107
+ "margin-block-end": "0rem",
108
+ "margin-block-start": "0rem"
109
+ },
110
+ "level-2": {
111
+ "color": "#154273",
112
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
113
+ "font-size": "2.5rem",
114
+ "font-weight": 700,
115
+ "line-height": "125%",
116
+ "margin-block-end": "0rem",
117
+ "margin-block-start": "0rem"
118
+ },
119
+ "level-3": {
120
+ "color": "#154273",
121
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
122
+ "font-size": "1.875rem",
123
+ "font-weight": 700,
124
+ "line-height": "125%",
125
+ "margin-block-end": "0rem",
126
+ "margin-block-start": "0rem"
127
+ },
128
+ "level-4": {
129
+ "color": "#154273",
130
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
131
+ "font-size": "1.5rem",
132
+ "font-weight": 700,
133
+ "line-height": "150%",
134
+ "margin-block-end": "0rem",
135
+ "margin-block-start": "0rem"
136
+ },
137
+ "level-5": {
138
+ "color": "#154273",
139
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
140
+ "font-size": "1.25rem",
141
+ "font-weight": 700,
142
+ "line-height": "150%",
143
+ "margin-block-end": "0rem",
144
+ "margin-block-start": "0rem"
145
+ },
146
+ "level-6": {
147
+ "color": "#154273",
148
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
149
+ "font-size": "1.25rem",
150
+ "font-weight": 700,
151
+ "line-height": "150%",
152
+ "margin-block-end": "0rem",
153
+ "margin-block-start": "0rem"
154
+ }
155
+ },
156
+ "number-badge": {
157
+ "font-size": "1.25rem",
158
+ "line-height": "125%",
159
+ "min-block-size": "24px",
160
+ "min-inline-size": "24px",
161
+ "font-weight": 700,
162
+ "border-width": "0px",
163
+ "border-radius": "999px",
164
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
165
+ "background-color": "#e17000",
166
+ "border-color": "transparent",
167
+ "color": "#fff",
168
+ "padding-inline": "0.5rem",
169
+ "padding-block": "0.125rem"
170
+ }
171
+ },
2
172
  "utrecht": {
173
+ "skip-link": {
174
+ "focus": {
175
+ "text-decoration": "None",
176
+ "border-color": "#e17000",
177
+ "border-width": "2px",
178
+ "border-style": "solid",
179
+ "background-color": "#fff",
180
+ "color": "#01689b"
181
+ },
182
+ "border-color": "transparent",
183
+ "box-block-end-shadow": {
184
+ "color": "#0000001a",
185
+ "blur-radius": "48px",
186
+ "offset-x": 0,
187
+ "offset-y": "16px",
188
+ "spread-radius": 0
189
+ },
190
+ "focus-visible": {
191
+ "outline-color": "#000",
192
+ "text-decoration": "underline"
193
+ },
194
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
195
+ "font-weight": 700,
196
+ "line-height": "150%",
197
+ "border-width": "2px",
198
+ "text-underline-offset": "0.125rem",
199
+ "font-size": "1.25rem",
200
+ "background-color": "#fff",
201
+ "color": "#01689b",
202
+ "min-block-size": "48px",
203
+ "min-inline-size": "48px",
204
+ "padding-block-end": "0.75rem",
205
+ "padding-block-start": "0.75rem",
206
+ "padding-inline-end": "1rem",
207
+ "padding-inline-start": "1rem",
208
+ "text-decoration": "underline"
209
+ },
210
+ "link-list": {
211
+ "item": {
212
+ "text-decoration": "None",
213
+ "column-gap": "0.5rem"
214
+ },
215
+ "margin-block-end": "0rem",
216
+ "margin-block-start": "0rem",
217
+ "row-gap": "0.5rem",
218
+ "icon": {
219
+ "inset-block-start": "0.188rem",
220
+ "size": "24px"
221
+ },
222
+ "link": {
223
+ "column-gap": "0.5rem",
224
+ "text-decoration": "None"
225
+ },
226
+ "font-weight": 400
227
+ },
228
+ "link": {
229
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
230
+ "font-weight": 400,
231
+ "line-height": "150%",
232
+ "font-size": "1.25rem",
233
+ "active": {
234
+ "text-decoration": "None",
235
+ "color": "#163f5b"
236
+ },
237
+ "focus": {
238
+ "text-decoration": "None",
239
+ "text-decoration-thickness": "auto",
240
+ "background-color": "transparent",
241
+ "color": "#01689b"
242
+ },
243
+ "icon": {
244
+ "inset-block-start": "0.25rem",
245
+ "size": "24px"
246
+ },
247
+ "color": "#01689b",
248
+ "text-decoration-color": "inherit",
249
+ "column-gap": "0.25rem",
250
+ "text-decoration": "underline",
251
+ "text-decoration-thickness": "0.0625em",
252
+ "text-underline-offset": "0.125rem",
253
+ "hover": {
254
+ "color": "#15496a",
255
+ "text-decoration": "underline",
256
+ "text-decoration-thickness": "0.1875em"
257
+ },
258
+ "focus-visible": {
259
+ "text-decoration": "None",
260
+ "text-decoration-thickness": "0.0625em"
261
+ },
262
+ "visited": {
263
+ "color": "#01689b"
264
+ }
265
+ },
266
+ "data-badge": {
267
+ "background-color": "#fbead9",
268
+ "border-radius": "10px",
269
+ "color": "#e17000",
270
+ "padding-block": "0.125rem",
271
+ "padding-inline": "0.75rem"
272
+ },
273
+ "button": {
274
+ "icon": {
275
+ "gap": "0.5rem",
276
+ "size": "24px"
277
+ },
278
+ "background-color": "#0F172A",
279
+ "border-color": "transparent",
280
+ "border-radius": "5px",
281
+ "border-width": "1px",
282
+ "color": "#fff",
283
+ "column-gap": "0.5rem",
284
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
285
+ "font-size": "1.25rem",
286
+ "font-weight": 700,
287
+ "line-height": "150%",
288
+ "min-block-size": "48px",
289
+ "min-inline-size": "48px",
290
+ "padding-block-end": "0.5rem",
291
+ "padding-block-start": "0.5rem",
292
+ "padding-inline-end": "1rem",
293
+ "padding-inline-start": "1rem",
294
+ "pressed": {
295
+ "background-color": "#1E293B",
296
+ "border-color": "transparent",
297
+ "color": "#fff"
298
+ },
299
+ "active": {
300
+ "background-color": "#1E293B",
301
+ "border-color": "transparent",
302
+ "color": "#fff"
303
+ },
304
+ "disabled": {
305
+ "background-color": "#E2E8F0",
306
+ "border-color": "transparent",
307
+ "color": "#94A3B8"
308
+ },
309
+ "hover": {
310
+ "background-color": "#475569",
311
+ "border-color": "transparent",
312
+ "color": "#fff"
313
+ },
314
+ "focus": {
315
+ "background-color": "#475569",
316
+ "border-color": "transparent",
317
+ "color": "#fff"
318
+ },
319
+ "primary-action": {
320
+ "background-color": "#e17000",
321
+ "border-color": "transparent",
322
+ "color": "#fff",
323
+ "font-size": "1.25rem",
324
+ "font-weight": 700,
325
+ "line-height": "1.875rem",
326
+ "disabled": {
327
+ "background-color": "#f6d4b3",
328
+ "border-color": "transparent",
329
+ "color": "#E89440"
330
+ },
331
+ "hover": {
332
+ "background-color": "#994e0e",
333
+ "border-color": "transparent",
334
+ "color": "#fff"
335
+ },
336
+ "focus": {
337
+ "background-color": "#994e0e",
338
+ "border-color": "transparent",
339
+ "color": "#fff"
340
+ },
341
+ "pressed": {
342
+ "border-color": "transparent",
343
+ "color": "#fff",
344
+ "background-color": "#82430f"
345
+ },
346
+ "active": {
347
+ "border-color": "transparent",
348
+ "color": "#fff",
349
+ "background-color": "#874300"
350
+ }
351
+ },
352
+ "secondary-action": {
353
+ "background-color": "transparent",
354
+ "border-color": "#e17000",
355
+ "color": "#e17000",
356
+ "font-size": "1.25rem",
357
+ "font-weight": 700,
358
+ "line-height": "1.875rem",
359
+ "disabled": {
360
+ "background-color": "transparent",
361
+ "border-color": "#F1BE8C",
362
+ "color": "#EDA966"
363
+ },
364
+ "hover": {
365
+ "background-color": "#fbead9",
366
+ "border-color": "#994e0e",
367
+ "color": "#994e0e"
368
+ },
369
+ "focus": {
370
+ "background-color": "#fbead9",
371
+ "border-color": "transparent",
372
+ "color": "#994e0e"
373
+ },
374
+ "pressed": {
375
+ "background-color": "#f6d4b3",
376
+ "border-color": "#82430f",
377
+ "color": "#82430f"
378
+ },
379
+ "active": {
380
+ "background-color": "#F1BE8C",
381
+ "color": "#994e0e",
382
+ "border-color": "#82430f"
383
+ }
384
+ },
385
+ "subtle": {
386
+ "background-color": "transparent",
387
+ "border-color": "transparent",
388
+ "color": "#e17000",
389
+ "font-size": "1.25rem",
390
+ "font-weight": 700,
391
+ "line-height": "1.875rem",
392
+ "disabled": {
393
+ "background-color": "transparent",
394
+ "border-color": "transparent",
395
+ "color": "#f6d4b3"
396
+ },
397
+ "hover": {
398
+ "background-color": "#fbead9",
399
+ "border-color": "transparent",
400
+ "color": "#994e0e"
401
+ },
402
+ "focus": {
403
+ "background-color": "#fbead9",
404
+ "border-color": "transparent",
405
+ "color": "#994e0e"
406
+ },
407
+ "pressed": {
408
+ "background-color": "#f6d4b3",
409
+ "border-color": "transparent",
410
+ "color": "#82430f"
411
+ },
412
+ "active": {
413
+ "background-color": "#F1BE8C",
414
+ "border-color": "transparent",
415
+ "color": "#874300"
416
+ }
417
+ }
418
+ },
419
+ "button-group": {
420
+ "margin-block-end": "0rem",
421
+ "margin-block-start": "0rem",
422
+ "background-color": "transparent",
423
+ "column-gap": "0.5rem",
424
+ "padding-block-end": "0px",
425
+ "padding-block-start": "0px",
426
+ "row-gap": "0.5rem"
427
+ },
428
+ "breadcrumb-nav": {
429
+ "divider": {
430
+ "color": "#334155",
431
+ "inset-block-start": 0,
432
+ "size": "24px"
433
+ },
434
+ "link": {
435
+ "padding-block-end": "0.75rem",
436
+ "padding-block-start": "0.75rem",
437
+ "padding-inline-end": "0rem",
438
+ "padding-inline-start": "0rem",
439
+ "current": {
440
+ "color": "#334155",
441
+ "font-weight": 400
442
+ },
443
+ "icon": {
444
+ "inset-block-start": 0,
445
+ "margin-inline": "0.25rem",
446
+ "size": "24px"
447
+ },
448
+ "color": "#01689b",
449
+ "text-decoration": "underline",
450
+ "active": {
451
+ "color": "#163f5b",
452
+ "text-decoration": "underline"
453
+ },
454
+ "disabled": {
455
+ "color": "#334155"
456
+ },
457
+ "focus": {
458
+ "background-color": "transparent",
459
+ "color": "#01689b",
460
+ "text-decoration": "None"
461
+ },
462
+ "hover": {
463
+ "text-decoration": "underline",
464
+ "color": "#01496c"
465
+ }
466
+ },
467
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
468
+ "font-size": "1.25rem",
469
+ "line-height": "150%",
470
+ "min-block-size": "48px",
471
+ "item": {
472
+ "padding-block-end": "0.5rem",
473
+ "padding-block-start": "0.5rem",
474
+ "padding-inline-end": "0.5rem",
475
+ "padding-inline-start": "0.5rem",
476
+ "first": {
477
+ "padding-inline-start": "0rem"
478
+ }
479
+ },
480
+ "separator": {
481
+ "color": "#334155",
482
+ "icon": {
483
+ "size": "24px"
484
+ }
485
+ }
486
+ },
487
+ "accordion": {
488
+ "panel": {
489
+ "border-color": "#94A3B8",
490
+ "border-width": 0,
491
+ "padding-block-end": "1.5rem",
492
+ "padding-block-start": "1rem",
493
+ "padding-inline-end": "1rem",
494
+ "padding-inline-start": "1rem"
495
+ },
496
+ "button": {
497
+ "gap": "0.5rem",
498
+ "icon": {
499
+ "size": "24px"
500
+ },
501
+ "hover": {
502
+ "background-color": "#F8FAFC",
503
+ "border-color": "#94A3B8",
504
+ "color": "#0F172A"
505
+ },
506
+ "background-color": "#fff",
507
+ "border-color": "#94A3B8",
508
+ "border-width": 0,
509
+ "color": "#0F172A",
510
+ "focus": {
511
+ "background-color": "#fbead9",
512
+ "border-color": "#e17000",
513
+ "color": "#0F172A"
514
+ },
515
+ "active": {
516
+ "background-color": "#F1F5F9",
517
+ "border-color": "#94A3B8",
518
+ "color": "#0F172A",
519
+ "row-gap": 0
520
+ }
521
+ }
522
+ },
523
+ "action": {
524
+ "activate": {
525
+ "cursor": "pointer"
526
+ },
527
+ "busy": {
528
+ "cursor": "wait"
529
+ },
530
+ "disabled": {
531
+ "cursor": "not-allowed"
532
+ },
533
+ "inert": {
534
+ "cursor": "default"
535
+ },
536
+ "navigate": {
537
+ "cursor": "pointer"
538
+ },
539
+ "submit": {
540
+ "cursor": "pointer"
541
+ }
542
+ },
543
+ "unordered-list": {
544
+ "color": "#0F172A",
545
+ "marker": {
546
+ "border-color": "#0F172A",
547
+ "color": "#0F172A"
548
+ },
549
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
550
+ "font-weight": 400,
551
+ "font-size": "1.25rem",
552
+ "line-height": "150%",
553
+ "margin-block-end": "0.25rem",
554
+ "margin-block-start": "0.25rem",
555
+ "padding-inline-start": "1.5rem",
556
+ "item": {
557
+ "margin-block-end": "0.25rem",
558
+ "margin-block-start": "0.25rem",
559
+ "padding-inline-start": "0.5rem"
560
+ }
561
+ },
562
+ "ordered-list": {
563
+ "color": "#0F172A",
564
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
565
+ "font-weight": 400,
566
+ "margin-inline-start": "0.625rem",
567
+ "font-size": "1.25rem",
568
+ "line-height": "150%",
569
+ "margin-block-end": "0.25rem",
570
+ "margin-block-start": "0.25rem",
571
+ "padding-inline-start": "1.5rem",
572
+ "item": {
573
+ "margin-block-end": "0.25rem",
574
+ "margin-block-start": "0.25rem",
575
+ "padding-inline-start": "0.5rem"
576
+ }
577
+ },
3
578
  "column-layout": {
4
579
  "column-rule-color": "transparent",
5
580
  "column-rule-width": "0px",
@@ -14,7 +589,7 @@
14
589
  "border-width": 0,
15
590
  "color": "#154273",
16
591
  "font-size": "1.25rem",
17
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
592
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
18
593
  "padding-block-end": "2rem",
19
594
  "padding-block-start": "2rem",
20
595
  "padding-inline-end": "2rem",
@@ -27,13 +602,13 @@
27
602
  "content": {
28
603
  "color": "#154273",
29
604
  "font-size": "1.25rem",
30
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
605
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
31
606
  "line-height": "150%",
32
607
  "font-weight": 400
33
608
  },
34
609
  "caption": {
35
610
  "font-size": "1.25rem",
36
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
611
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
37
612
  "line-height": "150%",
38
613
  "font-weight": 400,
39
614
  "padding-block-start": "0.75rem",
@@ -80,30 +655,11 @@
80
655
  "icon": {
81
656
  "color": "inherit",
82
657
  "size": "24px",
83
- "inset-block-start": 0
84
- },
85
- "unordered-list": {
86
- "padding-inline-start": "1.5rem",
87
- "margin-block-end": "0.25rem",
88
- "margin-block-start": "0.25rem",
89
- "color": "#0F172A",
90
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
91
- "font-weight": 400,
92
- "font-size": "1.25rem",
93
- "line-height": "150%",
94
- "item": {
95
- "padding-inline-start": "0.5rem",
96
- "margin-block-end": "0.25rem",
97
- "margin-block-start": "0.25rem"
98
- },
99
- "marker": {
100
- "color": "#0F172A",
101
- "border-color": "#0F172A"
102
- }
658
+ "inset-block-start": "0rem"
103
659
  },
104
660
  "textbox": {
105
661
  "border-radius": "2.5px",
106
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
662
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
107
663
  "font-size": "1.25rem",
108
664
  "font-weight": 400,
109
665
  "line-height": "150%",
@@ -192,7 +748,7 @@
192
748
  "border-radius": "2.5px",
193
749
  "border-bottom-width": "1px",
194
750
  "border-width": "1px",
195
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
751
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
196
752
  "font-weight": 400,
197
753
  "line-height": "150%",
198
754
  "font-size": "1.25rem"
@@ -201,7 +757,7 @@
201
757
  "header-cell": {
202
758
  "line-height": "150%",
203
759
  "color": "#0F172A",
204
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
760
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
205
761
  "font-weight": 700,
206
762
  "font-size": "1.25rem"
207
763
  },
@@ -209,7 +765,7 @@
209
765
  "line-height": "125%",
210
766
  "margin-block-end": "1.5rem",
211
767
  "color": "#0F172A",
212
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
768
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
213
769
  "font-weight": 700,
214
770
  "font-size": "1.875rem"
215
771
  },
@@ -222,7 +778,7 @@
222
778
  },
223
779
  "data-cell": {
224
780
  "color": "#0F172A",
225
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
781
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
226
782
  "font-weight": 400,
227
783
  "line-height": "150%",
228
784
  "font-size": "1.25rem"
@@ -246,7 +802,7 @@
246
802
  "font-weight": 700,
247
803
  "font-size": "1.25rem",
248
804
  "color": "#0F172A",
249
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
805
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
250
806
  "line-height": "150%"
251
807
  },
252
808
  "container": {
@@ -267,42 +823,6 @@
267
823
  },
268
824
  "font-size": "1.25rem"
269
825
  },
270
- "skip-link": {
271
- "font-weight": 700,
272
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
273
- "font-size": "1.25rem",
274
- "line-height": "150%",
275
- "min-block-size": "48px",
276
- "min-inline-size": "48px",
277
- "padding-block-end": "0.75rem",
278
- "padding-block-start": "0.75rem",
279
- "padding-inline-end": "1rem",
280
- "padding-inline-start": "1rem",
281
- "focus": {
282
- "background-color": "#fff",
283
- "border-color": "#e17000",
284
- "border-style": "solid",
285
- "border-width": "2px",
286
- "color": "#0F172A",
287
- "text-decoration": "None"
288
- },
289
- "focus-visible": {
290
- "outline-color": "#000"
291
- },
292
- "background-color": "#e17000",
293
- "border-color": "transparent",
294
- "color": "#fff",
295
- "border-width": "2px",
296
- "box-block-end-shadow": {
297
- "offset-x": 0,
298
- "offset-y": "16px",
299
- "blur-radius": "48px",
300
- "spread-radius": 0,
301
- "color": "#0000001a"
302
- },
303
- "text-decoration": "underline",
304
- "text-underline-offset": "0.125rem"
305
- },
306
826
  "separator": {
307
827
  "color": "#CBD5E1",
308
828
  "block-size": "2px",
@@ -347,7 +867,7 @@
347
867
  "border-radius": "2.5px",
348
868
  "border-bottom-width": "auto",
349
869
  "border-width": "1px",
350
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
870
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
351
871
  "font-weight": 400,
352
872
  "line-height": "150%",
353
873
  "font-size": "1.25rem",
@@ -419,133 +939,85 @@
419
939
  },
420
940
  "pre-heading": {
421
941
  "color": "#0F172A",
422
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
942
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
423
943
  "font-weight": 700,
424
944
  "line-height": "125%",
425
945
  "font-size": "1rem"
426
946
  },
427
947
  "paragraph": {
428
948
  "color": "#0F172A",
429
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
949
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
430
950
  "font-size": "1.25rem",
431
951
  "font-weight": 400,
432
952
  "line-height": "150%",
433
- "margin-block-end": 0,
434
- "margin-block-start": 0,
435
953
  "lead": {
436
954
  "color": "#0F172A",
437
955
  "font-size": "1.5rem",
438
956
  "font-weight": 400,
439
957
  "line-height": "150%"
440
- }
441
- },
442
- "ordered-list": {
443
- "padding-inline-start": "1.5rem",
444
- "margin-block-end": "0.25rem",
445
- "margin-block-start": "0.25rem",
446
- "margin-inline-start": "0.625rem",
447
- "item": {
448
- "padding-inline-start": 0,
449
- "margin-block-end": "0.25rem",
450
- "margin-block-start": "0.25rem"
451
- },
452
- "color": "#0F172A",
453
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
454
- "font-weight": 400,
455
- "font-size": "1.25rem",
456
- "line-height": "150%"
457
- },
458
- "link-list": {
459
- "margin-block-start": 0,
460
- "row-gap": "0.5rem",
461
- "margin-block-end": 0,
462
- "item": {
463
- "column-gap": "0.5rem",
464
- "text-decoration": "None"
465
958
  },
466
- "icon": {
467
- "size": "24px",
468
- "inset-block-start": "0.188rem"
469
- }
470
- },
471
- "link": {
472
- "color": "#01689b",
473
- "text-decoration-color": "#01689b",
474
- "active": {
475
- "color": "#42145f",
476
- "text-decoration": "None"
477
- },
478
- "focus": {
479
- "background-color": "transparent",
480
- "color": "#01689b",
481
- "text-decoration": "None",
482
- "text-decoration-thickness": "auto"
483
- },
484
- "hover": {
485
- "color": "#01496c",
486
- "text-decoration": "None",
487
- "text-decoration-thickness": "auto"
488
- },
489
- "visited": {
490
- "color": "#42145f"
491
- },
492
- "text-decoration": "underline",
493
- "icon": {
494
- "inset-block-start": "0.25rem",
495
- "size": "24px"
496
- },
497
- "column-gap": "0.25rem",
498
- "text-decoration-thickness": "auto",
499
- "text-underline-offset": "0.125rem",
500
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
501
- "font-weight": 400,
502
- "font-size": "1.25rem",
503
- "line-height": "150%"
959
+ "small": {
960
+ "font-size": "1.5rem",
961
+ "color": "#0F172A",
962
+ "font-weight": 400,
963
+ "line-height": "150%"
964
+ },
965
+ "margin-block-end": "0rem",
966
+ "margin-block-start": "0rem"
504
967
  },
505
968
  "heading-1": {
506
- "color": "#e17000",
507
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
969
+ "color": "#154273",
970
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
971
+ "font-size": "3.125rem",
508
972
  "font-weight": 700,
509
973
  "line-height": "125%",
510
- "font-size": "3.125rem",
511
- "margin-block-end": 0,
512
- "margin-block-start": 0
974
+ "margin-block-end": "0rem",
975
+ "margin-block-start": "0rem"
513
976
  },
514
977
  "heading-2": {
515
- "color": "#e17000",
516
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
978
+ "color": "#154273",
979
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
980
+ "font-size": "2.5rem",
517
981
  "font-weight": 700,
518
982
  "line-height": "125%",
519
- "font-size": "2.5rem",
520
- "margin-block-end": 0,
521
- "margin-block-start": 0
983
+ "margin-block-end": "0rem",
984
+ "margin-block-start": "0rem"
522
985
  },
523
986
  "heading-3": {
524
- "color": "#e17000",
525
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
987
+ "color": "#154273",
988
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
989
+ "font-size": "1.875rem",
526
990
  "font-weight": 700,
527
991
  "line-height": "125%",
528
- "font-size": "1.875rem",
529
- "margin-block-end": 0,
530
- "margin-block-start": 0
992
+ "margin-block-end": "0rem",
993
+ "margin-block-start": "0rem"
531
994
  },
532
995
  "heading-4": {
533
- "color": "#e17000",
534
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
535
- "font-weight": 700,
536
- "line-height": "125%",
996
+ "color": "#154273",
997
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
537
998
  "font-size": "1.5rem",
538
- "margin-block-end": 0,
539
- "margin-block-start": 0
999
+ "font-weight": 700,
1000
+ "line-height": "150%",
1001
+ "margin-block-end": "0rem",
1002
+ "margin-block-start": "0rem"
540
1003
  },
541
1004
  "heading-5": {
542
- "color": "#e17000",
543
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1005
+ "color": "#154273",
1006
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
1007
+ "font-size": "1.25rem",
544
1008
  "font-weight": 700,
545
- "line-height": "125%",
1009
+ "line-height": "150%",
1010
+ "margin-block-end": "0rem",
1011
+ "margin-block-start": "0rem"
1012
+ },
1013
+ "heading-6": {
1014
+ "color": "#154273",
1015
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
546
1016
  "font-size": "1.25rem",
547
- "margin-block-end": 0,
548
- "margin-block-start": 0
1017
+ "font-weight": 700,
1018
+ "line-height": "150%",
1019
+ "margin-block-end": "0rem",
1020
+ "margin-block-start": "0rem"
549
1021
  },
550
1022
  "form-label": {
551
1023
  "color": "#0F172A",
@@ -554,7 +1026,7 @@
554
1026
  },
555
1027
  "form-field-label": {
556
1028
  "color": "#0F172A",
557
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1029
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
558
1030
  "font-size": "1.25rem",
559
1031
  "font-weight": 700,
560
1032
  "line-height": "150%"
@@ -565,7 +1037,7 @@
565
1037
  "margin-inline-end": "0.5rem"
566
1038
  },
567
1039
  "color": "#d52b1e",
568
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1040
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
569
1041
  "font-size": "1.25rem",
570
1042
  "font-weight": 400,
571
1043
  "margin-block-end": "0.5rem",
@@ -573,7 +1045,7 @@
573
1045
  },
574
1046
  "form-field-description": {
575
1047
  "color": "#334155",
576
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1048
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
577
1049
  "font-size": "1.25rem",
578
1050
  "line-height": "150%",
579
1051
  "margin-block-start": "-0.5rem",
@@ -586,7 +1058,7 @@
586
1058
  "invalid": {
587
1059
  "border-inline-start-color": "#d52b1e",
588
1060
  "border-inline-start-width": "0px",
589
- "padding-inline-start": 0
1061
+ "padding-inline-start": "0rem"
590
1062
  },
591
1063
  "label": {
592
1064
  "margin-block-end": "0.5rem"
@@ -624,7 +1096,7 @@
624
1096
  "form-fieldset": {
625
1097
  "legend": {
626
1098
  "color": "#0F172A",
627
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1099
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
628
1100
  "font-size": "1.25rem",
629
1101
  "font-weight": 700,
630
1102
  "line-height": "150%",
@@ -640,24 +1112,24 @@
640
1112
  "border-inline-start": {
641
1113
  "color": "#d52b1e"
642
1114
  },
643
- "padding-inline-start": 0,
1115
+ "padding-inline-start": "0rem",
644
1116
  "border-inline-start-width": "0px"
645
1117
  }
646
1118
  },
647
1119
  "number-badge": {
648
1120
  "font-size": "1.25rem",
649
- "line-height": "150%",
1121
+ "line-height": "125%",
650
1122
  "min-block-size": "24px",
651
1123
  "min-inline-size": "24px",
652
1124
  "font-weight": 700,
653
1125
  "border-width": "0px",
654
1126
  "border-radius": "999px",
655
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1127
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
656
1128
  "background-color": "#e17000",
657
1129
  "border-color": "transparent",
658
1130
  "color": "#fff",
659
1131
  "padding-inline": "0.5rem",
660
- "padding-block": "0.5rem"
1132
+ "padding-block": "0.125rem"
661
1133
  },
662
1134
  "checkbox": {
663
1135
  "border-radius": "2.5px",
@@ -751,208 +1223,12 @@
751
1223
  "border-color": "#E89440"
752
1224
  }
753
1225
  },
754
- "button-group": {
755
- "background-color": "transparent",
756
- "column-gap": "0.5rem",
757
- "margin-block-end": "0px",
758
- "margin-block-start": "0px",
759
- "padding-block-end": "0px",
760
- "padding-block-start": "0px",
761
- "row-gap": "0.5rem"
762
- },
763
- "button": {
764
- "background-color": "#0F172A",
765
- "border-color": "transparent",
766
- "color": "#fff",
767
- "border-radius": "5px",
768
- "border-width": "1px",
769
- "icon": {
770
- "gap": "0.5rem",
771
- "size": "24px"
772
- },
773
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
774
- "font-size": "1.25rem",
775
- "font-weight": 700,
776
- "line-height": "150%",
777
- "padding-block-end": "0.5rem",
778
- "padding-block-start": "0.5rem",
779
- "padding-inline-end": "1rem",
780
- "padding-inline-start": "1rem",
781
- "disabled": {
782
- "background-color": "#E2E8F0",
783
- "border-color": "transparent",
784
- "color": "#94A3B8"
785
- },
786
- "focus": {
787
- "background-color": "#475569",
788
- "border-color": "transparent",
789
- "color": "#fff"
790
- },
791
- "hover": {
792
- "background-color": "#475569",
793
- "border-color": "transparent",
794
- "color": "#fff"
795
- },
796
- "active": {
797
- "background-color": "#1E293B",
798
- "border-color": "transparent",
799
- "color": "#fff"
800
- },
801
- "min-block-size": "48px",
802
- "min-inline-size": "48px",
803
- "column-gap": "0.5rem",
804
- "primary-action": {
805
- "hover": {
806
- "background-color": "#994e0e",
807
- "border-color": "transparent",
808
- "color": "#fff"
809
- },
810
- "background-color": "#e17000",
811
- "border-color": "transparent",
812
- "color": "#fff",
813
- "disabled": {
814
- "background-color": "#f6d4b3",
815
- "border-color": "transparent",
816
- "color": "#E89440"
817
- },
818
- "focus": {
819
- "background-color": "#994e0e",
820
- "border-color": "transparent",
821
- "color": "#fff"
822
- },
823
- "font-weight": 700,
824
- "active": {
825
- "background-color": "#874300",
826
- "border-color": "transparent",
827
- "color": "#fff"
828
- },
829
- "font-size": "1.25rem",
830
- "line-height": "1.875rem",
831
- "pressed": {
832
- "background-color": "#82430f",
833
- "border-color": "transparent",
834
- "color": "#fff"
835
- }
836
- },
837
- "secondary-action": {
838
- "hover": {
839
- "background-color": "#fbead9",
840
- "border-color": "#994e0e",
841
- "color": "#994e0e"
842
- },
843
- "background-color": "transparent",
844
- "border-color": "#e17000",
845
- "color": "#e17000",
846
- "disabled": {
847
- "background-color": "transparent",
848
- "border-color": "#F1BE8C",
849
- "color": "#EDA966"
850
- },
851
- "focus": {
852
- "background-color": "#fbead9",
853
- "border-color": "transparent",
854
- "color": "#994e0e"
855
- },
856
- "font-weight": 700,
857
- "active": {
858
- "background-color": "#F1BE8C",
859
- "border-color": "#82430f",
860
- "color": "#994e0e"
861
- },
862
- "font-size": "1.25rem",
863
- "line-height": "1.875rem",
864
- "pressed": {
865
- "background-color": "#f6d4b3",
866
- "border-color": "#82430f",
867
- "color": "#82430f"
868
- }
869
- },
870
- "subtle": {
871
- "font-size": "1.25rem",
872
- "font-weight": 700,
873
- "hover": {
874
- "background-color": "#fbead9",
875
- "border-color": "transparent",
876
- "color": "#994e0e"
877
- },
878
- "background-color": "transparent",
879
- "border-color": "transparent",
880
- "color": "#e17000",
881
- "disabled": {
882
- "background-color": "transparent",
883
- "border-color": "transparent",
884
- "color": "#f6d4b3"
885
- },
886
- "focus": {
887
- "background-color": "#fbead9",
888
- "border-color": "transparent",
889
- "color": "#994e0e"
890
- },
891
- "active": {
892
- "background-color": "#F1BE8C",
893
- "border-color": "transparent",
894
- "color": "#874300"
895
- },
896
- "line-height": "1.875rem",
897
- "pressed": {
898
- "background-color": "#f6d4b3",
899
- "border-color": "transparent",
900
- "color": "#82430f"
901
- }
902
- },
903
- "pressed": {
904
- "background-color": "#1E293B",
905
- "border-color": "transparent",
906
- "color": "#fff"
907
- }
908
- },
909
- "breadcrumb-nav": {
910
- "line-height": 1.4,
911
- "font-size": "1.25rem",
912
- "link": {
913
- "icon": {
914
- "size": "24px",
915
- "margin-inline": "0.25rem",
916
- "inset-block-start": 0
917
- },
918
- "padding-block-end": "0.75rem",
919
- "padding-block-start": "0.75rem",
920
- "padding-inline-end": 0,
921
- "padding-inline-start": 0,
922
- "color": "#01689b",
923
- "active": {
924
- "color": "#42145f",
925
- "text-decoration": "None"
926
- },
927
- "focus": {
928
- "background-color": "transparent",
929
- "color": "#01689b",
930
- "text-decoration": "None"
931
- },
932
- "hover": {
933
- "color": "#01496c",
934
- "text-decoration": "None"
935
- },
936
- "current": {
937
- "color": "#334155"
938
- },
939
- "text-decoration": "underline"
940
- },
941
- "divider": {
942
- "size": "24px",
943
- "color": "#334155",
944
- "inset-block-start": 0
945
- },
946
- "margin-inline": "0.5rem",
947
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
948
- "font-weight": 400
949
- },
950
1226
  "article": {
951
1227
  "max-inline-size": "75ch"
952
1228
  },
953
1229
  "alert": {
954
1230
  "heading": {
955
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1231
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
956
1232
  "font-weight": 700,
957
1233
  "line-height": "150%",
958
1234
  "font-size": "1.25rem"
@@ -967,26 +1243,26 @@
967
1243
  "padding-inline-start": "1rem",
968
1244
  "background-color": "#d9ebf7",
969
1245
  "border-color": "transparent",
970
- "color": "#0F172A",
1246
+ "color": "#000",
971
1247
  "info": {
972
1248
  "background-color": "#d9ebf7",
973
1249
  "border-color": "transparent",
974
- "color": "#0F172A"
1250
+ "color": "#000"
975
1251
  },
976
1252
  "error": {
977
1253
  "background-color": "#f9dfdd",
978
1254
  "border-color": "transparent",
979
- "color": "#0F172A"
1255
+ "color": "#000"
980
1256
  },
981
1257
  "ok": {
982
1258
  "background-color": "#e1eddb",
983
1259
  "border-color": "transparent",
984
- "color": "#0F172A"
1260
+ "color": "#000"
985
1261
  },
986
1262
  "warning": {
987
1263
  "background-color": "#fff4db",
988
1264
  "border-color": "transparent",
989
- "color": "#0F172A"
1265
+ "color": "#000"
990
1266
  },
991
1267
  "icon": {
992
1268
  "inset-block-start": "3px",
@@ -999,57 +1275,21 @@
999
1275
  "ok": {
1000
1276
  "color": "#39870c"
1001
1277
  },
1002
- "warning": {
1003
- "color": "#ffb612"
1004
- },
1005
- "size": "24px"
1006
- },
1007
- "message": {
1008
- "line-height": "150%",
1009
- "column-gap": "0.5rem"
1010
- },
1011
- "border-radius": "5px"
1012
- },
1013
- "accordion": {
1014
- "panel": {
1015
- "border-color": "#94A3B8",
1016
- "border-width": 0,
1017
- "padding-block-end": "1.5rem",
1018
- "padding-block-start": "1rem",
1019
- "padding-inline-end": "1rem",
1020
- "padding-inline-start": "1rem"
1021
- },
1022
- "button": {
1023
- "gap": "0.5rem",
1024
- "icon": {
1025
- "size": "24px"
1026
- },
1027
- "hover": {
1028
- "background-color": "#F8FAFC",
1029
- "border-color": "#94A3B8",
1030
- "color": "#0F172A"
1031
- },
1032
- "background-color": "#fff",
1033
- "border-color": "#94A3B8",
1034
- "border-width": 0,
1035
- "color": "#0F172A",
1036
- "focus": {
1037
- "background-color": "#fbead9",
1038
- "border-color": "#e17000",
1039
- "color": "#0F172A"
1278
+ "warning": {
1279
+ "color": "#ffb612"
1040
1280
  },
1041
- "active": {
1042
- "background-color": "#F1F5F9",
1043
- "border-color": "#94A3B8",
1044
- "color": "#0F172A",
1045
- "row-gap": 0
1046
- }
1047
- }
1281
+ "size": "24px"
1282
+ },
1283
+ "message": {
1284
+ "line-height": "150%",
1285
+ "column-gap": "0.5rem"
1286
+ },
1287
+ "border-radius": "5px"
1048
1288
  },
1049
1289
  "document": {
1050
1290
  "background-color": "#fff",
1051
1291
  "color": "#0F172A",
1052
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1292
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
1053
1293
  "font-size": "1.25rem",
1054
1294
  "line-height": "150%",
1055
1295
  "font-weight": 400
@@ -1068,7 +1308,7 @@
1068
1308
  "margin-block-end": "0.25rem"
1069
1309
  },
1070
1310
  "confidant": {
1071
- "margin-block-end": 0
1311
+ "margin-block-end": "0rem"
1072
1312
  }
1073
1313
  },
1074
1314
  "pointer-target": {
@@ -1085,8 +1325,18 @@
1085
1325
  }
1086
1326
  },
1087
1327
  "rhc": {
1328
+ "link-list": {
1329
+ "text-decoration": "None"
1330
+ },
1331
+ "data-badge-button": {
1332
+ "column-gap": "0.125rem",
1333
+ "hover": {
1334
+ "background-color": "#e17000",
1335
+ "color": "#fff"
1336
+ }
1337
+ },
1088
1338
  "keep": {
1089
- "_comment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
1339
+ "_comment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.",
1090
1340
  "top-left": {
1091
1341
  "borderRadiusTopLeft": "48px",
1092
1342
  "borderRadiusTopRight": 0,
@@ -1124,6 +1374,84 @@
1124
1374
  },
1125
1375
  "border-width": "2px"
1126
1376
  },
1377
+ "accordion": {
1378
+ "button": {
1379
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
1380
+ "font-size": "1.25rem",
1381
+ "font-weight": 400,
1382
+ "line-height": "150%",
1383
+ "icon": {
1384
+ "margin-block": "0.25rem"
1385
+ },
1386
+ "padding-block-end": "0.75rem",
1387
+ "padding-block-start": "0.75rem",
1388
+ "padding-inline-end": "1rem",
1389
+ "padding-inline-start": "1rem",
1390
+ "expanded": {
1391
+ "background-color": "#fff",
1392
+ "color": "#0F172A"
1393
+ }
1394
+ },
1395
+ "section": {
1396
+ "border-block-end-width": "1px",
1397
+ "border-width": 0,
1398
+ "border-color": "#94A3B8"
1399
+ },
1400
+ "header": {
1401
+ "margin": 0
1402
+ },
1403
+ "border-radius": "0px",
1404
+ "color": "#0F172A"
1405
+ },
1406
+ "data-summary": {
1407
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
1408
+ "item-value": {
1409
+ "font-weight": 400,
1410
+ "row": {
1411
+ "padding-block-end": "0.75rem",
1412
+ "padding-block-start": "0.75rem",
1413
+ "padding-inline-end": "0rem",
1414
+ "padding-inline-start": "0px"
1415
+ },
1416
+ "padding-block-end": "0.75rem",
1417
+ "padding-block-start": "0rem",
1418
+ "padding-inline-end": "0rem",
1419
+ "padding-inline-start": "0rem"
1420
+ },
1421
+ "item-key": {
1422
+ "font-weight": 700,
1423
+ "row": {
1424
+ "padding-block-end": "0.75rem",
1425
+ "padding-block-start": "0.75rem",
1426
+ "padding-inline-end": "1rem",
1427
+ "padding-inline-start": "0rem"
1428
+ },
1429
+ "padding-block-end": "0.25rem",
1430
+ "padding-block-start": "0.75rem",
1431
+ "padding-inline-end": "0rem",
1432
+ "padding-inline-start": "0rem"
1433
+ },
1434
+ "item": {
1435
+ "border-width": "1px",
1436
+ "border-color": "#CBD5E1",
1437
+ "border-block-end-style": "solid",
1438
+ "color": "#0F172A"
1439
+ },
1440
+ "font-size": "1.25rem",
1441
+ "line-height": "150%",
1442
+ "item-action": {
1443
+ "row": {
1444
+ "padding-block-end": "0.75rem",
1445
+ "padding-block-start": "0.75rem",
1446
+ "padding-inline-end": "0rem",
1447
+ "padding-inline-start": "1rem"
1448
+ },
1449
+ "padding-block-end": "0.75rem",
1450
+ "padding-block-start": "0.75rem",
1451
+ "padding-inline-end": "1rem",
1452
+ "padding-inline-start": "0rem"
1453
+ }
1454
+ },
1127
1455
  "color": {
1128
1456
  "primary": {
1129
1457
  "50": "#fbead9",
@@ -1142,8 +1470,7 @@
1142
1470
  "subdued": "#334155",
1143
1471
  "link": "#01689b",
1144
1472
  "on-dark-color": "#fff",
1145
- "on-light-color": "#000",
1146
- "onEmphasis": "#fff"
1473
+ "on-light-color": "#000"
1147
1474
  },
1148
1475
  "border": {
1149
1476
  "default": "#64748B",
@@ -1384,7 +1711,7 @@
1384
1711
  "margin-inline": "0.5rem"
1385
1712
  },
1386
1713
  "font-size": "1.25rem",
1387
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1714
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
1388
1715
  "font-weight": 400,
1389
1716
  "current": {
1390
1717
  "font-weight": 700,
@@ -1432,12 +1759,12 @@
1432
1759
  "size": "24px"
1433
1760
  },
1434
1761
  "content": {
1435
- "font-size": "1.125rem",
1762
+ "font-size": "1.25rem",
1436
1763
  "column-gap": "0.5rem",
1437
1764
  "row-gap": "0.25rem"
1438
1765
  },
1439
1766
  "label": {
1440
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1767
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
1441
1768
  "font-size": "1.875rem",
1442
1769
  "font-weight": 700,
1443
1770
  "line-height": "150%"
@@ -1524,12 +1851,12 @@
1524
1851
  "padding-block": "0.75rem",
1525
1852
  "padding-inline": "1rem",
1526
1853
  "content": {
1527
- "font-size": "1.125rem",
1854
+ "font-size": "1.25rem",
1528
1855
  "column-gap": "0.5rem",
1529
1856
  "row-gap": "0.5rem"
1530
1857
  },
1531
1858
  "label": {
1532
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1859
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
1533
1860
  "font-size": "1.25rem",
1534
1861
  "font-weight": 700,
1535
1862
  "line-height": "150%"
@@ -1558,7 +1885,7 @@
1558
1885
  "font-size": "0.775rem"
1559
1886
  },
1560
1887
  "column-gap": "12px",
1561
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1888
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
1562
1889
  "color": "#154273"
1563
1890
  },
1564
1891
  "link-list-card": {
@@ -1569,9 +1896,6 @@
1569
1896
  "padding-inline-start": "1.5rem",
1570
1897
  "padding-inline-end": "1.5rem"
1571
1898
  },
1572
- "link-list": {
1573
- "text-decoration": "None"
1574
- },
1575
1899
  "icon-only-button": {
1576
1900
  "padding-block-end": "0.75rem",
1577
1901
  "padding-block-start": "0.75rem",
@@ -1583,13 +1907,13 @@
1583
1907
  "font-weight": 700,
1584
1908
  "line-height": "125%",
1585
1909
  "font-size": "1.875rem",
1586
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif"
1910
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif"
1587
1911
  },
1588
1912
  "sub-heading": {
1589
1913
  "font-weight": 400,
1590
1914
  "line-height": "150%",
1591
1915
  "font-size": "1.25rem",
1592
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif"
1916
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif"
1593
1917
  },
1594
1918
  "message": {
1595
1919
  "background-color": "#e17000",
@@ -1610,7 +1934,7 @@
1610
1934
  "font-weight": 400,
1611
1935
  "row-gap": "0.5rem",
1612
1936
  "label": {
1613
- "margin-block-end": 0
1937
+ "margin-block-end": "0rem"
1614
1938
  },
1615
1939
  "input": {
1616
1940
  "margin": {
@@ -1620,7 +1944,7 @@
1620
1944
  },
1621
1945
  "form-field-checkbox-option": {
1622
1946
  "column-gap": "0.5rem",
1623
- "margin-block-end": 0
1947
+ "margin-block-end": "0rem"
1624
1948
  },
1625
1949
  "page-footer": {
1626
1950
  "column-gap": "1.5rem",
@@ -1636,26 +1960,18 @@
1636
1960
  "padding-inline-end": "1rem",
1637
1961
  "column-gap": "2rem"
1638
1962
  },
1639
- "border": {
1640
- "block-start": {
1641
- "width": "2px",
1642
- "color": "#EDA966",
1643
- "style": "solid"
1644
- }
1645
- },
1963
+ "border-block-start-width": "2px",
1964
+ "border-block-start-color": "#EDA966",
1965
+ "border-block-start-style": "solid",
1646
1966
  "outlined": {
1647
1967
  "background-color": "#fff",
1648
1968
  "color": "#e17000",
1649
- "border": {
1650
- "color": "#e17000"
1651
- }
1652
- },
1653
- "padding": {
1654
- "block-start": "2.5rem",
1655
- "block-end": "2.5rem",
1656
- "inline-start": "2.5rem",
1657
- "inline-end": "2.5rem"
1969
+ "border-color": "#e17000"
1658
1970
  },
1971
+ "padding-block-start": "2.5rem",
1972
+ "padding-block-end": "2.5rem",
1973
+ "padding-inline-start": "2.5rem",
1974
+ "padding-inline-end": "2.5rem",
1659
1975
  "flex": {
1660
1976
  "direction": "column"
1661
1977
  }
@@ -1772,35 +2088,6 @@
1772
2088
  }
1773
2089
  }
1774
2090
  },
1775
- "accordion": {
1776
- "button": {
1777
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1778
- "font-size": "1.25rem",
1779
- "font-weight": 400,
1780
- "line-height": "150%",
1781
- "icon": {
1782
- "margin-block": "0.25rem"
1783
- },
1784
- "padding-block-end": "0.75rem",
1785
- "padding-block-start": "0.75rem",
1786
- "padding-inline-end": "1rem",
1787
- "padding-inline-start": "1rem",
1788
- "expanded": {
1789
- "background-color": "#fff",
1790
- "color": "#0F172A"
1791
- }
1792
- },
1793
- "section": {
1794
- "border-block-end-width": "1px",
1795
- "border-width": 0,
1796
- "border-color": "#94A3B8"
1797
- },
1798
- "header": {
1799
- "margin": 0
1800
- },
1801
- "border-radius": "0px",
1802
- "color": "#0F172A"
1803
- },
1804
2091
  "border-radius": {
1805
2092
  "sm": "2.5px",
1806
2093
  "md": "5px",
@@ -1820,10 +2107,9 @@
1820
2107
  "level-4": "1.5rem",
1821
2108
  "level-5": "1.25rem"
1822
2109
  },
1823
- "paragraph": {
2110
+ "body": {
1824
2111
  "intro": "1.5rem",
1825
- "default": "1.25rem",
1826
- "small": "1.125rem"
2112
+ "default": "1.25rem"
1827
2113
  },
1828
2114
  "xs": {
1829
2115
  "desktop": "1.25rem",
@@ -1851,8 +2137,18 @@
1851
2137
  "mobile": "2.5rem"
1852
2138
  }
1853
2139
  },
2140
+ "font-weight": {
2141
+ "default": 400,
2142
+ "strong": 700,
2143
+ "extra-bold": 800,
2144
+ "bold": 700,
2145
+ "semi-bold": 600,
2146
+ "regular": 400,
2147
+ "light": 300,
2148
+ "thin": 200
2149
+ },
1854
2150
  "line-height": {
1855
- "paragraph": "150%",
2151
+ "body": "150%",
1856
2152
  "sm": "125%",
1857
2153
  "md": "150%"
1858
2154
  },
@@ -1867,17 +2163,8 @@
1867
2163
  "2-lint": "96px",
1868
2164
  "3-lint": "1440px"
1869
2165
  },
1870
- "font-weight": {
1871
- "extra-bold": 800,
1872
- "bold": 700,
1873
- "semi-bold": 550,
1874
- "regular": 400,
1875
- "chosen-regular": 400,
1876
- "light": 300,
1877
- "thin": 200
1878
- },
1879
2166
  "font-family": {
1880
- "primary": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2167
+ "primary": "'Fira Sans', Arial, Verdana, sans-serif",
1881
2168
  "secondary": "RijksoverheidSerifWeb, 'Times New Roman', serif"
1882
2169
  },
1883
2170
  "border-width": {
@@ -1886,7 +2173,7 @@
1886
2173
  "none": "0px"
1887
2174
  },
1888
2175
  "space": {
1889
- "0": 0,
2176
+ "0": "0rem",
1890
2177
  "25": "0.125rem",
1891
2178
  "50": "0.25rem",
1892
2179
  "100": "0.5rem",
@@ -1899,151 +2186,16 @@
1899
2186
  "700": "3.5rem"
1900
2187
  }
1901
2188
  },
1902
- "nl": {
1903
- "skip-link": {
1904
- "font-weight": 700,
1905
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1906
- "font-size": "1.25rem",
1907
- "line-height": "150%",
1908
- "min-block-size": "48px",
1909
- "min-inline-size": "48px",
1910
- "padding-block-end": "0.75rem",
1911
- "padding-block-start": "0.75rem",
1912
- "padding-inline-end": "1rem",
1913
- "padding-inline-start": "1rem",
1914
- "focus": {
1915
- "background-color": "#fff",
1916
- "border-color": "#e17000",
1917
- "border-style": "solid",
1918
- "border-width": "2px",
1919
- "color": "#0F172A",
1920
- "text-decoration": "None"
1921
- },
1922
- "focus-visible": {
1923
- "outline-color": "#000"
1924
- },
1925
- "background-color": "#e17000",
1926
- "border-color": "transparent",
1927
- "color": "#fff",
1928
- "border-width": "2px",
1929
- "box-block-end-shadow": {
1930
- "offset-x": 0,
1931
- "offset-y": "16px",
1932
- "blur-radius": "48px",
1933
- "spread-radius": 0,
1934
- "color": "#0000001a"
1935
- },
1936
- "text-decoration": "underline",
1937
- "text-underline-offset": "0.125rem"
1938
- },
1939
- "paragraph": {
1940
- "color": "#0F172A",
1941
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1942
- "font-size": "1.25rem",
1943
- "font-weight": 400,
1944
- "line-height": "150%",
1945
- "margin-block-end": 0,
1946
- "margin-block-start": 0,
1947
- "lead": {
1948
- "color": "#0F172A",
1949
- "font-size": "1.5rem",
1950
- "font-weight": 400,
1951
- "line-height": "150%"
2189
+ "todo": {
2190
+ "link-list": {
2191
+ "link": {
2192
+ "hover": {
2193
+ "text-decoration": "underline"
2194
+ }
1952
2195
  }
1953
2196
  },
1954
- "link": {
1955
- "color": "#01689b",
1956
- "text-decoration-color": "#01689b",
1957
- "active": {
1958
- "color": "#42145f",
1959
- "text-decoration": "None"
1960
- },
1961
- "focus": {
1962
- "background-color": "transparent",
1963
- "color": "#01689b",
1964
- "text-decoration": "None",
1965
- "text-decoration-thickness": "auto"
1966
- },
1967
- "hover": {
1968
- "color": "#01496c",
1969
- "text-decoration": "None",
1970
- "text-decoration-thickness": "auto"
1971
- },
1972
- "visited": {
1973
- "color": "#42145f"
1974
- },
1975
- "text-decoration": "underline",
1976
- "icon": {
1977
- "inset-block-start": "0.25rem",
1978
- "size": "24px"
1979
- },
1980
- "column-gap": "0.25rem",
1981
- "text-decoration-thickness": "auto",
1982
- "text-underline-offset": "0.125rem",
1983
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1984
- "font-weight": 400,
1985
- "font-size": "1.25rem",
1986
- "line-height": "150%"
1987
- },
1988
- "heading-level-1": {
1989
- "color": "#e17000",
1990
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1991
- "font-weight": 700,
1992
- "line-height": "125%",
1993
- "font-size": "3.125rem",
1994
- "margin-block-end": 0,
1995
- "margin-block-start": 0
1996
- },
1997
- "heading-level-2": {
1998
- "color": "#e17000",
1999
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2000
- "font-weight": 700,
2001
- "line-height": "125%",
2002
- "font-size": "2.5rem",
2003
- "margin-block-end": 0,
2004
- "margin-block-start": 0
2005
- },
2006
- "heading-level-3": {
2007
- "color": "#e17000",
2008
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2009
- "font-weight": 700,
2010
- "line-height": "125%",
2011
- "font-size": "1.875rem",
2012
- "margin-block-end": 0,
2013
- "margin-block-start": 0
2014
- },
2015
- "heading-level-4": {
2016
- "color": "#e17000",
2017
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2018
- "font-weight": 700,
2019
- "line-height": "125%",
2020
- "font-size": "1.5rem",
2021
- "margin-block-end": 0,
2022
- "margin-block-start": 0
2023
- },
2024
- "heading-level-5": {
2025
- "color": "#e17000",
2026
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2027
- "font-weight": 700,
2028
- "line-height": "125%",
2029
- "font-size": "1.25rem",
2030
- "margin-block-end": 0,
2031
- "margin-block-start": 0
2032
- },
2033
- "number-badge": {
2034
- "font-size": "1.25rem",
2035
- "line-height": "150%",
2036
- "min-block-size": "24px",
2037
- "min-inline-size": "24px",
2038
- "font-weight": 700,
2039
- "border-width": "0px",
2040
- "border-radius": "999px",
2041
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2042
- "background-color": "#e17000",
2043
- "border-color": "transparent",
2044
- "color": "#fff",
2045
- "padding-inline": "0.5rem",
2046
- "padding-block": "0.5rem"
2197
+ "skip-link": {
2198
+ "font-weight": 700
2047
2199
  }
2048
2200
  }
2049
2201
  }