@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
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 20 Feb 2025 15:23:01 GMT
3
+ * Generated on Fri, 21 Feb 2025 08:09:24 GMT
4
4
  */
5
5
 
6
6
  export const rhcColorPrimary50 = "#eaf8f4";
@@ -11,14 +11,13 @@ export const rhcColorPrimary400 = "#98DDC8";
11
11
  export const rhcColorPrimary500 = "#76d2b6";
12
12
  export const rhcColorPrimaryHover = "#528e7c";
13
13
  export const rhcColorFocusOutline = "#76d2b6";
14
- export const rhcColorForegroundDefault = "#000";
15
- export const rhcColorForegroundLint = "#154273";
14
+ export const rhcColorForegroundDefault = "#0F172A";
16
15
  export const rhcColorForegroundSubdued = "#334155";
17
16
  export const rhcColorForegroundOnEmphasis = "#fff";
18
17
  export const rhcColorForegroundLink = "#01689b";
19
18
  export const rhcColorBorderDefault = "#64748B";
20
19
  export const rhcColorBorderSubdued = "#94A3B8";
21
- export const rhcColorBorderStrong = "#000";
20
+ export const rhcColorBorderStrong = "#0F172A";
22
21
  export const rhcColorCanvas = "#fff";
23
22
  export const rhcColorFeedbackSuccessDefault = "#39870c";
24
23
  export const rhcColorFeedbackSuccessSubdued = "#e1eddb";
@@ -29,16 +28,16 @@ export const rhcColorFeedbackErrorSubdued = "#f9dfdd";
29
28
  export const rhcColorFeedbackWarningDefault = "#ffb612";
30
29
  export const rhcColorFeedbackWarningSubdued = "#fff4db";
31
30
  export const rhcColorAccent500 = "#8fcae7";
32
- export const rhcColorGrijs50 = "#F8FAFC";
33
- export const rhcColorGrijs100 = "#F1F5F9";
34
- export const rhcColorGrijs200 = "#E2E8F0";
35
- export const rhcColorGrijs300 = "#CBD5E1";
36
- export const rhcColorGrijs400 = "#94A3B8";
37
- export const rhcColorGrijs500 = "#64748B";
38
- export const rhcColorGrijs600 = "#475569";
39
- export const rhcColorGrijs700 = "#334155";
40
- export const rhcColorGrijs800 = "#1E293B";
41
- export const rhcColorGrijs900 = "#0F172A";
31
+ export const rhcColorCoolGrey50 = "#F8FAFC";
32
+ export const rhcColorCoolGrey100 = "#F1F5F9";
33
+ export const rhcColorCoolGrey200 = "#E2E8F0";
34
+ export const rhcColorCoolGrey300 = "#CBD5E1";
35
+ export const rhcColorCoolGrey400 = "#94A3B8";
36
+ export const rhcColorCoolGrey500 = "#64748B";
37
+ export const rhcColorCoolGrey600 = "#475569";
38
+ export const rhcColorCoolGrey700 = "#334155";
39
+ export const rhcColorCoolGrey800 = "#1E293B";
40
+ export const rhcColorCoolGrey900 = "#0F172A";
42
41
  export const rhcColorLichtblauw50 = "#eef7fb";
43
42
  export const rhcColorLichtblauw100 = "#ddeff8";
44
43
  export const rhcColorLichtblauw200 = "#CCE7F4";
@@ -170,7 +169,7 @@ export const rhcToggletipSize = "24px";
170
169
  export const rhcToggletipActiveColor = "#007bc7";
171
170
  export const rhcToggletipActiveBackgroundColor = "#fff";
172
171
  export const rhcToggletipActiveBorderColor = "#007bc7";
173
- export const rhcToggletipHoverColor = "#154273";
172
+ export const rhcToggletipHoverColor = "#0F172A";
174
173
  export const rhcToggletipHoverBackgroundColor = "#66AFDD";
175
174
  export const rhcToggletipFocusColor = "#fff";
176
175
  export const rhcToggletipFocusBackgroundColor = "#007bc7";
@@ -182,7 +181,7 @@ export const rhcSidenavLinkFontSize = "1.25rem";
182
181
  export const rhcSidenavLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
183
182
  export const rhcSidenavLinkFontWeight = 400;
184
183
  export const rhcSidenavLinkCurrentFontWeight = 700;
185
- export const rhcSidenavLinkCurrentColor = "#154273";
184
+ export const rhcSidenavLinkCurrentColor = "#0F172A";
186
185
  export const rhcSidenavLinkColor = "#01689b";
187
186
  export const rhcSidenavLinkActiveColor = "#42145f";
188
187
  export const rhcSidenavLinkActiveTextDecoration = "underline";
@@ -202,7 +201,7 @@ export const rhcSidenavLinkColumnGap = "0.5rem";
202
201
  export const rhcRadioGroupPaddingBlockEnd = "0.5rem";
203
202
  export const rhcRadioGroupPaddingBlockStart = "0.5rem";
204
203
  export const rhcRadioGroupRowGap = "1rem";
205
- export const rhcNavigationListIconBackgroundColor = "#154273";
204
+ export const rhcNavigationListIconBackgroundColor = "#0F172A";
206
205
  export const rhcNavigationListIconBorderRadius = "999px";
207
206
  export const rhcNavigationListIconColor = "#fff";
208
207
  export const rhcNavigationListItemIconPaddingInline = "0.5rem";
@@ -222,7 +221,7 @@ export const rhcNavigationListItemBackgroundColor = "#fff";
222
221
  export const rhcNavigationListItemColor = "#334155";
223
222
  export const rhcNavigationListItemBorderWidth = "1px";
224
223
  export const rhcNavigationListItemBorderColor = "#CBD5E1";
225
- export const rhcNavigationListItemHeadingColor = "#154273";
224
+ export const rhcNavigationListItemHeadingColor = "#0F172A";
226
225
  export const rhcNavigationListItemColumnGap = "1rem";
227
226
  export const rhcNavigationListItemMinHeight = "48px";
228
227
  export const rhcNavigationListItemPaddingBlock = "0.75rem";
@@ -232,17 +231,17 @@ export const rhcNavBarMaxInlineSize = "1280px";
232
231
  export const rhcNavBarPaddingInline = "1rem";
233
232
  export const rhcNavBarContainerInlineSize = "100%";
234
233
  export const rhcNavBarContentColumnGap = "1rem";
235
- export const rhcNavBarIconColor = "#154273";
234
+ export const rhcNavBarIconColor = "#0F172A";
236
235
  export const rhcNavBarIconActiveColor = "#fff";
237
236
  export const rhcNavBarIconSize = "24px";
238
- export const rhcNavBarLinkActiveBackgroundColor = "#154273";
237
+ export const rhcNavBarLinkActiveBackgroundColor = "#76d2b6";
239
238
  export const rhcNavBarLinkActiveColor = "#fff";
240
239
  export const rhcNavBarLinkBackgroundColor = "#fff";
241
- export const rhcNavBarLinkColor = "#154273";
242
- export const rhcNavBarLinkFocusBackgroundColor = "#dce3ea";
243
- export const rhcNavBarLinkFocusColor = "#154273";
240
+ export const rhcNavBarLinkColor = "#76d2b6";
241
+ export const rhcNavBarLinkFocusBackgroundColor = "#eaf8f4";
242
+ export const rhcNavBarLinkFocusColor = "#76d2b6";
244
243
  export const rhcNavBarLinkHoverBackgroundColor = "#F8FAFC";
245
- export const rhcNavBarLinkHoverColor = "#154273";
244
+ export const rhcNavBarLinkHoverColor = "#76d2b6";
246
245
  export const rhcNavBarLinkPaddingBlockEnd = "1rem";
247
246
  export const rhcNavBarLinkPaddingBlockStart = "1rem";
248
247
  export const rhcNavBarLinkPaddingInlineEnd = "0.75rem";
@@ -250,15 +249,15 @@ export const rhcNavBarLinkPaddingInlineStart = "0.75rem";
250
249
  export const rhcNavBarLinkColumnGap = "0.5rem";
251
250
  export const rhcNavBarHeadingFontWeight = 700;
252
251
  export const rhcNavBarBackgroundColor = "#fff";
253
- export const rhcNavBarColor = "#154273";
254
- export const rhcNavBarBorderColor = "#64748B";
252
+ export const rhcNavBarColor = "#76d2b6";
253
+ export const rhcNavBarBorderColor = "#98DDC8";
255
254
  export const rhcMessageListItemBackgroundColor = "#fff";
256
255
  export const rhcMessageListItemBorderColor = "#CBD5E1";
257
256
  export const rhcMessageListItemBorderWidth = "1px";
258
257
  export const rhcMessageListItemColor = "#334155";
259
258
  export const rhcMessageListItemColumnGap = "1rem";
260
259
  export const rhcMessageListItemIconSize = "24px";
261
- export const rhcMessageListItemIconColor = "#154273";
260
+ export const rhcMessageListItemIconColor = "#0F172A";
262
261
  export const rhcMessageListItemMinHeight = "48px";
263
262
  export const rhcMessageListItemPaddingBlock = "0.75rem";
264
263
  export const rhcMessageListItemPaddingInline = "1rem";
@@ -269,7 +268,7 @@ export const rhcMessageListItemLabelFontFamily = "Fira Sans, Arial, Verdana, san
269
268
  export const rhcMessageListItemLabelFontSize = "1.25rem";
270
269
  export const rhcMessageListItemLabelFontWeight = 700;
271
270
  export const rhcMessageListItemLabelLineHeight = "150%";
272
- export const rhcMessageListItemHeadingColor = "#154273";
271
+ export const rhcMessageListItemHeadingColor = "#0F172A";
273
272
  export const rhcLogoImageBackgroundColor = "#fff";
274
273
  export const rhcLogoImageInlineSize = "48px";
275
274
  export const rhcLogoImageBlockSize = "96px";
@@ -366,17 +365,17 @@ export const rhcCardAsLinkBackgroundColor = "#fff";
366
365
  export const rhcCardAsLinkBorderColor = "#CBD5E1";
367
366
  export const rhcCardAsLinkBorderRadius = "5px";
368
367
  export const rhcCardAsLinkBorderWidth = "1px";
369
- export const rhcCardAsLinkColor = "#154273";
368
+ export const rhcCardAsLinkColor = "#0F172A";
370
369
  export const rhcCardAsLinkColumnGap = "1rem";
371
370
  export const rhcCardAsLinkInlineSize = "328px";
372
- export const rhcCardAsLinkIconColor = "#154273";
371
+ export const rhcCardAsLinkIconColor = "#0F172A";
373
372
  export const rhcCardAsLinkIconSize = "24px";
374
373
  export const rhcCardAsLinkLinkColor = "#01689b";
375
374
  export const rhcCardAsLinkLinkTextDecoration = "underline";
376
375
  export const rhcCardAsLinkLinkActiveTextDecoration = "none";
377
376
  export const rhcCardAsLinkLinkHoverTextDecoration = "none";
378
377
  export const rhcCardAsLinkLinkFocusTextDecoration = "none";
379
- export const rhcCardAsLinkMetadataColor = "#154273";
378
+ export const rhcCardAsLinkMetadataColor = "#0F172A";
380
379
  export const rhcCardAsLinkPaddingBlockEnd = "1rem";
381
380
  export const rhcCardAsLinkPaddingBlockStart = "1rem";
382
381
  export const rhcCardAsLinkPaddingInlineEnd = "1rem";
@@ -414,13 +413,13 @@ export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
414
413
  export const rhcAccordionButtonPaddingInlineEnd = "1rem";
415
414
  export const rhcAccordionButtonPaddingInlineStart = "1rem";
416
415
  export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
417
- export const rhcAccordionButtonExpandedColor = "#154273";
416
+ export const rhcAccordionButtonExpandedColor = "#0F172A";
418
417
  export const rhcAccordionSectionBorderBlockEndWidth = "1px";
419
418
  export const rhcAccordionSectionBorderWidth = 0;
420
419
  export const rhcAccordionSectionBorderColor = "#94A3B8";
421
420
  export const rhcAccordionHeaderMargin = 0;
422
421
  export const rhcAccordionBorderRadius = "0px";
423
- export const rhcAccordionColor = "#154273";
422
+ export const rhcAccordionColor = "#0F172A";
424
423
  export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
425
424
  export const rhcKeepTopLeftBorderRadiusTopRight = 0;
426
425
  export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
@@ -503,19 +502,19 @@ export const rhcSpace600 = "3rem";
503
502
  export const rhcSpace700 = "3.5rem";
504
503
  export const utrechtAccordionButtonFocusBackgroundColor = "#FDD370";
505
504
  export const utrechtAccordionButtonFocusBorderColor = "#154273";
506
- export const utrechtAccordionButtonFocusColor = "#154273";
505
+ export const utrechtAccordionButtonFocusColor = "#0F172A";
507
506
  export const utrechtAccordionButtonGap = "0.5rem";
508
507
  export const utrechtAccordionButtonIconSize = "24px";
509
508
  export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
510
509
  export const utrechtAccordionButtonHoverBorderColor = "#94A3B8";
511
- export const utrechtAccordionButtonHoverColor = "#154273";
510
+ export const utrechtAccordionButtonHoverColor = "#0F172A";
512
511
  export const utrechtAccordionButtonBackgroundColor = "#fff";
513
512
  export const utrechtAccordionButtonBorderColor = "#94A3B8";
514
513
  export const utrechtAccordionButtonBorderWidth = 0;
515
- export const utrechtAccordionButtonColor = "#154273";
514
+ export const utrechtAccordionButtonColor = "#0F172A";
516
515
  export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
517
516
  export const utrechtAccordionButtonActiveBorderColor = "#94A3B8";
518
- export const utrechtAccordionButtonActiveColor = "#154273";
517
+ export const utrechtAccordionButtonActiveColor = "#0F172A";
519
518
  export const utrechtAccordionButtonActiveRowGap = 0;
520
519
  export const utrechtAccordionPanelBorderColor = "#94A3B8";
521
520
  export const utrechtAccordionPanelBorderWidth = 0;
@@ -665,8 +664,46 @@ export const utrechtCheckboxHoverBorderColor = "#738eab";
665
664
  export const utrechtCheckboxActiveBorderWidth = "1px";
666
665
  export const utrechtCheckboxActiveBackgroundColor = "#fff";
667
666
  export const utrechtCheckboxActiveBorderColor = "#4f7196";
668
- export const utrechtRadioFocusBackgroundColor = "#FDD370";
669
- export const utrechtRadioCheckedFocusBackgroundColor = "#FDD370";
667
+ export const utrechtRadioButtonFocusBackgroundColor = "#FDD370";
668
+ export const utrechtRadioButtonFocusBorderColor = "#154273";
669
+ export const utrechtRadioButtonFocusBorderWidth = "2px";
670
+ export const utrechtRadioButtonCheckedFocusBackgroundColor = "#FDD370";
671
+ export const utrechtRadioButtonCheckedFocusBorderColor = "#154273";
672
+ export const utrechtRadioButtonCheckedFocusColor = "#154273";
673
+ export const utrechtRadioButtonCheckedFocusBorderWidth = "2px";
674
+ export const utrechtRadioButtonCheckedBackgroundColor = "#154273";
675
+ export const utrechtRadioButtonCheckedBorderColor = "transparent";
676
+ export const utrechtRadioButtonCheckedColor = "#fff";
677
+ export const utrechtRadioButtonCheckedHoverBackgroundColor = "#738eab";
678
+ export const utrechtRadioButtonCheckedHoverBorderColor = "transparent";
679
+ export const utrechtRadioButtonCheckedHoverColor = "#fff";
680
+ export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
681
+ export const utrechtRadioButtonCheckedActiveBackgroundColor = "#4f7196";
682
+ export const utrechtRadioButtonCheckedActiveBorderColor = "transparent";
683
+ export const utrechtRadioButtonCheckedActiveColor = "#fff";
684
+ export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
685
+ export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
686
+ export const utrechtRadioButtonCheckedDisabledBorderColor = "#94A3B8";
687
+ export const utrechtRadioButtonCheckedDisabledColor = "#475569";
688
+ export const utrechtRadioButtonCheckedBorderWidth = "1px";
689
+ export const utrechtRadioButtonActiveBorderWidth = "1px";
690
+ export const utrechtRadioButtonActiveBackgroundColor = "#fff";
691
+ export const utrechtRadioButtonActiveBorderColor = "#4f7196";
692
+ export const utrechtRadioButtonSize = "24px";
693
+ export const utrechtRadioButtonDotSize = "12px";
694
+ export const utrechtRadioButtonBackgroundColor = "#fff";
695
+ export const utrechtRadioButtonBorderColor = "#154273";
696
+ export const utrechtRadioButtonInvalidBackgroundColor = "#f9dfdd";
697
+ export const utrechtRadioButtonInvalidBorderColor = "#d52b1e";
698
+ export const utrechtRadioButtonInvalidBorderWidth = "1px";
699
+ export const utrechtRadioButtonDisabledBackgroundColor = "#CBD5E1";
700
+ export const utrechtRadioButtonDisabledBorderColor = "#94A3B8";
701
+ export const utrechtRadioButtonDisabledColor = "#475569";
702
+ export const utrechtRadioButtonHoverBackgroundColor = "#fff";
703
+ export const utrechtRadioButtonHoverBorderColor = "#738eab";
704
+ export const utrechtRadioButtonHoverBorderWidth = "1px";
705
+ export const utrechtRadioButtonBorderRadius = "999px";
706
+ export const utrechtRadioButtonBorderWidth = "1px";
670
707
  export const utrechtLinkFocusBackgroundColor = "#FDD370";
671
708
  export const utrechtLinkFocusColor = "#01689b";
672
709
  export const utrechtLinkFocusTextDecoration = "None";
@@ -691,23 +728,23 @@ export const utrechtLinkFontSize = "1.25rem";
691
728
  export const utrechtLinkLineHeight = "150%";
692
729
  export const utrechtSelectFocusBackgroundColor = "#FDD370";
693
730
  export const utrechtSelectFocusBorderColor = "#154273";
694
- export const utrechtSelectFocusColor = "#154273";
731
+ export const utrechtSelectFocusColor = "#0F172A";
695
732
  export const utrechtSelectFocusBorderWidth = "2px";
696
733
  export const utrechtSelectImageBackgroundPosition = "right 0.5rem center";
697
734
  export const utrechtSelectIconSize = "24px";
698
735
  export const utrechtSelectBackgroundColor = "#fff";
699
736
  export const utrechtSelectBorderColor = "#154273";
700
- export const utrechtSelectColor = "#154273";
737
+ export const utrechtSelectColor = "#0F172A";
701
738
  export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
702
739
  export const utrechtSelectInvalidBorderColor = "#d52b1e";
703
- export const utrechtSelectInvalidColor = "#154273";
740
+ export const utrechtSelectInvalidColor = "#0F172A";
704
741
  export const utrechtSelectInvalidBorderWidth = "1px";
705
742
  export const utrechtSelectDisabledBackgroundColor = "#CBD5E1";
706
743
  export const utrechtSelectDisabledBorderColor = "#94A3B8";
707
744
  export const utrechtSelectDisabledColor = "#475569";
708
745
  export const utrechtSelectHoverBackgroundColor = "#fff";
709
746
  export const utrechtSelectHoverBorderColor = "#738eab";
710
- export const utrechtSelectHoverColor = "#154273";
747
+ export const utrechtSelectHoverColor = "#0F172A";
711
748
  export const utrechtSelectHoverBorderWidth = "1px";
712
749
  export const utrechtSelectPaddingBlockEnd = "0.5rem";
713
750
  export const utrechtSelectPaddingBlockStart = "0.5rem";
@@ -723,7 +760,7 @@ export const utrechtSelectFontSize = "1.25rem";
723
760
  export const utrechtSelectMaxInlineSize = "400px";
724
761
  export const utrechtTextareaFocusBackgroundColor = "#FDD370";
725
762
  export const utrechtTextareaFocusBorderColor = "#154273";
726
- export const utrechtTextareaFocusColor = "#154273";
763
+ export const utrechtTextareaFocusColor = "#0F172A";
727
764
  export const utrechtTextareaFocusBorderWidth = "2px";
728
765
  export const utrechtTextareaMaxInlineSize = "400px";
729
766
  export const utrechtTextareaPaddingBlockEnd = "0.5rem";
@@ -732,10 +769,10 @@ export const utrechtTextareaPaddingInlineEnd = "0.75rem";
732
769
  export const utrechtTextareaPaddingInlineStart = "0.75rem";
733
770
  export const utrechtTextareaBackgroundColor = "#fff";
734
771
  export const utrechtTextareaBorderColor = "#154273";
735
- export const utrechtTextareaColor = "#154273";
772
+ export const utrechtTextareaColor = "#0F172A";
736
773
  export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
737
774
  export const utrechtTextareaInvalidBorderColor = "#d52b1e";
738
- export const utrechtTextareaInvalidColor = "#154273";
775
+ export const utrechtTextareaInvalidColor = "#0F172A";
739
776
  export const utrechtTextareaInvalidBorderWidth = "1px";
740
777
  export const utrechtTextareaPlaceholderColor = "#64748B";
741
778
  export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
@@ -743,10 +780,10 @@ export const utrechtTextareaDisabledBorderColor = "#94A3B8";
743
780
  export const utrechtTextareaDisabledColor = "#475569";
744
781
  export const utrechtTextareaReadOnlyBackgroundColor = "#F1F5F9";
745
782
  export const utrechtTextareaReadOnlyBorderColor = "transparent";
746
- export const utrechtTextareaReadOnlyColor = "#154273";
783
+ export const utrechtTextareaReadOnlyColor = "#0F172A";
747
784
  export const utrechtTextareaHoverBackgroundColor = "#fff";
748
785
  export const utrechtTextareaHoverBorderColor = "#738eab";
749
- export const utrechtTextareaHoverColor = "#154273";
786
+ export const utrechtTextareaHoverColor = "#0F172A";
750
787
  export const utrechtTextareaHoverBorderWidth = "1px";
751
788
  export const utrechtTextareaBorderRadius = "2.5px";
752
789
  export const utrechtTextareaBorderBottomWidth = "1px";
@@ -758,7 +795,7 @@ export const utrechtTextareaFontSize = "1.25rem";
758
795
  export const utrechtTextboxFocusBackgroundColor = "#FDD370";
759
796
  export const utrechtTextboxFocusBorderWidth = "2px";
760
797
  export const utrechtTextboxFocusBorderColor = "#154273";
761
- export const utrechtTextboxFocusColor = "#154273";
798
+ export const utrechtTextboxFocusColor = "#0F172A";
762
799
  export const utrechtTextboxBorderRadius = "2.5px";
763
800
  export const utrechtTextboxFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
764
801
  export const utrechtTextboxFontSize = "1.25rem";
@@ -771,10 +808,10 @@ export const utrechtTextboxPaddingInlineEnd = "0.75rem";
771
808
  export const utrechtTextboxPaddingInlineStart = "0.75rem";
772
809
  export const utrechtTextboxBackgroundColor = "#fff";
773
810
  export const utrechtTextboxBorderColor = "#154273";
774
- export const utrechtTextboxColor = "#154273";
811
+ export const utrechtTextboxColor = "#0F172A";
775
812
  export const utrechtTextboxInvalidBackgroundColor = "#f9dfdd";
776
813
  export const utrechtTextboxInvalidBorderColor = "#d52b1e";
777
- export const utrechtTextboxInvalidColor = "#154273";
814
+ export const utrechtTextboxInvalidColor = "#0F172A";
778
815
  export const utrechtTextboxInvalidBorderWidth = "1px";
779
816
  export const utrechtTextboxPlaceholderColor = "#64748B";
780
817
  export const utrechtTextboxBorderBlockEndWidth = "auto";
@@ -784,11 +821,11 @@ export const utrechtTextboxDisabledBorderColor = "#94A3B8";
784
821
  export const utrechtTextboxDisabledColor = "#475569";
785
822
  export const utrechtTextboxReadOnlyBackgroundColor = "#F1F5F9";
786
823
  export const utrechtTextboxReadOnlyBorderColor = "transparent";
787
- export const utrechtTextboxReadOnlyColor = "#154273";
824
+ export const utrechtTextboxReadOnlyColor = "#0F172A";
788
825
  export const utrechtTextboxHoverBorderWidth = "1px";
789
826
  export const utrechtTextboxHoverBackgroundColor = "#fff";
790
827
  export const utrechtTextboxHoverBorderColor = "#738eab";
791
- export const utrechtTextboxHoverColor = "#154273";
828
+ export const utrechtTextboxHoverColor = "#0F172A";
792
829
  export const utrechtCounterBadgeBackgroundColor = "#FDD370";
793
830
  export const utrechtSkipLinkFocusBackgroundColor = "#FDD370";
794
831
  export const utrechtIconColor = "inherit";
@@ -797,7 +834,7 @@ export const utrechtIconInsetBlockStart = 0;
797
834
  export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
798
835
  export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
799
836
  export const utrechtUnorderedListMarginBlockStart = "0.25rem";
800
- export const utrechtUnorderedListColor = "#154273";
837
+ export const utrechtUnorderedListColor = "#0F172A";
801
838
  export const utrechtUnorderedListFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
802
839
  export const utrechtUnorderedListFontWeight = 400;
803
840
  export const utrechtUnorderedListFontSize = "1.25rem";
@@ -805,16 +842,16 @@ export const utrechtUnorderedListLineHeight = "150%";
805
842
  export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
806
843
  export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
807
844
  export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
808
- export const utrechtUnorderedListMarkerColor = "#154273";
809
- export const utrechtUnorderedListMarkerBorderColor = "#154273";
845
+ export const utrechtUnorderedListMarkerColor = "#0F172A";
846
+ export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
810
847
  export const utrechtTableHeaderCellLineHeight = "150%";
811
- export const utrechtTableHeaderCellColor = "#154273";
848
+ export const utrechtTableHeaderCellColor = "#0F172A";
812
849
  export const utrechtTableHeaderCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
813
850
  export const utrechtTableHeaderCellFontWeight = 700;
814
851
  export const utrechtTableHeaderCellFontSize = "1.25rem";
815
852
  export const utrechtTableCaptionLineHeight = "125%";
816
853
  export const utrechtTableCaptionMarginBlockEnd = "1.5rem";
817
- export const utrechtTableCaptionColor = "#154273";
854
+ export const utrechtTableCaptionColor = "#0F172A";
818
855
  export const utrechtTableCaptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
819
856
  export const utrechtTableCaptionFontWeight = 700;
820
857
  export const utrechtTableCaptionFontSize = "1.875rem";
@@ -823,7 +860,7 @@ export const utrechtTableCellPaddingBlockStart = "0.75rem";
823
860
  export const utrechtTableCellPaddingInlineEnd = "1rem";
824
861
  export const utrechtTableCellPaddingInlineStart = "1rem";
825
862
  export const utrechtTableCellLineHeight = "150%";
826
- export const utrechtTableDataCellColor = "#154273";
863
+ export const utrechtTableDataCellColor = "#0F172A";
827
864
  export const utrechtTableDataCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
828
865
  export const utrechtTableDataCellFontWeight = 400;
829
866
  export const utrechtTableDataCellLineHeight = "150%";
@@ -839,7 +876,7 @@ export const utrechtTableRowBorderBlockEndColor = "#CBD5E1";
839
876
  export const utrechtTableRowBackgroundColor = "transparent";
840
877
  export const utrechtTableFooterCellFontWeight = 700;
841
878
  export const utrechtTableFooterCellFontSize = "1.25rem";
842
- export const utrechtTableFooterCellColor = "#154273";
879
+ export const utrechtTableFooterCellColor = "#0F172A";
843
880
  export const utrechtTableFooterCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
844
881
  export const utrechtTableFooterCellLineHeight = "150%";
845
882
  export const utrechtTableContainerBoxInlineEndShadowX = 0;
@@ -857,46 +894,6 @@ export const utrechtSeparatorColor = "#CBD5E1";
857
894
  export const utrechtSeparatorBlockSize = "2px";
858
895
  export const utrechtSeparatorMarginBlockEnd = "0.75rem";
859
896
  export const utrechtSeparatorMarginBlockStart = "0.75rem";
860
- export const utrechtRadioButtonActiveBorderWidth = "1px";
861
- export const utrechtRadioButtonActiveBackgroundColor = "#fff";
862
- export const utrechtRadioButtonActiveBorderColor = "#4f7196";
863
- export const utrechtRadioButtonSize = "24px";
864
- export const utrechtRadioButtonDotSize = "12px";
865
- export const utrechtRadioButtonBackgroundColor = "#fff";
866
- export const utrechtRadioButtonBorderColor = "#154273";
867
- export const utrechtRadioButtonInvalidBackgroundColor = "#f9dfdd";
868
- export const utrechtRadioButtonInvalidBorderColor = "#d52b1e";
869
- export const utrechtRadioButtonInvalidBorderWidth = "1px";
870
- export const utrechtRadioButtonFocusBackgroundColor = "#fff";
871
- export const utrechtRadioButtonFocusBorderColor = "#154273";
872
- export const utrechtRadioButtonFocusBorderWidth = "2px";
873
- export const utrechtRadioButtonDisabledBackgroundColor = "#CBD5E1";
874
- export const utrechtRadioButtonDisabledBorderColor = "#94A3B8";
875
- export const utrechtRadioButtonDisabledColor = "#475569";
876
- export const utrechtRadioButtonCheckedBackgroundColor = "#154273";
877
- export const utrechtRadioButtonCheckedBorderColor = "transparent";
878
- export const utrechtRadioButtonCheckedColor = "#fff";
879
- export const utrechtRadioButtonCheckedHoverBackgroundColor = "#738eab";
880
- export const utrechtRadioButtonCheckedHoverBorderColor = "transparent";
881
- export const utrechtRadioButtonCheckedHoverColor = "#fff";
882
- export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
883
- export const utrechtRadioButtonCheckedActiveBackgroundColor = "#4f7196";
884
- export const utrechtRadioButtonCheckedActiveBorderColor = "transparent";
885
- export const utrechtRadioButtonCheckedActiveColor = "#fff";
886
- export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
887
- export const utrechtRadioButtonCheckedFocusBackgroundColor = "#fff";
888
- export const utrechtRadioButtonCheckedFocusBorderColor = "#154273";
889
- export const utrechtRadioButtonCheckedFocusColor = "#154273";
890
- export const utrechtRadioButtonCheckedFocusBorderWidth = "2px";
891
- export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
892
- export const utrechtRadioButtonCheckedDisabledBorderColor = "#94A3B8";
893
- export const utrechtRadioButtonCheckedDisabledColor = "#475569";
894
- export const utrechtRadioButtonCheckedBorderWidth = "1px";
895
- export const utrechtRadioButtonHoverBackgroundColor = "#fff";
896
- export const utrechtRadioButtonHoverBorderColor = "#738eab";
897
- export const utrechtRadioButtonHoverBorderWidth = "1px";
898
- export const utrechtRadioButtonBorderRadius = "999px";
899
- export const utrechtRadioButtonBorderWidth = "1px";
900
897
  export const utrechtOrderedListPaddingInlineStart = "1.5rem";
901
898
  export const utrechtOrderedListMarginBlockEnd = "0.25rem";
902
899
  export const utrechtOrderedListMarginBlockStart = "0.25rem";
@@ -904,7 +901,7 @@ export const utrechtOrderedListMarginInlineStart = "0.625rem";
904
901
  export const utrechtOrderedListItemPaddingInlineStart = 0;
905
902
  export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
906
903
  export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
907
- export const utrechtOrderedListColor = "#154273";
904
+ export const utrechtOrderedListColor = "#0F172A";
908
905
  export const utrechtOrderedListFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
909
906
  export const utrechtOrderedListFontWeight = 400;
910
907
  export const utrechtOrderedListFontSize = "1.25rem";
@@ -916,10 +913,10 @@ export const utrechtLinkListItemColumnGap = "0.5rem";
916
913
  export const utrechtLinkListItemTextDecoration = "None";
917
914
  export const utrechtLinkListIconSize = "24px";
918
915
  export const utrechtLinkListIconInsetBlockStart = "0.188rem";
919
- export const utrechtFormLabelColor = "#154273";
916
+ export const utrechtFormLabelColor = "#0F172A";
920
917
  export const utrechtFormLabelFontSize = "1.25rem";
921
918
  export const utrechtFormLabelFontWeight = 700;
922
- export const utrechtFormFieldLabelColor = "#154273";
919
+ export const utrechtFormFieldLabelColor = "#0F172A";
923
920
  export const utrechtFormFieldLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
924
921
  export const utrechtFormFieldLabelFontSize = "1.25rem";
925
922
  export const utrechtFormFieldLabelFontWeight = 700;
@@ -964,14 +961,14 @@ export const utrechtFigureImgBorderEndEndRadius = 0;
964
961
  export const utrechtFigureImgBorderEndStartRadius = 0;
965
962
  export const utrechtFigureImgBorderStartEndRadius = 0;
966
963
  export const utrechtFigureImgBorderStartStartRadius = 0;
967
- export const utrechtFormFieldsetLegendColor = "#154273";
964
+ export const utrechtFormFieldsetLegendColor = "#0F172A";
968
965
  export const utrechtFormFieldsetLegendFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
969
966
  export const utrechtFormFieldsetLegendFontSize = "1.25rem";
970
967
  export const utrechtFormFieldsetLegendFontWeight = 700;
971
968
  export const utrechtFormFieldsetLegendLineHeight = "150%";
972
969
  export const utrechtFormFieldsetLegendDisabledColor = "#334155";
973
970
  export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
974
- export const utrechtFormFieldsetSectionColor = "#154273";
971
+ export const utrechtFormFieldsetSectionColor = "#0F172A";
975
972
  export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
976
973
  export const utrechtFormFieldsetInvalidPaddingInlineStart = 0;
977
974
  export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
@@ -1017,7 +1014,7 @@ export const utrechtBlockquoteContentFontFamily = "RijksoverheidSerifWeb, 'Times
1017
1014
  export const utrechtBlockquoteContentLineHeight = "150%";
1018
1015
  export const utrechtBlockquoteContentFontWeight = 400;
1019
1016
  export const utrechtBlockquoteContentFontSize = "1.5rem";
1020
- export const utrechtBlockquoteContentColor = "#154273";
1017
+ export const utrechtBlockquoteContentColor = "#0F172A";
1021
1018
  export const utrechtBlockquoteMarginBlockEnd = 0;
1022
1019
  export const utrechtBlockquoteMarginBlockStart = 0;
1023
1020
  export const utrechtBlockquoteMarginInlineEnd = 0;
@@ -1071,19 +1068,19 @@ export const utrechtAlertPaddingInlineEnd = "1rem";
1071
1068
  export const utrechtAlertPaddingInlineStart = "1rem";
1072
1069
  export const utrechtAlertBackgroundColor = "#d9ebf7";
1073
1070
  export const utrechtAlertBorderColor = "transparent";
1074
- export const utrechtAlertColor = "#154273";
1071
+ export const utrechtAlertColor = "#0F172A";
1075
1072
  export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
1076
1073
  export const utrechtAlertInfoBorderColor = "transparent";
1077
- export const utrechtAlertInfoColor = "#154273";
1074
+ export const utrechtAlertInfoColor = "#0F172A";
1078
1075
  export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
1079
1076
  export const utrechtAlertErrorBorderColor = "transparent";
1080
- export const utrechtAlertErrorColor = "#154273";
1077
+ export const utrechtAlertErrorColor = "#0F172A";
1081
1078
  export const utrechtAlertOkBackgroundColor = "#e1eddb";
1082
1079
  export const utrechtAlertOkBorderColor = "transparent";
1083
- export const utrechtAlertOkColor = "#154273";
1080
+ export const utrechtAlertOkColor = "#0F172A";
1084
1081
  export const utrechtAlertWarningBackgroundColor = "#fff4db";
1085
1082
  export const utrechtAlertWarningBorderColor = "transparent";
1086
- export const utrechtAlertWarningColor = "#154273";
1083
+ export const utrechtAlertWarningColor = "#0F172A";
1087
1084
  export const utrechtAlertIconInsetBlockStart = "3px";
1088
1085
  export const utrechtAlertIconInfoColor = "#007bc7";
1089
1086
  export const utrechtAlertIconErrorColor = "#d52b1e";
@@ -1094,7 +1091,7 @@ export const utrechtAlertMessageLineHeight = "150%";
1094
1091
  export const utrechtAlertMessageColumnGap = "0.5rem";
1095
1092
  export const utrechtAlertBorderRadius = "5px";
1096
1093
  export const utrechtDocumentBackgroundColor = "#fff";
1097
- export const utrechtDocumentColor = "#000";
1094
+ export const utrechtDocumentColor = "#0F172A";
1098
1095
  export const utrechtDocumentFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1099
1096
  export const utrechtDocumentFontSize = "1.25rem";
1100
1097
  export const utrechtDocumentLineHeight = "150%";
@@ -1128,7 +1125,7 @@ export const nlSkipLinkFocusBackgroundColor = "#fff";
1128
1125
  export const nlSkipLinkFocusBorderColor = "#154273";
1129
1126
  export const nlSkipLinkFocusBorderStyle = "solid";
1130
1127
  export const nlSkipLinkFocusBorderWidth = "2px";
1131
- export const nlSkipLinkFocusColor = "#154273";
1128
+ export const nlSkipLinkFocusColor = "#0F172A";
1132
1129
  export const nlSkipLinkFocusTextDecoration = "None";
1133
1130
  export const nlSkipLinkFocusVisibleOutlineColor = "#000";
1134
1131
  export const nlSkipLinkBackgroundColor = "#154273";
@@ -1142,21 +1139,17 @@ export const nlSkipLinkBoxBlockEndShadowSpreadRadius = 0;
1142
1139
  export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
1143
1140
  export const nlSkipLinkTextDecoration = "underline";
1144
1141
  export const nlSkipLinkTextUnderlineOffset = "0.125rem";
1145
- export const nlParagraphColor = "#154273";
1142
+ export const nlParagraphColor = "#0F172A";
1146
1143
  export const nlParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1147
1144
  export const nlParagraphFontSize = "1.25rem";
1148
1145
  export const nlParagraphFontWeight = 400;
1149
1146
  export const nlParagraphLineHeight = "150%";
1150
1147
  export const nlParagraphMarginBlockEnd = 0;
1151
1148
  export const nlParagraphMarginBlockStart = 0;
1152
- export const nlParagraphLeadColor = "#154273";
1149
+ export const nlParagraphLeadColor = "#0F172A";
1153
1150
  export const nlParagraphLeadFontSize = "1.5rem";
1154
1151
  export const nlParagraphLeadFontWeight = 400;
1155
1152
  export const nlParagraphLeadLineHeight = "150%";
1156
- export const nlParagraphSmallColor = "#154273";
1157
- export const nlParagraphSmallFontSize = "1.125rem";
1158
- export const nlParagraphSmallFontWeight = 400;
1159
- export const nlParagraphSmallLineHeight = "150%";
1160
1153
  export const nlHeadingLevel1Color = "#154273";
1161
1154
  export const nlHeadingLevel1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1162
1155
  export const nlHeadingLevel1FontWeight = 700;