@utrecht/design-tokens 2.4.0 → 2.5.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 (62) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/_mixin-theme.scss +41 -13
  3. package/dist/_mixin.scss +41 -13
  4. package/dist/_variables.scss +41 -13
  5. package/dist/dark/_mixin-theme.scss +41 -13
  6. package/dist/dark/_mixin.scss +41 -13
  7. package/dist/dark/_variables.scss +41 -13
  8. package/dist/dark/index.cjs +42 -14
  9. package/dist/dark/index.css +41 -13
  10. package/dist/dark/index.d.ts +35 -7
  11. package/dist/dark/index.flat.json +40 -12
  12. package/dist/dark/index.json +909 -181
  13. package/dist/dark/index.mjs +41 -13
  14. package/dist/dark/index.tokens.json +123 -212
  15. package/dist/dark/list.json +909 -181
  16. package/dist/dark/list.mjs +909 -181
  17. package/dist/dark/property.css +19 -6
  18. package/dist/dark/root.css +40 -12
  19. package/dist/dark/theme-prince-xml.css +41 -13
  20. package/dist/dark/theme.css +40 -12
  21. package/dist/dark/tokens.cjs +842 -231
  22. package/dist/dark/tokens.d.ts +78 -106
  23. package/dist/dark/tokens.json +842 -231
  24. package/dist/dark/variables.cjs +42 -14
  25. package/dist/dark/variables.css +40 -12
  26. package/dist/dark/variables.d.ts +35 -7
  27. package/dist/dark/variables.json +40 -12
  28. package/dist/dark/variables.less +41 -13
  29. package/dist/dark/variables.mjs +41 -13
  30. package/dist/index.cjs +42 -14
  31. package/dist/index.css +82 -26
  32. package/dist/index.d.ts +35 -7
  33. package/dist/index.flat.json +40 -12
  34. package/dist/index.json +903 -175
  35. package/dist/index.mjs +41 -13
  36. package/dist/index.tokens.json +123 -212
  37. package/dist/list.json +903 -175
  38. package/dist/list.mjs +903 -175
  39. package/dist/property.css +19 -6
  40. package/dist/root.css +40 -12
  41. package/dist/theme-prince-xml.css +41 -13
  42. package/dist/theme.css +40 -12
  43. package/dist/tokens.cjs +842 -231
  44. package/dist/tokens.d.ts +78 -106
  45. package/dist/tokens.json +842 -231
  46. package/dist/variables.cjs +42 -14
  47. package/dist/variables.css +40 -12
  48. package/dist/variables.d.ts +35 -7
  49. package/dist/variables.json +40 -12
  50. package/dist/variables.less +41 -13
  51. package/dist/variables.mjs +41 -13
  52. package/package.json +1 -1
  53. package/src/component/signalen/signalen.tokens.json +17 -0
  54. package/src/component/utrecht/body.tokens.json +11 -0
  55. package/src/component/utrecht/link-list.tokens.json +3 -0
  56. package/src/component/utrecht/nav-bar.tokens.json +0 -2
  57. package/src/component/utrecht/page-body.tokens.json +19 -0
  58. package/src/component/utrecht/page-footer.tokens.json +6 -4
  59. package/src/component/utrecht/page-header.tokens.json +14 -4
  60. package/src/component/utrecht/page.tokens.json +2 -2
  61. package/src/component/utrecht/root.tokens.json +8 -0
  62. package/project.json +0 -25
package/dist/dark/variables.mjs CHANGED
@@ -84,6 +84,11 @@ export const utrechtBlockquoteContentFontSize = "1.125rem";
84
84
  export const utrechtBlockquoteCaptionFontSize = "0.875rem";
85
85
  export const utrechtBlockquoteMarginBlockStart = "1.6em";
86
86
  export const utrechtBlockquoteMarginBlockEnd = "1.6em";
87
+ export const utrechtBodyFontFamily = "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif";
88
+ export const utrechtBodyFontSize = "1rem";
89
+ export const utrechtBodyLineHeight = "1.4";
90
+ export const utrechtBodyBackgroundColor = "hsl(0 0% 100%)";
91
+ export const utrechtBodyColor = "hsl(0 0% 0%)";
87
92
  export const utrechtBreadcrumbNavMinBlockSize = "34px";
88
93
  export const utrechtBreadcrumbNavFontSize = "1rem";
89
94
  export const utrechtBreadcrumbNavItemPaddingBlockStart = "8px";
@@ -552,6 +557,7 @@ export const utrechtLinkListLinkColumnGap = "8px";
552
557
  export const utrechtLinkListLinkFontWeight = "700";
553
558
  export const utrechtLinkListLinkTextDecoration = "none";
554
559
  export const utrechtLinkListIconSize = "14px";
560
+ export const utrechtLinkListIconInsetBlockStart = "0.15em";
555
561
  export const utrechtLinkSocialBackgroundColor = "hsl(0 100% 40%)";
556
562
  export const utrechtLinkSocialBorderColor = "hsl(0 0% 100%)";
557
563
  export const utrechtLinkSocialBorderWidth = "2px";
@@ -633,8 +639,6 @@ export const utrechtMapcontrolbuttonPaddingInlineEnd = "4px";
633
639
  export const utrechtMapcontrolbuttonPaddingInlineStart = "4px";
634
640
  export const utrechtMarkBackgroundColor = "hsl(48 100% 60%)";
635
641
  export const utrechtMarkColor = "hsl(0 0% 0%)";
636
- export const utrechtNavBarBackgroundColor = "hsl(0 0% 100%)";
637
- export const utrechtNavBarColor = "hsl(0 0% 0%)";
638
642
  export const utrechtNavBarContentMaxInlineSize = "1184px";
639
643
  export const utrechtNavBarLinkPaddingBlockEnd = "8px";
640
644
  export const utrechtNavBarLinkPaddingBlockStart = "8px";
@@ -674,28 +678,47 @@ export const utrechtOrderedListPaddingInlineStart = "28.8px";
674
678
  export const utrechtOrderedListItemMarginBlockStart = "0.25em";
675
679
  export const utrechtOrderedListItemMarginBlockEnd = "0.25em";
676
680
  export const utrechtOrderedListItemPaddingInlineStart = "0";
681
+ export const utrechtPageBodyContentBackgroundColor = "hsl(0 0% 100%)";
682
+ export const utrechtPageBodyContentColor = "hsl(0 0% 0%)";
683
+ export const utrechtPageBodyContentPaddingBlockStart = "0";
684
+ export const utrechtPageBodyContentPaddingBlockEnd = "1em";
685
+ export const utrechtPageBodyContentPaddingInlineStart = "2em";
686
+ export const utrechtPageBodyContentMaxInlineSize = "1184px";
687
+ export const utrechtPageBodyContentPaddingInlineEnd = "2.4em";
688
+ export const utrechtPageBodyPaddingInlineEnd = "0";
689
+ export const utrechtPageBodyPaddingInlineStart = "0";
690
+ export const utrechtPageBodyPaddingBlockEnd = "0";
691
+ export const utrechtPageBodyPaddingBlockStart = "0";
677
692
  export const utrechtPageContentPaddingBlockStart = "2em";
678
693
  export const utrechtPageContentPaddingBlockEnd = "2em";
679
694
  export const utrechtPageFooterColor = "hsl(0 0% 100%)";
680
695
  export const utrechtPageFooterBackgroundColor = "hsl(0 100% 40%)";
681
696
  export const utrechtPageFooterBackgroundImage = "linear-gradient(45deg, hsl(0 100% 40%), hsl(0 100% 40%) 50%, #d63433 50%);";
682
- export const utrechtPageFooterPaddingInlineEnd = "28px";
683
- export const utrechtPageFooterPaddingInlineStart = "28px";
684
- export const utrechtPageFooterPaddingBlockEnd = "48px";
685
- export const utrechtPageFooterPaddingBlockStart = "48px";
686
- export const utrechtPageHeaderPaddingBlockStart = "1.8em";
687
- export const utrechtPageHeaderPaddingBlockEnd = "1em";
688
- export const utrechtPageHeaderPaddingInlineStart = "2em";
689
- export const utrechtPageHeaderPaddingInlineEnd = "2.4em";
697
+ export const utrechtPageFooterContentPaddingBlockEnd = "48px";
698
+ export const utrechtPageFooterContentPaddingBlockStart = "48px";
699
+ export const utrechtPageFooterContentMaxInlineSize = "1184px";
700
+ export const utrechtPageFooterContentPaddingInline = "28px";
701
+ export const utrechtPageHeaderPaddingBlockStart = "0";
702
+ export const utrechtPageHeaderPaddingBlockEnd = "0";
703
+ export const utrechtPageHeaderPaddingInlineStart = "0";
704
+ export const utrechtPageHeaderPaddingInlineEnd = "0";
705
+ export const utrechtPageHeaderContentBackgroundColor = "hsl(0 0% 100%)";
706
+ export const utrechtPageHeaderContentColor = "hsl(0 0% 0%)";
707
+ export const utrechtPageHeaderContentPaddingBlockStart = "1.8em";
708
+ export const utrechtPageHeaderContentPaddingBlockEnd = "1em";
709
+ export const utrechtPageHeaderContentPaddingInlineStart = "2em";
710
+ export const utrechtPageHeaderContentPaddingInlineEnd = "2.4em";
711
+ export const utrechtPageHeaderContentMaxInlineSize = "1184px";
712
+ export const utrechtPageHeaderContentPaddingInline = "2em";
690
713
  export const utrechtPageBackgroundColor = "hsl(0 0% 15%)";
691
714
  export const utrechtPageColor = "hsl(0 0% 95%)";
692
715
  export const utrechtPageMarginInlineStart = "2em";
693
716
  export const utrechtPageMarginInlineEnd = "2em";
694
717
  export const utrechtPageMaxInlineSize = "1184px";
695
718
  export const utrechtPagePaddingBlockStart = "1.8em";
696
- export const utrechtPagePaddingInlineEnd = "2em";
719
+ export const utrechtPagePaddingInlineEnd = "0";
697
720
  export const utrechtPagePaddingBlockEnd = "1em";
698
- export const utrechtPagePaddingInlineStart = "2em";
721
+ export const utrechtPagePaddingInlineStart = "0";
699
722
  export const utrechtPaginationFontSize = "0.875rem";
700
723
  export const utrechtPaginationMarginBlockStart = "0";
701
724
  export const utrechtPaginationMarginBlockEnd = "1em";
@@ -747,6 +770,7 @@ export const utrechtPreHeadingMarginBlockStart = "28px";
747
770
  export const utrechtRadioButtonBackgroundColor = "hsl(0 0% 20%)";
748
771
  export const utrechtRadioButtonBorderColor = "hsl(0 0% 95%)";
749
772
  export const utrechtRadioButtonBorderWidth = "2px";
773
+ export const utrechtRadioButtonColor = "hsl(0 0% 100%)";
750
774
  export const utrechtRadioButtonSize = "24px";
751
775
  export const utrechtRadioButtonMarginInlineEnd = "12px";
752
776
  export const utrechtRadioButtonIconSize = "42%";
@@ -765,13 +789,14 @@ export const utrechtRadioButtonDisabledBorderColor = "hsl(0 0% 80%)";
765
789
  export const utrechtRadioButtonDisabledColor = "hsl(0 0% 100%)";
766
790
  export const utrechtRadioButtonInvalidBorderColor = "#990000";
767
791
  export const utrechtRadioButtonInvalidBorderWidth = "2px";
768
- export const utrechtRadioButtonColor = "hsl(0 0% 100%)";
769
792
  export const utrechtRadioButtonBorderRadius = "0";
770
793
  export const utrechtRichTextStrangerMarginBlockEnd = "32px";
771
794
  export const utrechtRichTextAcquaintanceMarginBlockEnd = "16px";
772
795
  export const utrechtRichTextFriendMarginBlockEnd = "8px";
773
796
  export const utrechtRichTextBestFriendMarginBlockEnd = "4px";
774
797
  export const utrechtRichTextConfidantMarginBlockEnd = 0;
798
+ export const utrechtRootBackgroundColor = "hsl(0 0% 95%)";
799
+ export const utrechtRootColor = "hsl(0 0% 10%)";
775
800
  export const utrechtSearchBarButtonBackgroundColor = "hsl(0 100% 40%)";
776
801
  export const utrechtSearchBarButtonBorderColor = "hsl(0 100% 40%)";
777
802
  export const utrechtSearchBarButtonColor = "hsl(0 0% 100%)";
@@ -1077,3 +1102,6 @@ export const ofPageFooterBg = "hsl(0 100% 40%)";
1077
1102
  export const ofPageFooterFg = "hsl(0 0% 100%)";
1078
1103
  export const ofProgressIndicatorBackgroundColor = "hsl(0 0% 15%)";
1079
1104
  export const ofProgressIndicatorMobileBoxShadow = "0px 0px 2px 0px rgba(0 0 0 / 20%)";
1105
+ export const signalenModalDialogBackgroundColor = "hsl(0 0% 100%)";
1106
+ export const signalenModalDialogColor = "hsl(0 0% 0%)";
1107
+ export const signalenProgressBarBorderRadius = "4px";
package/dist/index.cjs CHANGED
@@ -83,6 +83,11 @@ module.exports = {
83
83
  "utrechtBlockquoteCaptionFontSize": "0.875rem",
84
84
  "utrechtBlockquoteMarginBlockStart": "1.6em",
85
85
  "utrechtBlockquoteMarginBlockEnd": "1.6em",
86
+ "utrechtBodyFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
87
+ "utrechtBodyFontSize": "1rem",
88
+ "utrechtBodyLineHeight": "1.4",
89
+ "utrechtBodyBackgroundColor": "hsl(0 0% 100%)",
90
+ "utrechtBodyColor": "hsl(0 0% 0%)",
86
91
  "utrechtBreadcrumbNavMinBlockSize": "34px",
87
92
  "utrechtBreadcrumbNavFontSize": "1rem",
88
93
  "utrechtBreadcrumbNavItemPaddingBlockStart": "8px",
@@ -544,6 +549,7 @@ module.exports = {
544
549
  "utrechtLinkListLinkFontWeight": "700",
545
550
  "utrechtLinkListLinkTextDecoration": "none",
546
551
  "utrechtLinkListIconSize": "14px",
552
+ "utrechtLinkListIconInsetBlockStart": "0.15em",
547
553
  "utrechtLinkSocialBackgroundColor": "hsl(0 100% 40%)",
548
554
  "utrechtLinkSocialBorderColor": "hsl(0 0% 100%)",
549
555
  "utrechtLinkSocialBorderWidth": "2px",
@@ -625,8 +631,6 @@ module.exports = {
625
631
  "utrechtMapcontrolbuttonPaddingInlineStart": "4px",
626
632
  "utrechtMarkBackgroundColor": "hsl(48 100% 60%)",
627
633
  "utrechtMarkColor": "hsl(0 0% 0%)",
628
- "utrechtNavBarBackgroundColor": "hsl(0 0% 100%)",
629
- "utrechtNavBarColor": "hsl(0 0% 0%)",
630
634
  "utrechtNavBarContentMaxInlineSize": "1184px",
631
635
  "utrechtNavBarLinkPaddingBlockEnd": "8px",
632
636
  "utrechtNavBarLinkPaddingBlockStart": "8px",
@@ -666,28 +670,47 @@ module.exports = {
666
670
  "utrechtOrderedListItemMarginBlockStart": "0.25em",
667
671
  "utrechtOrderedListItemMarginBlockEnd": "0.25em",
668
672
  "utrechtOrderedListItemPaddingInlineStart": "0",
673
+ "utrechtPageBodyContentBackgroundColor": "hsl(0 0% 100%)",
674
+ "utrechtPageBodyContentColor": "hsl(0 0% 0%)",
675
+ "utrechtPageBodyContentPaddingBlockStart": "0",
676
+ "utrechtPageBodyContentPaddingBlockEnd": "1em",
677
+ "utrechtPageBodyContentPaddingInlineStart": "2em",
678
+ "utrechtPageBodyContentMaxInlineSize": "1184px",
679
+ "utrechtPageBodyContentPaddingInlineEnd": "2.4em",
680
+ "utrechtPageBodyPaddingInlineEnd": "0",
681
+ "utrechtPageBodyPaddingInlineStart": "0",
682
+ "utrechtPageBodyPaddingBlockEnd": "0",
683
+ "utrechtPageBodyPaddingBlockStart": "0",
669
684
  "utrechtPageContentPaddingBlockStart": "2em",
670
685
  "utrechtPageContentPaddingBlockEnd": "2em",
671
686
  "utrechtPageFooterColor": "hsl(0 0% 100%)",
672
687
  "utrechtPageFooterBackgroundColor": "hsl(0 100% 40%)",
673
688
  "utrechtPageFooterBackgroundImage": "linear-gradient(45deg, hsl(0 100% 40%), hsl(0 100% 40%) 50%, #d63433 50%);",
674
- "utrechtPageFooterPaddingInlineEnd": "28px",
675
- "utrechtPageFooterPaddingInlineStart": "28px",
676
- "utrechtPageFooterPaddingBlockEnd": "48px",
677
- "utrechtPageFooterPaddingBlockStart": "48px",
678
- "utrechtPageHeaderPaddingBlockStart": "1.8em",
679
- "utrechtPageHeaderPaddingBlockEnd": "1em",
680
- "utrechtPageHeaderPaddingInlineStart": "2em",
681
- "utrechtPageHeaderPaddingInlineEnd": "2.4em",
689
+ "utrechtPageFooterContentPaddingBlockEnd": "48px",
690
+ "utrechtPageFooterContentPaddingBlockStart": "48px",
691
+ "utrechtPageFooterContentMaxInlineSize": "1184px",
692
+ "utrechtPageFooterContentPaddingInline": "28px",
693
+ "utrechtPageHeaderPaddingBlockStart": "0",
694
+ "utrechtPageHeaderPaddingBlockEnd": "0",
695
+ "utrechtPageHeaderPaddingInlineStart": "0",
696
+ "utrechtPageHeaderPaddingInlineEnd": "0",
697
+ "utrechtPageHeaderContentBackgroundColor": "hsl(0 0% 100%)",
698
+ "utrechtPageHeaderContentColor": "hsl(0 0% 0%)",
699
+ "utrechtPageHeaderContentPaddingBlockStart": "1.8em",
700
+ "utrechtPageHeaderContentPaddingBlockEnd": "1em",
701
+ "utrechtPageHeaderContentPaddingInlineStart": "2em",
702
+ "utrechtPageHeaderContentPaddingInlineEnd": "2.4em",
703
+ "utrechtPageHeaderContentMaxInlineSize": "1184px",
704
+ "utrechtPageHeaderContentPaddingInline": "2em",
682
705
  "utrechtPageBackgroundColor": "hsl(0 0% 100%)",
683
706
  "utrechtPageColor": "hsl(0 0% 0%)",
684
707
  "utrechtPageMarginInlineStart": "2em",
685
708
  "utrechtPageMarginInlineEnd": "2em",
686
709
  "utrechtPageMaxInlineSize": "1184px",
687
710
  "utrechtPagePaddingBlockStart": "1.8em",
688
- "utrechtPagePaddingInlineEnd": "2em",
711
+ "utrechtPagePaddingInlineEnd": "0",
689
712
  "utrechtPagePaddingBlockEnd": "1em",
690
- "utrechtPagePaddingInlineStart": "2em",
713
+ "utrechtPagePaddingInlineStart": "0",
691
714
  "utrechtPaginationFontSize": "0.875rem",
692
715
  "utrechtPaginationMarginBlockStart": "0",
693
716
  "utrechtPaginationMarginBlockEnd": "1em",
@@ -739,6 +762,7 @@ module.exports = {
739
762
  "utrechtRadioButtonBackgroundColor": "hsl(0 0% 100%)",
740
763
  "utrechtRadioButtonBorderColor": "hsl(0 0% 30%)",
741
764
  "utrechtRadioButtonBorderWidth": "2px",
765
+ "utrechtRadioButtonColor": "hsl(0 0% 100%)",
742
766
  "utrechtRadioButtonSize": "24px",
743
767
  "utrechtRadioButtonMarginInlineEnd": "12px",
744
768
  "utrechtRadioButtonIconSize": "42%",
@@ -757,13 +781,14 @@ module.exports = {
757
781
  "utrechtRadioButtonDisabledColor": "hsl(0 0% 100%)",
758
782
  "utrechtRadioButtonInvalidBorderColor": "#990000",
759
783
  "utrechtRadioButtonInvalidBorderWidth": "2px",
760
- "utrechtRadioButtonColor": "hsl(0 0% 100%)",
761
784
  "utrechtRadioButtonBorderRadius": "0",
762
785
  "utrechtRichTextStrangerMarginBlockEnd": "32px",
763
786
  "utrechtRichTextAcquaintanceMarginBlockEnd": "16px",
764
787
  "utrechtRichTextFriendMarginBlockEnd": "8px",
765
788
  "utrechtRichTextBestFriendMarginBlockEnd": "4px",
766
789
  "utrechtRichTextConfidantMarginBlockEnd": 0,
790
+ "utrechtRootBackgroundColor": "hsl(0 0% 95%)",
791
+ "utrechtRootColor": "hsl(0 0% 10%)",
767
792
  "utrechtSearchBarButtonBackgroundColor": "hsl(0 100% 40%)",
768
793
  "utrechtSearchBarButtonBorderColor": "hsl(0 100% 40%)",
769
794
  "utrechtSearchBarButtonColor": "hsl(0 0% 100%)",
@@ -1066,5 +1091,8 @@ module.exports = {
1066
1091
  "ofPageFooterBg": "hsl(0 100% 40%)",
1067
1092
  "ofPageFooterFg": "hsl(0 0% 100%)",
1068
1093
  "ofProgressIndicatorBackgroundColor": "hsl(0 0% 100%)",
1069
- "ofProgressIndicatorMobileBoxShadow": "0px 0px 2px 0px rgba(0 0 0 / 20%)"
1094
+ "ofProgressIndicatorMobileBoxShadow": "0px 0px 2px 0px rgba(0 0 0 / 20%)",
1095
+ "signalenModalDialogBackgroundColor": "hsl(0 0% 100%)",
1096
+ "signalenModalDialogColor": "hsl(0 0% 0%)",
1097
+ "signalenProgressBarBorderRadius": "4px"
1070
1098
  };
package/dist/index.css CHANGED
@@ -30,6 +30,7 @@
30
30
  }
31
31
  }
32
32
  .utrecht-theme {
33
+ --signalen-progress-bar-border-radius: 4px;
33
34
  --of-progress-indicator-mobile-box-shadow: 0px 0px 2px 0px rgba(0 0 0 / 20%);
34
35
  --nl-number-badge-padding-inline: 1ex;
35
36
  --nl-number-badge-padding-block: 1ex;
@@ -180,19 +181,35 @@
180
181
  --utrecht-pagination-page-link-background-color: transparent;
181
182
  --utrecht-pagination-margin-block-end: 1em;
182
183
  --utrecht-pagination-margin-block-start: 0;
183
- --utrecht-page-padding-inline-start: 2em;
184
+ --utrecht-page-padding-inline-start: 0;
184
185
  --utrecht-page-padding-block-end: 1em;
185
- --utrecht-page-padding-inline-end: 2em;
186
+ --utrecht-page-padding-inline-end: 0;
186
187
  --utrecht-page-padding-block-start: 1.8em;
187
188
  --utrecht-page-max-inline-size: 1184px;
188
189
  --utrecht-page-margin-inline-end: 2em;
189
190
  --utrecht-page-margin-inline-start: 2em;
190
- --utrecht-page-header-padding-inline-end: 2.4em;
191
- --utrecht-page-header-padding-inline-start: 2em;
192
- --utrecht-page-header-padding-block-end: 1em;
193
- --utrecht-page-header-padding-block-start: 1.8em;
191
+ --utrecht-page-header-content-padding-inline: 2em;
192
+ --utrecht-page-header-content-max-inline-size: 1184px;
193
+ --utrecht-page-header-content-padding-inline-end: 2.4em;
194
+ --utrecht-page-header-content-padding-inline-start: 2em;
195
+ --utrecht-page-header-content-padding-block-end: 1em;
196
+ --utrecht-page-header-content-padding-block-start: 1.8em;
197
+ --utrecht-page-header-padding-inline-end: 0;
198
+ --utrecht-page-header-padding-inline-start: 0;
199
+ --utrecht-page-header-padding-block-end: 0;
200
+ --utrecht-page-header-padding-block-start: 0;
201
+ --utrecht-page-footer-content-max-inline-size: 1184px;
194
202
  --utrecht-page-content-padding-block-end: 2em;
195
203
  --utrecht-page-content-padding-block-start: 2em;
204
+ --utrecht-page-body-padding-block-start: 0;
205
+ --utrecht-page-body-padding-block-end: 0;
206
+ --utrecht-page-body-padding-inline-start: 0;
207
+ --utrecht-page-body-padding-inline-end: 0;
208
+ --utrecht-page-body-content-padding-inline-end: 2.4em;
209
+ --utrecht-page-body-content-max-inline-size: 1184px;
210
+ --utrecht-page-body-content-padding-inline-start: 2em;
211
+ --utrecht-page-body-content-padding-block-end: 1em;
212
+ --utrecht-page-body-content-padding-block-start: 0;
196
213
  --utrecht-ordered-list-item-padding-inline-start: 0;
197
214
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
198
215
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
@@ -229,6 +246,7 @@
229
246
  --utrecht-link-social-icon-size: 26px;
230
247
  --utrecht-link-social-size: 40px;
231
248
  --utrecht-link-social-border-width: 2px;
249
+ --utrecht-link-list-icon-inset-block-start: 0.15em;
232
250
  --utrecht-link-list-icon-size: 14px;
233
251
  --utrecht-link-list-link-text-decoration: none;
234
252
  --utrecht-icon-baseline-inset-block-start: 0.125em;
@@ -387,6 +405,7 @@
387
405
  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
388
406
  --utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
389
407
  --utrecht-breadcrumb-nav-min-block-size: 34px;
408
+ --utrecht-body-line-height: 1.4;
390
409
  --utrecht-blockquote-margin-block-end: 1.6em;
391
410
  --utrecht-blockquote-margin-block-start: 1.6em;
392
411
  --utrecht-blockquote-margin-inline-end: 1.6em;
@@ -559,11 +578,12 @@
559
578
  --utrecht-search-bar-button-color: var(--utrecht-color-white);
560
579
  --utrecht-search-bar-button-border-color: var(--utrecht-color-red-40);
561
580
  --utrecht-search-bar-button-background-color: var(--utrecht-color-red-40);
581
+ --utrecht-root-color: var(--utrecht-color-grey-10);
582
+ --utrecht-root-background-color: var(--utrecht-color-grey-95);
562
583
  --utrecht-rich-text-best-friend-margin-block-end: var(--utrecht-space-block-2xs);
563
584
  --utrecht-rich-text-friend-margin-block-end: var(--utrecht-space-block-xs);
564
585
  --utrecht-rich-text-acquaintance-margin-block-end: var(--utrecht-space-block-md);
565
586
  --utrecht-rich-text-stranger-margin-block-end: var(--utrecht-space-block-2xl);
566
- --utrecht-radio-button-color: var(--utrecht-color-white);
567
587
  --utrecht-radio-button-disabled-color: var(--utrecht-color-white);
568
588
  --utrecht-radio-button-disabled-border-color: var(--utrecht-color-grey-80);
569
589
  --utrecht-radio-button-disabled-background-color: var(--utrecht-color-grey-80);
@@ -577,6 +597,7 @@
577
597
  --utrecht-radio-button-checked-border-color: var(--utrecht-color-blue-40);
578
598
  --utrecht-radio-button-checked-background-color: var(--utrecht-color-blue-40);
579
599
  --utrecht-radio-button-active-background-color: var(--utrecht-color-blue-80);
600
+ --utrecht-radio-button-color: var(--utrecht-color-white);
580
601
  --utrecht-pre-heading-margin-block-start: var(--utrecht-space-row-2xl);
581
602
  --utrecht-pre-heading-font-size: var(--utrecht-typography-scale-md-font-size);
582
603
  --utrecht-paragraph-small-font-size: var(--utrecht-typography-scale-sm-font-size);
@@ -599,13 +620,16 @@
599
620
  --utrecht-pagination-font-size: var(--utrecht-typography-scale-sm-font-size);
600
621
  --utrecht-page-color: var(--utrecht-color-black);
601
622
  --utrecht-page-background-color: var(--utrecht-color-white);
602
- --utrecht-page-footer-padding-block-start: var(--utrecht-space-block-3xl);
603
- --utrecht-page-footer-padding-block-end: var(--utrecht-space-block-3xl);
604
- --utrecht-page-footer-padding-inline-start: var(--utrecht-space-inline-2xl);
605
- --utrecht-page-footer-padding-inline-end: var(--utrecht-space-inline-2xl);
623
+ --utrecht-page-header-content-color: var(--utrecht-color-black);
624
+ --utrecht-page-header-content-background-color: var(--utrecht-color-white);
625
+ --utrecht-page-footer-content-padding-inline: var(--utrecht-space-inline-2xl);
626
+ --utrecht-page-footer-content-padding-block-start: var(--utrecht-space-block-3xl);
627
+ --utrecht-page-footer-content-padding-block-end: var(--utrecht-space-block-3xl);
606
628
  --utrecht-page-footer-background-image: linear-gradient(45deg, var(--utrecht-color-red-40), var(--utrecht-color-red-40) 50%, #d63433 50%);
607
629
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
608
630
  --utrecht-page-footer-color: var(--utrecht-color-white);
631
+ --utrecht-page-body-content-color: var(--utrecht-color-black);
632
+ --utrecht-page-body-content-background-color: var(--utrecht-color-white);
609
633
  --utrecht-number-badge-padding-inline: var(--nl-number-badge-padding-inline); /* Default inline padding color for badge components */
610
634
  --utrecht-number-badge-padding-block: var(--nl-number-badge-padding-block); /* Default block padding for badge components */
611
635
  --utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
@@ -631,8 +655,6 @@
631
655
  --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);
632
656
  --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
633
657
  --utrecht-nav-bar-content-max-inline-size: var(--utrecht-page-max-inline-size);
634
- --utrecht-nav-bar-color: var(--utrecht-color-black);
635
- --utrecht-nav-bar-background-color: var(--utrecht-color-white);
636
658
  --utrecht-mapcontrolbutton-padding-inline-start: var(--utrecht-space-inline-2xs);
637
659
  --utrecht-mapcontrolbutton-padding-inline-end: var(--utrecht-space-inline-2xs);
638
660
  --utrecht-mapcontrolbutton-padding-block-start: var(--utrecht-space-block-2xs);
@@ -902,6 +924,10 @@
902
924
  --utrecht-breadcrumb-nav-item-padding-block-end: var(--utrecht-space-block-xs);
903
925
  --utrecht-breadcrumb-nav-item-padding-block-start: var(--utrecht-space-block-xs);
904
926
  --utrecht-breadcrumb-nav-font-size: var(--utrecht-typography-scale-md-font-size);
927
+ --utrecht-body-color: var(--utrecht-color-black);
928
+ --utrecht-body-background-color: var(--utrecht-color-white);
929
+ --utrecht-body-font-size: var(--utrecht-typography-scale-md-font-size);
930
+ --utrecht-body-font-family: var(--utrecht-typography-sans-serif-font-family);
905
931
  --utrecht-blockquote-caption-font-size: var(--utrecht-typography-scale-sm-font-size);
906
932
  --utrecht-blockquote-content-font-size: var(--utrecht-typography-scale-lg-font-size);
907
933
  --utrecht-blockquote-content-color: var(--utrecht-color-red-40);
@@ -958,6 +984,8 @@
958
984
  --utrecht-accordion-button-padding-inline-start: var(--utrecht-space-block-md);
959
985
  --utrecht-accordion-button-padding-inline-end: var(--utrecht-space-block-md);
960
986
  --utrecht-accordion-row-gap: var(--utrecht-space-block-xs);
987
+ --signalen-modal-dialog-color: var(--utrecht-body-color);
988
+ --signalen-modal-dialog-background-color: var(--utrecht-body-background-color);
961
989
  --of-progress-indicator-background-color: var(--utrecht-document-background-color);
962
990
  --of-page-footer-fg: var(--utrecht-page-footer-color);
963
991
  --of-page-footer-bg: var(--utrecht-page-footer-background-color);
@@ -1107,6 +1135,7 @@
1107
1135
  @media (prefers-color-scheme: dark) {
1108
1136
  .utrecht-theme--media-query,
1109
1137
  .utrecht-theme--media-query-color-scheme {
1138
+ --signalen-progress-bar-border-radius: 4px;
1110
1139
  --of-progress-indicator-mobile-box-shadow: 0px 0px 2px 0px rgba(0 0 0 / 20%);
1111
1140
  --nl-number-badge-padding-inline: 1ex;
1112
1141
  --nl-number-badge-padding-block: 1ex;
@@ -1257,19 +1286,35 @@
1257
1286
  --utrecht-pagination-page-link-background-color: transparent;
1258
1287
  --utrecht-pagination-margin-block-end: 1em;
1259
1288
  --utrecht-pagination-margin-block-start: 0;
1260
- --utrecht-page-padding-inline-start: 2em;
1289
+ --utrecht-page-padding-inline-start: 0;
1261
1290
  --utrecht-page-padding-block-end: 1em;
1262
- --utrecht-page-padding-inline-end: 2em;
1291
+ --utrecht-page-padding-inline-end: 0;
1263
1292
  --utrecht-page-padding-block-start: 1.8em;
1264
1293
  --utrecht-page-max-inline-size: 1184px;
1265
1294
  --utrecht-page-margin-inline-end: 2em;
1266
1295
  --utrecht-page-margin-inline-start: 2em;
1267
- --utrecht-page-header-padding-inline-end: 2.4em;
1268
- --utrecht-page-header-padding-inline-start: 2em;
1269
- --utrecht-page-header-padding-block-end: 1em;
1270
- --utrecht-page-header-padding-block-start: 1.8em;
1296
+ --utrecht-page-header-content-padding-inline: 2em;
1297
+ --utrecht-page-header-content-max-inline-size: 1184px;
1298
+ --utrecht-page-header-content-padding-inline-end: 2.4em;
1299
+ --utrecht-page-header-content-padding-inline-start: 2em;
1300
+ --utrecht-page-header-content-padding-block-end: 1em;
1301
+ --utrecht-page-header-content-padding-block-start: 1.8em;
1302
+ --utrecht-page-header-padding-inline-end: 0;
1303
+ --utrecht-page-header-padding-inline-start: 0;
1304
+ --utrecht-page-header-padding-block-end: 0;
1305
+ --utrecht-page-header-padding-block-start: 0;
1306
+ --utrecht-page-footer-content-max-inline-size: 1184px;
1271
1307
  --utrecht-page-content-padding-block-end: 2em;
1272
1308
  --utrecht-page-content-padding-block-start: 2em;
1309
+ --utrecht-page-body-padding-block-start: 0;
1310
+ --utrecht-page-body-padding-block-end: 0;
1311
+ --utrecht-page-body-padding-inline-start: 0;
1312
+ --utrecht-page-body-padding-inline-end: 0;
1313
+ --utrecht-page-body-content-padding-inline-end: 2.4em;
1314
+ --utrecht-page-body-content-max-inline-size: 1184px;
1315
+ --utrecht-page-body-content-padding-inline-start: 2em;
1316
+ --utrecht-page-body-content-padding-block-end: 1em;
1317
+ --utrecht-page-body-content-padding-block-start: 0;
1273
1318
  --utrecht-ordered-list-item-padding-inline-start: 0;
1274
1319
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
1275
1320
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
@@ -1306,6 +1351,7 @@
1306
1351
  --utrecht-link-social-icon-size: 26px;
1307
1352
  --utrecht-link-social-size: 40px;
1308
1353
  --utrecht-link-social-border-width: 2px;
1354
+ --utrecht-link-list-icon-inset-block-start: 0.15em;
1309
1355
  --utrecht-link-list-icon-size: 14px;
1310
1356
  --utrecht-link-list-link-text-decoration: none;
1311
1357
  --utrecht-icon-baseline-inset-block-start: 0.125em;
@@ -1465,6 +1511,7 @@
1465
1511
  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
1466
1512
  --utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
1467
1513
  --utrecht-breadcrumb-nav-min-block-size: 34px;
1514
+ --utrecht-body-line-height: 1.4;
1468
1515
  --utrecht-blockquote-margin-block-end: 1.6em;
1469
1516
  --utrecht-blockquote-margin-block-start: 1.6em;
1470
1517
  --utrecht-blockquote-margin-inline-end: 1.6em;
@@ -1641,11 +1688,12 @@
1641
1688
  --utrecht-search-bar-button-color: var(--utrecht-color-white);
1642
1689
  --utrecht-search-bar-button-border-color: var(--utrecht-color-red-40);
1643
1690
  --utrecht-search-bar-button-background-color: var(--utrecht-color-red-40);
1691
+ --utrecht-root-color: var(--utrecht-color-grey-10);
1692
+ --utrecht-root-background-color: var(--utrecht-color-grey-95);
1644
1693
  --utrecht-rich-text-best-friend-margin-block-end: var(--utrecht-space-block-2xs);
1645
1694
  --utrecht-rich-text-friend-margin-block-end: var(--utrecht-space-block-xs);
1646
1695
  --utrecht-rich-text-acquaintance-margin-block-end: var(--utrecht-space-block-md);
1647
1696
  --utrecht-rich-text-stranger-margin-block-end: var(--utrecht-space-block-2xl);
1648
- --utrecht-radio-button-color: var(--utrecht-color-white);
1649
1697
  --utrecht-radio-button-disabled-color: var(--utrecht-color-white);
1650
1698
  --utrecht-radio-button-disabled-border-color: var(--utrecht-color-grey-80);
1651
1699
  --utrecht-radio-button-disabled-background-color: var(--utrecht-color-grey-80);
@@ -1659,6 +1707,7 @@
1659
1707
  --utrecht-radio-button-checked-border-color: var(--utrecht-color-blue-40);
1660
1708
  --utrecht-radio-button-checked-background-color: var(--utrecht-color-blue-40);
1661
1709
  --utrecht-radio-button-active-background-color: var(--utrecht-color-blue-80);
1710
+ --utrecht-radio-button-color: var(--utrecht-color-white);
1662
1711
  --utrecht-pre-heading-margin-block-start: var(--utrecht-space-row-2xl);
1663
1712
  --utrecht-pre-heading-font-size: var(--utrecht-typography-scale-md-font-size);
1664
1713
  --utrecht-paragraph-small-font-size: var(--utrecht-typography-scale-sm-font-size);
@@ -1681,13 +1730,16 @@
1681
1730
  --utrecht-pagination-font-size: var(--utrecht-typography-scale-sm-font-size);
1682
1731
  --utrecht-page-color: var(--utrecht-color-grey-95);
1683
1732
  --utrecht-page-background-color: var(--utrecht-color-grey-15);
1684
- --utrecht-page-footer-padding-block-start: var(--utrecht-space-block-3xl);
1685
- --utrecht-page-footer-padding-block-end: var(--utrecht-space-block-3xl);
1686
- --utrecht-page-footer-padding-inline-start: var(--utrecht-space-inline-2xl);
1687
- --utrecht-page-footer-padding-inline-end: var(--utrecht-space-inline-2xl);
1733
+ --utrecht-page-header-content-color: var(--utrecht-color-black);
1734
+ --utrecht-page-header-content-background-color: var(--utrecht-color-white);
1735
+ --utrecht-page-footer-content-padding-inline: var(--utrecht-space-inline-2xl);
1736
+ --utrecht-page-footer-content-padding-block-start: var(--utrecht-space-block-3xl);
1737
+ --utrecht-page-footer-content-padding-block-end: var(--utrecht-space-block-3xl);
1688
1738
  --utrecht-page-footer-background-image: linear-gradient(45deg, var(--utrecht-color-red-40), var(--utrecht-color-red-40) 50%, #d63433 50%);
1689
1739
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
1690
1740
  --utrecht-page-footer-color: var(--utrecht-color-white);
1741
+ --utrecht-page-body-content-color: var(--utrecht-color-black);
1742
+ --utrecht-page-body-content-background-color: var(--utrecht-color-white);
1691
1743
  --utrecht-number-badge-padding-inline: var(--nl-number-badge-padding-inline); /* Default inline padding color for badge components */
1692
1744
  --utrecht-number-badge-padding-block: var(--nl-number-badge-padding-block); /* Default block padding for badge components */
1693
1745
  --utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
@@ -1713,8 +1765,6 @@
1713
1765
  --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);
1714
1766
  --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
1715
1767
  --utrecht-nav-bar-content-max-inline-size: var(--utrecht-page-max-inline-size);
1716
- --utrecht-nav-bar-color: var(--utrecht-color-black);
1717
- --utrecht-nav-bar-background-color: var(--utrecht-color-white);
1718
1768
  --utrecht-mapcontrolbutton-padding-inline-start: var(--utrecht-space-inline-2xs);
1719
1769
  --utrecht-mapcontrolbutton-padding-inline-end: var(--utrecht-space-inline-2xs);
1720
1770
  --utrecht-mapcontrolbutton-padding-block-start: var(--utrecht-space-block-2xs);
@@ -1980,6 +2030,10 @@
1980
2030
  --utrecht-breadcrumb-nav-item-padding-block-end: var(--utrecht-space-block-xs);
1981
2031
  --utrecht-breadcrumb-nav-item-padding-block-start: var(--utrecht-space-block-xs);
1982
2032
  --utrecht-breadcrumb-nav-font-size: var(--utrecht-typography-scale-md-font-size);
2033
+ --utrecht-body-color: var(--utrecht-color-black);
2034
+ --utrecht-body-background-color: var(--utrecht-color-white);
2035
+ --utrecht-body-font-size: var(--utrecht-typography-scale-md-font-size);
2036
+ --utrecht-body-font-family: var(--utrecht-typography-sans-serif-font-family);
1983
2037
  --utrecht-blockquote-caption-font-size: var(--utrecht-typography-scale-sm-font-size);
1984
2038
  --utrecht-blockquote-content-font-size: var(--utrecht-typography-scale-lg-font-size);
1985
2039
  --utrecht-blockquote-content-color: var(--utrecht-color-red-40);
@@ -2036,6 +2090,8 @@
2036
2090
  --utrecht-accordion-button-padding-inline-start: var(--utrecht-space-block-md);
2037
2091
  --utrecht-accordion-button-padding-inline-end: var(--utrecht-space-block-md);
2038
2092
  --utrecht-accordion-row-gap: var(--utrecht-space-block-xs);
2093
+ --signalen-modal-dialog-color: var(--utrecht-body-color);
2094
+ --signalen-modal-dialog-background-color: var(--utrecht-body-background-color);
2039
2095
  --of-progress-indicator-background-color: var(--utrecht-document-background-color);
2040
2096
  --of-page-footer-fg: var(--utrecht-page-footer-color);
2041
2097
  --of-page-footer-bg: var(--utrecht-page-footer-background-color);
package/dist/index.d.ts CHANGED
@@ -92,6 +92,11 @@ export const utrechtBlockquoteContentFontSize : string;
92
92
  export const utrechtBlockquoteCaptionFontSize : string;
93
93
  export const utrechtBlockquoteMarginBlockStart : string;
94
94
  export const utrechtBlockquoteMarginBlockEnd : string;
95
+ export const utrechtBodyFontFamily : string;
96
+ export const utrechtBodyFontSize : string;
97
+ export const utrechtBodyLineHeight : string;
98
+ export const utrechtBodyBackgroundColor : string;
99
+ export const utrechtBodyColor : string;
95
100
  export const utrechtBreadcrumbNavMinBlockSize : string;
96
101
  export const utrechtBreadcrumbNavFontSize : string;
97
102
  export const utrechtBreadcrumbNavItemPaddingBlockStart : string;
@@ -607,6 +612,7 @@ export const utrechtLinkListLinkColumnGap : string;
607
612
  export const utrechtLinkListLinkFontWeight : string;
608
613
  export const utrechtLinkListLinkTextDecoration : string;
609
614
  export const utrechtLinkListIconSize : string;
615
+ export const utrechtLinkListIconInsetBlockStart : string;
610
616
  export const utrechtLinkSocialBackgroundColor : string;
611
617
  export const utrechtLinkSocialBorderColor : string;
612
618
  export const utrechtLinkSocialBorderWidth : string;
@@ -688,8 +694,6 @@ export const utrechtMapcontrolbuttonPaddingInlineEnd : string;
688
694
  export const utrechtMapcontrolbuttonPaddingInlineStart : string;
689
695
  export const utrechtMarkBackgroundColor : string;
690
696
  export const utrechtMarkColor : string;
691
- export const utrechtNavBarBackgroundColor : string;
692
- export const utrechtNavBarColor : string;
693
697
  export const utrechtNavBarContentMaxInlineSize : string;
694
698
  export const utrechtNavBarLinkPaddingBlockEnd : string;
695
699
  export const utrechtNavBarLinkPaddingBlockStart : string;
@@ -732,19 +736,38 @@ export const utrechtOrderedListPaddingInlineStart : string;
732
736
  export const utrechtOrderedListItemMarginBlockStart : string;
733
737
  export const utrechtOrderedListItemMarginBlockEnd : string;
734
738
  export const utrechtOrderedListItemPaddingInlineStart : string;
739
+ export const utrechtPageBodyContentBackgroundColor : string;
740
+ export const utrechtPageBodyContentColor : string;
741
+ export const utrechtPageBodyContentPaddingBlockStart : string;
742
+ export const utrechtPageBodyContentPaddingBlockEnd : string;
743
+ export const utrechtPageBodyContentPaddingInlineStart : string;
744
+ export const utrechtPageBodyContentMaxInlineSize : string;
745
+ export const utrechtPageBodyContentPaddingInlineEnd : string;
746
+ export const utrechtPageBodyPaddingInlineEnd : string;
747
+ export const utrechtPageBodyPaddingInlineStart : string;
748
+ export const utrechtPageBodyPaddingBlockEnd : string;
749
+ export const utrechtPageBodyPaddingBlockStart : string;
735
750
  export const utrechtPageContentPaddingBlockStart : string;
736
751
  export const utrechtPageContentPaddingBlockEnd : string;
737
752
  export const utrechtPageFooterColor : string;
738
753
  export const utrechtPageFooterBackgroundColor : string;
739
754
  export const utrechtPageFooterBackgroundImage : string;
740
- export const utrechtPageFooterPaddingInlineEnd : string;
741
- export const utrechtPageFooterPaddingInlineStart : string;
742
- export const utrechtPageFooterPaddingBlockEnd : string;
743
- export const utrechtPageFooterPaddingBlockStart : string;
755
+ export const utrechtPageFooterContentPaddingBlockEnd : string;
756
+ export const utrechtPageFooterContentPaddingBlockStart : string;
757
+ export const utrechtPageFooterContentMaxInlineSize : string;
758
+ export const utrechtPageFooterContentPaddingInline : string;
744
759
  export const utrechtPageHeaderPaddingBlockStart : string;
745
760
  export const utrechtPageHeaderPaddingBlockEnd : string;
746
761
  export const utrechtPageHeaderPaddingInlineStart : string;
747
762
  export const utrechtPageHeaderPaddingInlineEnd : string;
763
+ export const utrechtPageHeaderContentBackgroundColor : string;
764
+ export const utrechtPageHeaderContentColor : string;
765
+ export const utrechtPageHeaderContentPaddingBlockStart : string;
766
+ export const utrechtPageHeaderContentPaddingBlockEnd : string;
767
+ export const utrechtPageHeaderContentPaddingInlineStart : string;
768
+ export const utrechtPageHeaderContentPaddingInlineEnd : string;
769
+ export const utrechtPageHeaderContentMaxInlineSize : string;
770
+ export const utrechtPageHeaderContentPaddingInline : string;
748
771
  export const utrechtPageBackgroundColor : string;
749
772
  export const utrechtPageColor : string;
750
773
  export const utrechtPageMarginInlineStart : string;
@@ -805,6 +828,7 @@ export const utrechtPreHeadingMarginBlockStart : string;
805
828
  export const utrechtRadioButtonBackgroundColor : string;
806
829
  export const utrechtRadioButtonBorderColor : string;
807
830
  export const utrechtRadioButtonBorderWidth : string;
831
+ export const utrechtRadioButtonColor : string;
808
832
  export const utrechtRadioButtonSize : string;
809
833
  export const utrechtRadioButtonMarginInlineEnd : string;
810
834
  export const utrechtRadioButtonIconSize : string;
@@ -823,13 +847,14 @@ export const utrechtRadioButtonDisabledBorderColor : string;
823
847
  export const utrechtRadioButtonDisabledColor : string;
824
848
  export const utrechtRadioButtonInvalidBorderColor : string;
825
849
  export const utrechtRadioButtonInvalidBorderWidth : string;
826
- export const utrechtRadioButtonColor : string;
827
850
  export const utrechtRadioButtonBorderRadius : string;
828
851
  export const utrechtRichTextStrangerMarginBlockEnd : string;
829
852
  export const utrechtRichTextAcquaintanceMarginBlockEnd : string;
830
853
  export const utrechtRichTextFriendMarginBlockEnd : string;
831
854
  export const utrechtRichTextBestFriendMarginBlockEnd : string;
832
855
  export const utrechtRichTextConfidantMarginBlockEnd : string;
856
+ export const utrechtRootBackgroundColor : string;
857
+ export const utrechtRootColor : string;
833
858
  export const utrechtSearchBarButtonBackgroundColor : string;
834
859
  export const utrechtSearchBarButtonBorderColor : string;
835
860
  export const utrechtSearchBarButtonColor : string;
@@ -1187,3 +1212,6 @@ export const ofPageFooterBg : string;
1187
1212
  export const ofPageFooterFg : string;
1188
1213
  export const ofProgressIndicatorBackgroundColor : string;
1189
1214
  export const ofProgressIndicatorMobileBoxShadow : string;
1215
+ export const signalenModalDialogBackgroundColor : string;
1216
+ export const signalenModalDialogColor : string;
1217
+ export const signalenProgressBarBorderRadius : string;