@rijkshuisstijl-community/design-tokens 1.0.0-alpha.167 → 1.0.0-alpha.169

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 (53) hide show
  1. package/dist/_variables.scss +67 -72
  2. package/dist/index.css +67 -72
  3. package/dist/index.d.ts +11 -16
  4. package/dist/index.js +67 -72
  5. package/dist/index.json +66 -71
  6. package/dist/index.tokens.json +57 -64
  7. package/dist/root.css +67 -72
  8. package/dist/tokens.d.ts +2 -9
  9. package/dist/tokens.js +145 -266
  10. package/dist/uitvoerend-mintgroen-focus/_variables.scss +112 -119
  11. package/dist/uitvoerend-mintgroen-focus/index.css +112 -119
  12. package/dist/uitvoerend-mintgroen-focus/index.d.ts +51 -58
  13. package/dist/uitvoerend-mintgroen-focus/index.js +112 -119
  14. package/dist/uitvoerend-mintgroen-focus/index.json +111 -118
  15. package/dist/uitvoerend-mintgroen-focus/index.tokens.json +121 -138
  16. package/dist/uitvoerend-mintgroen-focus/root.css +112 -119
  17. package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +61 -78
  18. package/dist/uitvoerend-mintgroen-focus/tokens.js +3136 -3313
  19. package/dist/uitvoerend-violet/_variables.scss +72 -77
  20. package/dist/uitvoerend-violet/index.css +72 -77
  21. package/dist/uitvoerend-violet/index.d.ts +11 -16
  22. package/dist/uitvoerend-violet/index.js +72 -77
  23. package/dist/uitvoerend-violet/index.json +71 -76
  24. package/dist/uitvoerend-violet/index.tokens.json +62 -69
  25. package/dist/uitvoerend-violet/root.css +72 -77
  26. package/dist/uitvoerend-violet/tokens.d.ts +2 -9
  27. package/dist/uitvoerend-violet/tokens.js +155 -276
  28. package/dist/uitvoerend-violet-oud/_variables.scss +72 -77
  29. package/dist/uitvoerend-violet-oud/index.css +72 -77
  30. package/dist/uitvoerend-violet-oud/index.d.ts +11 -16
  31. package/dist/uitvoerend-violet-oud/index.js +72 -77
  32. package/dist/uitvoerend-violet-oud/index.json +71 -76
  33. package/dist/uitvoerend-violet-oud/index.tokens.json +62 -69
  34. package/dist/uitvoerend-violet-oud/root.css +72 -77
  35. package/dist/uitvoerend-violet-oud/tokens.d.ts +2 -9
  36. package/dist/uitvoerend-violet-oud/tokens.js +155 -276
  37. package/dist/wetgevend/_variables.scss +66 -71
  38. package/dist/wetgevend/index.css +66 -71
  39. package/dist/wetgevend/index.d.ts +11 -16
  40. package/dist/wetgevend/index.js +66 -71
  41. package/dist/wetgevend/index.json +65 -70
  42. package/dist/wetgevend/index.tokens.json +56 -63
  43. package/dist/wetgevend/root.css +66 -71
  44. package/dist/wetgevend/tokens.d.ts +2 -9
  45. package/dist/wetgevend/tokens.js +143 -264
  46. package/figma/figma.tokens.json +145 -165
  47. package/package.json +2 -2
  48. package/src/generated/base.tokens.json +57 -81
  49. package/src/generated/themes.json +442 -554
  50. package/src/generated/uitvoerend-mintgroen-focus/tokens.json +231 -271
  51. package/src/generated/uitvoerend-violet/tokens.json +62 -86
  52. package/src/generated/uitvoerend-violet-oud/tokens.json +62 -86
  53. package/src/generated/wetgevend/tokens.json +56 -80
@@ -7,14 +7,13 @@
7
7
  "rhcColorPrimary500": "#76d2b6",
8
8
  "rhcColorPrimaryHover": "#528e7c",
9
9
  "rhcColorFocusOutline": "#76d2b6",
10
- "rhcColorForegroundDefault": "#000",
11
- "rhcColorForegroundLint": "#154273",
10
+ "rhcColorForegroundDefault": "#0F172A",
12
11
  "rhcColorForegroundSubdued": "#334155",
13
12
  "rhcColorForegroundOnEmphasis": "#fff",
14
13
  "rhcColorForegroundLink": "#01689b",
15
14
  "rhcColorBorderDefault": "#64748B",
16
15
  "rhcColorBorderSubdued": "#94A3B8",
17
- "rhcColorBorderStrong": "#000",
16
+ "rhcColorBorderStrong": "#0F172A",
18
17
  "rhcColorCanvas": "#fff",
19
18
  "rhcColorFeedbackSuccessDefault": "#39870c",
20
19
  "rhcColorFeedbackSuccessSubdued": "#e1eddb",
@@ -25,16 +24,16 @@
25
24
  "rhcColorFeedbackWarningDefault": "#ffb612",
26
25
  "rhcColorFeedbackWarningSubdued": "#fff4db",
27
26
  "rhcColorAccent500": "#8fcae7",
28
- "rhcColorGrijs50": "#F8FAFC",
29
- "rhcColorGrijs100": "#F1F5F9",
30
- "rhcColorGrijs200": "#E2E8F0",
31
- "rhcColorGrijs300": "#CBD5E1",
32
- "rhcColorGrijs400": "#94A3B8",
33
- "rhcColorGrijs500": "#64748B",
34
- "rhcColorGrijs600": "#475569",
35
- "rhcColorGrijs700": "#334155",
36
- "rhcColorGrijs800": "#1E293B",
37
- "rhcColorGrijs900": "#0F172A",
27
+ "rhcColorCoolGrey50": "#F8FAFC",
28
+ "rhcColorCoolGrey100": "#F1F5F9",
29
+ "rhcColorCoolGrey200": "#E2E8F0",
30
+ "rhcColorCoolGrey300": "#CBD5E1",
31
+ "rhcColorCoolGrey400": "#94A3B8",
32
+ "rhcColorCoolGrey500": "#64748B",
33
+ "rhcColorCoolGrey600": "#475569",
34
+ "rhcColorCoolGrey700": "#334155",
35
+ "rhcColorCoolGrey800": "#1E293B",
36
+ "rhcColorCoolGrey900": "#0F172A",
38
37
  "rhcColorLichtblauw50": "#eef7fb",
39
38
  "rhcColorLichtblauw100": "#ddeff8",
40
39
  "rhcColorLichtblauw200": "#CCE7F4",
@@ -166,7 +165,7 @@
166
165
  "rhcToggletipActiveColor": "#007bc7",
167
166
  "rhcToggletipActiveBackgroundColor": "#fff",
168
167
  "rhcToggletipActiveBorderColor": "#007bc7",
169
- "rhcToggletipHoverColor": "#154273",
168
+ "rhcToggletipHoverColor": "#0F172A",
170
169
  "rhcToggletipHoverBackgroundColor": "#66AFDD",
171
170
  "rhcToggletipFocusColor": "#fff",
172
171
  "rhcToggletipFocusBackgroundColor": "#007bc7",
@@ -178,7 +177,7 @@
178
177
  "rhcSidenavLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
179
178
  "rhcSidenavLinkFontWeight": 400,
180
179
  "rhcSidenavLinkCurrentFontWeight": 700,
181
- "rhcSidenavLinkCurrentColor": "#154273",
180
+ "rhcSidenavLinkCurrentColor": "#0F172A",
182
181
  "rhcSidenavLinkColor": "#01689b",
183
182
  "rhcSidenavLinkActiveColor": "#42145f",
184
183
  "rhcSidenavLinkActiveTextDecoration": "underline",
@@ -198,7 +197,7 @@
198
197
  "rhcRadioGroupPaddingBlockEnd": "0.5rem",
199
198
  "rhcRadioGroupPaddingBlockStart": "0.5rem",
200
199
  "rhcRadioGroupRowGap": "1rem",
201
- "rhcNavigationListIconBackgroundColor": "#154273",
200
+ "rhcNavigationListIconBackgroundColor": "#0F172A",
202
201
  "rhcNavigationListIconBorderRadius": "999px",
203
202
  "rhcNavigationListIconColor": "#fff",
204
203
  "rhcNavigationListItemIconPaddingInline": "0.5rem",
@@ -218,7 +217,7 @@
218
217
  "rhcNavigationListItemColor": "#334155",
219
218
  "rhcNavigationListItemBorderWidth": "1px",
220
219
  "rhcNavigationListItemBorderColor": "#CBD5E1",
221
- "rhcNavigationListItemHeadingColor": "#154273",
220
+ "rhcNavigationListItemHeadingColor": "#0F172A",
222
221
  "rhcNavigationListItemColumnGap": "1rem",
223
222
  "rhcNavigationListItemMinHeight": "48px",
224
223
  "rhcNavigationListItemPaddingBlock": "0.75rem",
@@ -228,17 +227,17 @@
228
227
  "rhcNavBarPaddingInline": "1rem",
229
228
  "rhcNavBarContainerInlineSize": "100%",
230
229
  "rhcNavBarContentColumnGap": "1rem",
231
- "rhcNavBarIconColor": "#154273",
230
+ "rhcNavBarIconColor": "#0F172A",
232
231
  "rhcNavBarIconActiveColor": "#fff",
233
232
  "rhcNavBarIconSize": "24px",
234
- "rhcNavBarLinkActiveBackgroundColor": "#154273",
233
+ "rhcNavBarLinkActiveBackgroundColor": "#76d2b6",
235
234
  "rhcNavBarLinkActiveColor": "#fff",
236
235
  "rhcNavBarLinkBackgroundColor": "#fff",
237
- "rhcNavBarLinkColor": "#154273",
238
- "rhcNavBarLinkFocusBackgroundColor": "#dce3ea",
239
- "rhcNavBarLinkFocusColor": "#154273",
236
+ "rhcNavBarLinkColor": "#76d2b6",
237
+ "rhcNavBarLinkFocusBackgroundColor": "#eaf8f4",
238
+ "rhcNavBarLinkFocusColor": "#76d2b6",
240
239
  "rhcNavBarLinkHoverBackgroundColor": "#F8FAFC",
241
- "rhcNavBarLinkHoverColor": "#154273",
240
+ "rhcNavBarLinkHoverColor": "#76d2b6",
242
241
  "rhcNavBarLinkPaddingBlockEnd": "1rem",
243
242
  "rhcNavBarLinkPaddingBlockStart": "1rem",
244
243
  "rhcNavBarLinkPaddingInlineEnd": "0.75rem",
@@ -246,15 +245,15 @@
246
245
  "rhcNavBarLinkColumnGap": "0.5rem",
247
246
  "rhcNavBarHeadingFontWeight": 700,
248
247
  "rhcNavBarBackgroundColor": "#fff",
249
- "rhcNavBarColor": "#154273",
250
- "rhcNavBarBorderColor": "#64748B",
248
+ "rhcNavBarColor": "#76d2b6",
249
+ "rhcNavBarBorderColor": "#98DDC8",
251
250
  "rhcMessageListItemBackgroundColor": "#fff",
252
251
  "rhcMessageListItemBorderColor": "#CBD5E1",
253
252
  "rhcMessageListItemBorderWidth": "1px",
254
253
  "rhcMessageListItemColor": "#334155",
255
254
  "rhcMessageListItemColumnGap": "1rem",
256
255
  "rhcMessageListItemIconSize": "24px",
257
- "rhcMessageListItemIconColor": "#154273",
256
+ "rhcMessageListItemIconColor": "#0F172A",
258
257
  "rhcMessageListItemMinHeight": "48px",
259
258
  "rhcMessageListItemPaddingBlock": "0.75rem",
260
259
  "rhcMessageListItemPaddingInline": "1rem",
@@ -265,7 +264,7 @@
265
264
  "rhcMessageListItemLabelFontSize": "1.25rem",
266
265
  "rhcMessageListItemLabelFontWeight": 700,
267
266
  "rhcMessageListItemLabelLineHeight": "150%",
268
- "rhcMessageListItemHeadingColor": "#154273",
267
+ "rhcMessageListItemHeadingColor": "#0F172A",
269
268
  "rhcLogoImageBackgroundColor": "#fff",
270
269
  "rhcLogoImageInlineSize": "48px",
271
270
  "rhcLogoImageBlockSize": "96px",
@@ -362,17 +361,17 @@
362
361
  "rhcCardAsLinkBorderColor": "#CBD5E1",
363
362
  "rhcCardAsLinkBorderRadius": "5px",
364
363
  "rhcCardAsLinkBorderWidth": "1px",
365
- "rhcCardAsLinkColor": "#154273",
364
+ "rhcCardAsLinkColor": "#0F172A",
366
365
  "rhcCardAsLinkColumnGap": "1rem",
367
366
  "rhcCardAsLinkInlineSize": "328px",
368
- "rhcCardAsLinkIconColor": "#154273",
367
+ "rhcCardAsLinkIconColor": "#0F172A",
369
368
  "rhcCardAsLinkIconSize": "24px",
370
369
  "rhcCardAsLinkLinkColor": "#01689b",
371
370
  "rhcCardAsLinkLinkTextDecoration": "underline",
372
371
  "rhcCardAsLinkLinkActiveTextDecoration": "none",
373
372
  "rhcCardAsLinkLinkHoverTextDecoration": "none",
374
373
  "rhcCardAsLinkLinkFocusTextDecoration": "none",
375
- "rhcCardAsLinkMetadataColor": "#154273",
374
+ "rhcCardAsLinkMetadataColor": "#0F172A",
376
375
  "rhcCardAsLinkPaddingBlockEnd": "1rem",
377
376
  "rhcCardAsLinkPaddingBlockStart": "1rem",
378
377
  "rhcCardAsLinkPaddingInlineEnd": "1rem",
@@ -410,13 +409,13 @@
410
409
  "rhcAccordionButtonPaddingInlineEnd": "1rem",
411
410
  "rhcAccordionButtonPaddingInlineStart": "1rem",
412
411
  "rhcAccordionButtonExpandedBackgroundColor": "#fff",
413
- "rhcAccordionButtonExpandedColor": "#154273",
412
+ "rhcAccordionButtonExpandedColor": "#0F172A",
414
413
  "rhcAccordionSectionBorderBlockEndWidth": "1px",
415
414
  "rhcAccordionSectionBorderWidth": 0,
416
415
  "rhcAccordionSectionBorderColor": "#94A3B8",
417
416
  "rhcAccordionHeaderMargin": 0,
418
417
  "rhcAccordionBorderRadius": "0px",
419
- "rhcAccordionColor": "#154273",
418
+ "rhcAccordionColor": "#0F172A",
420
419
  "rhcKeepTopLeftBorderRadiusTopLeft": "48px",
421
420
  "rhcKeepTopLeftBorderRadiusTopRight": 0,
422
421
  "rhcKeepTopLeftBorderRadiusBottomRight": 0,
@@ -499,19 +498,19 @@
499
498
  "rhcSpace700": "3.5rem",
500
499
  "utrechtAccordionButtonFocusBackgroundColor": "#FDD370",
501
500
  "utrechtAccordionButtonFocusBorderColor": "#154273",
502
- "utrechtAccordionButtonFocusColor": "#154273",
501
+ "utrechtAccordionButtonFocusColor": "#0F172A",
503
502
  "utrechtAccordionButtonGap": "0.5rem",
504
503
  "utrechtAccordionButtonIconSize": "24px",
505
504
  "utrechtAccordionButtonHoverBackgroundColor": "#F8FAFC",
506
505
  "utrechtAccordionButtonHoverBorderColor": "#94A3B8",
507
- "utrechtAccordionButtonHoverColor": "#154273",
506
+ "utrechtAccordionButtonHoverColor": "#0F172A",
508
507
  "utrechtAccordionButtonBackgroundColor": "#fff",
509
508
  "utrechtAccordionButtonBorderColor": "#94A3B8",
510
509
  "utrechtAccordionButtonBorderWidth": 0,
511
- "utrechtAccordionButtonColor": "#154273",
510
+ "utrechtAccordionButtonColor": "#0F172A",
512
511
  "utrechtAccordionButtonActiveBackgroundColor": "#F1F5F9",
513
512
  "utrechtAccordionButtonActiveBorderColor": "#94A3B8",
514
- "utrechtAccordionButtonActiveColor": "#154273",
513
+ "utrechtAccordionButtonActiveColor": "#0F172A",
515
514
  "utrechtAccordionButtonActiveRowGap": 0,
516
515
  "utrechtAccordionPanelBorderColor": "#94A3B8",
517
516
  "utrechtAccordionPanelBorderWidth": 0,
@@ -661,8 +660,46 @@
661
660
  "utrechtCheckboxActiveBorderWidth": "1px",
662
661
  "utrechtCheckboxActiveBackgroundColor": "#fff",
663
662
  "utrechtCheckboxActiveBorderColor": "#4f7196",
664
- "utrechtRadioFocusBackgroundColor": "#FDD370",
665
- "utrechtRadioCheckedFocusBackgroundColor": "#FDD370",
663
+ "utrechtRadioButtonFocusBackgroundColor": "#FDD370",
664
+ "utrechtRadioButtonFocusBorderColor": "#154273",
665
+ "utrechtRadioButtonFocusBorderWidth": "2px",
666
+ "utrechtRadioButtonCheckedFocusBackgroundColor": "#FDD370",
667
+ "utrechtRadioButtonCheckedFocusBorderColor": "#154273",
668
+ "utrechtRadioButtonCheckedFocusColor": "#154273",
669
+ "utrechtRadioButtonCheckedFocusBorderWidth": "2px",
670
+ "utrechtRadioButtonCheckedBackgroundColor": "#154273",
671
+ "utrechtRadioButtonCheckedBorderColor": "transparent",
672
+ "utrechtRadioButtonCheckedColor": "#fff",
673
+ "utrechtRadioButtonCheckedHoverBackgroundColor": "#738eab",
674
+ "utrechtRadioButtonCheckedHoverBorderColor": "transparent",
675
+ "utrechtRadioButtonCheckedHoverColor": "#fff",
676
+ "utrechtRadioButtonCheckedHoverBorderWidth": "1px",
677
+ "utrechtRadioButtonCheckedActiveBackgroundColor": "#4f7196",
678
+ "utrechtRadioButtonCheckedActiveBorderColor": "transparent",
679
+ "utrechtRadioButtonCheckedActiveColor": "#fff",
680
+ "utrechtRadioButtonCheckedActiveBorderWidth": "1px",
681
+ "utrechtRadioButtonCheckedDisabledBackgroundColor": "#CBD5E1",
682
+ "utrechtRadioButtonCheckedDisabledBorderColor": "#94A3B8",
683
+ "utrechtRadioButtonCheckedDisabledColor": "#475569",
684
+ "utrechtRadioButtonCheckedBorderWidth": "1px",
685
+ "utrechtRadioButtonActiveBorderWidth": "1px",
686
+ "utrechtRadioButtonActiveBackgroundColor": "#fff",
687
+ "utrechtRadioButtonActiveBorderColor": "#4f7196",
688
+ "utrechtRadioButtonSize": "24px",
689
+ "utrechtRadioButtonDotSize": "12px",
690
+ "utrechtRadioButtonBackgroundColor": "#fff",
691
+ "utrechtRadioButtonBorderColor": "#154273",
692
+ "utrechtRadioButtonInvalidBackgroundColor": "#f9dfdd",
693
+ "utrechtRadioButtonInvalidBorderColor": "#d52b1e",
694
+ "utrechtRadioButtonInvalidBorderWidth": "1px",
695
+ "utrechtRadioButtonDisabledBackgroundColor": "#CBD5E1",
696
+ "utrechtRadioButtonDisabledBorderColor": "#94A3B8",
697
+ "utrechtRadioButtonDisabledColor": "#475569",
698
+ "utrechtRadioButtonHoverBackgroundColor": "#fff",
699
+ "utrechtRadioButtonHoverBorderColor": "#738eab",
700
+ "utrechtRadioButtonHoverBorderWidth": "1px",
701
+ "utrechtRadioButtonBorderRadius": "999px",
702
+ "utrechtRadioButtonBorderWidth": "1px",
666
703
  "utrechtLinkFocusBackgroundColor": "#FDD370",
667
704
  "utrechtLinkFocusColor": "#01689b",
668
705
  "utrechtLinkFocusTextDecoration": "None",
@@ -687,23 +724,23 @@
687
724
  "utrechtLinkLineHeight": "150%",
688
725
  "utrechtSelectFocusBackgroundColor": "#FDD370",
689
726
  "utrechtSelectFocusBorderColor": "#154273",
690
- "utrechtSelectFocusColor": "#154273",
727
+ "utrechtSelectFocusColor": "#0F172A",
691
728
  "utrechtSelectFocusBorderWidth": "2px",
692
729
  "utrechtSelectImageBackgroundPosition": "right 0.5rem center",
693
730
  "utrechtSelectIconSize": "24px",
694
731
  "utrechtSelectBackgroundColor": "#fff",
695
732
  "utrechtSelectBorderColor": "#154273",
696
- "utrechtSelectColor": "#154273",
733
+ "utrechtSelectColor": "#0F172A",
697
734
  "utrechtSelectInvalidBackgroundColor": "#f9dfdd",
698
735
  "utrechtSelectInvalidBorderColor": "#d52b1e",
699
- "utrechtSelectInvalidColor": "#154273",
736
+ "utrechtSelectInvalidColor": "#0F172A",
700
737
  "utrechtSelectInvalidBorderWidth": "1px",
701
738
  "utrechtSelectDisabledBackgroundColor": "#CBD5E1",
702
739
  "utrechtSelectDisabledBorderColor": "#94A3B8",
703
740
  "utrechtSelectDisabledColor": "#475569",
704
741
  "utrechtSelectHoverBackgroundColor": "#fff",
705
742
  "utrechtSelectHoverBorderColor": "#738eab",
706
- "utrechtSelectHoverColor": "#154273",
743
+ "utrechtSelectHoverColor": "#0F172A",
707
744
  "utrechtSelectHoverBorderWidth": "1px",
708
745
  "utrechtSelectPaddingBlockEnd": "0.5rem",
709
746
  "utrechtSelectPaddingBlockStart": "0.5rem",
@@ -719,7 +756,7 @@
719
756
  "utrechtSelectMaxInlineSize": "400px",
720
757
  "utrechtTextareaFocusBackgroundColor": "#FDD370",
721
758
  "utrechtTextareaFocusBorderColor": "#154273",
722
- "utrechtTextareaFocusColor": "#154273",
759
+ "utrechtTextareaFocusColor": "#0F172A",
723
760
  "utrechtTextareaFocusBorderWidth": "2px",
724
761
  "utrechtTextareaMaxInlineSize": "400px",
725
762
  "utrechtTextareaPaddingBlockEnd": "0.5rem",
@@ -728,10 +765,10 @@
728
765
  "utrechtTextareaPaddingInlineStart": "0.75rem",
729
766
  "utrechtTextareaBackgroundColor": "#fff",
730
767
  "utrechtTextareaBorderColor": "#154273",
731
- "utrechtTextareaColor": "#154273",
768
+ "utrechtTextareaColor": "#0F172A",
732
769
  "utrechtTextareaInvalidBackgroundColor": "#f9dfdd",
733
770
  "utrechtTextareaInvalidBorderColor": "#d52b1e",
734
- "utrechtTextareaInvalidColor": "#154273",
771
+ "utrechtTextareaInvalidColor": "#0F172A",
735
772
  "utrechtTextareaInvalidBorderWidth": "1px",
736
773
  "utrechtTextareaPlaceholderColor": "#64748B",
737
774
  "utrechtTextareaDisabledBackgroundColor": "#CBD5E1",
@@ -739,10 +776,10 @@
739
776
  "utrechtTextareaDisabledColor": "#475569",
740
777
  "utrechtTextareaReadOnlyBackgroundColor": "#F1F5F9",
741
778
  "utrechtTextareaReadOnlyBorderColor": "transparent",
742
- "utrechtTextareaReadOnlyColor": "#154273",
779
+ "utrechtTextareaReadOnlyColor": "#0F172A",
743
780
  "utrechtTextareaHoverBackgroundColor": "#fff",
744
781
  "utrechtTextareaHoverBorderColor": "#738eab",
745
- "utrechtTextareaHoverColor": "#154273",
782
+ "utrechtTextareaHoverColor": "#0F172A",
746
783
  "utrechtTextareaHoverBorderWidth": "1px",
747
784
  "utrechtTextareaBorderRadius": "2.5px",
748
785
  "utrechtTextareaBorderBottomWidth": "1px",
@@ -754,7 +791,7 @@
754
791
  "utrechtTextboxFocusBackgroundColor": "#FDD370",
755
792
  "utrechtTextboxFocusBorderWidth": "2px",
756
793
  "utrechtTextboxFocusBorderColor": "#154273",
757
- "utrechtTextboxFocusColor": "#154273",
794
+ "utrechtTextboxFocusColor": "#0F172A",
758
795
  "utrechtTextboxBorderRadius": "2.5px",
759
796
  "utrechtTextboxFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
760
797
  "utrechtTextboxFontSize": "1.25rem",
@@ -767,10 +804,10 @@
767
804
  "utrechtTextboxPaddingInlineStart": "0.75rem",
768
805
  "utrechtTextboxBackgroundColor": "#fff",
769
806
  "utrechtTextboxBorderColor": "#154273",
770
- "utrechtTextboxColor": "#154273",
807
+ "utrechtTextboxColor": "#0F172A",
771
808
  "utrechtTextboxInvalidBackgroundColor": "#f9dfdd",
772
809
  "utrechtTextboxInvalidBorderColor": "#d52b1e",
773
- "utrechtTextboxInvalidColor": "#154273",
810
+ "utrechtTextboxInvalidColor": "#0F172A",
774
811
  "utrechtTextboxInvalidBorderWidth": "1px",
775
812
  "utrechtTextboxPlaceholderColor": "#64748B",
776
813
  "utrechtTextboxBorderBlockEndWidth": "auto",
@@ -780,11 +817,11 @@
780
817
  "utrechtTextboxDisabledColor": "#475569",
781
818
  "utrechtTextboxReadOnlyBackgroundColor": "#F1F5F9",
782
819
  "utrechtTextboxReadOnlyBorderColor": "transparent",
783
- "utrechtTextboxReadOnlyColor": "#154273",
820
+ "utrechtTextboxReadOnlyColor": "#0F172A",
784
821
  "utrechtTextboxHoverBorderWidth": "1px",
785
822
  "utrechtTextboxHoverBackgroundColor": "#fff",
786
823
  "utrechtTextboxHoverBorderColor": "#738eab",
787
- "utrechtTextboxHoverColor": "#154273",
824
+ "utrechtTextboxHoverColor": "#0F172A",
788
825
  "utrechtCounterBadgeBackgroundColor": "#FDD370",
789
826
  "utrechtSkipLinkFocusBackgroundColor": "#FDD370",
790
827
  "utrechtIconColor": "inherit",
@@ -793,7 +830,7 @@
793
830
  "utrechtUnorderedListPaddingInlineStart": "1.5rem",
794
831
  "utrechtUnorderedListMarginBlockEnd": "0.25rem",
795
832
  "utrechtUnorderedListMarginBlockStart": "0.25rem",
796
- "utrechtUnorderedListColor": "#154273",
833
+ "utrechtUnorderedListColor": "#0F172A",
797
834
  "utrechtUnorderedListFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
798
835
  "utrechtUnorderedListFontWeight": 400,
799
836
  "utrechtUnorderedListFontSize": "1.25rem",
@@ -801,16 +838,16 @@
801
838
  "utrechtUnorderedListItemPaddingInlineStart": "0.5rem",
802
839
  "utrechtUnorderedListItemMarginBlockEnd": "0.25rem",
803
840
  "utrechtUnorderedListItemMarginBlockStart": "0.25rem",
804
- "utrechtUnorderedListMarkerColor": "#154273",
805
- "utrechtUnorderedListMarkerBorderColor": "#154273",
841
+ "utrechtUnorderedListMarkerColor": "#0F172A",
842
+ "utrechtUnorderedListMarkerBorderColor": "#0F172A",
806
843
  "utrechtTableHeaderCellLineHeight": "150%",
807
- "utrechtTableHeaderCellColor": "#154273",
844
+ "utrechtTableHeaderCellColor": "#0F172A",
808
845
  "utrechtTableHeaderCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
809
846
  "utrechtTableHeaderCellFontWeight": 700,
810
847
  "utrechtTableHeaderCellFontSize": "1.25rem",
811
848
  "utrechtTableCaptionLineHeight": "125%",
812
849
  "utrechtTableCaptionMarginBlockEnd": "1.5rem",
813
- "utrechtTableCaptionColor": "#154273",
850
+ "utrechtTableCaptionColor": "#0F172A",
814
851
  "utrechtTableCaptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
815
852
  "utrechtTableCaptionFontWeight": 700,
816
853
  "utrechtTableCaptionFontSize": "1.875rem",
@@ -819,7 +856,7 @@
819
856
  "utrechtTableCellPaddingInlineEnd": "1rem",
820
857
  "utrechtTableCellPaddingInlineStart": "1rem",
821
858
  "utrechtTableCellLineHeight": "150%",
822
- "utrechtTableDataCellColor": "#154273",
859
+ "utrechtTableDataCellColor": "#0F172A",
823
860
  "utrechtTableDataCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
824
861
  "utrechtTableDataCellFontWeight": 400,
825
862
  "utrechtTableDataCellLineHeight": "150%",
@@ -835,7 +872,7 @@
835
872
  "utrechtTableRowBackgroundColor": "transparent",
836
873
  "utrechtTableFooterCellFontWeight": 700,
837
874
  "utrechtTableFooterCellFontSize": "1.25rem",
838
- "utrechtTableFooterCellColor": "#154273",
875
+ "utrechtTableFooterCellColor": "#0F172A",
839
876
  "utrechtTableFooterCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
840
877
  "utrechtTableFooterCellLineHeight": "150%",
841
878
  "utrechtTableContainerBoxInlineEndShadowX": 0,
@@ -853,46 +890,6 @@
853
890
  "utrechtSeparatorBlockSize": "2px",
854
891
  "utrechtSeparatorMarginBlockEnd": "0.75rem",
855
892
  "utrechtSeparatorMarginBlockStart": "0.75rem",
856
- "utrechtRadioButtonActiveBorderWidth": "1px",
857
- "utrechtRadioButtonActiveBackgroundColor": "#fff",
858
- "utrechtRadioButtonActiveBorderColor": "#4f7196",
859
- "utrechtRadioButtonSize": "24px",
860
- "utrechtRadioButtonDotSize": "12px",
861
- "utrechtRadioButtonBackgroundColor": "#fff",
862
- "utrechtRadioButtonBorderColor": "#154273",
863
- "utrechtRadioButtonInvalidBackgroundColor": "#f9dfdd",
864
- "utrechtRadioButtonInvalidBorderColor": "#d52b1e",
865
- "utrechtRadioButtonInvalidBorderWidth": "1px",
866
- "utrechtRadioButtonFocusBackgroundColor": "#fff",
867
- "utrechtRadioButtonFocusBorderColor": "#154273",
868
- "utrechtRadioButtonFocusBorderWidth": "2px",
869
- "utrechtRadioButtonDisabledBackgroundColor": "#CBD5E1",
870
- "utrechtRadioButtonDisabledBorderColor": "#94A3B8",
871
- "utrechtRadioButtonDisabledColor": "#475569",
872
- "utrechtRadioButtonCheckedBackgroundColor": "#154273",
873
- "utrechtRadioButtonCheckedBorderColor": "transparent",
874
- "utrechtRadioButtonCheckedColor": "#fff",
875
- "utrechtRadioButtonCheckedHoverBackgroundColor": "#738eab",
876
- "utrechtRadioButtonCheckedHoverBorderColor": "transparent",
877
- "utrechtRadioButtonCheckedHoverColor": "#fff",
878
- "utrechtRadioButtonCheckedHoverBorderWidth": "1px",
879
- "utrechtRadioButtonCheckedActiveBackgroundColor": "#4f7196",
880
- "utrechtRadioButtonCheckedActiveBorderColor": "transparent",
881
- "utrechtRadioButtonCheckedActiveColor": "#fff",
882
- "utrechtRadioButtonCheckedActiveBorderWidth": "1px",
883
- "utrechtRadioButtonCheckedFocusBackgroundColor": "#fff",
884
- "utrechtRadioButtonCheckedFocusBorderColor": "#154273",
885
- "utrechtRadioButtonCheckedFocusColor": "#154273",
886
- "utrechtRadioButtonCheckedFocusBorderWidth": "2px",
887
- "utrechtRadioButtonCheckedDisabledBackgroundColor": "#CBD5E1",
888
- "utrechtRadioButtonCheckedDisabledBorderColor": "#94A3B8",
889
- "utrechtRadioButtonCheckedDisabledColor": "#475569",
890
- "utrechtRadioButtonCheckedBorderWidth": "1px",
891
- "utrechtRadioButtonHoverBackgroundColor": "#fff",
892
- "utrechtRadioButtonHoverBorderColor": "#738eab",
893
- "utrechtRadioButtonHoverBorderWidth": "1px",
894
- "utrechtRadioButtonBorderRadius": "999px",
895
- "utrechtRadioButtonBorderWidth": "1px",
896
893
  "utrechtOrderedListPaddingInlineStart": "1.5rem",
897
894
  "utrechtOrderedListMarginBlockEnd": "0.25rem",
898
895
  "utrechtOrderedListMarginBlockStart": "0.25rem",
@@ -900,7 +897,7 @@
900
897
  "utrechtOrderedListItemPaddingInlineStart": 0,
901
898
  "utrechtOrderedListItemMarginBlockEnd": "0.25rem",
902
899
  "utrechtOrderedListItemMarginBlockStart": "0.25rem",
903
- "utrechtOrderedListColor": "#154273",
900
+ "utrechtOrderedListColor": "#0F172A",
904
901
  "utrechtOrderedListFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
905
902
  "utrechtOrderedListFontWeight": 400,
906
903
  "utrechtOrderedListFontSize": "1.25rem",
@@ -912,10 +909,10 @@
912
909
  "utrechtLinkListItemTextDecoration": "None",
913
910
  "utrechtLinkListIconSize": "24px",
914
911
  "utrechtLinkListIconInsetBlockStart": "0.188rem",
915
- "utrechtFormLabelColor": "#154273",
912
+ "utrechtFormLabelColor": "#0F172A",
916
913
  "utrechtFormLabelFontSize": "1.25rem",
917
914
  "utrechtFormLabelFontWeight": 700,
918
- "utrechtFormFieldLabelColor": "#154273",
915
+ "utrechtFormFieldLabelColor": "#0F172A",
919
916
  "utrechtFormFieldLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
920
917
  "utrechtFormFieldLabelFontSize": "1.25rem",
921
918
  "utrechtFormFieldLabelFontWeight": 700,
@@ -960,14 +957,14 @@
960
957
  "utrechtFigureImgBorderEndStartRadius": 0,
961
958
  "utrechtFigureImgBorderStartEndRadius": 0,
962
959
  "utrechtFigureImgBorderStartStartRadius": 0,
963
- "utrechtFormFieldsetLegendColor": "#154273",
960
+ "utrechtFormFieldsetLegendColor": "#0F172A",
964
961
  "utrechtFormFieldsetLegendFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
965
962
  "utrechtFormFieldsetLegendFontSize": "1.25rem",
966
963
  "utrechtFormFieldsetLegendFontWeight": 700,
967
964
  "utrechtFormFieldsetLegendLineHeight": "150%",
968
965
  "utrechtFormFieldsetLegendDisabledColor": "#334155",
969
966
  "utrechtFormFieldsetSectionBackgroundColor": "transparent",
970
- "utrechtFormFieldsetSectionColor": "#154273",
967
+ "utrechtFormFieldsetSectionColor": "#0F172A",
971
968
  "utrechtFormFieldsetInvalidBorderInlineStartColor": "#d52b1e",
972
969
  "utrechtFormFieldsetInvalidPaddingInlineStart": 0,
973
970
  "utrechtFormFieldsetInvalidBorderInlineStartWidth": "0px",
@@ -1013,7 +1010,7 @@
1013
1010
  "utrechtBlockquoteContentLineHeight": "150%",
1014
1011
  "utrechtBlockquoteContentFontWeight": 400,
1015
1012
  "utrechtBlockquoteContentFontSize": "1.5rem",
1016
- "utrechtBlockquoteContentColor": "#154273",
1013
+ "utrechtBlockquoteContentColor": "#0F172A",
1017
1014
  "utrechtBlockquoteMarginBlockEnd": 0,
1018
1015
  "utrechtBlockquoteMarginBlockStart": 0,
1019
1016
  "utrechtBlockquoteMarginInlineEnd": 0,
@@ -1067,19 +1064,19 @@
1067
1064
  "utrechtAlertPaddingInlineStart": "1rem",
1068
1065
  "utrechtAlertBackgroundColor": "#d9ebf7",
1069
1066
  "utrechtAlertBorderColor": "transparent",
1070
- "utrechtAlertColor": "#154273",
1067
+ "utrechtAlertColor": "#0F172A",
1071
1068
  "utrechtAlertInfoBackgroundColor": "#d9ebf7",
1072
1069
  "utrechtAlertInfoBorderColor": "transparent",
1073
- "utrechtAlertInfoColor": "#154273",
1070
+ "utrechtAlertInfoColor": "#0F172A",
1074
1071
  "utrechtAlertErrorBackgroundColor": "#f9dfdd",
1075
1072
  "utrechtAlertErrorBorderColor": "transparent",
1076
- "utrechtAlertErrorColor": "#154273",
1073
+ "utrechtAlertErrorColor": "#0F172A",
1077
1074
  "utrechtAlertOkBackgroundColor": "#e1eddb",
1078
1075
  "utrechtAlertOkBorderColor": "transparent",
1079
- "utrechtAlertOkColor": "#154273",
1076
+ "utrechtAlertOkColor": "#0F172A",
1080
1077
  "utrechtAlertWarningBackgroundColor": "#fff4db",
1081
1078
  "utrechtAlertWarningBorderColor": "transparent",
1082
- "utrechtAlertWarningColor": "#154273",
1079
+ "utrechtAlertWarningColor": "#0F172A",
1083
1080
  "utrechtAlertIconInsetBlockStart": "3px",
1084
1081
  "utrechtAlertIconInfoColor": "#007bc7",
1085
1082
  "utrechtAlertIconErrorColor": "#d52b1e",
@@ -1090,7 +1087,7 @@
1090
1087
  "utrechtAlertMessageColumnGap": "0.5rem",
1091
1088
  "utrechtAlertBorderRadius": "5px",
1092
1089
  "utrechtDocumentBackgroundColor": "#fff",
1093
- "utrechtDocumentColor": "#000",
1090
+ "utrechtDocumentColor": "#0F172A",
1094
1091
  "utrechtDocumentFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1095
1092
  "utrechtDocumentFontSize": "1.25rem",
1096
1093
  "utrechtDocumentLineHeight": "150%",
@@ -1124,7 +1121,7 @@
1124
1121
  "nlSkipLinkFocusBorderColor": "#154273",
1125
1122
  "nlSkipLinkFocusBorderStyle": "solid",
1126
1123
  "nlSkipLinkFocusBorderWidth": "2px",
1127
- "nlSkipLinkFocusColor": "#154273",
1124
+ "nlSkipLinkFocusColor": "#0F172A",
1128
1125
  "nlSkipLinkFocusTextDecoration": "None",
1129
1126
  "nlSkipLinkFocusVisibleOutlineColor": "#000",
1130
1127
  "nlSkipLinkBackgroundColor": "#154273",
@@ -1138,21 +1135,17 @@
1138
1135
  "nlSkipLinkBoxBlockEndShadowColor": "#0000001a",
1139
1136
  "nlSkipLinkTextDecoration": "underline",
1140
1137
  "nlSkipLinkTextUnderlineOffset": "0.125rem",
1141
- "nlParagraphColor": "#154273",
1138
+ "nlParagraphColor": "#0F172A",
1142
1139
  "nlParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1143
1140
  "nlParagraphFontSize": "1.25rem",
1144
1141
  "nlParagraphFontWeight": 400,
1145
1142
  "nlParagraphLineHeight": "150%",
1146
1143
  "nlParagraphMarginBlockEnd": 0,
1147
1144
  "nlParagraphMarginBlockStart": 0,
1148
- "nlParagraphLeadColor": "#154273",
1145
+ "nlParagraphLeadColor": "#0F172A",
1149
1146
  "nlParagraphLeadFontSize": "1.5rem",
1150
1147
  "nlParagraphLeadFontWeight": 400,
1151
1148
  "nlParagraphLeadLineHeight": "150%",
1152
- "nlParagraphSmallColor": "#154273",
1153
- "nlParagraphSmallFontSize": "1.125rem",
1154
- "nlParagraphSmallFontWeight": 400,
1155
- "nlParagraphSmallLineHeight": "150%",
1156
1149
  "nlHeadingLevel1Color": "#154273",
1157
1150
  "nlHeadingLevel1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1158
1151
  "nlHeadingLevel1FontWeight": 700,