@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": "#a90061",
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": "#a90061",
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": "#a90061",
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": "#f2d9e7",
268
+ "border-radius": "10px",
269
+ "color": "#a90061",
270
+ "padding-block": "0.125rem",
271
+ "padding-inline": "0.75rem"
272
+ },
273
+ "button": {
274
+ "background-color": "#0F172A",
275
+ "border-color": "transparent",
276
+ "border-radius": 0,
277
+ "border-width": "1px",
278
+ "color": "#fff",
279
+ "column-gap": "0.5rem",
280
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
281
+ "font-size": "1.25rem",
282
+ "font-weight": 700,
283
+ "line-height": "150%",
284
+ "min-block-size": "48px",
285
+ "min-inline-size": "48px",
286
+ "padding-block-end": "0.5rem",
287
+ "padding-block-start": "0.5rem",
288
+ "padding-inline-end": "1rem",
289
+ "padding-inline-start": "1rem",
290
+ "icon": {
291
+ "size": "24px",
292
+ "gap": "0.5rem"
293
+ },
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": "#a90061",
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": "#e5b3d0",
328
+ "border-color": "transparent",
329
+ "color": "#BE4088"
330
+ },
331
+ "hover": {
332
+ "background-color": "#741344",
333
+ "border-color": "transparent",
334
+ "color": "#fff"
335
+ },
336
+ "focus": {
337
+ "background-color": "#741344",
338
+ "border-color": "transparent",
339
+ "color": "#fff"
340
+ },
341
+ "pressed": {
342
+ "border-color": "transparent",
343
+ "color": "#fff",
344
+ "background-color": "#63143a"
345
+ },
346
+ "active": {
347
+ "border-color": "transparent",
348
+ "color": "#fff",
349
+ "background-color": "#65003a"
350
+ }
351
+ },
352
+ "secondary-action": {
353
+ "background-color": "transparent",
354
+ "border-color": "#a90061",
355
+ "color": "#a90061",
356
+ "font-size": "1.25rem",
357
+ "font-weight": 700,
358
+ "line-height": "1.875rem",
359
+ "disabled": {
360
+ "background-color": "transparent",
361
+ "border-color": "#D88CB7",
362
+ "color": "#CB66A0"
363
+ },
364
+ "hover": {
365
+ "background-color": "#f2d9e7",
366
+ "border-color": "#741344",
367
+ "color": "#741344"
368
+ },
369
+ "focus": {
370
+ "background-color": "#f2d9e7",
371
+ "border-color": "transparent",
372
+ "color": "#741344"
373
+ },
374
+ "pressed": {
375
+ "background-color": "#e5b3d0",
376
+ "border-color": "#63143a",
377
+ "color": "#63143a"
378
+ },
379
+ "active": {
380
+ "background-color": "#D88CB7",
381
+ "color": "#741344",
382
+ "border-color": "#63143a"
383
+ }
384
+ },
385
+ "subtle": {
386
+ "background-color": "transparent",
387
+ "border-color": "transparent",
388
+ "color": "#a90061",
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": "#e5b3d0"
396
+ },
397
+ "hover": {
398
+ "background-color": "#f2d9e7",
399
+ "border-color": "transparent",
400
+ "color": "#741344"
401
+ },
402
+ "focus": {
403
+ "background-color": "#f2d9e7",
404
+ "border-color": "transparent",
405
+ "color": "#741344"
406
+ },
407
+ "pressed": {
408
+ "background-color": "#e5b3d0",
409
+ "border-color": "transparent",
410
+ "color": "#63143a"
411
+ },
412
+ "active": {
413
+ "background-color": "#D88CB7",
414
+ "border-color": "transparent",
415
+ "color": "#65003a"
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": "#f2d9e7",
512
+ "border-color": "#a90061",
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
  "blockquote": {
4
579
  "background-color": "transparent",
5
580
  "border-inline-start-width": "12px",
@@ -8,7 +583,7 @@
8
583
  "border-width": 0,
9
584
  "color": "#154273",
10
585
  "font-size": "1.25rem",
11
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
586
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
12
587
  "padding-block-end": "1.5rem",
13
588
  "padding-block-start": "1.5rem",
14
589
  "padding-inline-end": "2.5rem",
@@ -21,13 +596,13 @@
21
596
  "content": {
22
597
  "color": "#154273",
23
598
  "font-size": "1.5rem",
24
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
599
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
25
600
  "line-height": "150%",
26
601
  "font-weight": 400
27
602
  },
28
603
  "caption": {
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
  "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": 0,
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": 0,
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": "#a90061",
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": "#a90061",
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": 0,
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
- },
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
958
  },
492
- "text-decoration": "underline",
493
- "icon": {
494
- "inset-block-start": "0.25rem",
495
- "size": "24px"
959
+ "small": {
960
+ "font-size": "1.5rem",
961
+ "color": "#0F172A",
962
+ "font-weight": 400,
963
+ "line-height": "150%"
496
964
  },
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%"
965
+ "margin-block-end": "0rem",
966
+ "margin-block-start": "0rem"
504
967
  },
505
968
  "heading-1": {
506
- "color": "#a90061",
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": "#a90061",
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": "#a90061",
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": "#a90061",
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": "#a90061",
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": "#a90061",
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": 0,
@@ -751,208 +1223,12 @@
751
1223
  "border-color": "#BE4088"
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": 0,
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": "#741344",
807
- "border-color": "transparent",
808
- "color": "#fff"
809
- },
810
- "background-color": "#a90061",
811
- "border-color": "transparent",
812
- "color": "#fff",
813
- "disabled": {
814
- "background-color": "#e5b3d0",
815
- "border-color": "transparent",
816
- "color": "#BE4088"
817
- },
818
- "focus": {
819
- "background-color": "#741344",
820
- "border-color": "transparent",
821
- "color": "#fff"
822
- },
823
- "font-weight": 700,
824
- "active": {
825
- "background-color": "#65003a",
826
- "border-color": "transparent",
827
- "color": "#fff"
828
- },
829
- "font-size": "1.25rem",
830
- "line-height": "1.875rem",
831
- "pressed": {
832
- "background-color": "#63143a",
833
- "border-color": "transparent",
834
- "color": "#fff"
835
- }
836
- },
837
- "secondary-action": {
838
- "hover": {
839
- "background-color": "#f2d9e7",
840
- "border-color": "#741344",
841
- "color": "#741344"
842
- },
843
- "background-color": "transparent",
844
- "border-color": "#a90061",
845
- "color": "#a90061",
846
- "disabled": {
847
- "background-color": "transparent",
848
- "border-color": "#D88CB7",
849
- "color": "#CB66A0"
850
- },
851
- "focus": {
852
- "background-color": "#f2d9e7",
853
- "border-color": "transparent",
854
- "color": "#741344"
855
- },
856
- "font-weight": 700,
857
- "active": {
858
- "background-color": "#D88CB7",
859
- "border-color": "#63143a",
860
- "color": "#741344"
861
- },
862
- "font-size": "1.25rem",
863
- "line-height": "1.875rem",
864
- "pressed": {
865
- "background-color": "#e5b3d0",
866
- "border-color": "#63143a",
867
- "color": "#63143a"
868
- }
869
- },
870
- "subtle": {
871
- "font-size": "1.25rem",
872
- "font-weight": 700,
873
- "hover": {
874
- "background-color": "#f2d9e7",
875
- "border-color": "transparent",
876
- "color": "#741344"
877
- },
878
- "background-color": "transparent",
879
- "border-color": "transparent",
880
- "color": "#a90061",
881
- "disabled": {
882
- "background-color": "transparent",
883
- "border-color": "transparent",
884
- "color": "#e5b3d0"
885
- },
886
- "focus": {
887
- "background-color": "#f2d9e7",
888
- "border-color": "transparent",
889
- "color": "#741344"
890
- },
891
- "active": {
892
- "background-color": "#D88CB7",
893
- "border-color": "transparent",
894
- "color": "#65003a"
895
- },
896
- "line-height": "1.875rem",
897
- "pressed": {
898
- "background-color": "#e5b3d0",
899
- "border-color": "transparent",
900
- "color": "#63143a"
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,89 +1243,53 @@
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",
993
1269
  "info": {
994
1270
  "color": "#007bc7"
995
1271
  },
996
- "error": {
997
- "color": "#d52b1e"
998
- },
999
- "ok": {
1000
- "color": "#39870c"
1001
- },
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": 0
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": "#f2d9e7",
1038
- "border-color": "#a90061",
1039
- "color": "#0F172A"
1272
+ "error": {
1273
+ "color": "#d52b1e"
1040
1274
  },
1041
- "active": {
1042
- "background-color": "#F1F5F9",
1043
- "border-color": "#94A3B8",
1044
- "color": "#0F172A",
1045
- "row-gap": 0
1046
- }
1047
- }
1275
+ "ok": {
1276
+ "color": "#39870c"
1277
+ },
1278
+ "warning": {
1279
+ "color": "#ffb612"
1280
+ },
1281
+ "size": "24px"
1282
+ },
1283
+ "message": {
1284
+ "line-height": "150%",
1285
+ "column-gap": "0.5rem"
1286
+ },
1287
+ "border-radius": 0
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": "#a90061",
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": "#f2d9e7",
@@ -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",
@@ -1391,7 +1718,7 @@
1391
1718
  "margin-inline": "0.5rem"
1392
1719
  },
1393
1720
  "font-size": "1.25rem",
1394
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1721
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
1395
1722
  "font-weight": 400,
1396
1723
  "current": {
1397
1724
  "font-weight": 700,
@@ -1439,12 +1766,12 @@
1439
1766
  "size": "24px"
1440
1767
  },
1441
1768
  "content": {
1442
- "font-size": "1.125rem",
1769
+ "font-size": "1.25rem",
1443
1770
  "column-gap": "0.5rem",
1444
1771
  "row-gap": "0.25rem"
1445
1772
  },
1446
1773
  "label": {
1447
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1774
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
1448
1775
  "font-size": "1.875rem",
1449
1776
  "font-weight": 700,
1450
1777
  "line-height": "150%"
@@ -1531,12 +1858,12 @@
1531
1858
  "padding-block": "0.75rem",
1532
1859
  "padding-inline": "1rem",
1533
1860
  "content": {
1534
- "font-size": "1.125rem",
1861
+ "font-size": "1.25rem",
1535
1862
  "column-gap": "0.5rem",
1536
1863
  "row-gap": "0.5rem"
1537
1864
  },
1538
1865
  "label": {
1539
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1866
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
1540
1867
  "font-size": "1.25rem",
1541
1868
  "font-weight": 700,
1542
1869
  "line-height": "150%"
@@ -1565,7 +1892,7 @@
1565
1892
  "font-size": "0.775rem"
1566
1893
  },
1567
1894
  "column-gap": "12px",
1568
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1895
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
1569
1896
  "color": "#154273"
1570
1897
  },
1571
1898
  "link-list-card": {
@@ -1576,9 +1903,6 @@
1576
1903
  "padding-inline-start": "1.5rem",
1577
1904
  "padding-inline-end": "1.5rem"
1578
1905
  },
1579
- "link-list": {
1580
- "text-decoration": "None"
1581
- },
1582
1906
  "icon-only-button": {
1583
1907
  "padding-block-end": "0.75rem",
1584
1908
  "padding-block-start": "0.75rem",
@@ -1590,13 +1914,13 @@
1590
1914
  "font-weight": 700,
1591
1915
  "line-height": "125%",
1592
1916
  "font-size": "1.875rem",
1593
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif"
1917
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif"
1594
1918
  },
1595
1919
  "sub-heading": {
1596
1920
  "font-weight": 400,
1597
1921
  "line-height": "150%",
1598
1922
  "font-size": "1.25rem",
1599
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif"
1923
+ "font-family": "'Fira Sans', Arial, Verdana, sans-serif"
1600
1924
  },
1601
1925
  "message": {
1602
1926
  "background-color": "#a90061",
@@ -1617,7 +1941,7 @@
1617
1941
  "font-weight": 400,
1618
1942
  "row-gap": "0.5rem",
1619
1943
  "label": {
1620
- "margin-block-end": 0
1944
+ "margin-block-end": "0rem"
1621
1945
  },
1622
1946
  "input": {
1623
1947
  "margin": {
@@ -1627,7 +1951,7 @@
1627
1951
  },
1628
1952
  "form-field-checkbox-option": {
1629
1953
  "column-gap": "0.5rem",
1630
- "margin-block-end": 0
1954
+ "margin-block-end": "0rem"
1631
1955
  },
1632
1956
  "page-footer": {
1633
1957
  "column-gap": "1.5rem",
@@ -1643,26 +1967,18 @@
1643
1967
  "padding-inline-end": "1rem",
1644
1968
  "column-gap": "2rem"
1645
1969
  },
1646
- "border": {
1647
- "block-start": {
1648
- "width": "2px",
1649
- "color": "#CB66A0",
1650
- "style": "solid"
1651
- }
1652
- },
1970
+ "border-block-start-width": "2px",
1971
+ "border-block-start-color": "#CB66A0",
1972
+ "border-block-start-style": "solid",
1653
1973
  "outlined": {
1654
1974
  "background-color": "#fff",
1655
1975
  "color": "#a90061",
1656
- "border": {
1657
- "color": "#a90061"
1658
- }
1659
- },
1660
- "padding": {
1661
- "block-start": "2.5rem",
1662
- "block-end": "2.5rem",
1663
- "inline-start": "2.5rem",
1664
- "inline-end": "2.5rem"
1976
+ "border-color": "#a90061"
1665
1977
  },
1978
+ "padding-block-start": "2.5rem",
1979
+ "padding-block-end": "2.5rem",
1980
+ "padding-inline-start": "2.5rem",
1981
+ "padding-inline-end": "2.5rem",
1666
1982
  "flex": {
1667
1983
  "direction": "column"
1668
1984
  }
@@ -1779,35 +2095,6 @@
1779
2095
  }
1780
2096
  }
1781
2097
  },
1782
- "accordion": {
1783
- "button": {
1784
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1785
- "font-size": "1.25rem",
1786
- "font-weight": 400,
1787
- "line-height": "150%",
1788
- "icon": {
1789
- "margin-block": "0.25rem"
1790
- },
1791
- "padding-block-end": "0.75rem",
1792
- "padding-block-start": "0.75rem",
1793
- "padding-inline-end": "1rem",
1794
- "padding-inline-start": "1rem",
1795
- "expanded": {
1796
- "background-color": "#fff",
1797
- "color": "#0F172A"
1798
- }
1799
- },
1800
- "section": {
1801
- "border-block-end-width": "1px",
1802
- "border-width": 0,
1803
- "border-color": "#94A3B8"
1804
- },
1805
- "header": {
1806
- "margin": 0
1807
- },
1808
- "border-radius": "0px",
1809
- "color": "#0F172A"
1810
- },
1811
2098
  "focus": {
1812
2099
  "outline-offset": "0.125rem",
1813
2100
  "outline-style": "solid",
@@ -1821,10 +2108,9 @@
1821
2108
  "level-4": "1.5rem",
1822
2109
  "level-5": "1.25rem"
1823
2110
  },
1824
- "paragraph": {
2111
+ "body": {
1825
2112
  "intro": "1.5rem",
1826
- "default": "1.25rem",
1827
- "small": "1.125rem"
2113
+ "default": "1.25rem"
1828
2114
  },
1829
2115
  "xs": {
1830
2116
  "desktop": "1.25rem",
@@ -1852,8 +2138,18 @@
1852
2138
  "mobile": "2.5rem"
1853
2139
  }
1854
2140
  },
2141
+ "font-weight": {
2142
+ "default": 400,
2143
+ "strong": 700,
2144
+ "extra-bold": 800,
2145
+ "bold": 700,
2146
+ "semi-bold": 600,
2147
+ "regular": 400,
2148
+ "light": 300,
2149
+ "thin": 200
2150
+ },
1855
2151
  "line-height": {
1856
- "paragraph": "150%",
2152
+ "body": "150%",
1857
2153
  "sm": "125%",
1858
2154
  "md": "150%"
1859
2155
  },
@@ -1868,17 +2164,8 @@
1868
2164
  "2-lint": "96px",
1869
2165
  "3-lint": "1440px"
1870
2166
  },
1871
- "font-weight": {
1872
- "extra-bold": 800,
1873
- "bold": 700,
1874
- "semi-bold": 550,
1875
- "regular": 400,
1876
- "chosen-regular": 400,
1877
- "light": 300,
1878
- "thin": 200
1879
- },
1880
2167
  "font-family": {
1881
- "primary": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2168
+ "primary": "'Fira Sans', Arial, Verdana, sans-serif",
1882
2169
  "secondary": "RijksoverheidSerifWeb, 'Times New Roman', serif"
1883
2170
  },
1884
2171
  "border-width": {
@@ -1887,7 +2174,7 @@
1887
2174
  "none": "0px"
1888
2175
  },
1889
2176
  "space": {
1890
- "0": 0,
2177
+ "0": "0rem",
1891
2178
  "25": "0.125rem",
1892
2179
  "50": "0.25rem",
1893
2180
  "100": "0.5rem",
@@ -1900,151 +2187,16 @@
1900
2187
  "700": "3.5rem"
1901
2188
  }
1902
2189
  },
1903
- "nl": {
1904
- "skip-link": {
1905
- "font-weight": 700,
1906
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1907
- "font-size": "1.25rem",
1908
- "line-height": "150%",
1909
- "min-block-size": "48px",
1910
- "min-inline-size": "48px",
1911
- "padding-block-end": "0.75rem",
1912
- "padding-block-start": "0.75rem",
1913
- "padding-inline-end": "1rem",
1914
- "padding-inline-start": "1rem",
1915
- "focus": {
1916
- "background-color": "#fff",
1917
- "border-color": "#a90061",
1918
- "border-style": "solid",
1919
- "border-width": "2px",
1920
- "color": "#0F172A",
1921
- "text-decoration": "None"
1922
- },
1923
- "focus-visible": {
1924
- "outline-color": "#000"
1925
- },
1926
- "background-color": "#a90061",
1927
- "border-color": "transparent",
1928
- "color": "#fff",
1929
- "border-width": "2px",
1930
- "box-block-end-shadow": {
1931
- "offset-x": 0,
1932
- "offset-y": "16px",
1933
- "blur-radius": "48px",
1934
- "spread-radius": 0,
1935
- "color": "#0000001a"
1936
- },
1937
- "text-decoration": "underline",
1938
- "text-underline-offset": "0.125rem"
1939
- },
1940
- "paragraph": {
1941
- "color": "#0F172A",
1942
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1943
- "font-size": "1.25rem",
1944
- "font-weight": 400,
1945
- "line-height": "150%",
1946
- "margin-block-end": 0,
1947
- "margin-block-start": 0,
1948
- "lead": {
1949
- "color": "#0F172A",
1950
- "font-size": "1.5rem",
1951
- "font-weight": 400,
1952
- "line-height": "150%"
2190
+ "todo": {
2191
+ "link-list": {
2192
+ "link": {
2193
+ "hover": {
2194
+ "text-decoration": "underline"
2195
+ }
1953
2196
  }
1954
2197
  },
1955
- "link": {
1956
- "color": "#01689b",
1957
- "text-decoration-color": "#01689b",
1958
- "active": {
1959
- "color": "#42145f",
1960
- "text-decoration": "None"
1961
- },
1962
- "focus": {
1963
- "background-color": "transparent",
1964
- "color": "#01689b",
1965
- "text-decoration": "None",
1966
- "text-decoration-thickness": "auto"
1967
- },
1968
- "hover": {
1969
- "color": "#01496c",
1970
- "text-decoration": "None",
1971
- "text-decoration-thickness": "auto"
1972
- },
1973
- "visited": {
1974
- "color": "#42145f"
1975
- },
1976
- "text-decoration": "underline",
1977
- "icon": {
1978
- "inset-block-start": "0.25rem",
1979
- "size": "24px"
1980
- },
1981
- "column-gap": "0.25rem",
1982
- "text-decoration-thickness": "auto",
1983
- "text-underline-offset": "0.125rem",
1984
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1985
- "font-weight": 400,
1986
- "font-size": "1.25rem",
1987
- "line-height": "150%"
1988
- },
1989
- "heading-level-1": {
1990
- "color": "#a90061",
1991
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1992
- "font-weight": 700,
1993
- "line-height": "125%",
1994
- "font-size": "3.125rem",
1995
- "margin-block-end": 0,
1996
- "margin-block-start": 0
1997
- },
1998
- "heading-level-2": {
1999
- "color": "#a90061",
2000
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2001
- "font-weight": 700,
2002
- "line-height": "125%",
2003
- "font-size": "2.5rem",
2004
- "margin-block-end": 0,
2005
- "margin-block-start": 0
2006
- },
2007
- "heading-level-3": {
2008
- "color": "#a90061",
2009
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2010
- "font-weight": 700,
2011
- "line-height": "125%",
2012
- "font-size": "1.875rem",
2013
- "margin-block-end": 0,
2014
- "margin-block-start": 0
2015
- },
2016
- "heading-level-4": {
2017
- "color": "#a90061",
2018
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2019
- "font-weight": 700,
2020
- "line-height": "125%",
2021
- "font-size": "1.5rem",
2022
- "margin-block-end": 0,
2023
- "margin-block-start": 0
2024
- },
2025
- "heading-level-5": {
2026
- "color": "#a90061",
2027
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2028
- "font-weight": 700,
2029
- "line-height": "125%",
2030
- "font-size": "1.25rem",
2031
- "margin-block-end": 0,
2032
- "margin-block-start": 0
2033
- },
2034
- "number-badge": {
2035
- "font-size": "1.25rem",
2036
- "line-height": "150%",
2037
- "min-block-size": "24px",
2038
- "min-inline-size": "24px",
2039
- "font-weight": 700,
2040
- "border-width": "0px",
2041
- "border-radius": "999px",
2042
- "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2043
- "background-color": "#a90061",
2044
- "border-color": "transparent",
2045
- "color": "#fff",
2046
- "padding-inline": "0.5rem",
2047
- "padding-block": "0.5rem"
2198
+ "skip-link": {
2199
+ "font-weight": 700
2048
2200
  }
2049
2201
  }
2050
2202
  }