@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 = "#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 = "#
|
|
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 = "#a90061";
|
|
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 = "#a90061";
|
|
241
|
+
export const rhcNavBarLinkFocusBackgroundColor = "#f2d9e7";
|
|
242
|
+
export const rhcNavBarLinkFocusColor = "#a90061";
|
|
244
243
|
export const rhcNavBarLinkHoverBackgroundColor = "#F8FAFC";
|
|
245
|
-
export const rhcNavBarLinkHoverColor = "#
|
|
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 = "#
|
|
254
|
-
export const rhcNavBarBorderColor = "#
|
|
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 = "#
|
|
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;
|
|
@@ -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";
|
|
@@ -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 = "#
|
|
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 = "#
|
|
750
|
+
export const utrechtFormLabelColor = "#0F172A";
|
|
752
751
|
export const utrechtFormLabelFontSize = "1.25rem";
|
|
753
752
|
export const utrechtFormLabelFontWeight = 700;
|
|
754
|
-
export const utrechtFormFieldLabelColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
1047
|
+
export const utrechtAlertColor = "#0F172A";
|
|
1049
1048
|
export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
|
|
1050
1049
|
export const utrechtAlertInfoBorderColor = "transparent";
|
|
1051
|
-
export const utrechtAlertInfoColor = "#
|
|
1050
|
+
export const utrechtAlertInfoColor = "#0F172A";
|
|
1052
1051
|
export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
|
|
1053
1052
|
export const utrechtAlertErrorBorderColor = "transparent";
|
|
1054
|
-
export const utrechtAlertErrorColor = "#
|
|
1053
|
+
export const utrechtAlertErrorColor = "#0F172A";
|
|
1055
1054
|
export const utrechtAlertOkBackgroundColor = "#e1eddb";
|
|
1056
1055
|
export const utrechtAlertOkBorderColor = "transparent";
|
|
1057
|
-
export const utrechtAlertOkColor = "#
|
|
1056
|
+
export const utrechtAlertOkColor = "#0F172A";
|
|
1058
1057
|
export const utrechtAlertWarningBackgroundColor = "#fff4db";
|
|
1059
1058
|
export const utrechtAlertWarningBorderColor = "transparent";
|
|
1060
|
-
export const utrechtAlertWarningColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
1083
|
+
export const utrechtAccordionButtonColor = "#0F172A";
|
|
1085
1084
|
export const utrechtAccordionButtonFocusBackgroundColor = "#dce3ea";
|
|
1086
1085
|
export const utrechtAccordionButtonFocusBorderColor = "#154273";
|
|
1087
|
-
export const utrechtAccordionButtonFocusColor = "#
|
|
1086
|
+
export const utrechtAccordionButtonFocusColor = "#0F172A";
|
|
1088
1087
|
export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
|
|
1089
1088
|
export const utrechtAccordionButtonActiveBorderColor = "#94A3B8";
|
|
1090
|
-
export const utrechtAccordionButtonActiveColor = "#
|
|
1089
|
+
export const utrechtAccordionButtonActiveColor = "#0F172A";
|
|
1091
1090
|
export const utrechtAccordionButtonActiveRowGap = 0;
|
|
1092
1091
|
export const utrechtDocumentBackgroundColor = "#fff";
|
|
1093
|
-
export const utrechtDocumentColor = "#
|
|
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 = "#
|
|
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 = "#
|
|
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 = "#
|
|
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;
|