@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
package/dist/index.js CHANGED
@@ -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 rhcSubNavBarBackgroundColor = "#f2f4f6";
@@ -23,7 +23,7 @@ export const rhcToggletipSize = "24px";
23
23
  export const rhcToggletipActiveColor = "#007bc7";
24
24
  export const rhcToggletipActiveBackgroundColor = "#fff";
25
25
  export const rhcToggletipActiveBorderColor = "#007bc7";
26
- export const rhcToggletipHoverColor = "#154273";
26
+ export const rhcToggletipHoverColor = "#0F172A";
27
27
  export const rhcToggletipHoverBackgroundColor = "#66AFDD";
28
28
  export const rhcToggletipFocusColor = "#fff";
29
29
  export const rhcToggletipFocusBackgroundColor = "#007bc7";
@@ -35,7 +35,7 @@ export const rhcSidenavLinkFontSize = "1.25rem";
35
35
  export const rhcSidenavLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
36
36
  export const rhcSidenavLinkFontWeight = 400;
37
37
  export const rhcSidenavLinkCurrentFontWeight = 700;
38
- export const rhcSidenavLinkCurrentColor = "#154273";
38
+ export const rhcSidenavLinkCurrentColor = "#0F172A";
39
39
  export const rhcSidenavLinkColor = "#01689b";
40
40
  export const rhcSidenavLinkActiveColor = "#42145f";
41
41
  export const rhcSidenavLinkActiveTextDecoration = "underline";
@@ -55,7 +55,7 @@ export const rhcSidenavLinkColumnGap = "0.5rem";
55
55
  export const rhcRadioGroupPaddingBlockEnd = "0.5rem";
56
56
  export const rhcRadioGroupPaddingBlockStart = "0.5rem";
57
57
  export const rhcRadioGroupRowGap = "1rem";
58
- export const rhcNavigationListIconBackgroundColor = "#154273";
58
+ export const rhcNavigationListIconBackgroundColor = "#0F172A";
59
59
  export const rhcNavigationListIconBorderRadius = "999px";
60
60
  export const rhcNavigationListIconColor = "#fff";
61
61
  export const rhcNavigationListItemIconPaddingInline = "0.5rem";
@@ -75,7 +75,7 @@ export const rhcNavigationListItemBackgroundColor = "#fff";
75
75
  export const rhcNavigationListItemColor = "#334155";
76
76
  export const rhcNavigationListItemBorderWidth = "1px";
77
77
  export const rhcNavigationListItemBorderColor = "#CBD5E1";
78
- export const rhcNavigationListItemHeadingColor = "#154273";
78
+ export const rhcNavigationListItemHeadingColor = "#0F172A";
79
79
  export const rhcNavigationListItemColumnGap = "1rem";
80
80
  export const rhcNavigationListItemMinHeight = "48px";
81
81
  export const rhcNavigationListItemPaddingBlock = "0.75rem";
@@ -85,7 +85,7 @@ export const rhcNavBarMaxInlineSize = "1280px";
85
85
  export const rhcNavBarPaddingInline = "1rem";
86
86
  export const rhcNavBarContainerInlineSize = "100%";
87
87
  export const rhcNavBarContentColumnGap = "1rem";
88
- export const rhcNavBarIconColor = "#154273";
88
+ export const rhcNavBarIconColor = "#0F172A";
89
89
  export const rhcNavBarIconActiveColor = "#fff";
90
90
  export const rhcNavBarIconSize = "24px";
91
91
  export const rhcNavBarLinkActiveBackgroundColor = "#154273";
@@ -104,14 +104,14 @@ export const rhcNavBarLinkColumnGap = "0.5rem";
104
104
  export const rhcNavBarHeadingFontWeight = 700;
105
105
  export const rhcNavBarBackgroundColor = "#fff";
106
106
  export const rhcNavBarColor = "#154273";
107
- export const rhcNavBarBorderColor = "#64748B";
107
+ export const rhcNavBarBorderColor = "#4f7196";
108
108
  export const rhcMessageListItemBackgroundColor = "#fff";
109
109
  export const rhcMessageListItemBorderColor = "#CBD5E1";
110
110
  export const rhcMessageListItemBorderWidth = "1px";
111
111
  export const rhcMessageListItemColor = "#334155";
112
112
  export const rhcMessageListItemColumnGap = "1rem";
113
113
  export const rhcMessageListItemIconSize = "24px";
114
- export const rhcMessageListItemIconColor = "#154273";
114
+ export const rhcMessageListItemIconColor = "#0F172A";
115
115
  export const rhcMessageListItemMinHeight = "48px";
116
116
  export const rhcMessageListItemPaddingBlock = "0.75rem";
117
117
  export const rhcMessageListItemPaddingInline = "1rem";
@@ -122,7 +122,7 @@ export const rhcMessageListItemLabelFontFamily = "Fira Sans, Arial, Verdana, san
122
122
  export const rhcMessageListItemLabelFontSize = "1.25rem";
123
123
  export const rhcMessageListItemLabelFontWeight = 700;
124
124
  export const rhcMessageListItemLabelLineHeight = "150%";
125
- export const rhcMessageListItemHeadingColor = "#154273";
125
+ export const rhcMessageListItemHeadingColor = "#0F172A";
126
126
  export const rhcLogoImageBackgroundColor = "#fff";
127
127
  export const rhcLogoImageInlineSize = "48px";
128
128
  export const rhcLogoImageBlockSize = "96px";
@@ -219,17 +219,17 @@ export const rhcCardAsLinkBackgroundColor = "#fff";
219
219
  export const rhcCardAsLinkBorderColor = "#CBD5E1";
220
220
  export const rhcCardAsLinkBorderRadius = "5px";
221
221
  export const rhcCardAsLinkBorderWidth = "1px";
222
- export const rhcCardAsLinkColor = "#154273";
222
+ export const rhcCardAsLinkColor = "#0F172A";
223
223
  export const rhcCardAsLinkColumnGap = "1rem";
224
224
  export const rhcCardAsLinkInlineSize = "328px";
225
- export const rhcCardAsLinkIconColor = "#154273";
225
+ export const rhcCardAsLinkIconColor = "#0F172A";
226
226
  export const rhcCardAsLinkIconSize = "24px";
227
227
  export const rhcCardAsLinkLinkColor = "#01689b";
228
228
  export const rhcCardAsLinkLinkTextDecoration = "underline";
229
229
  export const rhcCardAsLinkLinkActiveTextDecoration = "none";
230
230
  export const rhcCardAsLinkLinkHoverTextDecoration = "none";
231
231
  export const rhcCardAsLinkLinkFocusTextDecoration = "none";
232
- export const rhcCardAsLinkMetadataColor = "#154273";
232
+ export const rhcCardAsLinkMetadataColor = "#0F172A";
233
233
  export const rhcCardAsLinkPaddingBlockEnd = "1rem";
234
234
  export const rhcCardAsLinkPaddingBlockStart = "1rem";
235
235
  export const rhcCardAsLinkPaddingInlineEnd = "1rem";
@@ -267,13 +267,13 @@ export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
267
267
  export const rhcAccordionButtonPaddingInlineEnd = "1rem";
268
268
  export const rhcAccordionButtonPaddingInlineStart = "1rem";
269
269
  export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
270
- export const rhcAccordionButtonExpandedColor = "#154273";
270
+ export const rhcAccordionButtonExpandedColor = "#0F172A";
271
271
  export const rhcAccordionSectionBorderBlockEndWidth = "1px";
272
272
  export const rhcAccordionSectionBorderWidth = 0;
273
273
  export const rhcAccordionSectionBorderColor = "#94A3B8";
274
274
  export const rhcAccordionHeaderMargin = 0;
275
275
  export const rhcAccordionBorderRadius = "0px";
276
- export const rhcAccordionColor = "#154273";
276
+ export const rhcAccordionColor = "#0F172A";
277
277
  export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
278
278
  export const rhcKeepTopLeftBorderRadiusTopRight = 0;
279
279
  export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
@@ -296,14 +296,13 @@ export const rhcBorderRadiusKeep = "48px";
296
296
  export const rhcBorderRadiusCircle = "999px";
297
297
  export const rhcBorderRadiusNone = "0px";
298
298
  export const rhcColorFocusOutline = "#000";
299
- export const rhcColorForegroundDefault = "#000";
300
- export const rhcColorForegroundLint = "#154273";
299
+ export const rhcColorForegroundDefault = "#0F172A";
301
300
  export const rhcColorForegroundSubdued = "#334155";
302
301
  export const rhcColorForegroundOnEmphasis = "#fff";
303
302
  export const rhcColorForegroundLink = "#01689b";
304
303
  export const rhcColorBorderDefault = "#64748B";
305
304
  export const rhcColorBorderSubdued = "#94A3B8";
306
- export const rhcColorBorderStrong = "#000";
305
+ export const rhcColorBorderStrong = "#0F172A";
307
306
  export const rhcColorCanvas = "#fff";
308
307
  export const rhcColorFeedbackSuccessDefault = "#39870c";
309
308
  export const rhcColorFeedbackSuccessSubdued = "#e1eddb";
@@ -321,16 +320,16 @@ export const rhcColorPrimary300 = "#738eab";
321
320
  export const rhcColorPrimary400 = "#4f7196";
322
321
  export const rhcColorPrimary500 = "#154273";
323
322
  export const rhcColorPrimaryHover = "#162f50";
324
- export const rhcColorGrijs50 = "#F8FAFC";
325
- export const rhcColorGrijs100 = "#F1F5F9";
326
- export const rhcColorGrijs200 = "#E2E8F0";
327
- export const rhcColorGrijs300 = "#CBD5E1";
328
- export const rhcColorGrijs400 = "#94A3B8";
329
- export const rhcColorGrijs500 = "#64748B";
330
- export const rhcColorGrijs600 = "#475569";
331
- export const rhcColorGrijs700 = "#334155";
332
- export const rhcColorGrijs800 = "#1E293B";
333
- export const rhcColorGrijs900 = "#0F172A";
323
+ export const rhcColorCoolGrey50 = "#F8FAFC";
324
+ export const rhcColorCoolGrey100 = "#F1F5F9";
325
+ export const rhcColorCoolGrey200 = "#E2E8F0";
326
+ export const rhcColorCoolGrey300 = "#CBD5E1";
327
+ export const rhcColorCoolGrey400 = "#94A3B8";
328
+ export const rhcColorCoolGrey500 = "#64748B";
329
+ export const rhcColorCoolGrey600 = "#475569";
330
+ export const rhcColorCoolGrey700 = "#334155";
331
+ export const rhcColorCoolGrey800 = "#1E293B";
332
+ export const rhcColorCoolGrey900 = "#0F172A";
334
333
  export const rhcColorLichtblauw50 = "#eef7fb";
335
334
  export const rhcColorLichtblauw100 = "#ddeff8";
336
335
  export const rhcColorLichtblauw200 = "#CCE7F4";
@@ -507,7 +506,7 @@ export const utrechtIconInsetBlockStart = 0;
507
506
  export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
508
507
  export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
509
508
  export const utrechtUnorderedListMarginBlockStart = "0.25rem";
510
- export const utrechtUnorderedListColor = "#154273";
509
+ export const utrechtUnorderedListColor = "#0F172A";
511
510
  export const utrechtUnorderedListFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
512
511
  export const utrechtUnorderedListFontWeight = 400;
513
512
  export const utrechtUnorderedListFontSize = "1.25rem";
@@ -515,8 +514,8 @@ export const utrechtUnorderedListLineHeight = "150%";
515
514
  export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
516
515
  export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
517
516
  export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
518
- export const utrechtUnorderedListMarkerColor = "#154273";
519
- export const utrechtUnorderedListMarkerBorderColor = "#154273";
517
+ export const utrechtUnorderedListMarkerColor = "#0F172A";
518
+ export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
520
519
  export const utrechtTextboxBorderRadius = "2.5px";
521
520
  export const utrechtTextboxFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
522
521
  export const utrechtTextboxFontSize = "1.25rem";
@@ -529,10 +528,10 @@ export const utrechtTextboxPaddingInlineEnd = "0.75rem";
529
528
  export const utrechtTextboxPaddingInlineStart = "0.75rem";
530
529
  export const utrechtTextboxBackgroundColor = "#fff";
531
530
  export const utrechtTextboxBorderColor = "#154273";
532
- export const utrechtTextboxColor = "#154273";
531
+ export const utrechtTextboxColor = "#0F172A";
533
532
  export const utrechtTextboxInvalidBackgroundColor = "#f9dfdd";
534
533
  export const utrechtTextboxInvalidBorderColor = "#d52b1e";
535
- export const utrechtTextboxInvalidColor = "#154273";
534
+ export const utrechtTextboxInvalidColor = "#0F172A";
536
535
  export const utrechtTextboxInvalidBorderWidth = "1px";
537
536
  export const utrechtTextboxPlaceholderColor = "#64748B";
538
537
  export const utrechtTextboxBorderBlockEndWidth = "auto";
@@ -540,17 +539,17 @@ export const utrechtTextboxBorderWidth = "1px";
540
539
  export const utrechtTextboxFocusBorderWidth = "2px";
541
540
  export const utrechtTextboxFocusBackgroundColor = "#fff";
542
541
  export const utrechtTextboxFocusBorderColor = "#154273";
543
- export const utrechtTextboxFocusColor = "#154273";
542
+ export const utrechtTextboxFocusColor = "#0F172A";
544
543
  export const utrechtTextboxDisabledBackgroundColor = "#CBD5E1";
545
544
  export const utrechtTextboxDisabledBorderColor = "#94A3B8";
546
545
  export const utrechtTextboxDisabledColor = "#475569";
547
546
  export const utrechtTextboxReadOnlyBackgroundColor = "#F1F5F9";
548
547
  export const utrechtTextboxReadOnlyBorderColor = "transparent";
549
- export const utrechtTextboxReadOnlyColor = "#154273";
548
+ export const utrechtTextboxReadOnlyColor = "#0F172A";
550
549
  export const utrechtTextboxHoverBorderWidth = "1px";
551
550
  export const utrechtTextboxHoverBackgroundColor = "#fff";
552
551
  export const utrechtTextboxHoverBorderColor = "#738eab";
553
- export const utrechtTextboxHoverColor = "#154273";
552
+ export const utrechtTextboxHoverColor = "#0F172A";
554
553
  export const utrechtTextareaMaxInlineSize = "400px";
555
554
  export const utrechtTextareaPaddingBlockEnd = "0.5rem";
556
555
  export const utrechtTextareaPaddingBlockStart = "0.5rem";
@@ -558,25 +557,25 @@ export const utrechtTextareaPaddingInlineEnd = "0.75rem";
558
557
  export const utrechtTextareaPaddingInlineStart = "0.75rem";
559
558
  export const utrechtTextareaBackgroundColor = "#fff";
560
559
  export const utrechtTextareaBorderColor = "#154273";
561
- export const utrechtTextareaColor = "#154273";
560
+ export const utrechtTextareaColor = "#0F172A";
562
561
  export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
563
562
  export const utrechtTextareaInvalidBorderColor = "#d52b1e";
564
- export const utrechtTextareaInvalidColor = "#154273";
563
+ export const utrechtTextareaInvalidColor = "#0F172A";
565
564
  export const utrechtTextareaInvalidBorderWidth = "1px";
566
565
  export const utrechtTextareaPlaceholderColor = "#64748B";
567
566
  export const utrechtTextareaFocusBackgroundColor = "#fff";
568
567
  export const utrechtTextareaFocusBorderColor = "#154273";
569
- export const utrechtTextareaFocusColor = "#154273";
568
+ export const utrechtTextareaFocusColor = "#0F172A";
570
569
  export const utrechtTextareaFocusBorderWidth = "2px";
571
570
  export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
572
571
  export const utrechtTextareaDisabledBorderColor = "#94A3B8";
573
572
  export const utrechtTextareaDisabledColor = "#475569";
574
573
  export const utrechtTextareaReadOnlyBackgroundColor = "#F1F5F9";
575
574
  export const utrechtTextareaReadOnlyBorderColor = "transparent";
576
- export const utrechtTextareaReadOnlyColor = "#154273";
575
+ export const utrechtTextareaReadOnlyColor = "#0F172A";
577
576
  export const utrechtTextareaHoverBackgroundColor = "#fff";
578
577
  export const utrechtTextareaHoverBorderColor = "#738eab";
579
- export const utrechtTextareaHoverColor = "#154273";
578
+ export const utrechtTextareaHoverColor = "#0F172A";
580
579
  export const utrechtTextareaHoverBorderWidth = "1px";
581
580
  export const utrechtTextareaBorderRadius = "2.5px";
582
581
  export const utrechtTextareaBorderBottomWidth = "1px";
@@ -586,13 +585,13 @@ export const utrechtTextareaFontWeight = 400;
586
585
  export const utrechtTextareaLineHeight = "150%";
587
586
  export const utrechtTextareaFontSize = "1.25rem";
588
587
  export const utrechtTableHeaderCellLineHeight = "150%";
589
- export const utrechtTableHeaderCellColor = "#154273";
588
+ export const utrechtTableHeaderCellColor = "#0F172A";
590
589
  export const utrechtTableHeaderCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
591
590
  export const utrechtTableHeaderCellFontWeight = 700;
592
591
  export const utrechtTableHeaderCellFontSize = "1.25rem";
593
592
  export const utrechtTableCaptionLineHeight = "125%";
594
593
  export const utrechtTableCaptionMarginBlockEnd = "1.5rem";
595
- export const utrechtTableCaptionColor = "#154273";
594
+ export const utrechtTableCaptionColor = "#0F172A";
596
595
  export const utrechtTableCaptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
597
596
  export const utrechtTableCaptionFontWeight = 700;
598
597
  export const utrechtTableCaptionFontSize = "1.875rem";
@@ -601,7 +600,7 @@ export const utrechtTableCellPaddingBlockStart = "0.75rem";
601
600
  export const utrechtTableCellPaddingInlineEnd = "1rem";
602
601
  export const utrechtTableCellPaddingInlineStart = "1rem";
603
602
  export const utrechtTableCellLineHeight = "150%";
604
- export const utrechtTableDataCellColor = "#154273";
603
+ export const utrechtTableDataCellColor = "#0F172A";
605
604
  export const utrechtTableDataCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
606
605
  export const utrechtTableDataCellFontWeight = 400;
607
606
  export const utrechtTableDataCellLineHeight = "150%";
@@ -617,7 +616,7 @@ export const utrechtTableRowBorderBlockEndColor = "#CBD5E1";
617
616
  export const utrechtTableRowBackgroundColor = "transparent";
618
617
  export const utrechtTableFooterCellFontWeight = 700;
619
618
  export const utrechtTableFooterCellFontSize = "1.25rem";
620
- export const utrechtTableFooterCellColor = "#154273";
619
+ export const utrechtTableFooterCellColor = "#0F172A";
621
620
  export const utrechtTableFooterCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
622
621
  export const utrechtTableFooterCellLineHeight = "150%";
623
622
  export const utrechtTableContainerBoxInlineEndShadowX = 0;
@@ -639,21 +638,21 @@ export const utrechtSelectImageBackgroundPosition = "right 0.5rem center";
639
638
  export const utrechtSelectIconSize = "24px";
640
639
  export const utrechtSelectBackgroundColor = "#fff";
641
640
  export const utrechtSelectBorderColor = "#154273";
642
- export const utrechtSelectColor = "#154273";
641
+ export const utrechtSelectColor = "#0F172A";
643
642
  export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
644
643
  export const utrechtSelectInvalidBorderColor = "#d52b1e";
645
- export const utrechtSelectInvalidColor = "#154273";
644
+ export const utrechtSelectInvalidColor = "#0F172A";
646
645
  export const utrechtSelectInvalidBorderWidth = "1px";
647
646
  export const utrechtSelectFocusBackgroundColor = "#fff";
648
647
  export const utrechtSelectFocusBorderColor = "#154273";
649
- export const utrechtSelectFocusColor = "#154273";
648
+ export const utrechtSelectFocusColor = "#0F172A";
650
649
  export const utrechtSelectFocusBorderWidth = "2px";
651
650
  export const utrechtSelectDisabledBackgroundColor = "#CBD5E1";
652
651
  export const utrechtSelectDisabledBorderColor = "#94A3B8";
653
652
  export const utrechtSelectDisabledColor = "#475569";
654
653
  export const utrechtSelectHoverBackgroundColor = "#fff";
655
654
  export const utrechtSelectHoverBorderColor = "#738eab";
656
- export const utrechtSelectHoverColor = "#154273";
655
+ export const utrechtSelectHoverColor = "#0F172A";
657
656
  export const utrechtSelectHoverBorderWidth = "1px";
658
657
  export const utrechtSelectPaddingBlockEnd = "0.5rem";
659
658
  export const utrechtSelectPaddingBlockStart = "0.5rem";
@@ -707,7 +706,7 @@ export const utrechtRadioButtonHoverBorderColor = "#738eab";
707
706
  export const utrechtRadioButtonHoverBorderWidth = "1px";
708
707
  export const utrechtRadioButtonBorderRadius = "999px";
709
708
  export const utrechtRadioButtonBorderWidth = "1px";
710
- export const utrechtPreHeadingColor = "#154273";
709
+ export const utrechtPreHeadingColor = "#0F172A";
711
710
  export const utrechtPreHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
712
711
  export const utrechtPreHeadingFontWeight = 700;
713
712
  export const utrechtPreHeadingLineHeight = "125%";
@@ -719,7 +718,7 @@ export const utrechtOrderedListMarginInlineStart = "0.625rem";
719
718
  export const utrechtOrderedListItemPaddingInlineStart = 0;
720
719
  export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
721
720
  export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
722
- export const utrechtOrderedListColor = "#154273";
721
+ export const utrechtOrderedListColor = "#0F172A";
723
722
  export const utrechtOrderedListFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
724
723
  export const utrechtOrderedListFontWeight = 400;
725
724
  export const utrechtOrderedListFontSize = "1.25rem";
@@ -753,10 +752,10 @@ export const utrechtLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
753
752
  export const utrechtLinkFontWeight = 400;
754
753
  export const utrechtLinkFontSize = "1.25rem";
755
754
  export const utrechtLinkLineHeight = "150%";
756
- export const utrechtFormLabelColor = "#154273";
755
+ export const utrechtFormLabelColor = "#0F172A";
757
756
  export const utrechtFormLabelFontSize = "1.25rem";
758
757
  export const utrechtFormLabelFontWeight = 700;
759
- export const utrechtFormFieldLabelColor = "#154273";
758
+ export const utrechtFormFieldLabelColor = "#0F172A";
760
759
  export const utrechtFormFieldLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
761
760
  export const utrechtFormFieldLabelFontSize = "1.25rem";
762
761
  export const utrechtFormFieldLabelFontWeight = 700;
@@ -801,14 +800,14 @@ export const utrechtFigureImgBorderEndEndRadius = 0;
801
800
  export const utrechtFigureImgBorderEndStartRadius = 0;
802
801
  export const utrechtFigureImgBorderStartEndRadius = 0;
803
802
  export const utrechtFigureImgBorderStartStartRadius = 0;
804
- export const utrechtFormFieldsetLegendColor = "#154273";
803
+ export const utrechtFormFieldsetLegendColor = "#0F172A";
805
804
  export const utrechtFormFieldsetLegendFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
806
805
  export const utrechtFormFieldsetLegendFontSize = "1.25rem";
807
806
  export const utrechtFormFieldsetLegendFontWeight = 700;
808
807
  export const utrechtFormFieldsetLegendLineHeight = "150%";
809
808
  export const utrechtFormFieldsetLegendDisabledColor = "#334155";
810
809
  export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
811
- export const utrechtFormFieldsetSectionColor = "#154273";
810
+ export const utrechtFormFieldsetSectionColor = "#0F172A";
812
811
  export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
813
812
  export const utrechtFormFieldsetInvalidPaddingInlineStart = 0;
814
813
  export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
@@ -996,7 +995,7 @@ export const utrechtBlockquoteContentFontFamily = "RijksoverheidSerifWeb, 'Times
996
995
  export const utrechtBlockquoteContentLineHeight = "150%";
997
996
  export const utrechtBlockquoteContentFontWeight = 400;
998
997
  export const utrechtBlockquoteContentFontSize = "1.5rem";
999
- export const utrechtBlockquoteContentColor = "#154273";
998
+ export const utrechtBlockquoteContentColor = "#0F172A";
1000
999
  export const utrechtBlockquoteMarginBlockEnd = 0;
1001
1000
  export const utrechtBlockquoteMarginBlockStart = 0;
1002
1001
  export const utrechtBlockquoteMarginInlineEnd = 0;
@@ -1050,19 +1049,19 @@ export const utrechtAlertPaddingInlineEnd = "1rem";
1050
1049
  export const utrechtAlertPaddingInlineStart = "1rem";
1051
1050
  export const utrechtAlertBackgroundColor = "#d9ebf7";
1052
1051
  export const utrechtAlertBorderColor = "transparent";
1053
- export const utrechtAlertColor = "#154273";
1052
+ export const utrechtAlertColor = "#0F172A";
1054
1053
  export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
1055
1054
  export const utrechtAlertInfoBorderColor = "transparent";
1056
- export const utrechtAlertInfoColor = "#154273";
1055
+ export const utrechtAlertInfoColor = "#0F172A";
1057
1056
  export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
1058
1057
  export const utrechtAlertErrorBorderColor = "transparent";
1059
- export const utrechtAlertErrorColor = "#154273";
1058
+ export const utrechtAlertErrorColor = "#0F172A";
1060
1059
  export const utrechtAlertOkBackgroundColor = "#e1eddb";
1061
1060
  export const utrechtAlertOkBorderColor = "transparent";
1062
- export const utrechtAlertOkColor = "#154273";
1061
+ export const utrechtAlertOkColor = "#0F172A";
1063
1062
  export const utrechtAlertWarningBackgroundColor = "#fff4db";
1064
1063
  export const utrechtAlertWarningBorderColor = "transparent";
1065
- export const utrechtAlertWarningColor = "#154273";
1064
+ export const utrechtAlertWarningColor = "#0F172A";
1066
1065
  export const utrechtAlertIconInsetBlockStart = "3px";
1067
1066
  export const utrechtAlertIconInfoColor = "#007bc7";
1068
1067
  export const utrechtAlertIconErrorColor = "#d52b1e";
@@ -1082,20 +1081,20 @@ export const utrechtAccordionButtonGap = "0.5rem";
1082
1081
  export const utrechtAccordionButtonIconSize = "24px";
1083
1082
  export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
1084
1083
  export const utrechtAccordionButtonHoverBorderColor = "#94A3B8";
1085
- export const utrechtAccordionButtonHoverColor = "#154273";
1084
+ export const utrechtAccordionButtonHoverColor = "#0F172A";
1086
1085
  export const utrechtAccordionButtonBackgroundColor = "#fff";
1087
1086
  export const utrechtAccordionButtonBorderColor = "#94A3B8";
1088
1087
  export const utrechtAccordionButtonBorderWidth = 0;
1089
- export const utrechtAccordionButtonColor = "#154273";
1088
+ export const utrechtAccordionButtonColor = "#0F172A";
1090
1089
  export const utrechtAccordionButtonFocusBackgroundColor = "#dce3ea";
1091
1090
  export const utrechtAccordionButtonFocusBorderColor = "#154273";
1092
- export const utrechtAccordionButtonFocusColor = "#154273";
1091
+ export const utrechtAccordionButtonFocusColor = "#0F172A";
1093
1092
  export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
1094
1093
  export const utrechtAccordionButtonActiveBorderColor = "#94A3B8";
1095
- export const utrechtAccordionButtonActiveColor = "#154273";
1094
+ export const utrechtAccordionButtonActiveColor = "#0F172A";
1096
1095
  export const utrechtAccordionButtonActiveRowGap = 0;
1097
1096
  export const utrechtDocumentBackgroundColor = "#fff";
1098
- export const utrechtDocumentColor = "#000";
1097
+ export const utrechtDocumentColor = "#0F172A";
1099
1098
  export const utrechtDocumentFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1100
1099
  export const utrechtDocumentFontSize = "1.25rem";
1101
1100
  export const utrechtDocumentLineHeight = "150%";
@@ -1125,7 +1124,7 @@ export const nlSkipLinkFocusBackgroundColor = "#fff";
1125
1124
  export const nlSkipLinkFocusBorderColor = "#154273";
1126
1125
  export const nlSkipLinkFocusBorderStyle = "solid";
1127
1126
  export const nlSkipLinkFocusBorderWidth = "2px";
1128
- export const nlSkipLinkFocusColor = "#154273";
1127
+ export const nlSkipLinkFocusColor = "#0F172A";
1129
1128
  export const nlSkipLinkFocusTextDecoration = "None";
1130
1129
  export const nlSkipLinkFocusVisibleOutlineColor = "#000";
1131
1130
  export const nlSkipLinkBackgroundColor = "#154273";
@@ -1139,21 +1138,17 @@ export const nlSkipLinkBoxBlockEndShadowSpreadRadius = 0;
1139
1138
  export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
1140
1139
  export const nlSkipLinkTextDecoration = "underline";
1141
1140
  export const nlSkipLinkTextUnderlineOffset = "0.125rem";
1142
- export const nlParagraphColor = "#154273";
1141
+ export const nlParagraphColor = "#0F172A";
1143
1142
  export const nlParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1144
1143
  export const nlParagraphFontSize = "1.25rem";
1145
1144
  export const nlParagraphFontWeight = 400;
1146
1145
  export const nlParagraphLineHeight = "150%";
1147
1146
  export const nlParagraphMarginBlockEnd = 0;
1148
1147
  export const nlParagraphMarginBlockStart = 0;
1149
- export const nlParagraphLeadColor = "#154273";
1148
+ export const nlParagraphLeadColor = "#0F172A";
1150
1149
  export const nlParagraphLeadFontSize = "1.5rem";
1151
1150
  export const nlParagraphLeadFontWeight = 400;
1152
1151
  export const nlParagraphLeadLineHeight = "150%";
1153
- export const nlParagraphSmallColor = "#154273";
1154
- export const nlParagraphSmallFontSize = "1.125rem";
1155
- export const nlParagraphSmallFontWeight = 400;
1156
- export const nlParagraphSmallLineHeight = "150%";
1157
1152
  export const nlHeadingLevel1Color = "#154273";
1158
1153
  export const nlHeadingLevel1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1159
1154
  export const nlHeadingLevel1FontWeight = 700;