@utrecht/design-tokens 2.3.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 (83) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/_mixin-theme.scss +165 -76
  3. package/dist/_mixin.scss +165 -76
  4. package/dist/_variables.scss +165 -76
  5. package/dist/dark/_mixin-theme.scss +165 -76
  6. package/dist/dark/_mixin.scss +165 -76
  7. package/dist/dark/_variables.scss +165 -76
  8. package/dist/dark/index.cjs +104 -15
  9. package/dist/dark/index.css +165 -76
  10. package/dist/dark/index.d.ts +97 -8
  11. package/dist/dark/index.flat.json +102 -13
  12. package/dist/dark/index.json +11111 -9439
  13. package/dist/dark/index.mjs +103 -14
  14. package/dist/dark/index.tokens.json +369 -248
  15. package/dist/dark/list.json +11111 -9439
  16. package/dist/dark/list.mjs +11111 -9439
  17. package/dist/dark/property.css +19 -7
  18. package/dist/dark/root.css +164 -75
  19. package/dist/dark/theme-prince-xml.css +165 -76
  20. package/dist/dark/theme.css +164 -75
  21. package/dist/dark/tokens.cjs +2051 -347
  22. package/dist/dark/tokens.d.ts +255 -126
  23. package/dist/dark/tokens.json +2051 -347
  24. package/dist/dark/variables.cjs +104 -15
  25. package/dist/dark/variables.css +164 -75
  26. package/dist/dark/variables.d.ts +97 -8
  27. package/dist/dark/variables.json +102 -13
  28. package/dist/dark/variables.less +165 -76
  29. package/dist/dark/variables.mjs +103 -14
  30. package/dist/index.cjs +104 -15
  31. package/dist/index.css +330 -152
  32. package/dist/index.d.ts +97 -8
  33. package/dist/index.flat.json +102 -13
  34. package/dist/index.json +2175 -503
  35. package/dist/index.mjs +103 -14
  36. package/dist/index.tokens.json +369 -248
  37. package/dist/list.json +2175 -503
  38. package/dist/list.mjs +2175 -503
  39. package/dist/property.css +19 -7
  40. package/dist/root.css +164 -75
  41. package/dist/theme-prince-xml.css +165 -76
  42. package/dist/theme.css +164 -75
  43. package/dist/tokens.cjs +2051 -347
  44. package/dist/tokens.d.ts +255 -126
  45. package/dist/tokens.json +2051 -347
  46. package/dist/variables.cjs +104 -15
  47. package/dist/variables.css +164 -75
  48. package/dist/variables.d.ts +97 -8
  49. package/dist/variables.json +102 -13
  50. package/dist/variables.less +165 -76
  51. package/dist/variables.mjs +103 -14
  52. package/package.json +1 -1
  53. package/src/component/nl/code-block.tokens.json +13 -0
  54. package/src/component/nl/code.tokens.json +11 -0
  55. package/src/component/nl/data-badge.tokens.json +22 -0
  56. package/src/component/nl/heading.tokens.json +48 -0
  57. package/src/component/nl/mark.tokens.json +8 -0
  58. package/src/component/nl/number-badge.tokens.json +23 -0
  59. package/src/component/nl/paragraph.tokens.json +20 -0
  60. package/src/component/nl/skip-link.tokens.json +16 -0
  61. package/src/component/signalen/signalen.tokens.json +17 -0
  62. package/src/component/utrecht/badge.tokens.json +5 -5
  63. package/src/component/utrecht/body.tokens.json +11 -0
  64. package/src/component/utrecht/code-block.tokens.json +9 -9
  65. package/src/component/utrecht/heading-1.tokens.json +4 -4
  66. package/src/component/utrecht/heading-2.tokens.json +4 -4
  67. package/src/component/utrecht/heading-3.tokens.json +4 -4
  68. package/src/component/utrecht/heading-4.tokens.json +4 -4
  69. package/src/component/utrecht/heading-5.tokens.json +4 -4
  70. package/src/component/utrecht/heading-6.tokens.json +4 -4
  71. package/src/component/utrecht/link-list.tokens.json +3 -0
  72. package/src/component/utrecht/mark.tokens.json +2 -2
  73. package/src/component/utrecht/nav-bar.tokens.json +0 -2
  74. package/src/component/utrecht/number-badge.tokens.json +6 -6
  75. package/src/component/utrecht/page-body.tokens.json +19 -0
  76. package/src/component/utrecht/page-footer.tokens.json +6 -4
  77. package/src/component/utrecht/page-header.tokens.json +14 -4
  78. package/src/component/utrecht/page.tokens.json +2 -2
  79. package/src/component/utrecht/paragraph.tokens.json +8 -8
  80. package/src/component/utrecht/root.tokens.json +8 -0
  81. package/src/component/utrecht/skip-link.tokens.json +10 -10
  82. package/project.json +0 -25
  83. package/src/component/utrecht/badge-data.tokens.json +0 -8
@@ -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;
@@ -286,6 +291,7 @@ export const utrechtCheckboxInvalidBorderColor : string;
286
291
  export const utrechtCheckboxMarginBlockStart : number;
287
292
  export const utrechtCodeBlockBackgroundColor : string;
288
293
  export const utrechtCodeBlockColor : string;
294
+ export const utrechtCodeBlockFontFamily : string;
289
295
  export const utrechtCodeBlockFontSize : string;
290
296
  export const utrechtCodeBlockLineHeight : string;
291
297
  export const utrechtCodeBlockMarginBlockStart : string;
@@ -606,6 +612,7 @@ export const utrechtLinkListLinkColumnGap : string;
606
612
  export const utrechtLinkListLinkFontWeight : string;
607
613
  export const utrechtLinkListLinkTextDecoration : string;
608
614
  export const utrechtLinkListIconSize : string;
615
+ export const utrechtLinkListIconInsetBlockStart : string;
609
616
  export const utrechtLinkSocialBackgroundColor : string;
610
617
  export const utrechtLinkSocialBorderColor : string;
611
618
  export const utrechtLinkSocialBorderWidth : string;
@@ -687,8 +694,6 @@ export const utrechtMapcontrolbuttonPaddingInlineEnd : string;
687
694
  export const utrechtMapcontrolbuttonPaddingInlineStart : string;
688
695
  export const utrechtMarkBackgroundColor : string;
689
696
  export const utrechtMarkColor : string;
690
- export const utrechtNavBarBackgroundColor : string;
691
- export const utrechtNavBarColor : string;
692
697
  export const utrechtNavBarContentMaxInlineSize : string;
693
698
  export const utrechtNavBarLinkPaddingBlockEnd : string;
694
699
  export const utrechtNavBarLinkPaddingBlockStart : string;
@@ -731,19 +736,38 @@ export const utrechtOrderedListPaddingInlineStart : string;
731
736
  export const utrechtOrderedListItemMarginBlockStart : string;
732
737
  export const utrechtOrderedListItemMarginBlockEnd : string;
733
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;
734
750
  export const utrechtPageContentPaddingBlockStart : string;
735
751
  export const utrechtPageContentPaddingBlockEnd : string;
736
752
  export const utrechtPageFooterColor : string;
737
753
  export const utrechtPageFooterBackgroundColor : string;
738
754
  export const utrechtPageFooterBackgroundImage : string;
739
- export const utrechtPageFooterPaddingInlineEnd : string;
740
- export const utrechtPageFooterPaddingInlineStart : string;
741
- export const utrechtPageFooterPaddingBlockEnd : string;
742
- export const utrechtPageFooterPaddingBlockStart : string;
755
+ export const utrechtPageFooterContentPaddingBlockEnd : string;
756
+ export const utrechtPageFooterContentPaddingBlockStart : string;
757
+ export const utrechtPageFooterContentMaxInlineSize : string;
758
+ export const utrechtPageFooterContentPaddingInline : string;
743
759
  export const utrechtPageHeaderPaddingBlockStart : string;
744
760
  export const utrechtPageHeaderPaddingBlockEnd : string;
745
761
  export const utrechtPageHeaderPaddingInlineStart : string;
746
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;
747
771
  export const utrechtPageBackgroundColor : string;
748
772
  export const utrechtPageColor : string;
749
773
  export const utrechtPageMarginInlineStart : string;
@@ -795,7 +819,6 @@ export const utrechtParagraphFontWeight : string;
795
819
  export const utrechtParagraphLineHeight : string;
796
820
  export const utrechtParagraphMarginBlockStart : string;
797
821
  export const utrechtParagraphMarginBlockEnd : string;
798
- export const utrechtParagraphLeadColor : string;
799
822
  export const utrechtParagraphLeadFontSize : string;
800
823
  export const utrechtParagraphLeadFontWeight : string;
801
824
  export const utrechtParagraphLeadLineHeight : 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;
@@ -1120,9 +1145,73 @@ export const denhaagProcessStepsSubStepHeadingColor : string;
1120
1145
  export const denhaagProcessStepsSubStepHeadingFontSize : string;
1121
1146
  export const denhaagProcessStepsSubStepHeadingFontWeight : string;
1122
1147
  export const denhaagProcessStepsSubStepLineColor : string;
1148
+ export const nlCodeBlockBackgroundColor : string;
1149
+ export const nlCodeBlockColor : string;
1150
+ export const nlCodeBlockFontFamily : string;
1151
+ export const nlCodeBlockFontSize : string;
1152
+ export const nlCodeBlockLineHeight : string;
1153
+ export const nlCodeBlockPaddingBlock : string;
1154
+ export const nlCodeBlockPaddingInline : string;
1155
+ export const nlDataBadgeBackgroundColor : string;
1156
+ export const nlDataBadgeBorderRadius : string;
1157
+ export const nlDataBadgeColor : string;
1158
+ export const nlDataBadgePaddingBlock : string;
1159
+ export const nlDataBadgePaddingInline : string;
1160
+ export const nlHeadingLevel1FontFamily : string;
1161
+ export const nlHeadingLevel1FontSize : string;
1162
+ export const nlHeadingLevel1FontWeight : string;
1163
+ export const nlHeadingLevel1LineHeight : string;
1164
+ export const nlHeadingLevel2FontFamily : string;
1165
+ export const nlHeadingLevel2FontSize : string;
1166
+ export const nlHeadingLevel2FontWeight : string;
1167
+ export const nlHeadingLevel2LineHeight : string;
1168
+ export const nlHeadingLevel3FontFamily : string;
1169
+ export const nlHeadingLevel3FontSize : string;
1170
+ export const nlHeadingLevel3FontWeight : string;
1171
+ export const nlHeadingLevel3LineHeight : string;
1172
+ export const nlHeadingLevel4FontFamily : string;
1173
+ export const nlHeadingLevel4FontSize : string;
1174
+ export const nlHeadingLevel4FontWeight : string;
1175
+ export const nlHeadingLevel4LineHeight : string;
1176
+ export const nlHeadingLevel5FontFamily : string;
1177
+ export const nlHeadingLevel5FontSize : string;
1178
+ export const nlHeadingLevel5FontWeight : string;
1179
+ export const nlHeadingLevel5LineHeight : string;
1180
+ export const nlHeadingLevel6FontFamily : string;
1181
+ export const nlHeadingLevel6FontSize : string;
1182
+ export const nlHeadingLevel6FontWeight : string;
1183
+ export const nlHeadingLevel6LineHeight : string;
1184
+ export const nlMarkBackgroundColor : string;
1185
+ export const nlMarkColor : string;
1186
+ export const nlNumberBadgeBackgroundColor : string;
1187
+ export const nlNumberBadgeBorderRadius : string;
1188
+ export const nlNumberBadgeColor : string;
1189
+ export const nlNumberBadgeFontSize : string;
1190
+ export const nlNumberBadgePaddingBlock : string;
1191
+ export const nlNumberBadgePaddingInline : string;
1192
+ export const nlParagraphFontFamily : string;
1193
+ export const nlParagraphFontSize : string;
1194
+ export const nlParagraphFontWeight : string;
1195
+ export const nlParagraphLineHeight : string;
1196
+ export const nlParagraphLeadColor : string;
1197
+ export const nlParagraphLeadFontSize : string;
1198
+ export const nlParagraphLeadFontWeight : string;
1199
+ export const nlParagraphLeadLineHeight : string;
1200
+ export const nlParagraphSmallFontSize : string;
1201
+ export const nlSkipLinkBackgroundColor : string;
1202
+ export const nlSkipLinkColor : string;
1203
+ export const nlSkipLinkPaddingBlock : string;
1204
+ export const nlSkipLinkPaddingInline : string;
1205
+ export const nlSkipLinkTextDecoration : string;
1206
+ export const nlSkipLinkFocusVisibleColor : string;
1207
+ export const nlSkipLinkFocusVisibleBackgroundColor : string;
1208
+ export const nlSkipLinkFocusVisibleTextDecoration : string;
1123
1209
  export const ofLayoutBackground : string;
1124
1210
  export const ofLayoutBg : string;
1125
1211
  export const ofPageFooterBg : string;
1126
1212
  export const ofPageFooterFg : string;
1127
1213
  export const ofProgressIndicatorBackgroundColor : string;
1128
1214
  export const ofProgressIndicatorMobileBoxShadow : string;
1215
+ export const signalenModalDialogBackgroundColor : string;
1216
+ export const signalenModalDialogColor : string;
1217
+ export const signalenProgressBarBorderRadius : string;
@@ -42,12 +42,76 @@
42
42
  "denhaagProcessStepsSubStepMarkerBackgroundColor": "hsl(0 0% 100%)",
43
43
  "denhaagProcessStepsSubStepMarkerBorderColor": "hsl(90 30% 30%)",
44
44
  "denhaagProcessStepsSubStepMarkerSize": "12px",
45
+ "nlCodeBlockBackgroundColor": "hsl(0 0% 95%)",
46
+ "nlCodeBlockColor": "hsl(0 0% 0%)",
47
+ "nlCodeBlockFontFamily": "\"Monaco\"",
48
+ "nlCodeBlockFontSize": "1rem",
49
+ "nlCodeBlockLineHeight": "1.5",
50
+ "nlCodeBlockPaddingBlock": "20px",
51
+ "nlCodeBlockPaddingInline": "20px",
52
+ "nlDataBadgeBackgroundColor": "hsl(0 0% 30%)",
53
+ "nlDataBadgeBorderRadius": "0",
54
+ "nlDataBadgeColor": "hsl(0 0% 100%)",
55
+ "nlDataBadgePaddingBlock": "8px",
56
+ "nlDataBadgePaddingInline": "12px",
57
+ "nlHeadingLevel1FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
58
+ "nlHeadingLevel1FontSize": "2rem",
59
+ "nlHeadingLevel1FontWeight": "700",
60
+ "nlHeadingLevel1LineHeight": "1.25",
61
+ "nlHeadingLevel2FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
62
+ "nlHeadingLevel2FontSize": "1.25rem",
63
+ "nlHeadingLevel2FontWeight": "700",
64
+ "nlHeadingLevel2LineHeight": "1.25",
65
+ "nlHeadingLevel3FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
66
+ "nlHeadingLevel3FontSize": "1.25rem",
67
+ "nlHeadingLevel3FontWeight": "400",
68
+ "nlHeadingLevel3LineHeight": "1.25",
69
+ "nlHeadingLevel4FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
70
+ "nlHeadingLevel4FontSize": "1.125rem",
71
+ "nlHeadingLevel4FontWeight": "400",
72
+ "nlHeadingLevel4LineHeight": "1.5",
73
+ "nlHeadingLevel5FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
74
+ "nlHeadingLevel5FontSize": "0.875rem",
75
+ "nlHeadingLevel5FontWeight": "400",
76
+ "nlHeadingLevel5LineHeight": "1.5",
77
+ "nlHeadingLevel6FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
78
+ "nlHeadingLevel6FontSize": "0.875rem",
79
+ "nlHeadingLevel6FontWeight": "400",
80
+ "nlHeadingLevel6LineHeight": "1.5",
81
+ "nlMarkBackgroundColor": "hsl(48 100% 60%)",
82
+ "nlMarkColor": "hsl(0 0% 0%)",
83
+ "nlNumberBadgeBackgroundColor": "hsl(0 100% 40%)",
84
+ "nlNumberBadgeBorderRadius": "1rem",
85
+ "nlNumberBadgeColor": "hsl(0 0% 100%)",
86
+ "nlNumberBadgeFontSize": "1rem",
87
+ "nlNumberBadgePaddingBlock": "1ex",
88
+ "nlNumberBadgePaddingInline": "1ex",
89
+ "nlParagraphFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
90
+ "nlParagraphFontSize": "1rem",
91
+ "nlParagraphFontWeight": "400",
92
+ "nlParagraphLeadColor": "hsl(0 0% 0%)",
93
+ "nlParagraphLeadFontSize": "1.25rem",
94
+ "nlParagraphLeadFontWeight": "400",
95
+ "nlParagraphLeadLineHeight": "1.5",
96
+ "nlParagraphLineHeight": "1.5",
97
+ "nlParagraphSmallFontSize": "0.875rem",
98
+ "nlSkipLinkBackgroundColor": "hsl(0 0% 15%)",
99
+ "nlSkipLinkColor": "hsl(0 0% 100%)",
100
+ "nlSkipLinkFocusVisibleBackgroundColor": "hsl(48 100% 80%)",
101
+ "nlSkipLinkFocusVisibleColor": "hsl(0 0% 0%)",
102
+ "nlSkipLinkFocusVisibleTextDecoration": "none",
103
+ "nlSkipLinkPaddingBlock": "8px",
104
+ "nlSkipLinkPaddingInline": "16px",
105
+ "nlSkipLinkTextDecoration": "underline",
45
106
  "ofLayoutBackground": "hsl(0 0% 100%)",
46
107
  "ofLayoutBg": "hsl(0 0% 100%)",
47
108
  "ofPageFooterBg": "hsl(0 100% 40%)",
48
109
  "ofPageFooterFg": "hsl(0 0% 100%)",
49
110
  "ofProgressIndicatorBackgroundColor": "hsl(0 0% 100%)",
50
111
  "ofProgressIndicatorMobileBoxShadow": "0px 0px 2px 0px rgba(0 0 0 / 20%)",
112
+ "signalenModalDialogBackgroundColor": "hsl(0 0% 100%)",
113
+ "signalenModalDialogColor": "hsl(0 0% 0%)",
114
+ "signalenProgressBarBorderRadius": "4px",
51
115
  "utrechtAccordionButtonActiveBackgroundColor": "hsl(0 0% 80%)",
52
116
  "utrechtAccordionButtonActiveBorderColor": "hsl(0 0% 95%)",
53
117
  "utrechtAccordionButtonActiveColor": "hsl(0 0% 10%)",
@@ -134,6 +198,11 @@
134
198
  "utrechtBlockquoteMarginBlockStart": "1.6em",
135
199
  "utrechtBlockquoteMarginInlineEnd": "1.6em",
136
200
  "utrechtBlockquoteMarginInlineStart": "1.6em",
201
+ "utrechtBodyBackgroundColor": "hsl(0 0% 100%)",
202
+ "utrechtBodyColor": "hsl(0 0% 0%)",
203
+ "utrechtBodyFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
204
+ "utrechtBodyFontSize": "1rem",
205
+ "utrechtBodyLineHeight": "1.4",
137
206
  "utrechtBorderRadiusLg": "8px",
138
207
  "utrechtBorderRadiusMd": "4px",
139
208
  "utrechtBorderRadiusNone": "0",
@@ -336,6 +405,7 @@
336
405
  "utrechtCheckboxSize": "24px",
337
406
  "utrechtCodeBlockBackgroundColor": "hsl(0 0% 95%)",
338
407
  "utrechtCodeBlockColor": "hsl(0 0% 0%)",
408
+ "utrechtCodeBlockFontFamily": "\"Monaco\"",
339
409
  "utrechtCodeBlockFontSize": "1rem",
340
410
  "utrechtCodeBlockLineHeight": "1.5",
341
411
  "utrechtCodeBlockMarginBlockEnd": "20px",
@@ -600,6 +670,7 @@
600
670
  "utrechtLinkHoverTextDecoration": "underline",
601
671
  "utrechtLinkHoverTextDecorationThickness": "3px",
602
672
  "utrechtLinkIconSize": "1.2em",
673
+ "utrechtLinkListIconInsetBlockStart": "0.15em",
603
674
  "utrechtLinkListIconSize": "14px",
604
675
  "utrechtLinkListLinkColumnGap": "8px",
605
676
  "utrechtLinkListLinkFontWeight": "700",
@@ -680,8 +751,6 @@
680
751
  "utrechtMarkColor": "hsl(0 0% 0%)",
681
752
  "utrechtMenulijstItemColor": "hsl(211 60% 35%)",
682
753
  "utrechtMenulijstItemHoverColor": "hsl(211 60% 40%)",
683
- "utrechtNavBarBackgroundColor": "hsl(0 0% 100%)",
684
- "utrechtNavBarColor": "hsl(0 0% 0%)",
685
754
  "utrechtNavBarContentMaxInlineSize": "1184px",
686
755
  "utrechtNavBarLinkPaddingBlockEnd": "8px",
687
756
  "utrechtNavBarLinkPaddingBlockStart": "8px",
@@ -702,27 +771,46 @@
702
771
  "utrechtOrderedListMarginBlockStart": "0",
703
772
  "utrechtOrderedListPaddingInlineStart": "28.8px",
704
773
  "utrechtPageBackgroundColor": "hsl(0 0% 100%)",
774
+ "utrechtPageBodyContentBackgroundColor": "hsl(0 0% 100%)",
775
+ "utrechtPageBodyContentColor": "hsl(0 0% 0%)",
776
+ "utrechtPageBodyContentMaxInlineSize": "1184px",
777
+ "utrechtPageBodyContentPaddingBlockEnd": "1em",
778
+ "utrechtPageBodyContentPaddingBlockStart": "0",
779
+ "utrechtPageBodyContentPaddingInlineEnd": "2.4em",
780
+ "utrechtPageBodyContentPaddingInlineStart": "2em",
781
+ "utrechtPageBodyPaddingBlockEnd": "0",
782
+ "utrechtPageBodyPaddingBlockStart": "0",
783
+ "utrechtPageBodyPaddingInlineEnd": "0",
784
+ "utrechtPageBodyPaddingInlineStart": "0",
705
785
  "utrechtPageColor": "hsl(0 0% 0%)",
706
786
  "utrechtPageContentPaddingBlockEnd": "2em",
707
787
  "utrechtPageContentPaddingBlockStart": "2em",
708
788
  "utrechtPageFooterBackgroundColor": "hsl(0 100% 40%)",
709
789
  "utrechtPageFooterBackgroundImage": "linear-gradient(45deg, hsl(0 100% 40%), hsl(0 100% 40%) 50%, #d63433 50%);",
710
790
  "utrechtPageFooterColor": "hsl(0 0% 100%)",
711
- "utrechtPageFooterPaddingBlockEnd": "48px",
712
- "utrechtPageFooterPaddingBlockStart": "48px",
713
- "utrechtPageFooterPaddingInlineEnd": "28px",
714
- "utrechtPageFooterPaddingInlineStart": "28px",
715
- "utrechtPageHeaderPaddingBlockEnd": "1em",
716
- "utrechtPageHeaderPaddingBlockStart": "1.8em",
717
- "utrechtPageHeaderPaddingInlineEnd": "2.4em",
718
- "utrechtPageHeaderPaddingInlineStart": "2em",
791
+ "utrechtPageFooterContentMaxInlineSize": "1184px",
792
+ "utrechtPageFooterContentPaddingBlockEnd": "48px",
793
+ "utrechtPageFooterContentPaddingBlockStart": "48px",
794
+ "utrechtPageFooterContentPaddingInline": "28px",
795
+ "utrechtPageHeaderContentBackgroundColor": "hsl(0 0% 100%)",
796
+ "utrechtPageHeaderContentColor": "hsl(0 0% 0%)",
797
+ "utrechtPageHeaderContentMaxInlineSize": "1184px",
798
+ "utrechtPageHeaderContentPaddingBlockEnd": "1em",
799
+ "utrechtPageHeaderContentPaddingBlockStart": "1.8em",
800
+ "utrechtPageHeaderContentPaddingInline": "2em",
801
+ "utrechtPageHeaderContentPaddingInlineEnd": "2.4em",
802
+ "utrechtPageHeaderContentPaddingInlineStart": "2em",
803
+ "utrechtPageHeaderPaddingBlockEnd": "0",
804
+ "utrechtPageHeaderPaddingBlockStart": "0",
805
+ "utrechtPageHeaderPaddingInlineEnd": "0",
806
+ "utrechtPageHeaderPaddingInlineStart": "0",
719
807
  "utrechtPageMarginInlineEnd": "2em",
720
808
  "utrechtPageMarginInlineStart": "2em",
721
809
  "utrechtPageMaxInlineSize": "1184px",
722
810
  "utrechtPagePaddingBlockEnd": "1em",
723
811
  "utrechtPagePaddingBlockStart": "1.8em",
724
- "utrechtPagePaddingInlineEnd": "2em",
725
- "utrechtPagePaddingInlineStart": "2em",
812
+ "utrechtPagePaddingInlineEnd": "0",
813
+ "utrechtPagePaddingInlineStart": "0",
726
814
  "utrechtPaginationFontSize": "0.875rem",
727
815
  "utrechtPaginationMarginBlockEnd": "1em",
728
816
  "utrechtPaginationMarginBlockStart": "0",
@@ -762,7 +850,6 @@
762
850
  "utrechtParagraphFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
763
851
  "utrechtParagraphFontSize": "1rem",
764
852
  "utrechtParagraphFontWeight": "400",
765
- "utrechtParagraphLeadColor": "hsl(0 0% 0%)",
766
853
  "utrechtParagraphLeadFontSize": "1.25rem",
767
854
  "utrechtParagraphLeadFontWeight": "400",
768
855
  "utrechtParagraphLeadLineHeight": "1.5",
@@ -801,6 +888,8 @@
801
888
  "utrechtRichTextConfidantMarginBlockEnd": 0,
802
889
  "utrechtRichTextFriendMarginBlockEnd": "8px",
803
890
  "utrechtRichTextStrangerMarginBlockEnd": "32px",
891
+ "utrechtRootBackgroundColor": "hsl(0 0% 95%)",
892
+ "utrechtRootColor": "hsl(0 0% 10%)",
804
893
  "utrechtSearchBarButtonBackgroundColor": "hsl(0 100% 40%)",
805
894
  "utrechtSearchBarButtonBorderColor": "hsl(0 100% 40%)",
806
895
  "utrechtSearchBarButtonColor": "hsl(0 0% 100%)",