@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
@@ -94,6 +94,11 @@ export const utrechtBlockquoteContentFontSize : string;
94
94
  export const utrechtBlockquoteCaptionFontSize : string;
95
95
  export const utrechtBlockquoteMarginBlockStart : string;
96
96
  export const utrechtBlockquoteMarginBlockEnd : string;
97
+ export const utrechtBodyFontFamily : string;
98
+ export const utrechtBodyFontSize : string;
99
+ export const utrechtBodyLineHeight : string;
100
+ export const utrechtBodyBackgroundColor : string;
101
+ export const utrechtBodyColor : string;
97
102
  export const utrechtBreadcrumbNavMinBlockSize : string;
98
103
  export const utrechtBreadcrumbNavFontSize : string;
99
104
  export const utrechtBreadcrumbNavItemPaddingBlockStart : string;
@@ -295,6 +300,7 @@ export const utrechtCheckboxInvalidBorderColor : string;
295
300
  export const utrechtCheckboxMarginBlockStart : number;
296
301
  export const utrechtCodeBlockBackgroundColor : string;
297
302
  export const utrechtCodeBlockColor : string;
303
+ export const utrechtCodeBlockFontFamily : string;
298
304
  export const utrechtCodeBlockFontSize : string;
299
305
  export const utrechtCodeBlockLineHeight : string;
300
306
  export const utrechtCodeBlockMarginBlockStart : string;
@@ -615,6 +621,7 @@ export const utrechtLinkListLinkColumnGap : string;
615
621
  export const utrechtLinkListLinkFontWeight : string;
616
622
  export const utrechtLinkListLinkTextDecoration : string;
617
623
  export const utrechtLinkListIconSize : string;
624
+ export const utrechtLinkListIconInsetBlockStart : string;
618
625
  export const utrechtLinkSocialBackgroundColor : string;
619
626
  export const utrechtLinkSocialBorderColor : string;
620
627
  export const utrechtLinkSocialBorderWidth : string;
@@ -696,8 +703,6 @@ export const utrechtMapcontrolbuttonPaddingInlineEnd : string;
696
703
  export const utrechtMapcontrolbuttonPaddingInlineStart : string;
697
704
  export const utrechtMarkBackgroundColor : string;
698
705
  export const utrechtMarkColor : string;
699
- export const utrechtNavBarBackgroundColor : string;
700
- export const utrechtNavBarColor : string;
701
706
  export const utrechtNavBarContentMaxInlineSize : string;
702
707
  export const utrechtNavBarLinkPaddingBlockEnd : string;
703
708
  export const utrechtNavBarLinkPaddingBlockStart : string;
@@ -740,19 +745,38 @@ export const utrechtOrderedListPaddingInlineStart : string;
740
745
  export const utrechtOrderedListItemMarginBlockStart : string;
741
746
  export const utrechtOrderedListItemMarginBlockEnd : string;
742
747
  export const utrechtOrderedListItemPaddingInlineStart : string;
748
+ export const utrechtPageBodyContentBackgroundColor : string;
749
+ export const utrechtPageBodyContentColor : string;
750
+ export const utrechtPageBodyContentPaddingBlockStart : string;
751
+ export const utrechtPageBodyContentPaddingBlockEnd : string;
752
+ export const utrechtPageBodyContentPaddingInlineStart : string;
753
+ export const utrechtPageBodyContentMaxInlineSize : string;
754
+ export const utrechtPageBodyContentPaddingInlineEnd : string;
755
+ export const utrechtPageBodyPaddingInlineEnd : string;
756
+ export const utrechtPageBodyPaddingInlineStart : string;
757
+ export const utrechtPageBodyPaddingBlockEnd : string;
758
+ export const utrechtPageBodyPaddingBlockStart : string;
743
759
  export const utrechtPageContentPaddingBlockStart : string;
744
760
  export const utrechtPageContentPaddingBlockEnd : string;
745
761
  export const utrechtPageFooterColor : string;
746
762
  export const utrechtPageFooterBackgroundColor : string;
747
763
  export const utrechtPageFooterBackgroundImage : string;
748
- export const utrechtPageFooterPaddingInlineEnd : string;
749
- export const utrechtPageFooterPaddingInlineStart : string;
750
- export const utrechtPageFooterPaddingBlockEnd : string;
751
- export const utrechtPageFooterPaddingBlockStart : string;
764
+ export const utrechtPageFooterContentPaddingBlockEnd : string;
765
+ export const utrechtPageFooterContentPaddingBlockStart : string;
766
+ export const utrechtPageFooterContentMaxInlineSize : string;
767
+ export const utrechtPageFooterContentPaddingInline : string;
752
768
  export const utrechtPageHeaderPaddingBlockStart : string;
753
769
  export const utrechtPageHeaderPaddingBlockEnd : string;
754
770
  export const utrechtPageHeaderPaddingInlineStart : string;
755
771
  export const utrechtPageHeaderPaddingInlineEnd : string;
772
+ export const utrechtPageHeaderContentBackgroundColor : string;
773
+ export const utrechtPageHeaderContentColor : string;
774
+ export const utrechtPageHeaderContentPaddingBlockStart : string;
775
+ export const utrechtPageHeaderContentPaddingBlockEnd : string;
776
+ export const utrechtPageHeaderContentPaddingInlineStart : string;
777
+ export const utrechtPageHeaderContentPaddingInlineEnd : string;
778
+ export const utrechtPageHeaderContentMaxInlineSize : string;
779
+ export const utrechtPageHeaderContentPaddingInline : string;
756
780
  export const utrechtPageBackgroundColor : string;
757
781
  export const utrechtPageColor : string;
758
782
  export const utrechtPageMarginInlineStart : string;
@@ -804,7 +828,6 @@ export const utrechtParagraphFontWeight : string;
804
828
  export const utrechtParagraphLineHeight : string;
805
829
  export const utrechtParagraphMarginBlockStart : string;
806
830
  export const utrechtParagraphMarginBlockEnd : string;
807
- export const utrechtParagraphLeadColor : string;
808
831
  export const utrechtParagraphLeadFontSize : string;
809
832
  export const utrechtParagraphLeadFontWeight : string;
810
833
  export const utrechtParagraphLeadLineHeight : string;
@@ -814,6 +837,7 @@ export const utrechtPreHeadingMarginBlockStart : string;
814
837
  export const utrechtRadioButtonBackgroundColor : string;
815
838
  export const utrechtRadioButtonBorderColor : string;
816
839
  export const utrechtRadioButtonBorderWidth : string;
840
+ export const utrechtRadioButtonColor : string;
817
841
  export const utrechtRadioButtonSize : string;
818
842
  export const utrechtRadioButtonMarginInlineEnd : string;
819
843
  export const utrechtRadioButtonIconSize : string;
@@ -832,13 +856,14 @@ export const utrechtRadioButtonDisabledBorderColor : string;
832
856
  export const utrechtRadioButtonDisabledColor : string;
833
857
  export const utrechtRadioButtonInvalidBorderColor : string;
834
858
  export const utrechtRadioButtonInvalidBorderWidth : string;
835
- export const utrechtRadioButtonColor : string;
836
859
  export const utrechtRadioButtonBorderRadius : string;
837
860
  export const utrechtRichTextStrangerMarginBlockEnd : string;
838
861
  export const utrechtRichTextAcquaintanceMarginBlockEnd : string;
839
862
  export const utrechtRichTextFriendMarginBlockEnd : string;
840
863
  export const utrechtRichTextBestFriendMarginBlockEnd : string;
841
864
  export const utrechtRichTextConfidantMarginBlockEnd : string;
865
+ export const utrechtRootBackgroundColor : string;
866
+ export const utrechtRootColor : string;
842
867
  export const utrechtSearchBarButtonBackgroundColor : string;
843
868
  export const utrechtSearchBarButtonBorderColor : string;
844
869
  export const utrechtSearchBarButtonColor : string;
@@ -1131,9 +1156,73 @@ export const denhaagProcessStepsSubStepHeadingColor : string;
1131
1156
  export const denhaagProcessStepsSubStepHeadingFontSize : string;
1132
1157
  export const denhaagProcessStepsSubStepHeadingFontWeight : string;
1133
1158
  export const denhaagProcessStepsSubStepLineColor : string;
1159
+ export const nlCodeBlockBackgroundColor : string;
1160
+ export const nlCodeBlockColor : string;
1161
+ export const nlCodeBlockFontFamily : string;
1162
+ export const nlCodeBlockFontSize : string;
1163
+ export const nlCodeBlockLineHeight : string;
1164
+ export const nlCodeBlockPaddingBlock : string;
1165
+ export const nlCodeBlockPaddingInline : string;
1166
+ export const nlDataBadgeBackgroundColor : string;
1167
+ export const nlDataBadgeBorderRadius : string;
1168
+ export const nlDataBadgeColor : string;
1169
+ export const nlDataBadgePaddingBlock : string;
1170
+ export const nlDataBadgePaddingInline : string;
1171
+ export const nlHeadingLevel1FontFamily : string;
1172
+ export const nlHeadingLevel1FontSize : string;
1173
+ export const nlHeadingLevel1FontWeight : string;
1174
+ export const nlHeadingLevel1LineHeight : string;
1175
+ export const nlHeadingLevel2FontFamily : string;
1176
+ export const nlHeadingLevel2FontSize : string;
1177
+ export const nlHeadingLevel2FontWeight : string;
1178
+ export const nlHeadingLevel2LineHeight : string;
1179
+ export const nlHeadingLevel3FontFamily : string;
1180
+ export const nlHeadingLevel3FontSize : string;
1181
+ export const nlHeadingLevel3FontWeight : string;
1182
+ export const nlHeadingLevel3LineHeight : string;
1183
+ export const nlHeadingLevel4FontFamily : string;
1184
+ export const nlHeadingLevel4FontSize : string;
1185
+ export const nlHeadingLevel4FontWeight : string;
1186
+ export const nlHeadingLevel4LineHeight : string;
1187
+ export const nlHeadingLevel5FontFamily : string;
1188
+ export const nlHeadingLevel5FontSize : string;
1189
+ export const nlHeadingLevel5FontWeight : string;
1190
+ export const nlHeadingLevel5LineHeight : string;
1191
+ export const nlHeadingLevel6FontFamily : string;
1192
+ export const nlHeadingLevel6FontSize : string;
1193
+ export const nlHeadingLevel6FontWeight : string;
1194
+ export const nlHeadingLevel6LineHeight : string;
1195
+ export const nlMarkBackgroundColor : string;
1196
+ export const nlMarkColor : string;
1197
+ export const nlNumberBadgeBackgroundColor : string;
1198
+ export const nlNumberBadgeBorderRadius : string;
1199
+ export const nlNumberBadgeColor : string;
1200
+ export const nlNumberBadgeFontSize : string;
1201
+ export const nlNumberBadgePaddingBlock : string;
1202
+ export const nlNumberBadgePaddingInline : string;
1203
+ export const nlParagraphFontFamily : string;
1204
+ export const nlParagraphFontSize : string;
1205
+ export const nlParagraphFontWeight : string;
1206
+ export const nlParagraphLineHeight : string;
1207
+ export const nlParagraphLeadColor : string;
1208
+ export const nlParagraphLeadFontSize : string;
1209
+ export const nlParagraphLeadFontWeight : string;
1210
+ export const nlParagraphLeadLineHeight : string;
1211
+ export const nlParagraphSmallFontSize : string;
1212
+ export const nlSkipLinkBackgroundColor : string;
1213
+ export const nlSkipLinkColor : string;
1214
+ export const nlSkipLinkPaddingBlock : string;
1215
+ export const nlSkipLinkPaddingInline : string;
1216
+ export const nlSkipLinkTextDecoration : string;
1217
+ export const nlSkipLinkFocusVisibleColor : string;
1218
+ export const nlSkipLinkFocusVisibleBackgroundColor : string;
1219
+ export const nlSkipLinkFocusVisibleTextDecoration : string;
1134
1220
  export const ofLayoutBackground : string;
1135
1221
  export const ofLayoutBg : string;
1136
1222
  export const ofPageFooterBg : string;
1137
1223
  export const ofPageFooterFg : string;
1138
1224
  export const ofProgressIndicatorBackgroundColor : string;
1139
1225
  export const ofProgressIndicatorMobileBoxShadow : string;
1226
+ export const signalenModalDialogBackgroundColor : string;
1227
+ export const signalenModalDialogColor : string;
1228
+ 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% 95%)",
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% 15%)",
46
107
  "ofLayoutBg": "hsl(0 0% 15%)",
47
108
  "ofPageFooterBg": "hsl(0 100% 40%)",
48
109
  "ofPageFooterFg": "hsl(0 0% 100%)",
49
110
  "ofProgressIndicatorBackgroundColor": "hsl(0 0% 15%)",
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%)",
@@ -136,6 +200,11 @@
136
200
  "utrechtBlockquoteMarginBlockStart": "1.6em",
137
201
  "utrechtBlockquoteMarginInlineEnd": "1.6em",
138
202
  "utrechtBlockquoteMarginInlineStart": "1.6em",
203
+ "utrechtBodyBackgroundColor": "hsl(0 0% 100%)",
204
+ "utrechtBodyColor": "hsl(0 0% 0%)",
205
+ "utrechtBodyFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
206
+ "utrechtBodyFontSize": "1rem",
207
+ "utrechtBodyLineHeight": "1.4",
139
208
  "utrechtBorderRadiusLg": "8px",
140
209
  "utrechtBorderRadiusMd": "4px",
141
210
  "utrechtBorderRadiusNone": "0",
@@ -345,6 +414,7 @@
345
414
  "utrechtCheckboxSize": "24px",
346
415
  "utrechtCodeBlockBackgroundColor": "hsl(0 0% 95%)",
347
416
  "utrechtCodeBlockColor": "hsl(0 0% 0%)",
417
+ "utrechtCodeBlockFontFamily": "\"Monaco\"",
348
418
  "utrechtCodeBlockFontSize": "1rem",
349
419
  "utrechtCodeBlockLineHeight": "1.5",
350
420
  "utrechtCodeBlockMarginBlockEnd": "20px",
@@ -609,6 +679,7 @@
609
679
  "utrechtLinkHoverTextDecoration": "underline",
610
680
  "utrechtLinkHoverTextDecorationThickness": "3px",
611
681
  "utrechtLinkIconSize": "1.2em",
682
+ "utrechtLinkListIconInsetBlockStart": "0.15em",
612
683
  "utrechtLinkListIconSize": "14px",
613
684
  "utrechtLinkListLinkColumnGap": "8px",
614
685
  "utrechtLinkListLinkFontWeight": "700",
@@ -689,8 +760,6 @@
689
760
  "utrechtMarkColor": "hsl(0 0% 0%)",
690
761
  "utrechtMenulijstItemColor": "hsl(211 60% 35%)",
691
762
  "utrechtMenulijstItemHoverColor": "hsl(211 60% 40%)",
692
- "utrechtNavBarBackgroundColor": "hsl(0 0% 100%)",
693
- "utrechtNavBarColor": "hsl(0 0% 0%)",
694
763
  "utrechtNavBarContentMaxInlineSize": "1184px",
695
764
  "utrechtNavBarLinkPaddingBlockEnd": "8px",
696
765
  "utrechtNavBarLinkPaddingBlockStart": "8px",
@@ -711,27 +780,46 @@
711
780
  "utrechtOrderedListMarginBlockStart": "0",
712
781
  "utrechtOrderedListPaddingInlineStart": "28.8px",
713
782
  "utrechtPageBackgroundColor": "hsl(0 0% 15%)",
783
+ "utrechtPageBodyContentBackgroundColor": "hsl(0 0% 100%)",
784
+ "utrechtPageBodyContentColor": "hsl(0 0% 0%)",
785
+ "utrechtPageBodyContentMaxInlineSize": "1184px",
786
+ "utrechtPageBodyContentPaddingBlockEnd": "1em",
787
+ "utrechtPageBodyContentPaddingBlockStart": "0",
788
+ "utrechtPageBodyContentPaddingInlineEnd": "2.4em",
789
+ "utrechtPageBodyContentPaddingInlineStart": "2em",
790
+ "utrechtPageBodyPaddingBlockEnd": "0",
791
+ "utrechtPageBodyPaddingBlockStart": "0",
792
+ "utrechtPageBodyPaddingInlineEnd": "0",
793
+ "utrechtPageBodyPaddingInlineStart": "0",
714
794
  "utrechtPageColor": "hsl(0 0% 95%)",
715
795
  "utrechtPageContentPaddingBlockEnd": "2em",
716
796
  "utrechtPageContentPaddingBlockStart": "2em",
717
797
  "utrechtPageFooterBackgroundColor": "hsl(0 100% 40%)",
718
798
  "utrechtPageFooterBackgroundImage": "linear-gradient(45deg, hsl(0 100% 40%), hsl(0 100% 40%) 50%, #d63433 50%);",
719
799
  "utrechtPageFooterColor": "hsl(0 0% 100%)",
720
- "utrechtPageFooterPaddingBlockEnd": "48px",
721
- "utrechtPageFooterPaddingBlockStart": "48px",
722
- "utrechtPageFooterPaddingInlineEnd": "28px",
723
- "utrechtPageFooterPaddingInlineStart": "28px",
724
- "utrechtPageHeaderPaddingBlockEnd": "1em",
725
- "utrechtPageHeaderPaddingBlockStart": "1.8em",
726
- "utrechtPageHeaderPaddingInlineEnd": "2.4em",
727
- "utrechtPageHeaderPaddingInlineStart": "2em",
800
+ "utrechtPageFooterContentMaxInlineSize": "1184px",
801
+ "utrechtPageFooterContentPaddingBlockEnd": "48px",
802
+ "utrechtPageFooterContentPaddingBlockStart": "48px",
803
+ "utrechtPageFooterContentPaddingInline": "28px",
804
+ "utrechtPageHeaderContentBackgroundColor": "hsl(0 0% 100%)",
805
+ "utrechtPageHeaderContentColor": "hsl(0 0% 0%)",
806
+ "utrechtPageHeaderContentMaxInlineSize": "1184px",
807
+ "utrechtPageHeaderContentPaddingBlockEnd": "1em",
808
+ "utrechtPageHeaderContentPaddingBlockStart": "1.8em",
809
+ "utrechtPageHeaderContentPaddingInline": "2em",
810
+ "utrechtPageHeaderContentPaddingInlineEnd": "2.4em",
811
+ "utrechtPageHeaderContentPaddingInlineStart": "2em",
812
+ "utrechtPageHeaderPaddingBlockEnd": "0",
813
+ "utrechtPageHeaderPaddingBlockStart": "0",
814
+ "utrechtPageHeaderPaddingInlineEnd": "0",
815
+ "utrechtPageHeaderPaddingInlineStart": "0",
728
816
  "utrechtPageMarginInlineEnd": "2em",
729
817
  "utrechtPageMarginInlineStart": "2em",
730
818
  "utrechtPageMaxInlineSize": "1184px",
731
819
  "utrechtPagePaddingBlockEnd": "1em",
732
820
  "utrechtPagePaddingBlockStart": "1.8em",
733
- "utrechtPagePaddingInlineEnd": "2em",
734
- "utrechtPagePaddingInlineStart": "2em",
821
+ "utrechtPagePaddingInlineEnd": "0",
822
+ "utrechtPagePaddingInlineStart": "0",
735
823
  "utrechtPaginationFontSize": "0.875rem",
736
824
  "utrechtPaginationMarginBlockEnd": "1em",
737
825
  "utrechtPaginationMarginBlockStart": "0",
@@ -771,7 +859,6 @@
771
859
  "utrechtParagraphFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
772
860
  "utrechtParagraphFontSize": "1rem",
773
861
  "utrechtParagraphFontWeight": "400",
774
- "utrechtParagraphLeadColor": "hsl(0 0% 95%)",
775
862
  "utrechtParagraphLeadFontSize": "1.25rem",
776
863
  "utrechtParagraphLeadFontWeight": "400",
777
864
  "utrechtParagraphLeadLineHeight": "1.5",
@@ -810,6 +897,8 @@
810
897
  "utrechtRichTextConfidantMarginBlockEnd": 0,
811
898
  "utrechtRichTextFriendMarginBlockEnd": "8px",
812
899
  "utrechtRichTextStrangerMarginBlockEnd": "32px",
900
+ "utrechtRootBackgroundColor": "hsl(0 0% 95%)",
901
+ "utrechtRootColor": "hsl(0 0% 10%)",
813
902
  "utrechtSearchBarButtonBackgroundColor": "hsl(0 100% 40%)",
814
903
  "utrechtSearchBarButtonBorderColor": "hsl(0 100% 40%)",
815
904
  "utrechtSearchBarButtonColor": "hsl(0 0% 100%)",