@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
package/dist/index.js
CHANGED
|
@@ -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 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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
222
|
+
export const rhcCardAsLinkColor = "#0F172A";
|
|
223
223
|
export const rhcCardAsLinkColumnGap = "1rem";
|
|
224
224
|
export const rhcCardAsLinkInlineSize = "328px";
|
|
225
|
-
export const rhcCardAsLinkIconColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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
|
|
325
|
-
export const
|
|
326
|
-
export const
|
|
327
|
-
export const
|
|
328
|
-
export const
|
|
329
|
-
export const
|
|
330
|
-
export const
|
|
331
|
-
export const
|
|
332
|
-
export const
|
|
333
|
-
export const
|
|
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 = "#
|
|
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 = "#
|
|
519
|
-
export const utrechtUnorderedListMarkerBorderColor = "#
|
|
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 = "#
|
|
531
|
+
export const utrechtTextboxColor = "#0F172A";
|
|
533
532
|
export const utrechtTextboxInvalidBackgroundColor = "#f9dfdd";
|
|
534
533
|
export const utrechtTextboxInvalidBorderColor = "#d52b1e";
|
|
535
|
-
export const utrechtTextboxInvalidColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
560
|
+
export const utrechtTextareaColor = "#0F172A";
|
|
562
561
|
export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
|
|
563
562
|
export const utrechtTextareaInvalidBorderColor = "#d52b1e";
|
|
564
|
-
export const utrechtTextareaInvalidColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
575
|
+
export const utrechtTextareaReadOnlyColor = "#0F172A";
|
|
577
576
|
export const utrechtTextareaHoverBackgroundColor = "#fff";
|
|
578
577
|
export const utrechtTextareaHoverBorderColor = "#738eab";
|
|
579
|
-
export const utrechtTextareaHoverColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
641
|
+
export const utrechtSelectColor = "#0F172A";
|
|
643
642
|
export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
|
|
644
643
|
export const utrechtSelectInvalidBorderColor = "#d52b1e";
|
|
645
|
-
export const utrechtSelectInvalidColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
755
|
+
export const utrechtFormLabelColor = "#0F172A";
|
|
757
756
|
export const utrechtFormLabelFontSize = "1.25rem";
|
|
758
757
|
export const utrechtFormLabelFontWeight = 700;
|
|
759
|
-
export const utrechtFormFieldLabelColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
1052
|
+
export const utrechtAlertColor = "#0F172A";
|
|
1054
1053
|
export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
|
|
1055
1054
|
export const utrechtAlertInfoBorderColor = "transparent";
|
|
1056
|
-
export const utrechtAlertInfoColor = "#
|
|
1055
|
+
export const utrechtAlertInfoColor = "#0F172A";
|
|
1057
1056
|
export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
|
|
1058
1057
|
export const utrechtAlertErrorBorderColor = "transparent";
|
|
1059
|
-
export const utrechtAlertErrorColor = "#
|
|
1058
|
+
export const utrechtAlertErrorColor = "#0F172A";
|
|
1060
1059
|
export const utrechtAlertOkBackgroundColor = "#e1eddb";
|
|
1061
1060
|
export const utrechtAlertOkBorderColor = "transparent";
|
|
1062
|
-
export const utrechtAlertOkColor = "#
|
|
1061
|
+
export const utrechtAlertOkColor = "#0F172A";
|
|
1063
1062
|
export const utrechtAlertWarningBackgroundColor = "#fff4db";
|
|
1064
1063
|
export const utrechtAlertWarningBorderColor = "transparent";
|
|
1065
|
-
export const utrechtAlertWarningColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
1088
|
+
export const utrechtAccordionButtonColor = "#0F172A";
|
|
1090
1089
|
export const utrechtAccordionButtonFocusBackgroundColor = "#dce3ea";
|
|
1091
1090
|
export const utrechtAccordionButtonFocusBorderColor = "#154273";
|
|
1092
|
-
export const utrechtAccordionButtonFocusColor = "#
|
|
1091
|
+
export const utrechtAccordionButtonFocusColor = "#0F172A";
|
|
1093
1092
|
export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
|
|
1094
1093
|
export const utrechtAccordionButtonActiveBorderColor = "#94A3B8";
|
|
1095
|
-
export const utrechtAccordionButtonActiveColor = "#
|
|
1094
|
+
export const utrechtAccordionButtonActiveColor = "#0F172A";
|
|
1096
1095
|
export const utrechtAccordionButtonActiveRowGap = 0;
|
|
1097
1096
|
export const utrechtDocumentBackgroundColor = "#fff";
|
|
1098
|
-
export const utrechtDocumentColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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;
|