@rijkshuisstijl-community/design-tokens 4.0.1 → 5.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 +51 -5
  2. package/README.md +2 -2
  3. package/dist/_variables.scss +77 -126
  4. package/dist/index.css +77 -126
  5. package/dist/index.d.ts +76 -125
  6. package/dist/index.js +77 -126
  7. package/dist/index.json +76 -125
  8. package/dist/index.tokens.json +148 -175
  9. package/dist/koop/_variables.scss +50 -145
  10. package/dist/koop/index.css +50 -145
  11. package/dist/koop/index.d.ts +48 -143
  12. package/dist/koop/index.js +50 -145
  13. package/dist/koop/index.json +50 -145
  14. package/dist/koop/index.tokens.json +99 -202
  15. package/dist/koop/root.css +50 -145
  16. package/dist/koop/tokens.d.ts +94 -197
  17. package/dist/koop/tokens.js +1543 -3636
  18. package/dist/root.css +77 -126
  19. package/dist/tokens.d.ts +146 -173
  20. package/dist/tokens.js +6238 -7259
  21. package/dist/uitvoerend-groen/_variables.scss +56 -153
  22. package/dist/uitvoerend-groen/index.css +56 -153
  23. package/dist/uitvoerend-groen/index.d.ts +55 -152
  24. package/dist/uitvoerend-groen/index.js +56 -153
  25. package/dist/uitvoerend-groen/index.json +56 -153
  26. package/dist/uitvoerend-groen/index.tokens.json +103 -212
  27. package/dist/uitvoerend-groen/root.css +56 -153
  28. package/dist/uitvoerend-groen/tokens.d.ts +99 -208
  29. package/dist/uitvoerend-groen/tokens.js +1507 -3650
  30. package/dist/uitvoerend-hemelblauw/_variables.scss +56 -153
  31. package/dist/uitvoerend-hemelblauw/index.css +56 -153
  32. package/dist/uitvoerend-hemelblauw/index.d.ts +55 -152
  33. package/dist/uitvoerend-hemelblauw/index.js +56 -153
  34. package/dist/uitvoerend-hemelblauw/index.json +56 -153
  35. package/dist/uitvoerend-hemelblauw/index.tokens.json +103 -212
  36. package/dist/uitvoerend-hemelblauw/root.css +56 -153
  37. package/dist/uitvoerend-hemelblauw/tokens.d.ts +99 -208
  38. package/dist/uitvoerend-hemelblauw/tokens.js +1507 -3650
  39. package/dist/uitvoerend-mintgroen/_variables.scss +56 -153
  40. package/dist/uitvoerend-mintgroen/index.css +56 -153
  41. package/dist/uitvoerend-mintgroen/index.d.ts +55 -152
  42. package/dist/uitvoerend-mintgroen/index.js +56 -153
  43. package/dist/uitvoerend-mintgroen/index.json +56 -153
  44. package/dist/uitvoerend-mintgroen/index.tokens.json +103 -212
  45. package/dist/uitvoerend-mintgroen/root.css +56 -153
  46. package/dist/uitvoerend-mintgroen/tokens.d.ts +99 -208
  47. package/dist/uitvoerend-mintgroen/tokens.js +1507 -3650
  48. package/dist/uitvoerend-oranje/_variables.scss +56 -153
  49. package/dist/uitvoerend-oranje/index.css +56 -153
  50. package/dist/uitvoerend-oranje/index.d.ts +55 -152
  51. package/dist/uitvoerend-oranje/index.js +56 -153
  52. package/dist/uitvoerend-oranje/index.json +56 -153
  53. package/dist/uitvoerend-oranje/index.tokens.json +103 -212
  54. package/dist/uitvoerend-oranje/root.css +56 -153
  55. package/dist/uitvoerend-oranje/tokens.d.ts +99 -208
  56. package/dist/uitvoerend-oranje/tokens.js +1507 -3650
  57. package/dist/uitvoerend-paars/_variables.scss +56 -153
  58. package/dist/uitvoerend-paars/index.css +56 -153
  59. package/dist/uitvoerend-paars/index.d.ts +55 -152
  60. package/dist/uitvoerend-paars/index.js +56 -153
  61. package/dist/uitvoerend-paars/index.json +56 -153
  62. package/dist/uitvoerend-paars/index.tokens.json +103 -212
  63. package/dist/uitvoerend-paars/root.css +56 -153
  64. package/dist/uitvoerend-paars/tokens.d.ts +99 -208
  65. package/dist/uitvoerend-paars/tokens.js +1507 -3650
  66. package/dist/uitvoerend-violet/_variables.scss +56 -153
  67. package/dist/uitvoerend-violet/index.css +56 -153
  68. package/dist/uitvoerend-violet/index.d.ts +55 -152
  69. package/dist/uitvoerend-violet/index.js +56 -153
  70. package/dist/uitvoerend-violet/index.json +56 -153
  71. package/dist/uitvoerend-violet/index.tokens.json +103 -212
  72. package/dist/uitvoerend-violet/root.css +56 -153
  73. package/dist/uitvoerend-violet/tokens.d.ts +99 -208
  74. package/dist/uitvoerend-violet/tokens.js +1507 -3650
  75. package/dist/uitvoerend-violet-oud/_variables.scss +56 -153
  76. package/dist/uitvoerend-violet-oud/index.css +56 -153
  77. package/dist/uitvoerend-violet-oud/index.d.ts +55 -152
  78. package/dist/uitvoerend-violet-oud/index.js +56 -153
  79. package/dist/uitvoerend-violet-oud/index.json +56 -153
  80. package/dist/uitvoerend-violet-oud/index.tokens.json +103 -212
  81. package/dist/uitvoerend-violet-oud/root.css +56 -153
  82. package/dist/uitvoerend-violet-oud/tokens.d.ts +99 -208
  83. package/dist/uitvoerend-violet-oud/tokens.js +1507 -3650
  84. package/dist/wetgevend/_variables.scss +56 -153
  85. package/dist/wetgevend/index.css +56 -153
  86. package/dist/wetgevend/index.d.ts +55 -152
  87. package/dist/wetgevend/index.js +56 -153
  88. package/dist/wetgevend/index.json +56 -153
  89. package/dist/wetgevend/index.tokens.json +103 -212
  90. package/dist/wetgevend/root.css +56 -153
  91. package/dist/wetgevend/tokens.d.ts +99 -208
  92. package/dist/wetgevend/tokens.js +1507 -3650
  93. package/figma/figma.tokens.json +319 -638
  94. package/package.json +2 -2
  95. package/src/generated/base.tokens.json +473 -661
  96. package/src/generated/koop/tokens.json +235 -637
  97. package/src/generated/themes.json +2161 -5875
  98. package/src/generated/uitvoerend-groen/tokens.json +246 -660
  99. package/src/generated/uitvoerend-hemelblauw/tokens.json +246 -660
  100. package/src/generated/uitvoerend-mintgroen/tokens.json +246 -660
  101. package/src/generated/uitvoerend-oranje/tokens.json +246 -660
  102. package/src/generated/uitvoerend-paars/tokens.json +246 -660
  103. package/src/generated/uitvoerend-violet/tokens.json +246 -660
  104. package/src/generated/uitvoerend-violet-oud/tokens.json +246 -660
  105. package/src/generated/wetgevend/tokens.json +246 -660
@@ -1,7 +1,8 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 28 Jul 2025 08:31:49 GMT
3
+ // Generated on Fri, 22 Aug 2025 10:20:30 GMT
4
4
 
5
+ $figma-link-icon-size: 1.25rem;
5
6
  $rhc-space-700: 3.5rem;
6
7
  $rhc-space-600: 3rem;
7
8
  $rhc-space-500: 2.5rem;
@@ -97,7 +98,6 @@ $rhc-card-as-link-link-text-decoration: underline;
97
98
  $rhc-card-as-link-link-color: #01689b;
98
99
  $rhc-card-as-link-icon-size: 24px;
99
100
  $rhc-card-as-link-icon-color: #a90061;
100
- $rhc-card-as-link-inline-size: 328px;
101
101
  $rhc-card-as-link-column-gap: 1rem;
102
102
  $rhc-card-as-link-color: #0F172A;
103
103
  $rhc-card-as-link-border-width: 1px;
@@ -175,6 +175,7 @@ $rhc-icon-only-button-padding-inline-start: 0.75rem;
175
175
  $rhc-icon-only-button-padding-inline-end: 0.75rem;
176
176
  $rhc-icon-only-button-padding-block-start: 0.75rem;
177
177
  $rhc-icon-only-button-padding-block-end: 0.75rem;
178
+ $rhc-link-column-gap: 0.25rem;
178
179
  $rhc-link-list-card-padding-inline-end: 1.5rem;
179
180
  $rhc-link-list-card-padding-inline-start: 1.5rem;
180
181
  $rhc-link-list-card-row-gap: 1rem;
@@ -501,14 +502,15 @@ $rhc-data-summary-item-value-row-padding-block-start: 0.75rem;
501
502
  $rhc-data-summary-item-value-row-padding-block-end: 0.75rem;
502
503
  $rhc-data-summary-item-value-font-weight: 400;
503
504
  $rhc-data-summary-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
505
+ $rhc-unordered-list-nested-margin-inline-start: 0rem;
504
506
  $rhc-rounded-corner-border-width: 2px;
505
507
  $rhc-rounded-corner-xl-border-radius: 96px;
506
508
  $rhc-rounded-corner-md-border-radius: 48px;
507
509
  $rhc-rounded-corner-xs-border-radius: 24px;
510
+ $rhc-breadcrumb-nav-link-current-color: #334155;
508
511
  $rhc-data-badge-button-hover-color: #fff;
509
512
  $rhc-data-badge-button-hover-background-color: #a90061;
510
513
  $rhc-data-badge-button-column-gap: 0.125rem;
511
- $rhc-link-list-text-decoration: None;
512
514
  $rhc-keep-bottom-left-border-radius-bottom-left: 48px;
513
515
  $rhc-keep-bottom-left-border-radius-bottom-right: 0;
514
516
  $rhc-keep-bottom-left-border-radius-top-right: 0;
@@ -585,44 +587,30 @@ $nl-heading-level-1-font-weight: 700;
585
587
  $nl-heading-level-1-font-size: 3.125rem;
586
588
  $nl-heading-level-1-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
587
589
  $nl-heading-level-1-color: #154273;
588
- $nl-paragraph-margin-block-start: 0rem;
589
- $nl-paragraph-margin-block-end: 0rem;
590
- $nl-paragraph-line-height: 150%;
591
- $nl-paragraph-font-weight: 400;
592
- $nl-paragraph-font-size: 1.25rem;
593
- $nl-paragraph-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
594
- $nl-paragraph-color: #0F172A;
595
- $nl-paragraph-lead-margin-block-start: 0rem;
596
- $nl-paragraph-lead-margin-block-end: 0rem;
597
- $nl-paragraph-lead-line-height: 150%;
598
- $nl-paragraph-lead-font-weight: 400;
599
- $nl-paragraph-lead-font-size: 1.5rem;
600
- $nl-paragraph-lead-color: #0F172A;
601
590
  $nl-link-hover-color: #01496c;
602
591
  $nl-link-hover-text-decoration-thickness: auto;
603
592
  $nl-link-hover-text-decoration-line: underline;
604
593
  $nl-link-disabled-cursor: disabled;
605
594
  $nl-link-disabled-color: #334155;
595
+ $nl-link-active-color: #1a4972;
606
596
  $nl-link-current-cursor: default;
607
597
  $nl-link-text-underline-offset: 0.125rem;
608
598
  $nl-link-text-decoration-thickness: 0.0625em;
609
599
  $nl-link-text-decoration-line: underline;
610
600
  $nl-link-text-decoration-color: inherit;
611
601
  $nl-link-color: #01689b;
612
- $nl-link-visited-color: #01689b;
613
- $nl-link-focus-text-decoration-thickness: auto;
614
- $nl-link-focus-text-decoration: None;
615
- $nl-link-focus-color: #01689b;
616
- $nl-link-focus-background-color: transparent;
617
- $nl-link-active-color: #1a4972;
618
- $nl-link-active-text-decoration: None;
619
- $nl-link-icon-size: 24px;
620
- $nl-link-icon-inset-block-start: 0.25rem;
621
- $nl-link-line-height: 150%;
622
- $nl-link-font-weight: 400;
623
- $nl-link-font-size: 1.25rem;
624
- $nl-link-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
625
- $nl-link-column-gap: 0.25rem;
602
+ $nl-paragraph-lead-margin-block-start: 0rem;
603
+ $nl-paragraph-lead-margin-block-end: 0rem;
604
+ $nl-paragraph-lead-line-height: 150%;
605
+ $nl-paragraph-lead-font-weight: 400;
606
+ $nl-paragraph-lead-font-size: 1.5rem;
607
+ $nl-paragraph-margin-block-start: 0rem;
608
+ $nl-paragraph-margin-block-end: 0rem;
609
+ $nl-paragraph-line-height: 150%;
610
+ $nl-paragraph-font-weight: 400;
611
+ $nl-paragraph-font-size: 1.25rem;
612
+ $nl-paragraph-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
613
+ $nl-paragraph-color: #0F172A;
626
614
  $nl-skip-link-font-size: 1.25rem;
627
615
  $nl-skip-link-line-height: 150%;
628
616
  $nl-skip-link-text-underline-offset: 0.125rem;
@@ -756,63 +744,22 @@ $utrecht-page-footer-padding-block-end: 3rem;
756
744
  $utrecht-page-footer-padding-block-start: 3rem;
757
745
  $utrecht-page-footer-color: #fff;
758
746
  $utrecht-page-footer-background-color: #a90061;
759
- $utrecht-heading-6-margin-block-start: 0rem;
760
- $utrecht-heading-6-margin-block-end: 0rem;
761
- $utrecht-heading-6-line-height: 150%;
762
- $utrecht-heading-6-font-weight: 700;
763
- $utrecht-heading-6-font-size: 1.25rem;
764
- $utrecht-heading-6-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
765
- $utrecht-heading-6-color: #154273;
766
- $utrecht-heading-5-margin-block-start: 0rem;
767
- $utrecht-heading-5-margin-block-end: 0rem;
768
- $utrecht-heading-5-line-height: 150%;
769
- $utrecht-heading-5-font-weight: 700;
770
- $utrecht-heading-5-font-size: 1.25rem;
771
- $utrecht-heading-5-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
772
- $utrecht-heading-5-color: #154273;
773
- $utrecht-heading-4-margin-block-start: 0rem;
774
- $utrecht-heading-4-margin-block-end: 0rem;
775
- $utrecht-heading-4-line-height: 150%;
776
- $utrecht-heading-4-font-weight: 700;
777
- $utrecht-heading-4-font-size: 1.5rem;
778
- $utrecht-heading-4-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
779
- $utrecht-heading-4-color: #154273;
780
- $utrecht-heading-3-margin-block-start: 0rem;
781
- $utrecht-heading-3-margin-block-end: 0rem;
782
- $utrecht-heading-3-line-height: 125%;
783
- $utrecht-heading-3-font-weight: 700;
784
- $utrecht-heading-3-font-size: 1.875rem;
785
- $utrecht-heading-3-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
786
- $utrecht-heading-3-color: #154273;
787
- $utrecht-heading-2-margin-block-start: 0rem;
788
- $utrecht-heading-2-margin-block-end: 0rem;
789
- $utrecht-heading-2-line-height: 125%;
790
- $utrecht-heading-2-font-weight: 700;
791
- $utrecht-heading-2-font-size: 2.5rem;
792
- $utrecht-heading-2-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
793
- $utrecht-heading-2-color: #154273;
794
- $utrecht-heading-1-margin-block-start: 0rem;
795
- $utrecht-heading-1-margin-block-end: 0rem;
796
- $utrecht-heading-1-line-height: 125%;
797
- $utrecht-heading-1-font-weight: 700;
798
- $utrecht-heading-1-font-size: 3.125rem;
799
- $utrecht-heading-1-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
800
- $utrecht-heading-1-color: #154273;
801
- $utrecht-paragraph-margin-block-start: 0rem;
802
- $utrecht-paragraph-margin-block-end: 0rem;
803
- $utrecht-paragraph-small-line-height: 150%;
804
- $utrecht-paragraph-small-font-weight: 400;
805
- $utrecht-paragraph-small-color: #0F172A;
806
- $utrecht-paragraph-small-font-size: 1.5rem;
807
- $utrecht-paragraph-lead-line-height: 150%;
808
- $utrecht-paragraph-lead-font-weight: 400;
809
- $utrecht-paragraph-lead-font-size: 1.5rem;
810
- $utrecht-paragraph-lead-color: #0F172A;
811
- $utrecht-paragraph-line-height: 150%;
812
- $utrecht-paragraph-font-weight: 400;
813
- $utrecht-paragraph-font-size: 1.25rem;
814
- $utrecht-paragraph-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
815
- $utrecht-paragraph-color: #0F172A;
747
+ $utrecht-link-visited-color: #01689b;
748
+ $utrecht-link-focus-visible-text-decoration-thickness: 0.0625em;
749
+ $utrecht-link-focus-visible-text-decoration: None;
750
+ $utrecht-link-focus-color: #01689b;
751
+ $utrecht-link-focus-background-color: transparent;
752
+ $utrecht-link-hover-text-decoration-thickness: 0.1875em;
753
+ $utrecht-link-hover-text-decoration: underline;
754
+ $utrecht-link-hover-color: #15496a;
755
+ $utrecht-link-active-color: #163f5b;
756
+ $utrecht-link-icon-size: 24px;
757
+ $utrecht-link-text-underline-offset: 0.125rem;
758
+ $utrecht-link-text-decoration-thickness: 0.0625em;
759
+ $utrecht-link-text-decoration: underline;
760
+ $utrecht-link-column-gap: 0.25rem;
761
+ $utrecht-link-text-decoration-color: inherit;
762
+ $utrecht-link-color: #01689b;
816
763
  $utrecht-pre-heading-font-size: 1rem;
817
764
  $utrecht-pre-heading-line-height: 125%;
818
765
  $utrecht-pre-heading-font-weight: 700;
@@ -878,15 +825,12 @@ $utrecht-column-layout-column-rule-color: transparent;
878
825
  $utrecht-ordered-list-item-padding-inline-start: 0.5rem;
879
826
  $utrecht-ordered-list-item-margin-block-start: 0.25rem;
880
827
  $utrecht-ordered-list-item-margin-block-end: 0.25rem;
881
- $utrecht-ordered-list-padding-inline-start: 1.5rem;
828
+ $utrecht-ordered-list-padding-inline-start: 2rem;
882
829
  $utrecht-ordered-list-margin-block-start: 0.25rem;
883
830
  $utrecht-ordered-list-margin-block-end: 0.25rem;
884
831
  $utrecht-ordered-list-line-height: 150%;
885
832
  $utrecht-ordered-list-font-size: 1.25rem;
886
- $utrecht-ordered-list-margin-inline-start: 0.625rem;
887
- $utrecht-ordered-list-font-weight: 400;
888
- $utrecht-ordered-list-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
889
- $utrecht-ordered-list-color: #0F172A;
833
+ $utrecht-unordered-list-marker-color: #0F172A;
890
834
  $utrecht-unordered-list-item-padding-inline-start: 0.5rem;
891
835
  $utrecht-unordered-list-item-margin-block-start: 0.25rem;
892
836
  $utrecht-unordered-list-item-margin-block-end: 0.25rem;
@@ -895,17 +839,32 @@ $utrecht-unordered-list-margin-block-start: 0.25rem;
895
839
  $utrecht-unordered-list-margin-block-end: 0.25rem;
896
840
  $utrecht-unordered-list-line-height: 150%;
897
841
  $utrecht-unordered-list-font-size: 1.25rem;
898
- $utrecht-unordered-list-font-weight: 400;
899
- $utrecht-unordered-list-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
900
- $utrecht-unordered-list-marker-color: #0F172A;
901
- $utrecht-unordered-list-marker-border-color: #0F172A;
902
- $utrecht-unordered-list-color: #0F172A;
903
842
  $utrecht-action-submit-cursor: pointer;
904
843
  $utrecht-action-navigate-cursor: pointer;
905
844
  $utrecht-action-inert-cursor: default;
906
845
  $utrecht-action-disabled-cursor: not-allowed;
907
846
  $utrecht-action-busy-cursor: wait;
908
847
  $utrecht-action-activate-cursor: pointer;
848
+ $utrecht-link-list-font-weight: 400;
849
+ $utrecht-link-list-link-text-decoration: None;
850
+ $utrecht-link-list-link-column-gap: 0.5rem;
851
+ $utrecht-link-list-icon-size: 24px;
852
+ $utrecht-link-list-icon-inset-block-start: 0.188rem;
853
+ $utrecht-link-list-row-gap: 0.5rem;
854
+ $utrecht-link-list-margin-block-start: 0rem;
855
+ $utrecht-link-list-margin-block-end: 0rem;
856
+ $utrecht-breadcrumb-nav-link-icon-size: 24px;
857
+ $utrecht-breadcrumb-nav-link-hover-color: #01496c;
858
+ $utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
859
+ $utrecht-breadcrumb-nav-link-focus-text-decoration: None;
860
+ $utrecht-breadcrumb-nav-link-focus-color: #01689b;
861
+ $utrecht-breadcrumb-nav-link-focus-background-color: transparent;
862
+ $utrecht-breadcrumb-nav-link-disabled-color: #334155;
863
+ $utrecht-breadcrumb-nav-link-active-text-decoration: underline;
864
+ $utrecht-breadcrumb-nav-link-active-color: #163f5b;
865
+ $utrecht-breadcrumb-nav-link-current-font-weight: 400;
866
+ $utrecht-breadcrumb-nav-link-text-decoration: underline;
867
+ $utrecht-breadcrumb-nav-link-color: #01689b;
909
868
  $utrecht-breadcrumb-nav-separator-icon-size: 24px;
910
869
  $utrecht-breadcrumb-nav-separator-color: #334155;
911
870
  $utrecht-breadcrumb-nav-item-first-padding-inline-start: 0rem;
@@ -917,28 +876,6 @@ $utrecht-breadcrumb-nav-min-block-size: 48px;
917
876
  $utrecht-breadcrumb-nav-line-height: 150%;
918
877
  $utrecht-breadcrumb-nav-font-size: 1.25rem;
919
878
  $utrecht-breadcrumb-nav-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
920
- $utrecht-breadcrumb-nav-link-hover-color: #01496c;
921
- $utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
922
- $utrecht-breadcrumb-nav-link-focus-text-decoration: None;
923
- $utrecht-breadcrumb-nav-link-focus-color: #01689b;
924
- $utrecht-breadcrumb-nav-link-focus-background-color: transparent;
925
- $utrecht-breadcrumb-nav-link-disabled-color: #334155;
926
- $utrecht-breadcrumb-nav-link-active-text-decoration: underline;
927
- $utrecht-breadcrumb-nav-link-active-color: #163f5b;
928
- $utrecht-breadcrumb-nav-link-text-decoration: underline;
929
- $utrecht-breadcrumb-nav-link-color: #01689b;
930
- $utrecht-breadcrumb-nav-link-icon-size: 24px;
931
- $utrecht-breadcrumb-nav-link-icon-margin-inline: 0.25rem;
932
- $utrecht-breadcrumb-nav-link-icon-inset-block-start: 0;
933
- $utrecht-breadcrumb-nav-link-current-font-weight: 400;
934
- $utrecht-breadcrumb-nav-link-current-color: #334155;
935
- $utrecht-breadcrumb-nav-link-padding-inline-start: 0rem;
936
- $utrecht-breadcrumb-nav-link-padding-inline-end: 0rem;
937
- $utrecht-breadcrumb-nav-link-padding-block-start: 0.75rem;
938
- $utrecht-breadcrumb-nav-link-padding-block-end: 0.75rem;
939
- $utrecht-breadcrumb-nav-divider-size: 24px;
940
- $utrecht-breadcrumb-nav-divider-inset-block-start: 0;
941
- $utrecht-breadcrumb-nav-divider-color: #334155;
942
879
  $utrecht-button-group-row-gap: 0.5rem;
943
880
  $utrecht-button-group-padding-block-start: 0px;
944
881
  $utrecht-button-group-padding-block-end: 0px;
@@ -1046,40 +983,6 @@ $utrecht-data-badge-padding-block: 0.125rem;
1046
983
  $utrecht-data-badge-color: #a90061;
1047
984
  $utrecht-data-badge-border-radius: 10px;
1048
985
  $utrecht-data-badge-background-color: #f2d9e7;
1049
- $utrecht-link-visited-color: #01689b;
1050
- $utrecht-link-focus-visible-text-decoration-thickness: 0.0625em;
1051
- $utrecht-link-focus-visible-text-decoration: None;
1052
- $utrecht-link-hover-text-decoration-thickness: 0.1875em;
1053
- $utrecht-link-hover-text-decoration: underline;
1054
- $utrecht-link-hover-color: #15496a;
1055
- $utrecht-link-text-underline-offset: 0.125rem;
1056
- $utrecht-link-text-decoration-thickness: 0.0625em;
1057
- $utrecht-link-text-decoration: underline;
1058
- $utrecht-link-column-gap: 0.25rem;
1059
- $utrecht-link-text-decoration-color: inherit;
1060
- $utrecht-link-color: #01689b;
1061
- $utrecht-link-icon-size: 24px;
1062
- $utrecht-link-icon-inset-block-start: 0.25rem;
1063
- $utrecht-link-focus-color: #01689b;
1064
- $utrecht-link-focus-background-color: transparent;
1065
- $utrecht-link-focus-text-decoration-thickness: auto;
1066
- $utrecht-link-focus-text-decoration: None;
1067
- $utrecht-link-active-color: #163f5b;
1068
- $utrecht-link-active-text-decoration: None;
1069
- $utrecht-link-font-size: 1.25rem;
1070
- $utrecht-link-line-height: 150%;
1071
- $utrecht-link-font-weight: 400;
1072
- $utrecht-link-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
1073
- $utrecht-link-list-font-weight: 400;
1074
- $utrecht-link-list-link-text-decoration: None;
1075
- $utrecht-link-list-link-column-gap: 0.5rem;
1076
- $utrecht-link-list-icon-size: 24px;
1077
- $utrecht-link-list-icon-inset-block-start: 0.188rem;
1078
- $utrecht-link-list-row-gap: 0.5rem;
1079
- $utrecht-link-list-margin-block-start: 0rem;
1080
- $utrecht-link-list-margin-block-end: 0rem;
1081
- $utrecht-link-list-item-column-gap: 0.5rem;
1082
- $utrecht-link-list-item-text-decoration: None;
1083
986
  $utrecht-skip-link-text-decoration: underline;
1084
987
  $utrecht-skip-link-padding-inline-start: 1rem;
1085
988
  $utrecht-skip-link-padding-inline-end: 1rem;
@@ -1,9 +1,10 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
3
+ * Generated on Fri, 22 Aug 2025 10:20:30 GMT
4
4
  */
5
5
 
6
6
  .uitvoerend-violet-oud {
7
+ --figma-link-icon-size: 1.25rem;
7
8
  --rhc-space-700: 3.5rem;
8
9
  --rhc-space-600: 3rem;
9
10
  --rhc-space-500: 2.5rem;
@@ -99,7 +100,6 @@
99
100
  --rhc-card-as-link-link-color: #01689b;
100
101
  --rhc-card-as-link-icon-size: 24px;
101
102
  --rhc-card-as-link-icon-color: #a90061;
102
- --rhc-card-as-link-inline-size: 328px;
103
103
  --rhc-card-as-link-column-gap: 1rem;
104
104
  --rhc-card-as-link-color: #0F172A;
105
105
  --rhc-card-as-link-border-width: 1px;
@@ -177,6 +177,7 @@
177
177
  --rhc-icon-only-button-padding-inline-end: 0.75rem;
178
178
  --rhc-icon-only-button-padding-block-start: 0.75rem;
179
179
  --rhc-icon-only-button-padding-block-end: 0.75rem;
180
+ --rhc-link-column-gap: 0.25rem;
180
181
  --rhc-link-list-card-padding-inline-end: 1.5rem;
181
182
  --rhc-link-list-card-padding-inline-start: 1.5rem;
182
183
  --rhc-link-list-card-row-gap: 1rem;
@@ -503,14 +504,15 @@
503
504
  --rhc-data-summary-item-value-row-padding-block-end: 0.75rem;
504
505
  --rhc-data-summary-item-value-font-weight: 400;
505
506
  --rhc-data-summary-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
507
+ --rhc-unordered-list-nested-margin-inline-start: 0rem;
506
508
  --rhc-rounded-corner-border-width: 2px;
507
509
  --rhc-rounded-corner-xl-border-radius: 96px;
508
510
  --rhc-rounded-corner-md-border-radius: 48px;
509
511
  --rhc-rounded-corner-xs-border-radius: 24px;
512
+ --rhc-breadcrumb-nav-link-current-color: #334155;
510
513
  --rhc-data-badge-button-hover-color: #fff;
511
514
  --rhc-data-badge-button-hover-background-color: #a90061;
512
515
  --rhc-data-badge-button-column-gap: 0.125rem;
513
- --rhc-link-list-text-decoration: None;
514
516
  --rhc-keep-bottom-left-border-radius-bottom-left: 48px;
515
517
  --rhc-keep-bottom-left-border-radius-bottom-right: 0;
516
518
  --rhc-keep-bottom-left-border-radius-top-right: 0;
@@ -587,44 +589,30 @@
587
589
  --nl-heading-level-1-font-size: 3.125rem;
588
590
  --nl-heading-level-1-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
589
591
  --nl-heading-level-1-color: #154273;
590
- --nl-paragraph-margin-block-start: 0rem;
591
- --nl-paragraph-margin-block-end: 0rem;
592
- --nl-paragraph-line-height: 150%;
593
- --nl-paragraph-font-weight: 400;
594
- --nl-paragraph-font-size: 1.25rem;
595
- --nl-paragraph-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
596
- --nl-paragraph-color: #0F172A;
597
- --nl-paragraph-lead-margin-block-start: 0rem;
598
- --nl-paragraph-lead-margin-block-end: 0rem;
599
- --nl-paragraph-lead-line-height: 150%;
600
- --nl-paragraph-lead-font-weight: 400;
601
- --nl-paragraph-lead-font-size: 1.5rem;
602
- --nl-paragraph-lead-color: #0F172A;
603
592
  --nl-link-hover-color: #01496c;
604
593
  --nl-link-hover-text-decoration-thickness: auto;
605
594
  --nl-link-hover-text-decoration-line: underline;
606
595
  --nl-link-disabled-cursor: disabled;
607
596
  --nl-link-disabled-color: #334155;
597
+ --nl-link-active-color: #1a4972;
608
598
  --nl-link-current-cursor: default;
609
599
  --nl-link-text-underline-offset: 0.125rem;
610
600
  --nl-link-text-decoration-thickness: 0.0625em;
611
601
  --nl-link-text-decoration-line: underline;
612
602
  --nl-link-text-decoration-color: inherit;
613
603
  --nl-link-color: #01689b;
614
- --nl-link-visited-color: #01689b;
615
- --nl-link-focus-text-decoration-thickness: auto;
616
- --nl-link-focus-text-decoration: None;
617
- --nl-link-focus-color: #01689b;
618
- --nl-link-focus-background-color: transparent;
619
- --nl-link-active-color: #1a4972;
620
- --nl-link-active-text-decoration: None;
621
- --nl-link-icon-size: 24px;
622
- --nl-link-icon-inset-block-start: 0.25rem;
623
- --nl-link-line-height: 150%;
624
- --nl-link-font-weight: 400;
625
- --nl-link-font-size: 1.25rem;
626
- --nl-link-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
627
- --nl-link-column-gap: 0.25rem;
604
+ --nl-paragraph-lead-margin-block-start: 0rem;
605
+ --nl-paragraph-lead-margin-block-end: 0rem;
606
+ --nl-paragraph-lead-line-height: 150%;
607
+ --nl-paragraph-lead-font-weight: 400;
608
+ --nl-paragraph-lead-font-size: 1.5rem;
609
+ --nl-paragraph-margin-block-start: 0rem;
610
+ --nl-paragraph-margin-block-end: 0rem;
611
+ --nl-paragraph-line-height: 150%;
612
+ --nl-paragraph-font-weight: 400;
613
+ --nl-paragraph-font-size: 1.25rem;
614
+ --nl-paragraph-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
615
+ --nl-paragraph-color: #0F172A;
628
616
  --nl-skip-link-font-size: 1.25rem;
629
617
  --nl-skip-link-line-height: 150%;
630
618
  --nl-skip-link-text-underline-offset: 0.125rem;
@@ -758,63 +746,22 @@
758
746
  --utrecht-page-footer-padding-block-start: 3rem;
759
747
  --utrecht-page-footer-color: #fff;
760
748
  --utrecht-page-footer-background-color: #a90061;
761
- --utrecht-heading-6-margin-block-start: 0rem;
762
- --utrecht-heading-6-margin-block-end: 0rem;
763
- --utrecht-heading-6-line-height: 150%;
764
- --utrecht-heading-6-font-weight: 700;
765
- --utrecht-heading-6-font-size: 1.25rem;
766
- --utrecht-heading-6-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
767
- --utrecht-heading-6-color: #154273;
768
- --utrecht-heading-5-margin-block-start: 0rem;
769
- --utrecht-heading-5-margin-block-end: 0rem;
770
- --utrecht-heading-5-line-height: 150%;
771
- --utrecht-heading-5-font-weight: 700;
772
- --utrecht-heading-5-font-size: 1.25rem;
773
- --utrecht-heading-5-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
774
- --utrecht-heading-5-color: #154273;
775
- --utrecht-heading-4-margin-block-start: 0rem;
776
- --utrecht-heading-4-margin-block-end: 0rem;
777
- --utrecht-heading-4-line-height: 150%;
778
- --utrecht-heading-4-font-weight: 700;
779
- --utrecht-heading-4-font-size: 1.5rem;
780
- --utrecht-heading-4-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
781
- --utrecht-heading-4-color: #154273;
782
- --utrecht-heading-3-margin-block-start: 0rem;
783
- --utrecht-heading-3-margin-block-end: 0rem;
784
- --utrecht-heading-3-line-height: 125%;
785
- --utrecht-heading-3-font-weight: 700;
786
- --utrecht-heading-3-font-size: 1.875rem;
787
- --utrecht-heading-3-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
788
- --utrecht-heading-3-color: #154273;
789
- --utrecht-heading-2-margin-block-start: 0rem;
790
- --utrecht-heading-2-margin-block-end: 0rem;
791
- --utrecht-heading-2-line-height: 125%;
792
- --utrecht-heading-2-font-weight: 700;
793
- --utrecht-heading-2-font-size: 2.5rem;
794
- --utrecht-heading-2-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
795
- --utrecht-heading-2-color: #154273;
796
- --utrecht-heading-1-margin-block-start: 0rem;
797
- --utrecht-heading-1-margin-block-end: 0rem;
798
- --utrecht-heading-1-line-height: 125%;
799
- --utrecht-heading-1-font-weight: 700;
800
- --utrecht-heading-1-font-size: 3.125rem;
801
- --utrecht-heading-1-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
802
- --utrecht-heading-1-color: #154273;
803
- --utrecht-paragraph-margin-block-start: 0rem;
804
- --utrecht-paragraph-margin-block-end: 0rem;
805
- --utrecht-paragraph-small-line-height: 150%;
806
- --utrecht-paragraph-small-font-weight: 400;
807
- --utrecht-paragraph-small-color: #0F172A;
808
- --utrecht-paragraph-small-font-size: 1.5rem;
809
- --utrecht-paragraph-lead-line-height: 150%;
810
- --utrecht-paragraph-lead-font-weight: 400;
811
- --utrecht-paragraph-lead-font-size: 1.5rem;
812
- --utrecht-paragraph-lead-color: #0F172A;
813
- --utrecht-paragraph-line-height: 150%;
814
- --utrecht-paragraph-font-weight: 400;
815
- --utrecht-paragraph-font-size: 1.25rem;
816
- --utrecht-paragraph-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
817
- --utrecht-paragraph-color: #0F172A;
749
+ --utrecht-link-visited-color: #01689b;
750
+ --utrecht-link-focus-visible-text-decoration-thickness: 0.0625em;
751
+ --utrecht-link-focus-visible-text-decoration: None;
752
+ --utrecht-link-focus-color: #01689b;
753
+ --utrecht-link-focus-background-color: transparent;
754
+ --utrecht-link-hover-text-decoration-thickness: 0.1875em;
755
+ --utrecht-link-hover-text-decoration: underline;
756
+ --utrecht-link-hover-color: #15496a;
757
+ --utrecht-link-active-color: #163f5b;
758
+ --utrecht-link-icon-size: 24px;
759
+ --utrecht-link-text-underline-offset: 0.125rem;
760
+ --utrecht-link-text-decoration-thickness: 0.0625em;
761
+ --utrecht-link-text-decoration: underline;
762
+ --utrecht-link-column-gap: 0.25rem;
763
+ --utrecht-link-text-decoration-color: inherit;
764
+ --utrecht-link-color: #01689b;
818
765
  --utrecht-pre-heading-font-size: 1rem;
819
766
  --utrecht-pre-heading-line-height: 125%;
820
767
  --utrecht-pre-heading-font-weight: 700;
@@ -880,15 +827,12 @@
880
827
  --utrecht-ordered-list-item-padding-inline-start: 0.5rem;
881
828
  --utrecht-ordered-list-item-margin-block-start: 0.25rem;
882
829
  --utrecht-ordered-list-item-margin-block-end: 0.25rem;
883
- --utrecht-ordered-list-padding-inline-start: 1.5rem;
830
+ --utrecht-ordered-list-padding-inline-start: 2rem;
884
831
  --utrecht-ordered-list-margin-block-start: 0.25rem;
885
832
  --utrecht-ordered-list-margin-block-end: 0.25rem;
886
833
  --utrecht-ordered-list-line-height: 150%;
887
834
  --utrecht-ordered-list-font-size: 1.25rem;
888
- --utrecht-ordered-list-margin-inline-start: 0.625rem;
889
- --utrecht-ordered-list-font-weight: 400;
890
- --utrecht-ordered-list-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
891
- --utrecht-ordered-list-color: #0F172A;
835
+ --utrecht-unordered-list-marker-color: #0F172A;
892
836
  --utrecht-unordered-list-item-padding-inline-start: 0.5rem;
893
837
  --utrecht-unordered-list-item-margin-block-start: 0.25rem;
894
838
  --utrecht-unordered-list-item-margin-block-end: 0.25rem;
@@ -897,17 +841,32 @@
897
841
  --utrecht-unordered-list-margin-block-end: 0.25rem;
898
842
  --utrecht-unordered-list-line-height: 150%;
899
843
  --utrecht-unordered-list-font-size: 1.25rem;
900
- --utrecht-unordered-list-font-weight: 400;
901
- --utrecht-unordered-list-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
902
- --utrecht-unordered-list-marker-color: #0F172A;
903
- --utrecht-unordered-list-marker-border-color: #0F172A;
904
- --utrecht-unordered-list-color: #0F172A;
905
844
  --utrecht-action-submit-cursor: pointer;
906
845
  --utrecht-action-navigate-cursor: pointer;
907
846
  --utrecht-action-inert-cursor: default;
908
847
  --utrecht-action-disabled-cursor: not-allowed;
909
848
  --utrecht-action-busy-cursor: wait;
910
849
  --utrecht-action-activate-cursor: pointer;
850
+ --utrecht-link-list-font-weight: 400;
851
+ --utrecht-link-list-link-text-decoration: None;
852
+ --utrecht-link-list-link-column-gap: 0.5rem;
853
+ --utrecht-link-list-icon-size: 24px;
854
+ --utrecht-link-list-icon-inset-block-start: 0.188rem;
855
+ --utrecht-link-list-row-gap: 0.5rem;
856
+ --utrecht-link-list-margin-block-start: 0rem;
857
+ --utrecht-link-list-margin-block-end: 0rem;
858
+ --utrecht-breadcrumb-nav-link-icon-size: 24px;
859
+ --utrecht-breadcrumb-nav-link-hover-color: #01496c;
860
+ --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
861
+ --utrecht-breadcrumb-nav-link-focus-text-decoration: None;
862
+ --utrecht-breadcrumb-nav-link-focus-color: #01689b;
863
+ --utrecht-breadcrumb-nav-link-focus-background-color: transparent;
864
+ --utrecht-breadcrumb-nav-link-disabled-color: #334155;
865
+ --utrecht-breadcrumb-nav-link-active-text-decoration: underline;
866
+ --utrecht-breadcrumb-nav-link-active-color: #163f5b;
867
+ --utrecht-breadcrumb-nav-link-current-font-weight: 400;
868
+ --utrecht-breadcrumb-nav-link-text-decoration: underline;
869
+ --utrecht-breadcrumb-nav-link-color: #01689b;
911
870
  --utrecht-breadcrumb-nav-separator-icon-size: 24px;
912
871
  --utrecht-breadcrumb-nav-separator-color: #334155;
913
872
  --utrecht-breadcrumb-nav-item-first-padding-inline-start: 0rem;
@@ -919,28 +878,6 @@
919
878
  --utrecht-breadcrumb-nav-line-height: 150%;
920
879
  --utrecht-breadcrumb-nav-font-size: 1.25rem;
921
880
  --utrecht-breadcrumb-nav-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
922
- --utrecht-breadcrumb-nav-link-hover-color: #01496c;
923
- --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
924
- --utrecht-breadcrumb-nav-link-focus-text-decoration: None;
925
- --utrecht-breadcrumb-nav-link-focus-color: #01689b;
926
- --utrecht-breadcrumb-nav-link-focus-background-color: transparent;
927
- --utrecht-breadcrumb-nav-link-disabled-color: #334155;
928
- --utrecht-breadcrumb-nav-link-active-text-decoration: underline;
929
- --utrecht-breadcrumb-nav-link-active-color: #163f5b;
930
- --utrecht-breadcrumb-nav-link-text-decoration: underline;
931
- --utrecht-breadcrumb-nav-link-color: #01689b;
932
- --utrecht-breadcrumb-nav-link-icon-size: 24px;
933
- --utrecht-breadcrumb-nav-link-icon-margin-inline: 0.25rem;
934
- --utrecht-breadcrumb-nav-link-icon-inset-block-start: 0;
935
- --utrecht-breadcrumb-nav-link-current-font-weight: 400;
936
- --utrecht-breadcrumb-nav-link-current-color: #334155;
937
- --utrecht-breadcrumb-nav-link-padding-inline-start: 0rem;
938
- --utrecht-breadcrumb-nav-link-padding-inline-end: 0rem;
939
- --utrecht-breadcrumb-nav-link-padding-block-start: 0.75rem;
940
- --utrecht-breadcrumb-nav-link-padding-block-end: 0.75rem;
941
- --utrecht-breadcrumb-nav-divider-size: 24px;
942
- --utrecht-breadcrumb-nav-divider-inset-block-start: 0;
943
- --utrecht-breadcrumb-nav-divider-color: #334155;
944
881
  --utrecht-button-group-row-gap: 0.5rem;
945
882
  --utrecht-button-group-padding-block-start: 0px;
946
883
  --utrecht-button-group-padding-block-end: 0px;
@@ -1048,40 +985,6 @@
1048
985
  --utrecht-data-badge-color: #a90061;
1049
986
  --utrecht-data-badge-border-radius: 10px;
1050
987
  --utrecht-data-badge-background-color: #f2d9e7;
1051
- --utrecht-link-visited-color: #01689b;
1052
- --utrecht-link-focus-visible-text-decoration-thickness: 0.0625em;
1053
- --utrecht-link-focus-visible-text-decoration: None;
1054
- --utrecht-link-hover-text-decoration-thickness: 0.1875em;
1055
- --utrecht-link-hover-text-decoration: underline;
1056
- --utrecht-link-hover-color: #15496a;
1057
- --utrecht-link-text-underline-offset: 0.125rem;
1058
- --utrecht-link-text-decoration-thickness: 0.0625em;
1059
- --utrecht-link-text-decoration: underline;
1060
- --utrecht-link-column-gap: 0.25rem;
1061
- --utrecht-link-text-decoration-color: inherit;
1062
- --utrecht-link-color: #01689b;
1063
- --utrecht-link-icon-size: 24px;
1064
- --utrecht-link-icon-inset-block-start: 0.25rem;
1065
- --utrecht-link-focus-color: #01689b;
1066
- --utrecht-link-focus-background-color: transparent;
1067
- --utrecht-link-focus-text-decoration-thickness: auto;
1068
- --utrecht-link-focus-text-decoration: None;
1069
- --utrecht-link-active-color: #163f5b;
1070
- --utrecht-link-active-text-decoration: None;
1071
- --utrecht-link-font-size: 1.25rem;
1072
- --utrecht-link-line-height: 150%;
1073
- --utrecht-link-font-weight: 400;
1074
- --utrecht-link-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
1075
- --utrecht-link-list-font-weight: 400;
1076
- --utrecht-link-list-link-text-decoration: None;
1077
- --utrecht-link-list-link-column-gap: 0.5rem;
1078
- --utrecht-link-list-icon-size: 24px;
1079
- --utrecht-link-list-icon-inset-block-start: 0.188rem;
1080
- --utrecht-link-list-row-gap: 0.5rem;
1081
- --utrecht-link-list-margin-block-start: 0rem;
1082
- --utrecht-link-list-margin-block-end: 0rem;
1083
- --utrecht-link-list-item-column-gap: 0.5rem;
1084
- --utrecht-link-list-item-text-decoration: None;
1085
988
  --utrecht-skip-link-text-decoration: underline;
1086
989
  --utrecht-skip-link-padding-inline-start: 1rem;
1087
990
  --utrecht-skip-link-padding-inline-end: 1rem;