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