@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.
- package/dist/_variables.scss +67 -72
- package/dist/index.css +67 -72
- package/dist/index.d.ts +11 -16
- package/dist/index.js +67 -72
- package/dist/index.json +66 -71
- package/dist/index.tokens.json +57 -64
- package/dist/root.css +67 -72
- package/dist/tokens.d.ts +2 -9
- package/dist/tokens.js +145 -266
- package/dist/uitvoerend-mintgroen-focus/_variables.scss +112 -119
- package/dist/uitvoerend-mintgroen-focus/index.css +112 -119
- package/dist/uitvoerend-mintgroen-focus/index.d.ts +51 -58
- package/dist/uitvoerend-mintgroen-focus/index.js +112 -119
- package/dist/uitvoerend-mintgroen-focus/index.json +111 -118
- package/dist/uitvoerend-mintgroen-focus/index.tokens.json +121 -138
- package/dist/uitvoerend-mintgroen-focus/root.css +112 -119
- package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +61 -78
- package/dist/uitvoerend-mintgroen-focus/tokens.js +3136 -3313
- package/dist/uitvoerend-violet/_variables.scss +72 -77
- package/dist/uitvoerend-violet/index.css +72 -77
- package/dist/uitvoerend-violet/index.d.ts +11 -16
- package/dist/uitvoerend-violet/index.js +72 -77
- package/dist/uitvoerend-violet/index.json +71 -76
- package/dist/uitvoerend-violet/index.tokens.json +62 -69
- package/dist/uitvoerend-violet/root.css +72 -77
- package/dist/uitvoerend-violet/tokens.d.ts +2 -9
- package/dist/uitvoerend-violet/tokens.js +155 -276
- package/dist/uitvoerend-violet-oud/_variables.scss +72 -77
- package/dist/uitvoerend-violet-oud/index.css +72 -77
- package/dist/uitvoerend-violet-oud/index.d.ts +11 -16
- package/dist/uitvoerend-violet-oud/index.js +72 -77
- package/dist/uitvoerend-violet-oud/index.json +71 -76
- package/dist/uitvoerend-violet-oud/index.tokens.json +62 -69
- package/dist/uitvoerend-violet-oud/root.css +72 -77
- package/dist/uitvoerend-violet-oud/tokens.d.ts +2 -9
- package/dist/uitvoerend-violet-oud/tokens.js +155 -276
- package/dist/wetgevend/_variables.scss +66 -71
- package/dist/wetgevend/index.css +66 -71
- package/dist/wetgevend/index.d.ts +11 -16
- package/dist/wetgevend/index.js +66 -71
- package/dist/wetgevend/index.json +65 -70
- package/dist/wetgevend/index.tokens.json +56 -63
- package/dist/wetgevend/root.css +66 -71
- package/dist/wetgevend/tokens.d.ts +2 -9
- package/dist/wetgevend/tokens.js +143 -264
- package/figma/figma.tokens.json +145 -165
- package/package.json +2 -2
- package/src/generated/base.tokens.json +57 -81
- package/src/generated/themes.json +442 -554
- package/src/generated/uitvoerend-mintgroen-focus/tokens.json +231 -271
- package/src/generated/uitvoerend-violet/tokens.json +62 -86
- package/src/generated/uitvoerend-violet-oud/tokens.json +62 -86
- package/src/generated/wetgevend/tokens.json +56 -80
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
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 = "#
|
|
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 = "#
|
|
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
|
|
33
|
-
export const
|
|
34
|
-
export const
|
|
35
|
-
export const
|
|
36
|
-
export const
|
|
37
|
-
export const
|
|
38
|
-
export const
|
|
39
|
-
export const
|
|
40
|
-
export const
|
|
41
|
-
export const
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
234
|
+
export const rhcNavBarIconColor = "#0F172A";
|
|
236
235
|
export const rhcNavBarIconActiveColor = "#fff";
|
|
237
236
|
export const rhcNavBarIconSize = "24px";
|
|
238
|
-
export const rhcNavBarLinkActiveBackgroundColor = "#
|
|
237
|
+
export const rhcNavBarLinkActiveBackgroundColor = "#76d2b6";
|
|
239
238
|
export const rhcNavBarLinkActiveColor = "#fff";
|
|
240
239
|
export const rhcNavBarLinkBackgroundColor = "#fff";
|
|
241
|
-
export const rhcNavBarLinkColor = "#
|
|
242
|
-
export const rhcNavBarLinkFocusBackgroundColor = "#
|
|
243
|
-
export const rhcNavBarLinkFocusColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
254
|
-
export const rhcNavBarBorderColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
368
|
+
export const rhcCardAsLinkColor = "#0F172A";
|
|
370
369
|
export const rhcCardAsLinkColumnGap = "1rem";
|
|
371
370
|
export const rhcCardAsLinkInlineSize = "328px";
|
|
372
|
-
export const rhcCardAsLinkIconColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
514
|
+
export const utrechtAccordionButtonColor = "#0F172A";
|
|
516
515
|
export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
|
|
517
516
|
export const utrechtAccordionButtonActiveBorderColor = "#94A3B8";
|
|
518
|
-
export const utrechtAccordionButtonActiveColor = "#
|
|
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
|
|
669
|
-
export const
|
|
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 = "#
|
|
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 = "#
|
|
737
|
+
export const utrechtSelectColor = "#0F172A";
|
|
701
738
|
export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
|
|
702
739
|
export const utrechtSelectInvalidBorderColor = "#d52b1e";
|
|
703
|
-
export const utrechtSelectInvalidColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
772
|
+
export const utrechtTextareaColor = "#0F172A";
|
|
736
773
|
export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
|
|
737
774
|
export const utrechtTextareaInvalidBorderColor = "#d52b1e";
|
|
738
|
-
export const utrechtTextareaInvalidColor = "#
|
|
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 = "#
|
|
783
|
+
export const utrechtTextareaReadOnlyColor = "#0F172A";
|
|
747
784
|
export const utrechtTextareaHoverBackgroundColor = "#fff";
|
|
748
785
|
export const utrechtTextareaHoverBorderColor = "#738eab";
|
|
749
|
-
export const utrechtTextareaHoverColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
811
|
+
export const utrechtTextboxColor = "#0F172A";
|
|
775
812
|
export const utrechtTextboxInvalidBackgroundColor = "#f9dfdd";
|
|
776
813
|
export const utrechtTextboxInvalidBorderColor = "#d52b1e";
|
|
777
|
-
export const utrechtTextboxInvalidColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
809
|
-
export const utrechtUnorderedListMarkerBorderColor = "#
|
|
845
|
+
export const utrechtUnorderedListMarkerColor = "#0F172A";
|
|
846
|
+
export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
|
|
810
847
|
export const utrechtTableHeaderCellLineHeight = "150%";
|
|
811
|
-
export const utrechtTableHeaderCellColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
916
|
+
export const utrechtFormLabelColor = "#0F172A";
|
|
920
917
|
export const utrechtFormLabelFontSize = "1.25rem";
|
|
921
918
|
export const utrechtFormLabelFontWeight = 700;
|
|
922
|
-
export const utrechtFormFieldLabelColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
1071
|
+
export const utrechtAlertColor = "#0F172A";
|
|
1075
1072
|
export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
|
|
1076
1073
|
export const utrechtAlertInfoBorderColor = "transparent";
|
|
1077
|
-
export const utrechtAlertInfoColor = "#
|
|
1074
|
+
export const utrechtAlertInfoColor = "#0F172A";
|
|
1078
1075
|
export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
|
|
1079
1076
|
export const utrechtAlertErrorBorderColor = "transparent";
|
|
1080
|
-
export const utrechtAlertErrorColor = "#
|
|
1077
|
+
export const utrechtAlertErrorColor = "#0F172A";
|
|
1081
1078
|
export const utrechtAlertOkBackgroundColor = "#e1eddb";
|
|
1082
1079
|
export const utrechtAlertOkBorderColor = "transparent";
|
|
1083
|
-
export const utrechtAlertOkColor = "#
|
|
1080
|
+
export const utrechtAlertOkColor = "#0F172A";
|
|
1084
1081
|
export const utrechtAlertWarningBackgroundColor = "#fff4db";
|
|
1085
1082
|
export const utrechtAlertWarningBorderColor = "transparent";
|
|
1086
|
-
export const utrechtAlertWarningColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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;
|