@rijkshuisstijl-community/design-tokens 4.1.0 → 6.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 (106) hide show
  1. package/CHANGELOG.md +79 -5
  2. package/README.md +2 -2
  3. package/dist/_variables.scss +624 -743
  4. package/dist/index.css +624 -743
  5. package/dist/index.d.ts +743 -862
  6. package/dist/index.js +745 -864
  7. package/dist/index.json +744 -863
  8. package/dist/index.tokens.json +1779 -1904
  9. package/dist/koop/_variables.scss +87 -262
  10. package/dist/koop/index.css +87 -262
  11. package/dist/koop/index.d.ts +83 -258
  12. package/dist/koop/index.js +87 -262
  13. package/dist/koop/index.json +87 -262
  14. package/dist/koop/index.tokens.json +146 -361
  15. package/dist/koop/root.css +87 -262
  16. package/dist/koop/tokens.d.ts +139 -354
  17. package/dist/koop/tokens.js +4689 -8608
  18. package/dist/root.css +624 -743
  19. package/dist/tokens.d.ts +1698 -1823
  20. package/dist/tokens.js +22986 -25609
  21. package/dist/uitvoerend-groen/_variables.scss +83 -260
  22. package/dist/uitvoerend-groen/index.css +83 -260
  23. package/dist/uitvoerend-groen/index.d.ts +80 -257
  24. package/dist/uitvoerend-groen/index.js +83 -260
  25. package/dist/uitvoerend-groen/index.json +83 -260
  26. package/dist/uitvoerend-groen/index.tokens.json +138 -359
  27. package/dist/uitvoerend-groen/root.css +83 -260
  28. package/dist/uitvoerend-groen/tokens.d.ts +132 -353
  29. package/dist/uitvoerend-groen/tokens.js +4673 -8642
  30. package/dist/uitvoerend-hemelblauw/_variables.scss +83 -260
  31. package/dist/uitvoerend-hemelblauw/index.css +83 -260
  32. package/dist/uitvoerend-hemelblauw/index.d.ts +80 -257
  33. package/dist/uitvoerend-hemelblauw/index.js +83 -260
  34. package/dist/uitvoerend-hemelblauw/index.json +83 -260
  35. package/dist/uitvoerend-hemelblauw/index.tokens.json +138 -359
  36. package/dist/uitvoerend-hemelblauw/root.css +83 -260
  37. package/dist/uitvoerend-hemelblauw/tokens.d.ts +132 -353
  38. package/dist/uitvoerend-hemelblauw/tokens.js +4673 -8642
  39. package/dist/uitvoerend-mintgroen/_variables.scss +83 -260
  40. package/dist/uitvoerend-mintgroen/index.css +83 -260
  41. package/dist/uitvoerend-mintgroen/index.d.ts +80 -257
  42. package/dist/uitvoerend-mintgroen/index.js +83 -260
  43. package/dist/uitvoerend-mintgroen/index.json +83 -260
  44. package/dist/uitvoerend-mintgroen/index.tokens.json +138 -359
  45. package/dist/uitvoerend-mintgroen/root.css +83 -260
  46. package/dist/uitvoerend-mintgroen/tokens.d.ts +132 -353
  47. package/dist/uitvoerend-mintgroen/tokens.js +4673 -8642
  48. package/dist/uitvoerend-oranje/_variables.scss +106 -283
  49. package/dist/uitvoerend-oranje/index.css +106 -283
  50. package/dist/uitvoerend-oranje/index.d.ts +103 -280
  51. package/dist/uitvoerend-oranje/index.js +106 -283
  52. package/dist/uitvoerend-oranje/index.json +106 -283
  53. package/dist/uitvoerend-oranje/index.tokens.json +169 -390
  54. package/dist/uitvoerend-oranje/root.css +106 -283
  55. package/dist/uitvoerend-oranje/tokens.d.ts +160 -381
  56. package/dist/uitvoerend-oranje/tokens.js +5821 -9790
  57. package/dist/uitvoerend-paars/_variables.scss +83 -260
  58. package/dist/uitvoerend-paars/index.css +83 -260
  59. package/dist/uitvoerend-paars/index.d.ts +80 -257
  60. package/dist/uitvoerend-paars/index.js +83 -260
  61. package/dist/uitvoerend-paars/index.json +83 -260
  62. package/dist/uitvoerend-paars/index.tokens.json +138 -359
  63. package/dist/uitvoerend-paars/root.css +83 -260
  64. package/dist/uitvoerend-paars/tokens.d.ts +132 -353
  65. package/dist/uitvoerend-paars/tokens.js +4673 -8642
  66. package/dist/uitvoerend-violet/_variables.scss +83 -260
  67. package/dist/uitvoerend-violet/index.css +83 -260
  68. package/dist/uitvoerend-violet/index.d.ts +80 -257
  69. package/dist/uitvoerend-violet/index.js +83 -260
  70. package/dist/uitvoerend-violet/index.json +83 -260
  71. package/dist/uitvoerend-violet/index.tokens.json +138 -359
  72. package/dist/uitvoerend-violet/root.css +83 -260
  73. package/dist/uitvoerend-violet/tokens.d.ts +132 -353
  74. package/dist/uitvoerend-violet/tokens.js +4673 -8642
  75. package/dist/uitvoerend-violet-oud/_variables.scss +138 -315
  76. package/dist/uitvoerend-violet-oud/index.css +138 -315
  77. package/dist/uitvoerend-violet-oud/index.d.ts +135 -312
  78. package/dist/uitvoerend-violet-oud/index.js +138 -315
  79. package/dist/uitvoerend-violet-oud/index.json +138 -315
  80. package/dist/uitvoerend-violet-oud/index.tokens.json +205 -426
  81. package/dist/uitvoerend-violet-oud/root.css +138 -315
  82. package/dist/uitvoerend-violet-oud/tokens.d.ts +203 -424
  83. package/dist/uitvoerend-violet-oud/tokens.js +6433 -10402
  84. package/dist/wetgevend/_variables.scss +83 -260
  85. package/dist/wetgevend/index.css +83 -260
  86. package/dist/wetgevend/index.d.ts +80 -257
  87. package/dist/wetgevend/index.js +83 -260
  88. package/dist/wetgevend/index.json +83 -260
  89. package/dist/wetgevend/index.tokens.json +138 -359
  90. package/dist/wetgevend/root.css +83 -260
  91. package/dist/wetgevend/tokens.d.ts +132 -353
  92. package/dist/wetgevend/tokens.js +4673 -8642
  93. package/figma/figma.tokens.json +808 -1219
  94. package/package.json +2 -2
  95. package/src/generated/base.tokens.json +4954 -5450
  96. package/src/generated/koop/tokens.json +416 -1170
  97. package/src/generated/themes.json +4081 -10963
  98. package/src/generated/uitvoerend-groen/tokens.json +410 -1176
  99. package/src/generated/uitvoerend-hemelblauw/tokens.json +410 -1176
  100. package/src/generated/uitvoerend-mintgroen/tokens.json +410 -1176
  101. package/src/generated/uitvoerend-oranje/tokens.json +549 -1315
  102. package/src/generated/uitvoerend-paars/tokens.json +410 -1176
  103. package/src/generated/uitvoerend-violet/tokens.json +410 -1176
  104. package/src/generated/uitvoerend-violet-oud/tokens.json +721 -1487
  105. package/src/generated/wetgevend/tokens.json +410 -1176
  106. package/token-transformer.mjs +1 -1
@@ -247,19 +247,6 @@
247
247
  "utrechtFormLabelRadioFontWeight": 400,
248
248
  "utrechtFormLabelCheckedFontWeight": 400,
249
249
  "utrechtFormLabelDisabledColor": "#94A3B8",
250
- "utrechtNumberBadgeLineHeight": "125%",
251
- "utrechtNumberBadgeBackgroundColor": "#154273",
252
- "utrechtNumberBadgeBorderColor": "transparent",
253
- "utrechtNumberBadgeBorderRadius": "999px",
254
- "utrechtNumberBadgeBorderWidth": "0px",
255
- "utrechtNumberBadgeColor": "#fff",
256
- "utrechtNumberBadgeFontFamily": "RijksSans, Arial, Verdana, sans-serif",
257
- "utrechtNumberBadgeFontSize": "1.25rem",
258
- "utrechtNumberBadgeFontWeight": 700,
259
- "utrechtNumberBadgeMinBlockSize": "24px",
260
- "utrechtNumberBadgeMinInlineSize": "24px",
261
- "utrechtNumberBadgePaddingBlock": "0.125rem",
262
- "utrechtNumberBadgePaddingInline": "0.5rem",
263
250
  "utrechtFigureCaptionBorderColor": "#CBD5E1",
264
251
  "utrechtFigureCaptionBorderWidth": "4px",
265
252
  "utrechtFigureCaptionPaddingBlockEnd": "0.5rem",
@@ -272,6 +259,18 @@
272
259
  "utrechtFigureImgBorderEndStartRadius": 0,
273
260
  "utrechtFigureImgBorderStartEndRadius": 0,
274
261
  "utrechtFigureImgBorderStartStartRadius": 0,
262
+ "utrechtNumberBadgeBackgroundColor": "#154273",
263
+ "utrechtNumberBadgeBorderColor": "transparent",
264
+ "utrechtNumberBadgeBorderRadius": "999px",
265
+ "utrechtNumberBadgeBorderWidth": "0px",
266
+ "utrechtNumberBadgeColor": "#fff",
267
+ "utrechtNumberBadgeFontFamily": "RijksSans, Arial, Verdana, sans-serif",
268
+ "utrechtNumberBadgeFontSize": "1.25rem",
269
+ "utrechtNumberBadgeFontWeight": 700,
270
+ "utrechtNumberBadgeMinBlockSize": "24px",
271
+ "utrechtNumberBadgeMinInlineSize": "24px",
272
+ "utrechtNumberBadgePaddingBlock": "0.125rem",
273
+ "utrechtNumberBadgePaddingInline": "0.5rem",
275
274
  "utrechtBlockquoteBorderBlockEndWidth": 0,
276
275
  "utrechtBlockquoteBorderBlockStartWidth": 0,
277
276
  "utrechtBlockquoteBorderEndEndRadius": 0,
@@ -327,13 +326,6 @@
327
326
  "utrechtBlockquoteRowGap": "0.75rem",
328
327
  "utrechtBlockquoteAttributionColor": "#154273",
329
328
  "utrechtBlockquoteAttributionFontSize": "1.25rem",
330
- "utrechtAlertHeadingFontFamily": "RijksSans, Arial, Verdana, sans-serif",
331
- "utrechtAlertHeadingFontSize": "1.25rem",
332
- "utrechtAlertHeadingFontWeight": 700,
333
- "utrechtAlertHeadingLineHeight": "150%",
334
- "utrechtAlertMessageColumnGap": "0.5rem",
335
- "utrechtAlertMessageLineHeight": "150%",
336
- "utrechtAlertMessageRowGap": "0rem",
337
329
  "utrechtAlertBackgroundColor": "#d9ebf7",
338
330
  "utrechtAlertBorderColor": "transparent",
339
331
  "utrechtAlertBorderRadius": "5px",
@@ -353,6 +345,7 @@
353
345
  "utrechtAlertInfoBackgroundColor": "#d9ebf7",
354
346
  "utrechtAlertInfoBorderColor": "transparent",
355
347
  "utrechtAlertInfoColor": "#000",
348
+ "utrechtAlertMessageRowGap": "0rem",
356
349
  "utrechtAlertOkBackgroundColor": "#e1eddb",
357
350
  "utrechtAlertOkBorderColor": "transparent",
358
351
  "utrechtAlertOkColor": "#000",
@@ -366,13 +359,15 @@
366
359
  "utrechtAlertIconInfoColor": "#007bc7",
367
360
  "utrechtAlertIconOkColor": "#39870c",
368
361
  "utrechtAlertIconWarningColor": "#ffb612",
369
- "utrechtAccordionButtonActiveRowGap": 0,
370
- "utrechtAccordionButtonActiveBackgroundColor": "#F1F5F9",
371
- "utrechtAccordionButtonActiveBorderColor": "transparent",
372
- "utrechtAccordionButtonActiveColor": "#0F172A",
373
- "utrechtAccordionButtonFocusBackgroundColor": "#dce3ea",
374
- "utrechtAccordionButtonFocusBorderColor": "#154273",
375
- "utrechtAccordionButtonFocusColor": "#0F172A",
362
+ "utrechtAccordionMarginBlockEnd": "0rem",
363
+ "utrechtAccordionMarginBlockStart": "0rem",
364
+ "utrechtAccordionRowGap": "0rem",
365
+ "utrechtAccordionPanelBorderColor": "transparent",
366
+ "utrechtAccordionPanelBorderWidth": "1px",
367
+ "utrechtAccordionPanelPaddingBlockEnd": "1.5rem",
368
+ "utrechtAccordionPanelPaddingBlockStart": "1rem",
369
+ "utrechtAccordionPanelPaddingInlineEnd": "1rem",
370
+ "utrechtAccordionPanelPaddingInlineStart": "1rem",
376
371
  "utrechtAccordionButtonBackgroundColor": "#fff",
377
372
  "utrechtAccordionButtonBorderColor": "transparent",
378
373
  "utrechtAccordionButtonBorderRadius": "0px",
@@ -384,6 +379,9 @@
384
379
  "utrechtAccordionButtonPaddingInlineEnd": "1rem",
385
380
  "utrechtAccordionButtonPaddingInlineStart": "1rem",
386
381
  "utrechtAccordionButtonIconSize": "24px",
382
+ "utrechtAccordionButtonActiveBackgroundColor": "#F1F5F9",
383
+ "utrechtAccordionButtonActiveBorderColor": "transparent",
384
+ "utrechtAccordionButtonActiveColor": "#0F172A",
387
385
  "utrechtAccordionButtonHoverBackgroundColor": "#F8FAFC",
388
386
  "utrechtAccordionButtonHoverBorderColor": "transparent",
389
387
  "utrechtAccordionButtonHoverColor": "#0F172A",
@@ -391,83 +389,11 @@
391
389
  "utrechtAccordionButtonFocusVisibleBorderColor": "transparent",
392
390
  "utrechtAccordionButtonFocusVisibleBorderWidth": "1px",
393
391
  "utrechtAccordionButtonFocusVisibleColor": "#0F172A",
394
- "utrechtAccordionMarginBlockEnd": "0rem",
395
- "utrechtAccordionMarginBlockStart": "0rem",
396
- "utrechtAccordionRowGap": "0rem",
397
- "utrechtAccordionPanelBorderColor": "transparent",
398
- "utrechtAccordionPanelBorderWidth": "1px",
399
- "utrechtAccordionPanelPaddingBlockEnd": "1.5rem",
400
- "utrechtAccordionPanelPaddingBlockStart": "1rem",
401
- "utrechtAccordionPanelPaddingInlineEnd": "1rem",
402
- "utrechtAccordionPanelPaddingInlineStart": "1rem",
403
392
  "utrechtAccordionSectionBorderColor": "#94A3B8",
404
393
  "utrechtAccordionSectionHoverBorderColor": "#94A3B8",
405
394
  "utrechtAccordionSectionBorderWidth": "1px",
406
395
  "utrechtAccordionSectionMarginBlockEnd": "0rem",
407
396
  "utrechtAccordionSectionMarginBlockStart": "0rem",
408
- "utrechtSkipLinkFocusTextDecoration": "None",
409
- "utrechtSkipLinkFocusBorderColor": "#154273",
410
- "utrechtSkipLinkFocusBorderWidth": "2px",
411
- "utrechtSkipLinkFocusBorderStyle": "solid",
412
- "utrechtSkipLinkFocusBackgroundColor": "#fff",
413
- "utrechtSkipLinkFocusColor": "#01689b",
414
- "utrechtSkipLinkBorderColor": "transparent",
415
- "utrechtSkipLinkBoxBlockEndShadowColor": "#0000001a",
416
- "utrechtSkipLinkBoxBlockEndShadowBlurRadius": "48px",
417
- "utrechtSkipLinkBoxBlockEndShadowOffsetX": 0,
418
- "utrechtSkipLinkBoxBlockEndShadowOffsetY": "16px",
419
- "utrechtSkipLinkBoxBlockEndShadowSpreadRadius": 0,
420
- "utrechtSkipLinkFocusVisibleOutlineColor": "#000",
421
- "utrechtSkipLinkFocusVisibleTextDecoration": "underline",
422
- "utrechtSkipLinkFontFamily": "RijksSans, Arial, Verdana, sans-serif",
423
- "utrechtSkipLinkFontWeight": 700,
424
- "utrechtSkipLinkLineHeight": "150%",
425
- "utrechtSkipLinkBorderWidth": "2px",
426
- "utrechtSkipLinkTextUnderlineOffset": "0.125rem",
427
- "utrechtSkipLinkFontSize": "1.25rem",
428
- "utrechtSkipLinkBackgroundColor": "#fff",
429
- "utrechtSkipLinkColor": "#01689b",
430
- "utrechtSkipLinkMinBlockSize": "48px",
431
- "utrechtSkipLinkMinInlineSize": "48px",
432
- "utrechtSkipLinkPaddingBlockEnd": "0.75rem",
433
- "utrechtSkipLinkPaddingBlockStart": "0.75rem",
434
- "utrechtSkipLinkPaddingInlineEnd": "1rem",
435
- "utrechtSkipLinkPaddingInlineStart": "1rem",
436
- "utrechtSkipLinkTextDecoration": "underline",
437
- "utrechtLinkListItemTextDecoration": "None",
438
- "utrechtLinkListItemColumnGap": "0.5rem",
439
- "utrechtLinkListMarginBlockEnd": "0rem",
440
- "utrechtLinkListMarginBlockStart": "0rem",
441
- "utrechtLinkListRowGap": "0.5rem",
442
- "utrechtLinkListIconInsetBlockStart": "0.188rem",
443
- "utrechtLinkListIconSize": "24px",
444
- "utrechtLinkListLinkColumnGap": "0.5rem",
445
- "utrechtLinkListLinkTextDecoration": "None",
446
- "utrechtLinkListFontWeight": 400,
447
- "utrechtLinkFontFamily": "RijksSans, Arial, Verdana, sans-serif",
448
- "utrechtLinkFontWeight": 400,
449
- "utrechtLinkLineHeight": "150%",
450
- "utrechtLinkFontSize": "1.25rem",
451
- "utrechtLinkActiveTextDecoration": "None",
452
- "utrechtLinkActiveColor": "#163f5b",
453
- "utrechtLinkFocusTextDecoration": "None",
454
- "utrechtLinkFocusTextDecorationThickness": "auto",
455
- "utrechtLinkFocusBackgroundColor": "transparent",
456
- "utrechtLinkFocusColor": "#01689b",
457
- "utrechtLinkIconInsetBlockStart": "0.25rem",
458
- "utrechtLinkIconSize": "24px",
459
- "utrechtLinkColor": "#01689b",
460
- "utrechtLinkTextDecorationColor": "inherit",
461
- "utrechtLinkColumnGap": "0.25rem",
462
- "utrechtLinkTextDecoration": "underline",
463
- "utrechtLinkTextDecorationThickness": "0.0625em",
464
- "utrechtLinkTextUnderlineOffset": "0.125rem",
465
- "utrechtLinkHoverColor": "#15496a",
466
- "utrechtLinkHoverTextDecoration": "underline",
467
- "utrechtLinkHoverTextDecorationThickness": "0.1875em",
468
- "utrechtLinkFocusVisibleTextDecoration": "None",
469
- "utrechtLinkFocusVisibleTextDecorationThickness": "0.0625em",
470
- "utrechtLinkVisitedColor": "#01689b",
471
397
  "utrechtDataBadgeBackgroundColor": "#dce3ea",
472
398
  "utrechtDataBadgeBorderRadius": "10px",
473
399
  "utrechtDataBadgeColor": "#154273",
@@ -575,28 +501,6 @@
575
501
  "utrechtButtonGroupPaddingBlockEnd": "0px",
576
502
  "utrechtButtonGroupPaddingBlockStart": "0px",
577
503
  "utrechtButtonGroupRowGap": "0.5rem",
578
- "utrechtBreadcrumbNavDividerColor": "#334155",
579
- "utrechtBreadcrumbNavDividerInsetBlockStart": 0,
580
- "utrechtBreadcrumbNavDividerSize": "24px",
581
- "utrechtBreadcrumbNavLinkPaddingBlockEnd": "0.75rem",
582
- "utrechtBreadcrumbNavLinkPaddingBlockStart": "0.75rem",
583
- "utrechtBreadcrumbNavLinkPaddingInlineEnd": "0rem",
584
- "utrechtBreadcrumbNavLinkPaddingInlineStart": "0rem",
585
- "utrechtBreadcrumbNavLinkCurrentColor": "#334155",
586
- "utrechtBreadcrumbNavLinkCurrentFontWeight": 400,
587
- "utrechtBreadcrumbNavLinkIconInsetBlockStart": 0,
588
- "utrechtBreadcrumbNavLinkIconMarginInline": "0.25rem",
589
- "utrechtBreadcrumbNavLinkIconSize": "24px",
590
- "utrechtBreadcrumbNavLinkColor": "#01689b",
591
- "utrechtBreadcrumbNavLinkTextDecoration": "underline",
592
- "utrechtBreadcrumbNavLinkActiveColor": "#163f5b",
593
- "utrechtBreadcrumbNavLinkActiveTextDecoration": "underline",
594
- "utrechtBreadcrumbNavLinkDisabledColor": "#334155",
595
- "utrechtBreadcrumbNavLinkFocusBackgroundColor": "transparent",
596
- "utrechtBreadcrumbNavLinkFocusColor": "#01689b",
597
- "utrechtBreadcrumbNavLinkFocusTextDecoration": "None",
598
- "utrechtBreadcrumbNavLinkHoverTextDecoration": "underline",
599
- "utrechtBreadcrumbNavLinkHoverColor": "#01496c",
600
504
  "utrechtBreadcrumbNavFontFamily": "RijksSans, Arial, Verdana, sans-serif",
601
505
  "utrechtBreadcrumbNavFontSize": "1.25rem",
602
506
  "utrechtBreadcrumbNavLineHeight": "150%",
@@ -608,17 +512,32 @@
608
512
  "utrechtBreadcrumbNavItemFirstPaddingInlineStart": "0rem",
609
513
  "utrechtBreadcrumbNavSeparatorColor": "#334155",
610
514
  "utrechtBreadcrumbNavSeparatorIconSize": "24px",
515
+ "utrechtBreadcrumbNavLinkColor": "#01689b",
516
+ "utrechtBreadcrumbNavLinkTextDecoration": "underline",
517
+ "utrechtBreadcrumbNavLinkCurrentFontWeight": 400,
518
+ "utrechtBreadcrumbNavLinkActiveColor": "#163f5b",
519
+ "utrechtBreadcrumbNavLinkActiveTextDecoration": "underline",
520
+ "utrechtBreadcrumbNavLinkDisabledColor": "#334155",
521
+ "utrechtBreadcrumbNavLinkFocusBackgroundColor": "transparent",
522
+ "utrechtBreadcrumbNavLinkFocusColor": "#01689b",
523
+ "utrechtBreadcrumbNavLinkFocusTextDecoration": "None",
524
+ "utrechtBreadcrumbNavLinkHoverTextDecoration": "underline",
525
+ "utrechtBreadcrumbNavLinkHoverColor": "#01496c",
526
+ "utrechtBreadcrumbNavLinkIconSize": "24px",
527
+ "utrechtLinkListMarginBlockEnd": "0rem",
528
+ "utrechtLinkListMarginBlockStart": "0rem",
529
+ "utrechtLinkListRowGap": "0.5rem",
530
+ "utrechtLinkListIconInsetBlockStart": "0.188rem",
531
+ "utrechtLinkListIconSize": "24px",
532
+ "utrechtLinkListLinkColumnGap": "0.5rem",
533
+ "utrechtLinkListLinkTextDecoration": "None",
534
+ "utrechtLinkListFontWeight": 400,
611
535
  "utrechtActionActivateCursor": "pointer",
612
536
  "utrechtActionBusyCursor": "wait",
613
537
  "utrechtActionDisabledCursor": "not-allowed",
614
538
  "utrechtActionInertCursor": "default",
615
539
  "utrechtActionNavigateCursor": "pointer",
616
540
  "utrechtActionSubmitCursor": "pointer",
617
- "utrechtUnorderedListColor": "#0F172A",
618
- "utrechtUnorderedListMarkerBorderColor": "#0F172A",
619
- "utrechtUnorderedListMarkerColor": "#0F172A",
620
- "utrechtUnorderedListFontFamily": "RijksSans, Arial, Verdana, sans-serif",
621
- "utrechtUnorderedListFontWeight": 400,
622
541
  "utrechtUnorderedListFontSize": "1.25rem",
623
542
  "utrechtUnorderedListLineHeight": "150%",
624
543
  "utrechtUnorderedListMarginBlockEnd": "0.25rem",
@@ -627,15 +546,12 @@
627
546
  "utrechtUnorderedListItemMarginBlockEnd": "0.25rem",
628
547
  "utrechtUnorderedListItemMarginBlockStart": "0.25rem",
629
548
  "utrechtUnorderedListItemPaddingInlineStart": "0.5rem",
630
- "utrechtOrderedListColor": "#0F172A",
631
- "utrechtOrderedListFontFamily": "RijksSans, Arial, Verdana, sans-serif",
632
- "utrechtOrderedListFontWeight": 400,
633
- "utrechtOrderedListMarginInlineStart": "0.625rem",
549
+ "utrechtUnorderedListMarkerColor": "#0F172A",
634
550
  "utrechtOrderedListFontSize": "1.25rem",
635
551
  "utrechtOrderedListLineHeight": "150%",
636
552
  "utrechtOrderedListMarginBlockEnd": "0.25rem",
637
553
  "utrechtOrderedListMarginBlockStart": "0.25rem",
638
- "utrechtOrderedListPaddingInlineStart": "1.5rem",
554
+ "utrechtOrderedListPaddingInlineStart": "2rem",
639
555
  "utrechtOrderedListItemMarginBlockEnd": "0.25rem",
640
556
  "utrechtOrderedListItemMarginBlockStart": "0.25rem",
641
557
  "utrechtOrderedListItemPaddingInlineStart": "0.5rem",
@@ -704,66 +620,25 @@
704
620
  "utrechtPreHeadingFontWeight": 700,
705
621
  "utrechtPreHeadingLineHeight": "125%",
706
622
  "utrechtPreHeadingFontSize": "1rem",
707
- "utrechtParagraphColor": "#0F172A",
708
- "utrechtParagraphFontFamily": "RijksSans, Arial, Verdana, sans-serif",
709
- "utrechtParagraphFontSize": "1.25rem",
710
- "utrechtParagraphFontWeight": 400,
711
- "utrechtParagraphLineHeight": "150%",
712
- "utrechtParagraphLeadColor": "#0F172A",
713
- "utrechtParagraphLeadFontSize": "1.5rem",
714
- "utrechtParagraphLeadFontWeight": 400,
715
- "utrechtParagraphLeadLineHeight": "150%",
716
- "utrechtParagraphSmallFontSize": "1.5rem",
717
- "utrechtParagraphSmallColor": "#0F172A",
718
- "utrechtParagraphSmallFontWeight": 400,
719
- "utrechtParagraphSmallLineHeight": "150%",
720
- "utrechtParagraphMarginBlockEnd": "0rem",
721
- "utrechtParagraphMarginBlockStart": "0rem",
623
+ "utrechtLinkColor": "#01689b",
624
+ "utrechtLinkTextDecorationColor": "inherit",
625
+ "utrechtLinkColumnGap": "0.25rem",
626
+ "utrechtLinkTextDecoration": "underline",
627
+ "utrechtLinkTextDecorationThickness": "0.0625em",
628
+ "utrechtLinkTextUnderlineOffset": "0.125rem",
629
+ "utrechtLinkIconSize": "24px",
630
+ "utrechtLinkActiveColor": "#163f5b",
631
+ "utrechtLinkHoverColor": "#15496a",
632
+ "utrechtLinkHoverTextDecoration": "underline",
633
+ "utrechtLinkHoverTextDecorationThickness": "0.1875em",
634
+ "utrechtLinkFocusBackgroundColor": "transparent",
635
+ "utrechtLinkFocusColor": "#01689b",
636
+ "utrechtLinkFocusVisibleTextDecoration": "None",
637
+ "utrechtLinkFocusVisibleTextDecorationThickness": "0.0625em",
638
+ "utrechtLinkVisitedColor": "#01689b",
722
639
  "utrechtIconColor": "inherit",
723
640
  "utrechtIconSize": "24px",
724
641
  "utrechtIconInsetBlockStart": "0rem",
725
- "utrechtHeading1Color": "#154273",
726
- "utrechtHeading1FontFamily": "RijksSans, Arial, Verdana, sans-serif",
727
- "utrechtHeading1FontSize": "3.125rem",
728
- "utrechtHeading1FontWeight": 700,
729
- "utrechtHeading1LineHeight": "125%",
730
- "utrechtHeading1MarginBlockEnd": "0rem",
731
- "utrechtHeading1MarginBlockStart": "0rem",
732
- "utrechtHeading2Color": "#154273",
733
- "utrechtHeading2FontFamily": "RijksSans, Arial, Verdana, sans-serif",
734
- "utrechtHeading2FontSize": "2.5rem",
735
- "utrechtHeading2FontWeight": 700,
736
- "utrechtHeading2LineHeight": "125%",
737
- "utrechtHeading2MarginBlockEnd": "0rem",
738
- "utrechtHeading2MarginBlockStart": "0rem",
739
- "utrechtHeading3Color": "#154273",
740
- "utrechtHeading3FontFamily": "RijksSans, Arial, Verdana, sans-serif",
741
- "utrechtHeading3FontSize": "1.875rem",
742
- "utrechtHeading3FontWeight": 700,
743
- "utrechtHeading3LineHeight": "125%",
744
- "utrechtHeading3MarginBlockEnd": "0rem",
745
- "utrechtHeading3MarginBlockStart": "0rem",
746
- "utrechtHeading4Color": "#154273",
747
- "utrechtHeading4FontFamily": "RijksSans, Arial, Verdana, sans-serif",
748
- "utrechtHeading4FontSize": "1.5rem",
749
- "utrechtHeading4FontWeight": 700,
750
- "utrechtHeading4LineHeight": "150%",
751
- "utrechtHeading4MarginBlockEnd": "0rem",
752
- "utrechtHeading4MarginBlockStart": "0rem",
753
- "utrechtHeading5Color": "#154273",
754
- "utrechtHeading5FontFamily": "RijksSans, Arial, Verdana, sans-serif",
755
- "utrechtHeading5FontSize": "1.25rem",
756
- "utrechtHeading5FontWeight": 700,
757
- "utrechtHeading5LineHeight": "150%",
758
- "utrechtHeading5MarginBlockEnd": "0rem",
759
- "utrechtHeading5MarginBlockStart": "0rem",
760
- "utrechtHeading6Color": "#154273",
761
- "utrechtHeading6FontFamily": "RijksSans, Arial, Verdana, sans-serif",
762
- "utrechtHeading6FontSize": "1.25rem",
763
- "utrechtHeading6FontWeight": 700,
764
- "utrechtHeading6LineHeight": "150%",
765
- "utrechtHeading6MarginBlockEnd": "0rem",
766
- "utrechtHeading6MarginBlockStart": "0rem",
767
642
  "utrechtFormFieldsetLegendColor": "#0F172A",
768
643
  "utrechtFormFieldsetLegendFontFamily": "RijksSans, Arial, Verdana, sans-serif",
769
644
  "utrechtFormFieldsetLegendFontSize": "1.25rem",
@@ -843,11 +718,9 @@
843
718
  "todoFigureRowGap": "0.5rem",
844
719
  "todoAccordionButtonFontFamily": "RijksSans, Arial, Verdana, sans-serif",
845
720
  "todoAccordionButtonFontSize": "1.25rem",
846
- "todoAccordionButtonFontWeight": 400,
847
- "todoAccordionButtonLineHeight": "150%",
721
+ "todoAccordionButtonFontWeight": 700,
722
+ "todoAccordionButtonLineHeight": "1.875rem",
848
723
  "todoLinkListLinkHoverTextDecoration": "underline",
849
- "todoSkipLinkFontWeight": 700,
850
- "nlNumberBadgeLineHeight": "125%",
851
724
  "nlNumberBadgeBackgroundColor": "#154273",
852
725
  "nlNumberBadgeBorderColor": "transparent",
853
726
  "nlNumberBadgeBorderRadius": "999px",
@@ -860,68 +733,30 @@
860
733
  "nlNumberBadgeMinInlineSize": "24px",
861
734
  "nlNumberBadgePaddingBlock": "0.125rem",
862
735
  "nlNumberBadgePaddingInline": "0.5rem",
863
- "nlSkipLinkBorderColor": "transparent",
864
- "nlSkipLinkBorderWidth": "2px",
865
- "nlSkipLinkFontFamily": "RijksSans, Arial, Verdana, sans-serif",
866
- "nlSkipLinkFontWeight": 700,
867
- "nlSkipLinkPaddingBlockEnd": "0.75rem",
868
- "nlSkipLinkPaddingBlockStart": "0.75rem",
869
- "nlSkipLinkPaddingInlineEnd": "1rem",
870
- "nlSkipLinkPaddingInlineStart": "1rem",
871
- "nlSkipLinkBoxBlockEndShadowBlurRadius": "48px",
872
- "nlSkipLinkBoxBlockEndShadowColor": "#0000001a",
873
- "nlSkipLinkBoxBlockEndShadowOffsetX": 0,
874
- "nlSkipLinkBoxBlockEndShadowOffsetY": "16px",
875
- "nlSkipLinkBoxBlockEndShadowSpreadRadius": 0,
876
- "nlSkipLinkFocusBackgroundColor": "#fff",
877
- "nlSkipLinkFocusBorderColor": "#154273",
878
- "nlSkipLinkFocusBorderStyle": "solid",
879
- "nlSkipLinkFocusBorderWidth": "2px",
880
- "nlSkipLinkFocusColor": "#0F172A",
881
- "nlSkipLinkFocusTextDecoration": "None",
882
- "nlSkipLinkFocusVisibleOutlineColor": "#000",
883
- "nlSkipLinkTextDecoration": "underline",
884
- "nlSkipLinkBackgroundColor": "#fff",
885
- "nlSkipLinkColor": "#01689b",
886
- "nlSkipLinkPaddingBlock": "0.75rem",
887
- "nlSkipLinkPaddingInline": "1rem",
888
- "nlSkipLinkMinBlockSize": "48px",
889
- "nlSkipLinkMinInlineSize": "48px",
890
- "nlSkipLinkTextDecorationThickness": "0.0625em",
891
- "nlSkipLinkTextUnderlineOffset": "0.125rem",
892
- "nlSkipLinkLineHeight": "150%",
893
- "nlSkipLinkFontSize": "1.25rem",
894
- "nlLinkColumnGap": "0.25rem",
895
- "nlLinkFontFamily": "RijksSans, Arial, Verdana, sans-serif",
896
- "nlLinkFontSize": "1.25rem",
897
- "nlLinkFontWeight": 400,
898
- "nlLinkLineHeight": "150%",
899
- "nlLinkIconInsetBlockStart": "0.25rem",
900
- "nlLinkIconSize": "24px",
901
- "nlLinkActiveTextDecoration": "None",
902
736
  "nlLinkActiveColor": "#800080",
903
- "nlLinkFocusBackgroundColor": "transparent",
904
- "nlLinkFocusColor": "#01689b",
905
- "nlLinkFocusTextDecoration": "None",
906
- "nlLinkFocusTextDecorationThickness": "auto",
907
- "nlLinkVisitedColor": "#01689b",
737
+ "nlLinkFocusTextDecorationThickness": "1px",
908
738
  "nlLinkHoverTextDecorationLine": "underline",
909
739
  "nlLinkHoverTextDecorationThickness": "2px",
910
740
  "nlLinkHoverColor": "#0F2E51",
911
741
  "nlLinkTextDecorationLine": "underline",
912
742
  "nlLinkTextDecorationThickness": "1px",
743
+ "nlLinkVisitedColor": "#800080",
913
744
  "nlLinkColor": "#01689b",
914
745
  "nlLinkTextDecorationColor": "inherit",
915
746
  "nlLinkTextUnderlineOffset": "0.125rem",
916
747
  "nlLinkCurrentCursor": "default",
917
748
  "nlLinkDisabledColor": "#334155",
918
749
  "nlLinkDisabledCursor": "disabled",
919
- "nlParagraphLeadColor": "#0F172A",
920
- "nlParagraphLeadFontSize": "1.5rem",
921
- "nlParagraphLeadFontWeight": 400,
922
- "nlParagraphLeadLineHeight": "150%",
923
- "nlParagraphLeadMarginBlockEnd": "0rem",
924
- "nlParagraphLeadMarginBlockStart": "0rem",
750
+ "nlSkipLinkBackgroundColor": "#fff",
751
+ "nlSkipLinkColor": "#01689b",
752
+ "nlSkipLinkPaddingBlock": "0.75rem",
753
+ "nlSkipLinkPaddingInline": "1rem",
754
+ "nlSkipLinkMinBlockSize": "48px",
755
+ "nlSkipLinkMinInlineSize": "48px",
756
+ "nlSkipLinkTextDecorationThickness": "0.0625em",
757
+ "nlSkipLinkTextUnderlineOffset": "0.125rem",
758
+ "nlSkipLinkLineHeight": "150%",
759
+ "nlSkipLinkFontSize": "1.25rem",
925
760
  "nlParagraphColor": "#0F172A",
926
761
  "nlParagraphFontFamily": "RijksSans, Arial, Verdana, sans-serif",
927
762
  "nlParagraphFontSize": "1.25rem",
@@ -929,6 +764,11 @@
929
764
  "nlParagraphLineHeight": "150%",
930
765
  "nlParagraphMarginBlockEnd": "0rem",
931
766
  "nlParagraphMarginBlockStart": "0rem",
767
+ "nlParagraphLeadFontSize": "1.5rem",
768
+ "nlParagraphLeadFontWeight": 400,
769
+ "nlParagraphLeadLineHeight": "150%",
770
+ "nlParagraphLeadMarginBlockEnd": "0rem",
771
+ "nlParagraphLeadMarginBlockStart": "0rem",
932
772
  "nlHeadingLevel1Color": "#154273",
933
773
  "nlHeadingLevel1FontFamily": "RijksSans, Arial, Verdana, sans-serif",
934
774
  "nlHeadingLevel1FontSize": "3.125rem",
@@ -988,31 +828,15 @@
988
828
  "rhcKeepBottomLeftBorderRadiusTopRight": 0,
989
829
  "rhcKeepBottomLeftBorderRadiusBottomRight": 0,
990
830
  "rhcKeepBottomLeftBorderRadiusBottomLeft": "48px",
991
- "rhcAccordionBorderRadius": "0px",
992
- "rhcAccordionColor": "#0F172A",
993
- "rhcAccordionHeaderMargin": 0,
994
- "rhcAccordionSectionBorderBlockEndWidth": "1px",
995
- "rhcAccordionSectionBorderColor": "#94A3B8",
996
- "rhcAccordionSectionBorderWidth": "1px",
997
- "rhcAccordionButtonPaddingBlockEnd": "0.75rem",
998
- "rhcAccordionButtonPaddingBlockStart": "0.75rem",
999
- "rhcAccordionButtonPaddingInlineEnd": "1rem",
1000
- "rhcAccordionButtonPaddingInlineStart": "1rem",
1001
- "rhcAccordionButtonExpandedBackgroundColor": "#fff",
1002
- "rhcAccordionButtonExpandedColor": "#0F172A",
1003
- "rhcAccordionButtonIconMarginBlock": "0.25rem",
1004
- "rhcAccordionButtonFontFamily": "RijksSans, Arial, Verdana, sans-serif",
1005
- "rhcAccordionButtonFontWeight": 400,
1006
- "rhcAccordionButtonFontSize": "1.25rem",
1007
- "rhcAccordionButtonLineHeight": "150%",
1008
- "rhcLinkListTextDecoration": "None",
1009
831
  "rhcDataBadgeButtonColumnGap": "0.125rem",
1010
832
  "rhcDataBadgeButtonHoverBackgroundColor": "#154273",
1011
833
  "rhcDataBadgeButtonHoverColor": "#fff",
834
+ "rhcBreadcrumbNavLinkCurrentColor": "#334155",
1012
835
  "rhcRoundedCornerXsBorderRadius": "24px",
1013
836
  "rhcRoundedCornerMdBorderRadius": "48px",
1014
837
  "rhcRoundedCornerXlBorderRadius": "96px",
1015
838
  "rhcRoundedCornerBorderWidth": "2px",
839
+ "rhcUnorderedListNestedMarginInlineStart": "0rem",
1016
840
  "rhcFontFamilyPrimary": "RijksSans, Arial, Verdana, sans-serif",
1017
841
  "rhcFontFamilySecondary": "RijksoverheidSerifWeb, 'Times New Roman', serif",
1018
842
  "rhcNavBarIconColor": "#154273",
@@ -1173,6 +997,7 @@
1173
997
  "rhcLinkListCardRowGap": "1rem",
1174
998
  "rhcLinkListCardPaddingInlineStart": "1.5rem",
1175
999
  "rhcLinkListCardPaddingInlineEnd": "1.5rem",
1000
+ "rhcLinkColumnGap": "0.25rem",
1176
1001
  "rhcIconOnlyButtonPaddingBlockEnd": "0.75rem",
1177
1002
  "rhcIconOnlyButtonPaddingBlockStart": "0.75rem",
1178
1003
  "rhcIconOnlyButtonPaddingInlineEnd": "0.75rem",
@@ -1265,7 +1090,6 @@
1265
1090
  "rhcCardAsLinkBorderWidth": "1px",
1266
1091
  "rhcCardAsLinkColor": "#0F172A",
1267
1092
  "rhcCardAsLinkColumnGap": "1rem",
1268
- "rhcCardAsLinkInlineSize": "328px",
1269
1093
  "rhcCardAsLinkIconColor": "#154273",
1270
1094
  "rhcCardAsLinkIconSize": "24px",
1271
1095
  "rhcCardAsLinkLinkColor": "#01689b",
@@ -1510,5 +1334,6 @@
1510
1334
  "rhcSpace400": "2rem",
1511
1335
  "rhcSpace500": "2.5rem",
1512
1336
  "rhcSpace600": "3rem",
1513
- "rhcSpace700": "3.5rem"
1337
+ "rhcSpace700": "3.5rem",
1338
+ "figmaLinkIconSize": "1.25rem"
1514
1339
  }