@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
@@ -1,7 +1,8 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 01 Aug 2025 12:51:46 GMT
3
+ // Generated on Fri, 05 Sep 2025 09:25:14 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;
@@ -101,7 +102,6 @@ $rhc-card-as-link-link-text-decoration: underline;
101
102
  $rhc-card-as-link-link-color: #01689b;
102
103
  $rhc-card-as-link-icon-size: 24px;
103
104
  $rhc-card-as-link-icon-color: #76d2b6;
104
- $rhc-card-as-link-inline-size: 328px;
105
105
  $rhc-card-as-link-column-gap: 1rem;
106
106
  $rhc-card-as-link-color: #0F172A;
107
107
  $rhc-card-as-link-border-width: 1px;
@@ -179,6 +179,7 @@ $rhc-icon-only-button-padding-inline-start: 0.75rem;
179
179
  $rhc-icon-only-button-padding-inline-end: 0.75rem;
180
180
  $rhc-icon-only-button-padding-block-start: 0.75rem;
181
181
  $rhc-icon-only-button-padding-block-end: 0.75rem;
182
+ $rhc-link-column-gap: 0.25rem;
182
183
  $rhc-link-list-card-padding-inline-end: 1.5rem;
183
184
  $rhc-link-list-card-padding-inline-start: 1.5rem;
184
185
  $rhc-link-list-card-row-gap: 1rem;
@@ -500,31 +501,15 @@ $rhc-data-summary-item-value-row-padding-block-start: 0.75rem;
500
501
  $rhc-data-summary-item-value-row-padding-block-end: 0.75rem;
501
502
  $rhc-data-summary-item-value-font-weight: 400;
502
503
  $rhc-data-summary-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
504
+ $rhc-unordered-list-nested-margin-inline-start: 0rem;
503
505
  $rhc-rounded-corner-border-width: 2px;
504
506
  $rhc-rounded-corner-xl-border-radius: 96px;
505
507
  $rhc-rounded-corner-md-border-radius: 48px;
506
508
  $rhc-rounded-corner-xs-border-radius: 24px;
509
+ $rhc-breadcrumb-nav-link-current-color: #334155;
507
510
  $rhc-data-badge-button-hover-color: #fff;
508
511
  $rhc-data-badge-button-hover-background-color: #76d2b6;
509
512
  $rhc-data-badge-button-column-gap: 0.125rem;
510
- $rhc-link-list-text-decoration: None;
511
- $rhc-accordion-button-line-height: 150%;
512
- $rhc-accordion-button-font-size: 1.25rem;
513
- $rhc-accordion-button-font-weight: 400;
514
- $rhc-accordion-button-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
515
- $rhc-accordion-button-icon-margin-block: 0.25rem;
516
- $rhc-accordion-button-expanded-color: #0F172A;
517
- $rhc-accordion-button-expanded-background-color: #fff;
518
- $rhc-accordion-button-padding-inline-start: 1rem;
519
- $rhc-accordion-button-padding-inline-end: 1rem;
520
- $rhc-accordion-button-padding-block-start: 0.75rem;
521
- $rhc-accordion-button-padding-block-end: 0.75rem;
522
- $rhc-accordion-section-border-width: 1px;
523
- $rhc-accordion-section-border-color: #94A3B8;
524
- $rhc-accordion-section-border-block-end-width: 1px;
525
- $rhc-accordion-header-margin: 0;
526
- $rhc-accordion-color: #0F172A;
527
- $rhc-accordion-border-radius: 0px;
528
513
  $rhc-keep-bottom-left-border-radius-bottom-left: 48px;
529
514
  $rhc-keep-bottom-left-border-radius-bottom-right: 0;
530
515
  $rhc-keep-bottom-left-border-radius-top-right: 0;
@@ -584,44 +569,30 @@ $nl-heading-level-1-font-weight: 700;
584
569
  $nl-heading-level-1-font-size: 3.125rem;
585
570
  $nl-heading-level-1-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
586
571
  $nl-heading-level-1-color: #154273;
587
- $nl-paragraph-margin-block-start: 0rem;
588
- $nl-paragraph-margin-block-end: 0rem;
589
- $nl-paragraph-line-height: 150%;
590
- $nl-paragraph-font-weight: 400;
591
- $nl-paragraph-font-size: 1.25rem;
592
- $nl-paragraph-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
593
- $nl-paragraph-color: #0F172A;
594
- $nl-paragraph-lead-margin-block-start: 0rem;
595
- $nl-paragraph-lead-margin-block-end: 0rem;
596
- $nl-paragraph-lead-line-height: 150%;
597
- $nl-paragraph-lead-font-weight: 400;
598
- $nl-paragraph-lead-font-size: 1.5rem;
599
- $nl-paragraph-lead-color: #0F172A;
600
572
  $nl-link-hover-color: #01496c;
601
573
  $nl-link-hover-text-decoration-thickness: auto;
602
574
  $nl-link-hover-text-decoration-line: underline;
603
575
  $nl-link-disabled-cursor: disabled;
604
576
  $nl-link-disabled-color: #334155;
577
+ $nl-link-active-color: #1a4972;
605
578
  $nl-link-current-cursor: default;
606
579
  $nl-link-text-underline-offset: 0.125rem;
607
580
  $nl-link-text-decoration-thickness: 0.0625em;
608
581
  $nl-link-text-decoration-line: underline;
609
582
  $nl-link-text-decoration-color: inherit;
610
583
  $nl-link-color: #01689b;
611
- $nl-link-visited-color: #01689b;
612
- $nl-link-focus-text-decoration-thickness: auto;
613
- $nl-link-focus-text-decoration: None;
614
- $nl-link-focus-color: #01689b;
615
- $nl-link-focus-background-color: transparent;
616
- $nl-link-active-color: #1a4972;
617
- $nl-link-active-text-decoration: None;
618
- $nl-link-icon-size: 24px;
619
- $nl-link-icon-inset-block-start: 0.25rem;
620
- $nl-link-line-height: 150%;
621
- $nl-link-font-weight: 400;
622
- $nl-link-font-size: 1.25rem;
623
- $nl-link-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
624
- $nl-link-column-gap: 0.25rem;
584
+ $nl-paragraph-lead-margin-block-start: 0rem;
585
+ $nl-paragraph-lead-margin-block-end: 0rem;
586
+ $nl-paragraph-lead-line-height: 150%;
587
+ $nl-paragraph-lead-font-weight: 400;
588
+ $nl-paragraph-lead-font-size: 1.5rem;
589
+ $nl-paragraph-margin-block-start: 0rem;
590
+ $nl-paragraph-margin-block-end: 0rem;
591
+ $nl-paragraph-line-height: 150%;
592
+ $nl-paragraph-font-weight: 400;
593
+ $nl-paragraph-font-size: 1.25rem;
594
+ $nl-paragraph-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
595
+ $nl-paragraph-color: #0F172A;
625
596
  $nl-skip-link-font-size: 1.25rem;
626
597
  $nl-skip-link-line-height: 150%;
627
598
  $nl-skip-link-text-underline-offset: 0.125rem;
@@ -632,27 +603,6 @@ $nl-skip-link-padding-inline: 1rem;
632
603
  $nl-skip-link-padding-block: 0.75rem;
633
604
  $nl-skip-link-color: #01689b;
634
605
  $nl-skip-link-background-color: #fff;
635
- $nl-skip-link-text-decoration: underline;
636
- $nl-skip-link-focus-visible-outline-color: #000;
637
- $nl-skip-link-focus-text-decoration: None;
638
- $nl-skip-link-focus-color: #0F172A;
639
- $nl-skip-link-focus-border-width: 2px;
640
- $nl-skip-link-focus-border-style: solid;
641
- $nl-skip-link-focus-border-color: #76d2b6;
642
- $nl-skip-link-focus-background-color: #fff;
643
- $nl-skip-link-box-block-end-shadow-spread-radius: 0;
644
- $nl-skip-link-box-block-end-shadow-offset-y: 16px;
645
- $nl-skip-link-box-block-end-shadow-offset-x: 0;
646
- $nl-skip-link-box-block-end-shadow-color: #0000001a;
647
- $nl-skip-link-box-block-end-shadow-blur-radius: 48px;
648
- $nl-skip-link-padding-inline-start: 1rem;
649
- $nl-skip-link-padding-inline-end: 1rem;
650
- $nl-skip-link-padding-block-start: 0.75rem;
651
- $nl-skip-link-padding-block-end: 0.75rem;
652
- $nl-skip-link-font-weight: 700;
653
- $nl-skip-link-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
654
- $nl-skip-link-border-width: 2px;
655
- $nl-skip-link-border-color: transparent;
656
606
  $nl-number-badge-padding-inline: 0.5rem;
657
607
  $nl-number-badge-padding-block: 0.125rem;
658
608
  $nl-number-badge-min-inline-size: 24px;
@@ -665,11 +615,9 @@ $nl-number-badge-border-width: 0px;
665
615
  $nl-number-badge-border-radius: 999px;
666
616
  $nl-number-badge-border-color: transparent;
667
617
  $nl-number-badge-background-color: #76d2b6;
668
- $nl-number-badge-line-height: 125%;
669
- $todo-skip-link-font-weight: 700;
670
618
  $todo-link-list-link-hover-text-decoration: underline;
671
- $todo-accordion-button-line-height: 150%;
672
- $todo-accordion-button-font-weight: 400;
619
+ $todo-accordion-button-line-height: 1.875rem;
620
+ $todo-accordion-button-font-weight: 700;
673
621
  $todo-accordion-button-font-size: 1.25rem;
674
622
  $todo-accordion-button-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
675
623
  $todo-figure-row-gap: 0.5rem;
@@ -755,63 +703,22 @@ $utrecht-page-footer-padding-block-end: 3rem;
755
703
  $utrecht-page-footer-padding-block-start: 3rem;
756
704
  $utrecht-page-footer-color: #fff;
757
705
  $utrecht-page-footer-background-color: #76d2b6;
758
- $utrecht-heading-6-margin-block-start: 0rem;
759
- $utrecht-heading-6-margin-block-end: 0rem;
760
- $utrecht-heading-6-line-height: 150%;
761
- $utrecht-heading-6-font-weight: 700;
762
- $utrecht-heading-6-font-size: 1.25rem;
763
- $utrecht-heading-6-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
764
- $utrecht-heading-6-color: #154273;
765
- $utrecht-heading-5-margin-block-start: 0rem;
766
- $utrecht-heading-5-margin-block-end: 0rem;
767
- $utrecht-heading-5-line-height: 150%;
768
- $utrecht-heading-5-font-weight: 700;
769
- $utrecht-heading-5-font-size: 1.25rem;
770
- $utrecht-heading-5-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
771
- $utrecht-heading-5-color: #154273;
772
- $utrecht-heading-4-margin-block-start: 0rem;
773
- $utrecht-heading-4-margin-block-end: 0rem;
774
- $utrecht-heading-4-line-height: 150%;
775
- $utrecht-heading-4-font-weight: 700;
776
- $utrecht-heading-4-font-size: 1.5rem;
777
- $utrecht-heading-4-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
778
- $utrecht-heading-4-color: #154273;
779
- $utrecht-heading-3-margin-block-start: 0rem;
780
- $utrecht-heading-3-margin-block-end: 0rem;
781
- $utrecht-heading-3-line-height: 125%;
782
- $utrecht-heading-3-font-weight: 700;
783
- $utrecht-heading-3-font-size: 1.875rem;
784
- $utrecht-heading-3-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
785
- $utrecht-heading-3-color: #154273;
786
- $utrecht-heading-2-margin-block-start: 0rem;
787
- $utrecht-heading-2-margin-block-end: 0rem;
788
- $utrecht-heading-2-line-height: 125%;
789
- $utrecht-heading-2-font-weight: 700;
790
- $utrecht-heading-2-font-size: 2.5rem;
791
- $utrecht-heading-2-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
792
- $utrecht-heading-2-color: #154273;
793
- $utrecht-heading-1-margin-block-start: 0rem;
794
- $utrecht-heading-1-margin-block-end: 0rem;
795
- $utrecht-heading-1-line-height: 125%;
796
- $utrecht-heading-1-font-weight: 700;
797
- $utrecht-heading-1-font-size: 3.125rem;
798
- $utrecht-heading-1-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
799
- $utrecht-heading-1-color: #154273;
800
- $utrecht-paragraph-margin-block-start: 0rem;
801
- $utrecht-paragraph-margin-block-end: 0rem;
802
- $utrecht-paragraph-small-line-height: 150%;
803
- $utrecht-paragraph-small-font-weight: 400;
804
- $utrecht-paragraph-small-color: #0F172A;
805
- $utrecht-paragraph-small-font-size: 1.5rem;
806
- $utrecht-paragraph-lead-line-height: 150%;
807
- $utrecht-paragraph-lead-font-weight: 400;
808
- $utrecht-paragraph-lead-font-size: 1.5rem;
809
- $utrecht-paragraph-lead-color: #0F172A;
810
- $utrecht-paragraph-line-height: 150%;
811
- $utrecht-paragraph-font-weight: 400;
812
- $utrecht-paragraph-font-size: 1.25rem;
813
- $utrecht-paragraph-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
814
- $utrecht-paragraph-color: #0F172A;
706
+ $utrecht-link-visited-color: #01689b;
707
+ $utrecht-link-focus-visible-text-decoration-thickness: 0.0625em;
708
+ $utrecht-link-focus-visible-text-decoration: None;
709
+ $utrecht-link-focus-color: #01689b;
710
+ $utrecht-link-focus-background-color: transparent;
711
+ $utrecht-link-hover-text-decoration-thickness: 0.1875em;
712
+ $utrecht-link-hover-text-decoration: underline;
713
+ $utrecht-link-hover-color: #15496a;
714
+ $utrecht-link-active-color: #163f5b;
715
+ $utrecht-link-icon-size: 24px;
716
+ $utrecht-link-text-underline-offset: 0.125rem;
717
+ $utrecht-link-text-decoration-thickness: 0.0625em;
718
+ $utrecht-link-text-decoration: underline;
719
+ $utrecht-link-column-gap: 0.25rem;
720
+ $utrecht-link-text-decoration-color: inherit;
721
+ $utrecht-link-color: #01689b;
815
722
  $utrecht-pre-heading-font-size: 1rem;
816
723
  $utrecht-pre-heading-line-height: 125%;
817
724
  $utrecht-pre-heading-font-weight: 700;
@@ -877,15 +784,12 @@ $utrecht-column-layout-column-rule-color: transparent;
877
784
  $utrecht-ordered-list-item-padding-inline-start: 0.5rem;
878
785
  $utrecht-ordered-list-item-margin-block-start: 0.25rem;
879
786
  $utrecht-ordered-list-item-margin-block-end: 0.25rem;
880
- $utrecht-ordered-list-padding-inline-start: 1.5rem;
787
+ $utrecht-ordered-list-padding-inline-start: 2rem;
881
788
  $utrecht-ordered-list-margin-block-start: 0.25rem;
882
789
  $utrecht-ordered-list-margin-block-end: 0.25rem;
883
790
  $utrecht-ordered-list-line-height: 150%;
884
791
  $utrecht-ordered-list-font-size: 1.25rem;
885
- $utrecht-ordered-list-margin-inline-start: 0.625rem;
886
- $utrecht-ordered-list-font-weight: 400;
887
- $utrecht-ordered-list-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
888
- $utrecht-ordered-list-color: #0F172A;
792
+ $utrecht-unordered-list-marker-color: #0F172A;
889
793
  $utrecht-unordered-list-item-padding-inline-start: 0.5rem;
890
794
  $utrecht-unordered-list-item-margin-block-start: 0.25rem;
891
795
  $utrecht-unordered-list-item-margin-block-end: 0.25rem;
@@ -894,17 +798,32 @@ $utrecht-unordered-list-margin-block-start: 0.25rem;
894
798
  $utrecht-unordered-list-margin-block-end: 0.25rem;
895
799
  $utrecht-unordered-list-line-height: 150%;
896
800
  $utrecht-unordered-list-font-size: 1.25rem;
897
- $utrecht-unordered-list-font-weight: 400;
898
- $utrecht-unordered-list-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
899
- $utrecht-unordered-list-marker-color: #0F172A;
900
- $utrecht-unordered-list-marker-border-color: #0F172A;
901
- $utrecht-unordered-list-color: #0F172A;
902
801
  $utrecht-action-submit-cursor: pointer;
903
802
  $utrecht-action-navigate-cursor: pointer;
904
803
  $utrecht-action-inert-cursor: default;
905
804
  $utrecht-action-disabled-cursor: not-allowed;
906
805
  $utrecht-action-busy-cursor: wait;
907
806
  $utrecht-action-activate-cursor: pointer;
807
+ $utrecht-link-list-font-weight: 400;
808
+ $utrecht-link-list-link-text-decoration: None;
809
+ $utrecht-link-list-link-column-gap: 0.5rem;
810
+ $utrecht-link-list-icon-size: 24px;
811
+ $utrecht-link-list-icon-inset-block-start: 0.188rem;
812
+ $utrecht-link-list-row-gap: 0.5rem;
813
+ $utrecht-link-list-margin-block-start: 0rem;
814
+ $utrecht-link-list-margin-block-end: 0rem;
815
+ $utrecht-breadcrumb-nav-link-icon-size: 24px;
816
+ $utrecht-breadcrumb-nav-link-hover-color: #01496c;
817
+ $utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
818
+ $utrecht-breadcrumb-nav-link-focus-text-decoration: None;
819
+ $utrecht-breadcrumb-nav-link-focus-color: #01689b;
820
+ $utrecht-breadcrumb-nav-link-focus-background-color: transparent;
821
+ $utrecht-breadcrumb-nav-link-disabled-color: #334155;
822
+ $utrecht-breadcrumb-nav-link-active-text-decoration: underline;
823
+ $utrecht-breadcrumb-nav-link-active-color: #163f5b;
824
+ $utrecht-breadcrumb-nav-link-current-font-weight: 400;
825
+ $utrecht-breadcrumb-nav-link-text-decoration: underline;
826
+ $utrecht-breadcrumb-nav-link-color: #01689b;
908
827
  $utrecht-breadcrumb-nav-separator-icon-size: 24px;
909
828
  $utrecht-breadcrumb-nav-separator-color: #334155;
910
829
  $utrecht-breadcrumb-nav-item-first-padding-inline-start: 0rem;
@@ -916,28 +835,6 @@ $utrecht-breadcrumb-nav-min-block-size: 48px;
916
835
  $utrecht-breadcrumb-nav-line-height: 150%;
917
836
  $utrecht-breadcrumb-nav-font-size: 1.25rem;
918
837
  $utrecht-breadcrumb-nav-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
919
- $utrecht-breadcrumb-nav-link-hover-color: #01496c;
920
- $utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
921
- $utrecht-breadcrumb-nav-link-focus-text-decoration: None;
922
- $utrecht-breadcrumb-nav-link-focus-color: #01689b;
923
- $utrecht-breadcrumb-nav-link-focus-background-color: transparent;
924
- $utrecht-breadcrumb-nav-link-disabled-color: #334155;
925
- $utrecht-breadcrumb-nav-link-active-text-decoration: underline;
926
- $utrecht-breadcrumb-nav-link-active-color: #163f5b;
927
- $utrecht-breadcrumb-nav-link-text-decoration: underline;
928
- $utrecht-breadcrumb-nav-link-color: #01689b;
929
- $utrecht-breadcrumb-nav-link-icon-size: 24px;
930
- $utrecht-breadcrumb-nav-link-icon-margin-inline: 0.25rem;
931
- $utrecht-breadcrumb-nav-link-icon-inset-block-start: 0;
932
- $utrecht-breadcrumb-nav-link-current-font-weight: 400;
933
- $utrecht-breadcrumb-nav-link-current-color: #334155;
934
- $utrecht-breadcrumb-nav-link-padding-inline-start: 0rem;
935
- $utrecht-breadcrumb-nav-link-padding-inline-end: 0rem;
936
- $utrecht-breadcrumb-nav-link-padding-block-start: 0.75rem;
937
- $utrecht-breadcrumb-nav-link-padding-block-end: 0.75rem;
938
- $utrecht-breadcrumb-nav-divider-size: 24px;
939
- $utrecht-breadcrumb-nav-divider-inset-block-start: 0;
940
- $utrecht-breadcrumb-nav-divider-color: #334155;
941
838
  $utrecht-button-group-row-gap: 0.5rem;
942
839
  $utrecht-button-group-padding-block-start: 0px;
943
840
  $utrecht-button-group-padding-block-end: 0px;
@@ -1045,83 +942,11 @@ $utrecht-data-badge-padding-block: 0.125rem;
1045
942
  $utrecht-data-badge-color: #76d2b6;
1046
943
  $utrecht-data-badge-border-radius: 10px;
1047
944
  $utrecht-data-badge-background-color: #eaf8f4;
1048
- $utrecht-link-visited-color: #01689b;
1049
- $utrecht-link-focus-visible-text-decoration-thickness: 0.0625em;
1050
- $utrecht-link-focus-visible-text-decoration: None;
1051
- $utrecht-link-hover-text-decoration-thickness: 0.1875em;
1052
- $utrecht-link-hover-text-decoration: underline;
1053
- $utrecht-link-hover-color: #15496a;
1054
- $utrecht-link-text-underline-offset: 0.125rem;
1055
- $utrecht-link-text-decoration-thickness: 0.0625em;
1056
- $utrecht-link-text-decoration: underline;
1057
- $utrecht-link-column-gap: 0.25rem;
1058
- $utrecht-link-text-decoration-color: inherit;
1059
- $utrecht-link-color: #01689b;
1060
- $utrecht-link-icon-size: 24px;
1061
- $utrecht-link-icon-inset-block-start: 0.25rem;
1062
- $utrecht-link-focus-color: #01689b;
1063
- $utrecht-link-focus-background-color: transparent;
1064
- $utrecht-link-focus-text-decoration-thickness: auto;
1065
- $utrecht-link-focus-text-decoration: None;
1066
- $utrecht-link-active-color: #163f5b;
1067
- $utrecht-link-active-text-decoration: None;
1068
- $utrecht-link-font-size: 1.25rem;
1069
- $utrecht-link-line-height: 150%;
1070
- $utrecht-link-font-weight: 400;
1071
- $utrecht-link-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
1072
- $utrecht-link-list-font-weight: 400;
1073
- $utrecht-link-list-link-text-decoration: None;
1074
- $utrecht-link-list-link-column-gap: 0.5rem;
1075
- $utrecht-link-list-icon-size: 24px;
1076
- $utrecht-link-list-icon-inset-block-start: 0.188rem;
1077
- $utrecht-link-list-row-gap: 0.5rem;
1078
- $utrecht-link-list-margin-block-start: 0rem;
1079
- $utrecht-link-list-margin-block-end: 0rem;
1080
- $utrecht-link-list-item-column-gap: 0.5rem;
1081
- $utrecht-link-list-item-text-decoration: None;
1082
- $utrecht-skip-link-text-decoration: underline;
1083
- $utrecht-skip-link-padding-inline-start: 1rem;
1084
- $utrecht-skip-link-padding-inline-end: 1rem;
1085
- $utrecht-skip-link-padding-block-start: 0.75rem;
1086
- $utrecht-skip-link-padding-block-end: 0.75rem;
1087
- $utrecht-skip-link-min-inline-size: 48px;
1088
- $utrecht-skip-link-min-block-size: 48px;
1089
- $utrecht-skip-link-color: #01689b;
1090
- $utrecht-skip-link-background-color: #fff;
1091
- $utrecht-skip-link-font-size: 1.25rem;
1092
- $utrecht-skip-link-text-underline-offset: 0.125rem;
1093
- $utrecht-skip-link-border-width: 2px;
1094
- $utrecht-skip-link-line-height: 150%;
1095
- $utrecht-skip-link-font-weight: 700;
1096
- $utrecht-skip-link-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
1097
- $utrecht-skip-link-focus-visible-text-decoration: underline;
1098
- $utrecht-skip-link-focus-visible-outline-color: #000;
1099
- $utrecht-skip-link-box-block-end-shadow-spread-radius: 0;
1100
- $utrecht-skip-link-box-block-end-shadow-offset-y: 16px;
1101
- $utrecht-skip-link-box-block-end-shadow-offset-x: 0;
1102
- $utrecht-skip-link-box-block-end-shadow-blur-radius: 48px;
1103
- $utrecht-skip-link-box-block-end-shadow-color: #0000001a;
1104
- $utrecht-skip-link-border-color: transparent;
1105
- $utrecht-skip-link-focus-color: #01689b;
1106
- $utrecht-skip-link-focus-background-color: #fff;
1107
- $utrecht-skip-link-focus-border-style: solid;
1108
- $utrecht-skip-link-focus-border-width: 2px;
1109
- $utrecht-skip-link-focus-border-color: #76d2b6;
1110
- $utrecht-skip-link-focus-text-decoration: None;
1111
945
  $utrecht-accordion-section-margin-block-start: 0rem;
1112
946
  $utrecht-accordion-section-margin-block-end: 0rem;
1113
947
  $utrecht-accordion-section-border-width: 1px;
1114
948
  $utrecht-accordion-section-hover-border-color: #94A3B8;
1115
949
  $utrecht-accordion-section-border-color: #94A3B8;
1116
- $utrecht-accordion-panel-padding-inline-start: 1rem;
1117
- $utrecht-accordion-panel-padding-inline-end: 1rem;
1118
- $utrecht-accordion-panel-padding-block-start: 1rem;
1119
- $utrecht-accordion-panel-padding-block-end: 1.5rem;
1120
- $utrecht-accordion-panel-border-width: 1px;
1121
- $utrecht-accordion-panel-border-color: transparent;
1122
- $utrecht-accordion-row-gap: 0rem;
1123
- $utrecht-accordion-margin-block-start: 0rem;
1124
- $utrecht-accordion-margin-block-end: 0rem;
1125
950
  $utrecht-accordion-button-focus-visible-color: #0F172A;
1126
951
  $utrecht-accordion-button-focus-visible-border-width: 1px;
1127
952
  $utrecht-accordion-button-focus-visible-border-color: transparent;
@@ -1129,6 +954,9 @@ $utrecht-accordion-button-focus-visible-background-color: #eaf8f4;
1129
954
  $utrecht-accordion-button-hover-color: #0F172A;
1130
955
  $utrecht-accordion-button-hover-border-color: transparent;
1131
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;
1132
960
  $utrecht-accordion-button-icon-size: 24px;
1133
961
  $utrecht-accordion-button-padding-inline-start: 1rem;
1134
962
  $utrecht-accordion-button-padding-inline-end: 1rem;
@@ -1140,13 +968,15 @@ $utrecht-accordion-button-border-width: 1px;
1140
968
  $utrecht-accordion-button-border-radius: 0px;
1141
969
  $utrecht-accordion-button-border-color: transparent;
1142
970
  $utrecht-accordion-button-background-color: #fff;
1143
- $utrecht-accordion-button-focus-color: #0F172A;
1144
- $utrecht-accordion-button-focus-border-color: #76d2b6;
1145
- $utrecht-accordion-button-focus-background-color: #eaf8f4;
1146
- $utrecht-accordion-button-active-color: #0F172A;
1147
- $utrecht-accordion-button-active-border-color: transparent;
1148
- $utrecht-accordion-button-active-background-color: #F1F5F9;
1149
- $utrecht-accordion-button-active-row-gap: 0;
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;
1150
980
  $utrecht-alert-icon-warning-color: #ffb612;
1151
981
  $utrecht-alert-icon-ok-color: #39870c;
1152
982
  $utrecht-alert-icon-info-color: #007bc7;
@@ -1160,6 +990,7 @@ $utrecht-alert-warning-background-color: #fff4db;
1160
990
  $utrecht-alert-ok-color: #000;
1161
991
  $utrecht-alert-ok-border-color: transparent;
1162
992
  $utrecht-alert-ok-background-color: #e1eddb;
993
+ $utrecht-alert-message-row-gap: 0rem;
1163
994
  $utrecht-alert-info-color: #000;
1164
995
  $utrecht-alert-info-border-color: transparent;
1165
996
  $utrecht-alert-info-background-color: #d9ebf7;
@@ -1179,13 +1010,6 @@ $utrecht-alert-border-width: 0px;
1179
1010
  $utrecht-alert-border-radius: 5px;
1180
1011
  $utrecht-alert-border-color: transparent;
1181
1012
  $utrecht-alert-background-color: #d9ebf7;
1182
- $utrecht-alert-message-row-gap: 0rem;
1183
- $utrecht-alert-message-line-height: 150%;
1184
- $utrecht-alert-message-column-gap: 0.5rem;
1185
- $utrecht-alert-heading-line-height: 150%;
1186
- $utrecht-alert-heading-font-weight: 700;
1187
- $utrecht-alert-heading-font-size: 1.25rem;
1188
- $utrecht-alert-heading-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
1189
1013
  $utrecht-blockquote-attribution-font-size: 1.25rem;
1190
1014
  $utrecht-blockquote-attribution-color: #154273;
1191
1015
  $utrecht-blockquote-row-gap: 0.75rem;
@@ -1241,18 +1065,6 @@ $utrecht-blockquote-border-end-start-radius: 0;
1241
1065
  $utrecht-blockquote-border-end-end-radius: 0;
1242
1066
  $utrecht-blockquote-border-block-start-width: 0;
1243
1067
  $utrecht-blockquote-border-block-end-width: 0;
1244
- $utrecht-figure-img-border-start-start-radius: 0;
1245
- $utrecht-figure-img-border-start-end-radius: 0;
1246
- $utrecht-figure-img-border-end-start-radius: 0;
1247
- $utrecht-figure-img-border-end-end-radius: 0;
1248
- $utrecht-figure-caption-line-height: 150%;
1249
- $utrecht-figure-caption-font-size: 1.25rem;
1250
- $utrecht-figure-caption-color: #0F172A;
1251
- $utrecht-figure-caption-padding-inline-start: 1rem;
1252
- $utrecht-figure-caption-padding-block-start: 0.5rem;
1253
- $utrecht-figure-caption-padding-block-end: 0.5rem;
1254
- $utrecht-figure-caption-border-width: 4px;
1255
- $utrecht-figure-caption-border-color: #CBD5E1;
1256
1068
  $utrecht-number-badge-padding-inline: 0.5rem;
1257
1069
  $utrecht-number-badge-padding-block: 0.125rem;
1258
1070
  $utrecht-number-badge-min-inline-size: 24px;
@@ -1265,7 +1077,18 @@ $utrecht-number-badge-border-width: 0px;
1265
1077
  $utrecht-number-badge-border-radius: 999px;
1266
1078
  $utrecht-number-badge-border-color: transparent;
1267
1079
  $utrecht-number-badge-background-color: #76d2b6;
1268
- $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;
1269
1092
  $utrecht-form-label-disabled-color: #94A3B8;
1270
1093
  $utrecht-form-label-checked-font-weight: 400;
1271
1094
  $utrecht-form-label-radio-font-weight: 400;