@rijkshuisstijl-community/design-tokens 5.0.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 (105) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/dist/_variables.scss +603 -668
  3. package/dist/index.css +603 -668
  4. package/dist/index.d.ts +690 -755
  5. package/dist/index.js +692 -757
  6. package/dist/index.json +691 -756
  7. package/dist/index.tokens.json +1715 -1802
  8. package/dist/koop/_variables.scss +38 -118
  9. package/dist/koop/index.css +38 -118
  10. package/dist/koop/index.d.ts +36 -116
  11. package/dist/koop/index.js +38 -118
  12. package/dist/koop/index.json +37 -117
  13. package/dist/koop/index.tokens.json +47 -159
  14. package/dist/koop/root.css +38 -118
  15. package/dist/koop/tokens.d.ts +46 -158
  16. package/dist/koop/tokens.js +2345 -4171
  17. package/dist/root.css +603 -668
  18. package/dist/tokens.d.ts +1614 -1701
  19. package/dist/tokens.js +24567 -26048
  20. package/dist/uitvoerend-groen/_variables.scss +28 -108
  21. package/dist/uitvoerend-groen/index.css +28 -108
  22. package/dist/uitvoerend-groen/index.d.ts +26 -106
  23. package/dist/uitvoerend-groen/index.js +28 -108
  24. package/dist/uitvoerend-groen/index.json +27 -107
  25. package/dist/uitvoerend-groen/index.tokens.json +35 -147
  26. package/dist/uitvoerend-groen/root.css +28 -108
  27. package/dist/uitvoerend-groen/tokens.d.ts +34 -146
  28. package/dist/uitvoerend-groen/tokens.js +1240 -3066
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +28 -108
  30. package/dist/uitvoerend-hemelblauw/index.css +28 -108
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +26 -106
  32. package/dist/uitvoerend-hemelblauw/index.js +28 -108
  33. package/dist/uitvoerend-hemelblauw/index.json +27 -107
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +35 -147
  35. package/dist/uitvoerend-hemelblauw/root.css +28 -108
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +34 -146
  37. package/dist/uitvoerend-hemelblauw/tokens.js +1240 -3066
  38. package/dist/uitvoerend-mintgroen/_variables.scss +28 -108
  39. package/dist/uitvoerend-mintgroen/index.css +28 -108
  40. package/dist/uitvoerend-mintgroen/index.d.ts +26 -106
  41. package/dist/uitvoerend-mintgroen/index.js +28 -108
  42. package/dist/uitvoerend-mintgroen/index.json +27 -107
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +35 -147
  44. package/dist/uitvoerend-mintgroen/root.css +28 -108
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +34 -146
  46. package/dist/uitvoerend-mintgroen/tokens.js +1240 -3066
  47. package/dist/uitvoerend-oranje/_variables.scss +51 -131
  48. package/dist/uitvoerend-oranje/index.css +51 -131
  49. package/dist/uitvoerend-oranje/index.d.ts +49 -129
  50. package/dist/uitvoerend-oranje/index.js +51 -131
  51. package/dist/uitvoerend-oranje/index.json +50 -130
  52. package/dist/uitvoerend-oranje/index.tokens.json +69 -181
  53. package/dist/uitvoerend-oranje/root.css +51 -131
  54. package/dist/uitvoerend-oranje/tokens.d.ts +65 -177
  55. package/dist/uitvoerend-oranje/tokens.js +1856 -3682
  56. package/dist/uitvoerend-paars/_variables.scss +28 -108
  57. package/dist/uitvoerend-paars/index.css +28 -108
  58. package/dist/uitvoerend-paars/index.d.ts +26 -106
  59. package/dist/uitvoerend-paars/index.js +28 -108
  60. package/dist/uitvoerend-paars/index.json +27 -107
  61. package/dist/uitvoerend-paars/index.tokens.json +35 -147
  62. package/dist/uitvoerend-paars/root.css +28 -108
  63. package/dist/uitvoerend-paars/tokens.d.ts +34 -146
  64. package/dist/uitvoerend-paars/tokens.js +1240 -3066
  65. package/dist/uitvoerend-violet/_variables.scss +28 -108
  66. package/dist/uitvoerend-violet/index.css +28 -108
  67. package/dist/uitvoerend-violet/index.d.ts +26 -106
  68. package/dist/uitvoerend-violet/index.js +28 -108
  69. package/dist/uitvoerend-violet/index.json +27 -107
  70. package/dist/uitvoerend-violet/index.tokens.json +35 -147
  71. package/dist/uitvoerend-violet/root.css +28 -108
  72. package/dist/uitvoerend-violet/tokens.d.ts +34 -146
  73. package/dist/uitvoerend-violet/tokens.js +1240 -3066
  74. package/dist/uitvoerend-violet-oud/_variables.scss +83 -163
  75. package/dist/uitvoerend-violet-oud/index.css +83 -163
  76. package/dist/uitvoerend-violet-oud/index.d.ts +81 -161
  77. package/dist/uitvoerend-violet-oud/index.js +83 -163
  78. package/dist/uitvoerend-violet-oud/index.json +82 -162
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +102 -214
  80. package/dist/uitvoerend-violet-oud/root.css +83 -163
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +100 -212
  82. package/dist/uitvoerend-violet-oud/tokens.js +3009 -4835
  83. package/dist/wetgevend/_variables.scss +28 -108
  84. package/dist/wetgevend/index.css +28 -108
  85. package/dist/wetgevend/index.d.ts +26 -106
  86. package/dist/wetgevend/index.js +28 -108
  87. package/dist/wetgevend/index.json +27 -107
  88. package/dist/wetgevend/index.tokens.json +35 -147
  89. package/dist/wetgevend/root.css +28 -108
  90. package/dist/wetgevend/tokens.d.ts +34 -146
  91. package/dist/wetgevend/tokens.js +1240 -3066
  92. package/figma/figma.tokens.json +872 -934
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +4916 -5198
  95. package/src/generated/koop/tokens.json +167 -519
  96. package/src/generated/themes.json +1379 -4547
  97. package/src/generated/uitvoerend-groen/tokens.json +124 -476
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +124 -476
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +124 -476
  100. package/src/generated/uitvoerend-oranje/tokens.json +196 -548
  101. package/src/generated/uitvoerend-paars/tokens.json +124 -476
  102. package/src/generated/uitvoerend-violet/tokens.json +124 -476
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +434 -786
  104. package/src/generated/wetgevend/tokens.json +124 -476
  105. package/token-transformer.mjs +1 -1
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 22 Aug 2025 10:20:30 GMT
3
+ // Generated on Fri, 05 Sep 2025 09:25:14 GMT
4
4
 
5
5
  $figma-link-icon-size: 1.25rem;
6
6
  $rhc-space-700: 3.5rem;
@@ -510,23 +510,6 @@ $rhc-breadcrumb-nav-link-current-color: #334155;
510
510
  $rhc-data-badge-button-hover-color: #fff;
511
511
  $rhc-data-badge-button-hover-background-color: #e17000;
512
512
  $rhc-data-badge-button-column-gap: 0.125rem;
513
- $rhc-accordion-button-line-height: 150%;
514
- $rhc-accordion-button-font-size: 1.25rem;
515
- $rhc-accordion-button-font-weight: 400;
516
- $rhc-accordion-button-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
517
- $rhc-accordion-button-icon-margin-block: 0.25rem;
518
- $rhc-accordion-button-expanded-color: #0F172A;
519
- $rhc-accordion-button-expanded-background-color: #fff;
520
- $rhc-accordion-button-padding-inline-start: 1rem;
521
- $rhc-accordion-button-padding-inline-end: 1rem;
522
- $rhc-accordion-button-padding-block-start: 0.75rem;
523
- $rhc-accordion-button-padding-block-end: 0.75rem;
524
- $rhc-accordion-section-border-width: 1px;
525
- $rhc-accordion-section-border-color: #94A3B8;
526
- $rhc-accordion-section-border-block-end-width: 1px;
527
- $rhc-accordion-header-margin: 0;
528
- $rhc-accordion-color: #0F172A;
529
- $rhc-accordion-border-radius: 0px;
530
513
  $rhc-keep-bottom-left-border-radius-bottom-left: 48px;
531
514
  $rhc-keep-bottom-left-border-radius-bottom-right: 0;
532
515
  $rhc-keep-bottom-left-border-radius-top-right: 0;
@@ -620,27 +603,6 @@ $nl-skip-link-padding-inline: 1rem;
620
603
  $nl-skip-link-padding-block: 0.75rem;
621
604
  $nl-skip-link-color: #01689b;
622
605
  $nl-skip-link-background-color: #fff;
623
- $nl-skip-link-text-decoration: underline;
624
- $nl-skip-link-focus-visible-outline-color: #000;
625
- $nl-skip-link-focus-text-decoration: None;
626
- $nl-skip-link-focus-color: #0F172A;
627
- $nl-skip-link-focus-border-width: 2px;
628
- $nl-skip-link-focus-border-style: solid;
629
- $nl-skip-link-focus-border-color: #e17000;
630
- $nl-skip-link-focus-background-color: #fff;
631
- $nl-skip-link-box-block-end-shadow-spread-radius: 0;
632
- $nl-skip-link-box-block-end-shadow-offset-y: 16px;
633
- $nl-skip-link-box-block-end-shadow-offset-x: 0;
634
- $nl-skip-link-box-block-end-shadow-color: #0000001a;
635
- $nl-skip-link-box-block-end-shadow-blur-radius: 48px;
636
- $nl-skip-link-padding-inline-start: 1rem;
637
- $nl-skip-link-padding-inline-end: 1rem;
638
- $nl-skip-link-padding-block-start: 0.75rem;
639
- $nl-skip-link-padding-block-end: 0.75rem;
640
- $nl-skip-link-font-weight: 700;
641
- $nl-skip-link-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
642
- $nl-skip-link-border-width: 2px;
643
- $nl-skip-link-border-color: transparent;
644
606
  $nl-number-badge-padding-inline: 0.5rem;
645
607
  $nl-number-badge-padding-block: 0.125rem;
646
608
  $nl-number-badge-min-inline-size: 24px;
@@ -653,11 +615,9 @@ $nl-number-badge-border-width: 0px;
653
615
  $nl-number-badge-border-radius: 999px;
654
616
  $nl-number-badge-border-color: transparent;
655
617
  $nl-number-badge-background-color: #e17000;
656
- $nl-number-badge-line-height: 125%;
657
- $todo-skip-link-font-weight: 700;
658
618
  $todo-link-list-link-hover-text-decoration: underline;
659
- $todo-accordion-button-line-height: 150%;
660
- $todo-accordion-button-font-weight: 400;
619
+ $todo-accordion-button-line-height: 1.875rem;
620
+ $todo-accordion-button-font-weight: 700;
661
621
  $todo-accordion-button-font-size: 1.25rem;
662
622
  $todo-accordion-button-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
663
623
  $todo-figure-row-gap: 0.5rem;
@@ -982,35 +942,41 @@ $utrecht-data-badge-padding-block: 0.125rem;
982
942
  $utrecht-data-badge-color: #e17000;
983
943
  $utrecht-data-badge-border-radius: 10px;
984
944
  $utrecht-data-badge-background-color: #fbead9;
985
- $utrecht-skip-link-text-decoration: underline;
986
- $utrecht-skip-link-padding-inline-start: 1rem;
987
- $utrecht-skip-link-padding-inline-end: 1rem;
988
- $utrecht-skip-link-padding-block-start: 0.75rem;
989
- $utrecht-skip-link-padding-block-end: 0.75rem;
990
- $utrecht-skip-link-min-inline-size: 48px;
991
- $utrecht-skip-link-min-block-size: 48px;
992
- $utrecht-skip-link-color: #01689b;
993
- $utrecht-skip-link-background-color: #fff;
994
- $utrecht-skip-link-font-size: 1.25rem;
995
- $utrecht-skip-link-text-underline-offset: 0.125rem;
996
- $utrecht-skip-link-border-width: 2px;
997
- $utrecht-skip-link-line-height: 150%;
998
- $utrecht-skip-link-font-weight: 700;
999
- $utrecht-skip-link-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
1000
- $utrecht-skip-link-focus-visible-text-decoration: underline;
1001
- $utrecht-skip-link-focus-visible-outline-color: #000;
1002
- $utrecht-skip-link-box-block-end-shadow-spread-radius: 0;
1003
- $utrecht-skip-link-box-block-end-shadow-offset-y: 16px;
1004
- $utrecht-skip-link-box-block-end-shadow-offset-x: 0;
1005
- $utrecht-skip-link-box-block-end-shadow-blur-radius: 48px;
1006
- $utrecht-skip-link-box-block-end-shadow-color: #0000001a;
1007
- $utrecht-skip-link-border-color: transparent;
1008
- $utrecht-skip-link-focus-color: #01689b;
1009
- $utrecht-skip-link-focus-background-color: #fff;
1010
- $utrecht-skip-link-focus-border-style: solid;
1011
- $utrecht-skip-link-focus-border-width: 2px;
1012
- $utrecht-skip-link-focus-border-color: #e17000;
1013
- $utrecht-skip-link-focus-text-decoration: None;
945
+ $utrecht-accordion-section-margin-block-start: 0rem;
946
+ $utrecht-accordion-section-margin-block-end: 0rem;
947
+ $utrecht-accordion-section-border-width: 1px;
948
+ $utrecht-accordion-section-hover-border-color: #94A3B8;
949
+ $utrecht-accordion-section-border-color: #94A3B8;
950
+ $utrecht-accordion-button-focus-visible-color: #0F172A;
951
+ $utrecht-accordion-button-focus-visible-border-width: 1px;
952
+ $utrecht-accordion-button-focus-visible-border-color: transparent;
953
+ $utrecht-accordion-button-focus-visible-background-color: #fbead9;
954
+ $utrecht-accordion-button-hover-color: #0F172A;
955
+ $utrecht-accordion-button-hover-border-color: transparent;
956
+ $utrecht-accordion-button-hover-background-color: #F8FAFC;
957
+ $utrecht-accordion-button-active-color: #0F172A;
958
+ $utrecht-accordion-button-active-border-color: transparent;
959
+ $utrecht-accordion-button-active-background-color: #F1F5F9;
960
+ $utrecht-accordion-button-icon-size: 24px;
961
+ $utrecht-accordion-button-padding-inline-start: 1rem;
962
+ $utrecht-accordion-button-padding-inline-end: 1rem;
963
+ $utrecht-accordion-button-padding-block-start: 0.75rem;
964
+ $utrecht-accordion-button-padding-block-end: 0.75rem;
965
+ $utrecht-accordion-button-gap: 0.5rem;
966
+ $utrecht-accordion-button-color: #0F172A;
967
+ $utrecht-accordion-button-border-width: 1px;
968
+ $utrecht-accordion-button-border-radius: 0px;
969
+ $utrecht-accordion-button-border-color: transparent;
970
+ $utrecht-accordion-button-background-color: #fff;
971
+ $utrecht-accordion-panel-padding-inline-start: 1rem;
972
+ $utrecht-accordion-panel-padding-inline-end: 1rem;
973
+ $utrecht-accordion-panel-padding-block-start: 1rem;
974
+ $utrecht-accordion-panel-padding-block-end: 1.5rem;
975
+ $utrecht-accordion-panel-border-width: 1px;
976
+ $utrecht-accordion-panel-border-color: transparent;
977
+ $utrecht-accordion-row-gap: 0rem;
978
+ $utrecht-accordion-margin-block-start: 0rem;
979
+ $utrecht-accordion-margin-block-end: 0rem;
1014
980
  $utrecht-alert-icon-warning-color: #ffb612;
1015
981
  $utrecht-alert-icon-ok-color: #39870c;
1016
982
  $utrecht-alert-icon-info-color: #007bc7;
@@ -1024,6 +990,7 @@ $utrecht-alert-warning-background-color: #fff4db;
1024
990
  $utrecht-alert-ok-color: #000;
1025
991
  $utrecht-alert-ok-border-color: transparent;
1026
992
  $utrecht-alert-ok-background-color: #e1eddb;
993
+ $utrecht-alert-message-row-gap: 0rem;
1027
994
  $utrecht-alert-info-color: #000;
1028
995
  $utrecht-alert-info-border-color: transparent;
1029
996
  $utrecht-alert-info-background-color: #d9ebf7;
@@ -1043,52 +1010,6 @@ $utrecht-alert-border-width: 0px;
1043
1010
  $utrecht-alert-border-radius: 5px;
1044
1011
  $utrecht-alert-border-color: transparent;
1045
1012
  $utrecht-alert-background-color: #d9ebf7;
1046
- $utrecht-alert-message-row-gap: 0rem;
1047
- $utrecht-alert-message-line-height: 150%;
1048
- $utrecht-alert-message-column-gap: 0.5rem;
1049
- $utrecht-alert-heading-line-height: 150%;
1050
- $utrecht-alert-heading-font-weight: 700;
1051
- $utrecht-alert-heading-font-size: 1.25rem;
1052
- $utrecht-alert-heading-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
1053
- $utrecht-accordion-section-margin-block-start: 0rem;
1054
- $utrecht-accordion-section-margin-block-end: 0rem;
1055
- $utrecht-accordion-section-border-width: 1px;
1056
- $utrecht-accordion-section-hover-border-color: #94A3B8;
1057
- $utrecht-accordion-section-border-color: #94A3B8;
1058
- $utrecht-accordion-panel-padding-inline-start: 1rem;
1059
- $utrecht-accordion-panel-padding-inline-end: 1rem;
1060
- $utrecht-accordion-panel-padding-block-start: 1rem;
1061
- $utrecht-accordion-panel-padding-block-end: 1.5rem;
1062
- $utrecht-accordion-panel-border-width: 1px;
1063
- $utrecht-accordion-panel-border-color: transparent;
1064
- $utrecht-accordion-row-gap: 0rem;
1065
- $utrecht-accordion-margin-block-start: 0rem;
1066
- $utrecht-accordion-margin-block-end: 0rem;
1067
- $utrecht-accordion-button-focus-visible-color: #0F172A;
1068
- $utrecht-accordion-button-focus-visible-border-width: 1px;
1069
- $utrecht-accordion-button-focus-visible-border-color: transparent;
1070
- $utrecht-accordion-button-focus-visible-background-color: #fbead9;
1071
- $utrecht-accordion-button-hover-color: #0F172A;
1072
- $utrecht-accordion-button-hover-border-color: transparent;
1073
- $utrecht-accordion-button-hover-background-color: #F8FAFC;
1074
- $utrecht-accordion-button-icon-size: 24px;
1075
- $utrecht-accordion-button-padding-inline-start: 1rem;
1076
- $utrecht-accordion-button-padding-inline-end: 1rem;
1077
- $utrecht-accordion-button-padding-block-start: 0.75rem;
1078
- $utrecht-accordion-button-padding-block-end: 0.75rem;
1079
- $utrecht-accordion-button-gap: 0.5rem;
1080
- $utrecht-accordion-button-color: #0F172A;
1081
- $utrecht-accordion-button-border-width: 1px;
1082
- $utrecht-accordion-button-border-radius: 0px;
1083
- $utrecht-accordion-button-border-color: transparent;
1084
- $utrecht-accordion-button-background-color: #fff;
1085
- $utrecht-accordion-button-focus-color: #0F172A;
1086
- $utrecht-accordion-button-focus-border-color: #e17000;
1087
- $utrecht-accordion-button-focus-background-color: #fbead9;
1088
- $utrecht-accordion-button-active-color: #0F172A;
1089
- $utrecht-accordion-button-active-border-color: transparent;
1090
- $utrecht-accordion-button-active-background-color: #F1F5F9;
1091
- $utrecht-accordion-button-active-row-gap: 0;
1092
1013
  $utrecht-blockquote-attribution-font-size: 1.25rem;
1093
1014
  $utrecht-blockquote-attribution-color: #154273;
1094
1015
  $utrecht-blockquote-row-gap: 0.75rem;
@@ -1144,18 +1065,6 @@ $utrecht-blockquote-border-end-start-radius: 0;
1144
1065
  $utrecht-blockquote-border-end-end-radius: 0;
1145
1066
  $utrecht-blockquote-border-block-start-width: 0;
1146
1067
  $utrecht-blockquote-border-block-end-width: 0;
1147
- $utrecht-figure-img-border-start-start-radius: 0;
1148
- $utrecht-figure-img-border-start-end-radius: 0;
1149
- $utrecht-figure-img-border-end-start-radius: 0;
1150
- $utrecht-figure-img-border-end-end-radius: 0;
1151
- $utrecht-figure-caption-line-height: 150%;
1152
- $utrecht-figure-caption-font-size: 1.25rem;
1153
- $utrecht-figure-caption-color: #0F172A;
1154
- $utrecht-figure-caption-padding-inline-start: 1rem;
1155
- $utrecht-figure-caption-padding-block-start: 0.5rem;
1156
- $utrecht-figure-caption-padding-block-end: 0.5rem;
1157
- $utrecht-figure-caption-border-width: 4px;
1158
- $utrecht-figure-caption-border-color: #CBD5E1;
1159
1068
  $utrecht-number-badge-padding-inline: 0.5rem;
1160
1069
  $utrecht-number-badge-padding-block: 0.125rem;
1161
1070
  $utrecht-number-badge-min-inline-size: 24px;
@@ -1168,7 +1077,18 @@ $utrecht-number-badge-border-width: 0px;
1168
1077
  $utrecht-number-badge-border-radius: 999px;
1169
1078
  $utrecht-number-badge-border-color: transparent;
1170
1079
  $utrecht-number-badge-background-color: #e17000;
1171
- $utrecht-number-badge-line-height: 125%;
1080
+ $utrecht-figure-img-border-start-start-radius: 0;
1081
+ $utrecht-figure-img-border-start-end-radius: 0;
1082
+ $utrecht-figure-img-border-end-start-radius: 0;
1083
+ $utrecht-figure-img-border-end-end-radius: 0;
1084
+ $utrecht-figure-caption-line-height: 150%;
1085
+ $utrecht-figure-caption-font-size: 1.25rem;
1086
+ $utrecht-figure-caption-color: #0F172A;
1087
+ $utrecht-figure-caption-padding-inline-start: 1rem;
1088
+ $utrecht-figure-caption-padding-block-start: 0.5rem;
1089
+ $utrecht-figure-caption-padding-block-end: 0.5rem;
1090
+ $utrecht-figure-caption-border-width: 4px;
1091
+ $utrecht-figure-caption-border-color: #CBD5E1;
1172
1092
  $utrecht-form-label-disabled-color: #94A3B8;
1173
1093
  $utrecht-form-label-checked-font-weight: 400;
1174
1094
  $utrecht-form-label-radio-font-weight: 400;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 22 Aug 2025 10:20:30 GMT
3
+ * Generated on Fri, 05 Sep 2025 09:25:14 GMT
4
4
  */
5
5
 
6
6
  .uitvoerend-oranje {
@@ -512,23 +512,6 @@
512
512
  --rhc-data-badge-button-hover-color: #fff;
513
513
  --rhc-data-badge-button-hover-background-color: #e17000;
514
514
  --rhc-data-badge-button-column-gap: 0.125rem;
515
- --rhc-accordion-button-line-height: 150%;
516
- --rhc-accordion-button-font-size: 1.25rem;
517
- --rhc-accordion-button-font-weight: 400;
518
- --rhc-accordion-button-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
519
- --rhc-accordion-button-icon-margin-block: 0.25rem;
520
- --rhc-accordion-button-expanded-color: #0F172A;
521
- --rhc-accordion-button-expanded-background-color: #fff;
522
- --rhc-accordion-button-padding-inline-start: 1rem;
523
- --rhc-accordion-button-padding-inline-end: 1rem;
524
- --rhc-accordion-button-padding-block-start: 0.75rem;
525
- --rhc-accordion-button-padding-block-end: 0.75rem;
526
- --rhc-accordion-section-border-width: 1px;
527
- --rhc-accordion-section-border-color: #94A3B8;
528
- --rhc-accordion-section-border-block-end-width: 1px;
529
- --rhc-accordion-header-margin: 0;
530
- --rhc-accordion-color: #0F172A;
531
- --rhc-accordion-border-radius: 0px;
532
515
  --rhc-keep-bottom-left-border-radius-bottom-left: 48px;
533
516
  --rhc-keep-bottom-left-border-radius-bottom-right: 0;
534
517
  --rhc-keep-bottom-left-border-radius-top-right: 0;
@@ -622,27 +605,6 @@
622
605
  --nl-skip-link-padding-block: 0.75rem;
623
606
  --nl-skip-link-color: #01689b;
624
607
  --nl-skip-link-background-color: #fff;
625
- --nl-skip-link-text-decoration: underline;
626
- --nl-skip-link-focus-visible-outline-color: #000;
627
- --nl-skip-link-focus-text-decoration: None;
628
- --nl-skip-link-focus-color: #0F172A;
629
- --nl-skip-link-focus-border-width: 2px;
630
- --nl-skip-link-focus-border-style: solid;
631
- --nl-skip-link-focus-border-color: #e17000;
632
- --nl-skip-link-focus-background-color: #fff;
633
- --nl-skip-link-box-block-end-shadow-spread-radius: 0;
634
- --nl-skip-link-box-block-end-shadow-offset-y: 16px;
635
- --nl-skip-link-box-block-end-shadow-offset-x: 0;
636
- --nl-skip-link-box-block-end-shadow-color: #0000001a;
637
- --nl-skip-link-box-block-end-shadow-blur-radius: 48px;
638
- --nl-skip-link-padding-inline-start: 1rem;
639
- --nl-skip-link-padding-inline-end: 1rem;
640
- --nl-skip-link-padding-block-start: 0.75rem;
641
- --nl-skip-link-padding-block-end: 0.75rem;
642
- --nl-skip-link-font-weight: 700;
643
- --nl-skip-link-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
644
- --nl-skip-link-border-width: 2px;
645
- --nl-skip-link-border-color: transparent;
646
608
  --nl-number-badge-padding-inline: 0.5rem;
647
609
  --nl-number-badge-padding-block: 0.125rem;
648
610
  --nl-number-badge-min-inline-size: 24px;
@@ -655,11 +617,9 @@
655
617
  --nl-number-badge-border-radius: 999px;
656
618
  --nl-number-badge-border-color: transparent;
657
619
  --nl-number-badge-background-color: #e17000;
658
- --nl-number-badge-line-height: 125%;
659
- --todo-skip-link-font-weight: 700;
660
620
  --todo-link-list-link-hover-text-decoration: underline;
661
- --todo-accordion-button-line-height: 150%;
662
- --todo-accordion-button-font-weight: 400;
621
+ --todo-accordion-button-line-height: 1.875rem;
622
+ --todo-accordion-button-font-weight: 700;
663
623
  --todo-accordion-button-font-size: 1.25rem;
664
624
  --todo-accordion-button-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
665
625
  --todo-figure-row-gap: 0.5rem;
@@ -984,35 +944,41 @@
984
944
  --utrecht-data-badge-color: #e17000;
985
945
  --utrecht-data-badge-border-radius: 10px;
986
946
  --utrecht-data-badge-background-color: #fbead9;
987
- --utrecht-skip-link-text-decoration: underline;
988
- --utrecht-skip-link-padding-inline-start: 1rem;
989
- --utrecht-skip-link-padding-inline-end: 1rem;
990
- --utrecht-skip-link-padding-block-start: 0.75rem;
991
- --utrecht-skip-link-padding-block-end: 0.75rem;
992
- --utrecht-skip-link-min-inline-size: 48px;
993
- --utrecht-skip-link-min-block-size: 48px;
994
- --utrecht-skip-link-color: #01689b;
995
- --utrecht-skip-link-background-color: #fff;
996
- --utrecht-skip-link-font-size: 1.25rem;
997
- --utrecht-skip-link-text-underline-offset: 0.125rem;
998
- --utrecht-skip-link-border-width: 2px;
999
- --utrecht-skip-link-line-height: 150%;
1000
- --utrecht-skip-link-font-weight: 700;
1001
- --utrecht-skip-link-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
1002
- --utrecht-skip-link-focus-visible-text-decoration: underline;
1003
- --utrecht-skip-link-focus-visible-outline-color: #000;
1004
- --utrecht-skip-link-box-block-end-shadow-spread-radius: 0;
1005
- --utrecht-skip-link-box-block-end-shadow-offset-y: 16px;
1006
- --utrecht-skip-link-box-block-end-shadow-offset-x: 0;
1007
- --utrecht-skip-link-box-block-end-shadow-blur-radius: 48px;
1008
- --utrecht-skip-link-box-block-end-shadow-color: #0000001a;
1009
- --utrecht-skip-link-border-color: transparent;
1010
- --utrecht-skip-link-focus-color: #01689b;
1011
- --utrecht-skip-link-focus-background-color: #fff;
1012
- --utrecht-skip-link-focus-border-style: solid;
1013
- --utrecht-skip-link-focus-border-width: 2px;
1014
- --utrecht-skip-link-focus-border-color: #e17000;
1015
- --utrecht-skip-link-focus-text-decoration: None;
947
+ --utrecht-accordion-section-margin-block-start: 0rem;
948
+ --utrecht-accordion-section-margin-block-end: 0rem;
949
+ --utrecht-accordion-section-border-width: 1px;
950
+ --utrecht-accordion-section-hover-border-color: #94A3B8;
951
+ --utrecht-accordion-section-border-color: #94A3B8;
952
+ --utrecht-accordion-button-focus-visible-color: #0F172A;
953
+ --utrecht-accordion-button-focus-visible-border-width: 1px;
954
+ --utrecht-accordion-button-focus-visible-border-color: transparent;
955
+ --utrecht-accordion-button-focus-visible-background-color: #fbead9;
956
+ --utrecht-accordion-button-hover-color: #0F172A;
957
+ --utrecht-accordion-button-hover-border-color: transparent;
958
+ --utrecht-accordion-button-hover-background-color: #F8FAFC;
959
+ --utrecht-accordion-button-active-color: #0F172A;
960
+ --utrecht-accordion-button-active-border-color: transparent;
961
+ --utrecht-accordion-button-active-background-color: #F1F5F9;
962
+ --utrecht-accordion-button-icon-size: 24px;
963
+ --utrecht-accordion-button-padding-inline-start: 1rem;
964
+ --utrecht-accordion-button-padding-inline-end: 1rem;
965
+ --utrecht-accordion-button-padding-block-start: 0.75rem;
966
+ --utrecht-accordion-button-padding-block-end: 0.75rem;
967
+ --utrecht-accordion-button-gap: 0.5rem;
968
+ --utrecht-accordion-button-color: #0F172A;
969
+ --utrecht-accordion-button-border-width: 1px;
970
+ --utrecht-accordion-button-border-radius: 0px;
971
+ --utrecht-accordion-button-border-color: transparent;
972
+ --utrecht-accordion-button-background-color: #fff;
973
+ --utrecht-accordion-panel-padding-inline-start: 1rem;
974
+ --utrecht-accordion-panel-padding-inline-end: 1rem;
975
+ --utrecht-accordion-panel-padding-block-start: 1rem;
976
+ --utrecht-accordion-panel-padding-block-end: 1.5rem;
977
+ --utrecht-accordion-panel-border-width: 1px;
978
+ --utrecht-accordion-panel-border-color: transparent;
979
+ --utrecht-accordion-row-gap: 0rem;
980
+ --utrecht-accordion-margin-block-start: 0rem;
981
+ --utrecht-accordion-margin-block-end: 0rem;
1016
982
  --utrecht-alert-icon-warning-color: #ffb612;
1017
983
  --utrecht-alert-icon-ok-color: #39870c;
1018
984
  --utrecht-alert-icon-info-color: #007bc7;
@@ -1026,6 +992,7 @@
1026
992
  --utrecht-alert-ok-color: #000;
1027
993
  --utrecht-alert-ok-border-color: transparent;
1028
994
  --utrecht-alert-ok-background-color: #e1eddb;
995
+ --utrecht-alert-message-row-gap: 0rem;
1029
996
  --utrecht-alert-info-color: #000;
1030
997
  --utrecht-alert-info-border-color: transparent;
1031
998
  --utrecht-alert-info-background-color: #d9ebf7;
@@ -1045,52 +1012,6 @@
1045
1012
  --utrecht-alert-border-radius: 5px;
1046
1013
  --utrecht-alert-border-color: transparent;
1047
1014
  --utrecht-alert-background-color: #d9ebf7;
1048
- --utrecht-alert-message-row-gap: 0rem;
1049
- --utrecht-alert-message-line-height: 150%;
1050
- --utrecht-alert-message-column-gap: 0.5rem;
1051
- --utrecht-alert-heading-line-height: 150%;
1052
- --utrecht-alert-heading-font-weight: 700;
1053
- --utrecht-alert-heading-font-size: 1.25rem;
1054
- --utrecht-alert-heading-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
1055
- --utrecht-accordion-section-margin-block-start: 0rem;
1056
- --utrecht-accordion-section-margin-block-end: 0rem;
1057
- --utrecht-accordion-section-border-width: 1px;
1058
- --utrecht-accordion-section-hover-border-color: #94A3B8;
1059
- --utrecht-accordion-section-border-color: #94A3B8;
1060
- --utrecht-accordion-panel-padding-inline-start: 1rem;
1061
- --utrecht-accordion-panel-padding-inline-end: 1rem;
1062
- --utrecht-accordion-panel-padding-block-start: 1rem;
1063
- --utrecht-accordion-panel-padding-block-end: 1.5rem;
1064
- --utrecht-accordion-panel-border-width: 1px;
1065
- --utrecht-accordion-panel-border-color: transparent;
1066
- --utrecht-accordion-row-gap: 0rem;
1067
- --utrecht-accordion-margin-block-start: 0rem;
1068
- --utrecht-accordion-margin-block-end: 0rem;
1069
- --utrecht-accordion-button-focus-visible-color: #0F172A;
1070
- --utrecht-accordion-button-focus-visible-border-width: 1px;
1071
- --utrecht-accordion-button-focus-visible-border-color: transparent;
1072
- --utrecht-accordion-button-focus-visible-background-color: #fbead9;
1073
- --utrecht-accordion-button-hover-color: #0F172A;
1074
- --utrecht-accordion-button-hover-border-color: transparent;
1075
- --utrecht-accordion-button-hover-background-color: #F8FAFC;
1076
- --utrecht-accordion-button-icon-size: 24px;
1077
- --utrecht-accordion-button-padding-inline-start: 1rem;
1078
- --utrecht-accordion-button-padding-inline-end: 1rem;
1079
- --utrecht-accordion-button-padding-block-start: 0.75rem;
1080
- --utrecht-accordion-button-padding-block-end: 0.75rem;
1081
- --utrecht-accordion-button-gap: 0.5rem;
1082
- --utrecht-accordion-button-color: #0F172A;
1083
- --utrecht-accordion-button-border-width: 1px;
1084
- --utrecht-accordion-button-border-radius: 0px;
1085
- --utrecht-accordion-button-border-color: transparent;
1086
- --utrecht-accordion-button-background-color: #fff;
1087
- --utrecht-accordion-button-focus-color: #0F172A;
1088
- --utrecht-accordion-button-focus-border-color: #e17000;
1089
- --utrecht-accordion-button-focus-background-color: #fbead9;
1090
- --utrecht-accordion-button-active-color: #0F172A;
1091
- --utrecht-accordion-button-active-border-color: transparent;
1092
- --utrecht-accordion-button-active-background-color: #F1F5F9;
1093
- --utrecht-accordion-button-active-row-gap: 0;
1094
1015
  --utrecht-blockquote-attribution-font-size: 1.25rem;
1095
1016
  --utrecht-blockquote-attribution-color: #154273;
1096
1017
  --utrecht-blockquote-row-gap: 0.75rem;
@@ -1146,18 +1067,6 @@
1146
1067
  --utrecht-blockquote-border-end-end-radius: 0;
1147
1068
  --utrecht-blockquote-border-block-start-width: 0;
1148
1069
  --utrecht-blockquote-border-block-end-width: 0;
1149
- --utrecht-figure-img-border-start-start-radius: 0;
1150
- --utrecht-figure-img-border-start-end-radius: 0;
1151
- --utrecht-figure-img-border-end-start-radius: 0;
1152
- --utrecht-figure-img-border-end-end-radius: 0;
1153
- --utrecht-figure-caption-line-height: 150%;
1154
- --utrecht-figure-caption-font-size: 1.25rem;
1155
- --utrecht-figure-caption-color: #0F172A;
1156
- --utrecht-figure-caption-padding-inline-start: 1rem;
1157
- --utrecht-figure-caption-padding-block-start: 0.5rem;
1158
- --utrecht-figure-caption-padding-block-end: 0.5rem;
1159
- --utrecht-figure-caption-border-width: 4px;
1160
- --utrecht-figure-caption-border-color: #CBD5E1;
1161
1070
  --utrecht-number-badge-padding-inline: 0.5rem;
1162
1071
  --utrecht-number-badge-padding-block: 0.125rem;
1163
1072
  --utrecht-number-badge-min-inline-size: 24px;
@@ -1170,7 +1079,18 @@
1170
1079
  --utrecht-number-badge-border-radius: 999px;
1171
1080
  --utrecht-number-badge-border-color: transparent;
1172
1081
  --utrecht-number-badge-background-color: #e17000;
1173
- --utrecht-number-badge-line-height: 125%;
1082
+ --utrecht-figure-img-border-start-start-radius: 0;
1083
+ --utrecht-figure-img-border-start-end-radius: 0;
1084
+ --utrecht-figure-img-border-end-start-radius: 0;
1085
+ --utrecht-figure-img-border-end-end-radius: 0;
1086
+ --utrecht-figure-caption-line-height: 150%;
1087
+ --utrecht-figure-caption-font-size: 1.25rem;
1088
+ --utrecht-figure-caption-color: #0F172A;
1089
+ --utrecht-figure-caption-padding-inline-start: 1rem;
1090
+ --utrecht-figure-caption-padding-block-start: 0.5rem;
1091
+ --utrecht-figure-caption-padding-block-end: 0.5rem;
1092
+ --utrecht-figure-caption-border-width: 4px;
1093
+ --utrecht-figure-caption-border-color: #CBD5E1;
1174
1094
  --utrecht-form-label-disabled-color: #94A3B8;
1175
1095
  --utrecht-form-label-checked-font-weight: 400;
1176
1096
  --utrecht-form-label-radio-font-weight: 400;