@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 = "#f2d9e7";
@@ -11,14 +11,13 @@ export const rhcColorPrimary400 = "#BE4088";
11
11
  export const rhcColorPrimary500 = "#a90061";
12
12
  export const rhcColorPrimaryHover = "#741344";
13
13
  export const rhcColorFocusOutline = "#000";
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 = "#a90061";
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 = "#a90061";
241
+ export const rhcNavBarLinkFocusBackgroundColor = "#f2d9e7";
242
+ export const rhcNavBarLinkFocusColor = "#a90061";
244
243
  export const rhcNavBarLinkHoverBackgroundColor = "#F8FAFC";
245
- export const rhcNavBarLinkHoverColor = "#154273";
244
+ export const rhcNavBarLinkHoverColor = "#a90061";
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 = "#a90061";
253
+ export const rhcNavBarBorderColor = "#BE4088";
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;
@@ -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";
@@ -714,7 +713,7 @@ export const utrechtOrderedListMarginInlineStart = "0.625rem";
714
713
  export const utrechtOrderedListItemPaddingInlineStart = 0;
715
714
  export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
716
715
  export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
717
- export const utrechtOrderedListColor = "#154273";
716
+ export const utrechtOrderedListColor = "#0F172A";
718
717
  export const utrechtOrderedListFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
719
718
  export const utrechtOrderedListFontWeight = 400;
720
719
  export const utrechtOrderedListFontSize = "1.25rem";
@@ -748,10 +747,10 @@ export const utrechtLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
748
747
  export const utrechtLinkFontWeight = 400;
749
748
  export const utrechtLinkFontSize = "1.25rem";
750
749
  export const utrechtLinkLineHeight = "150%";
751
- export const utrechtFormLabelColor = "#154273";
750
+ export const utrechtFormLabelColor = "#0F172A";
752
751
  export const utrechtFormLabelFontSize = "1.25rem";
753
752
  export const utrechtFormLabelFontWeight = 700;
754
- export const utrechtFormFieldLabelColor = "#154273";
753
+ export const utrechtFormFieldLabelColor = "#0F172A";
755
754
  export const utrechtFormFieldLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
756
755
  export const utrechtFormFieldLabelFontSize = "1.25rem";
757
756
  export const utrechtFormFieldLabelFontWeight = 700;
@@ -796,14 +795,14 @@ export const utrechtFigureImgBorderEndEndRadius = 0;
796
795
  export const utrechtFigureImgBorderEndStartRadius = 0;
797
796
  export const utrechtFigureImgBorderStartEndRadius = 0;
798
797
  export const utrechtFigureImgBorderStartStartRadius = 0;
799
- export const utrechtFormFieldsetLegendColor = "#154273";
798
+ export const utrechtFormFieldsetLegendColor = "#0F172A";
800
799
  export const utrechtFormFieldsetLegendFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
801
800
  export const utrechtFormFieldsetLegendFontSize = "1.25rem";
802
801
  export const utrechtFormFieldsetLegendFontWeight = 700;
803
802
  export const utrechtFormFieldsetLegendLineHeight = "150%";
804
803
  export const utrechtFormFieldsetLegendDisabledColor = "#334155";
805
804
  export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
806
- export const utrechtFormFieldsetSectionColor = "#154273";
805
+ export const utrechtFormFieldsetSectionColor = "#0F172A";
807
806
  export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
808
807
  export const utrechtFormFieldsetInvalidPaddingInlineStart = 0;
809
808
  export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
@@ -991,7 +990,7 @@ export const utrechtBlockquoteContentFontFamily = "RijksoverheidSerifWeb, 'Times
991
990
  export const utrechtBlockquoteContentLineHeight = "150%";
992
991
  export const utrechtBlockquoteContentFontWeight = 400;
993
992
  export const utrechtBlockquoteContentFontSize = "1.5rem";
994
- export const utrechtBlockquoteContentColor = "#154273";
993
+ export const utrechtBlockquoteContentColor = "#0F172A";
995
994
  export const utrechtBlockquoteMarginBlockEnd = 0;
996
995
  export const utrechtBlockquoteMarginBlockStart = 0;
997
996
  export const utrechtBlockquoteMarginInlineEnd = 0;
@@ -1045,19 +1044,19 @@ export const utrechtAlertPaddingInlineEnd = "1rem";
1045
1044
  export const utrechtAlertPaddingInlineStart = "1rem";
1046
1045
  export const utrechtAlertBackgroundColor = "#d9ebf7";
1047
1046
  export const utrechtAlertBorderColor = "transparent";
1048
- export const utrechtAlertColor = "#154273";
1047
+ export const utrechtAlertColor = "#0F172A";
1049
1048
  export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
1050
1049
  export const utrechtAlertInfoBorderColor = "transparent";
1051
- export const utrechtAlertInfoColor = "#154273";
1050
+ export const utrechtAlertInfoColor = "#0F172A";
1052
1051
  export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
1053
1052
  export const utrechtAlertErrorBorderColor = "transparent";
1054
- export const utrechtAlertErrorColor = "#154273";
1053
+ export const utrechtAlertErrorColor = "#0F172A";
1055
1054
  export const utrechtAlertOkBackgroundColor = "#e1eddb";
1056
1055
  export const utrechtAlertOkBorderColor = "transparent";
1057
- export const utrechtAlertOkColor = "#154273";
1056
+ export const utrechtAlertOkColor = "#0F172A";
1058
1057
  export const utrechtAlertWarningBackgroundColor = "#fff4db";
1059
1058
  export const utrechtAlertWarningBorderColor = "transparent";
1060
- export const utrechtAlertWarningColor = "#154273";
1059
+ export const utrechtAlertWarningColor = "#0F172A";
1061
1060
  export const utrechtAlertIconInsetBlockStart = "3px";
1062
1061
  export const utrechtAlertIconInfoColor = "#007bc7";
1063
1062
  export const utrechtAlertIconErrorColor = "#d52b1e";
@@ -1077,20 +1076,20 @@ export const utrechtAccordionButtonGap = "0.5rem";
1077
1076
  export const utrechtAccordionButtonIconSize = "24px";
1078
1077
  export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
1079
1078
  export const utrechtAccordionButtonHoverBorderColor = "#94A3B8";
1080
- export const utrechtAccordionButtonHoverColor = "#154273";
1079
+ export const utrechtAccordionButtonHoverColor = "#0F172A";
1081
1080
  export const utrechtAccordionButtonBackgroundColor = "#fff";
1082
1081
  export const utrechtAccordionButtonBorderColor = "#94A3B8";
1083
1082
  export const utrechtAccordionButtonBorderWidth = 0;
1084
- export const utrechtAccordionButtonColor = "#154273";
1083
+ export const utrechtAccordionButtonColor = "#0F172A";
1085
1084
  export const utrechtAccordionButtonFocusBackgroundColor = "#dce3ea";
1086
1085
  export const utrechtAccordionButtonFocusBorderColor = "#154273";
1087
- export const utrechtAccordionButtonFocusColor = "#154273";
1086
+ export const utrechtAccordionButtonFocusColor = "#0F172A";
1088
1087
  export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
1089
1088
  export const utrechtAccordionButtonActiveBorderColor = "#94A3B8";
1090
- export const utrechtAccordionButtonActiveColor = "#154273";
1089
+ export const utrechtAccordionButtonActiveColor = "#0F172A";
1091
1090
  export const utrechtAccordionButtonActiveRowGap = 0;
1092
1091
  export const utrechtDocumentBackgroundColor = "#fff";
1093
- export const utrechtDocumentColor = "#000";
1092
+ export const utrechtDocumentColor = "#0F172A";
1094
1093
  export const utrechtDocumentFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1095
1094
  export const utrechtDocumentFontSize = "1.25rem";
1096
1095
  export const utrechtDocumentLineHeight = "150%";
@@ -1120,7 +1119,7 @@ export const nlSkipLinkFocusBackgroundColor = "#fff";
1120
1119
  export const nlSkipLinkFocusBorderColor = "#154273";
1121
1120
  export const nlSkipLinkFocusBorderStyle = "solid";
1122
1121
  export const nlSkipLinkFocusBorderWidth = "2px";
1123
- export const nlSkipLinkFocusColor = "#154273";
1122
+ export const nlSkipLinkFocusColor = "#0F172A";
1124
1123
  export const nlSkipLinkFocusTextDecoration = "None";
1125
1124
  export const nlSkipLinkFocusVisibleOutlineColor = "#000";
1126
1125
  export const nlSkipLinkBackgroundColor = "#154273";
@@ -1134,21 +1133,17 @@ export const nlSkipLinkBoxBlockEndShadowSpreadRadius = 0;
1134
1133
  export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
1135
1134
  export const nlSkipLinkTextDecoration = "underline";
1136
1135
  export const nlSkipLinkTextUnderlineOffset = "0.125rem";
1137
- export const nlParagraphColor = "#154273";
1136
+ export const nlParagraphColor = "#0F172A";
1138
1137
  export const nlParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1139
1138
  export const nlParagraphFontSize = "1.25rem";
1140
1139
  export const nlParagraphFontWeight = 400;
1141
1140
  export const nlParagraphLineHeight = "150%";
1142
1141
  export const nlParagraphMarginBlockEnd = 0;
1143
1142
  export const nlParagraphMarginBlockStart = 0;
1144
- export const nlParagraphLeadColor = "#154273";
1143
+ export const nlParagraphLeadColor = "#0F172A";
1145
1144
  export const nlParagraphLeadFontSize = "1.5rem";
1146
1145
  export const nlParagraphLeadFontWeight = 400;
1147
1146
  export const nlParagraphLeadLineHeight = "150%";
1148
- export const nlParagraphSmallColor = "#154273";
1149
- export const nlParagraphSmallFontSize = "1.125rem";
1150
- export const nlParagraphSmallFontWeight = 400;
1151
- export const nlParagraphSmallLineHeight = "150%";
1152
1147
  export const nlHeadingLevel1Color = "#154273";
1153
1148
  export const nlHeadingLevel1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1154
1149
  export const nlHeadingLevel1FontWeight = 700;