@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";
|
|
@@ -175,7 +174,7 @@ export const rhcToggletipSize = "24px";
|
|
|
175
174
|
export const rhcToggletipActiveColor = "#007bc7";
|
|
176
175
|
export const rhcToggletipActiveBackgroundColor = "#fff";
|
|
177
176
|
export const rhcToggletipActiveBorderColor = "#007bc7";
|
|
178
|
-
export const rhcToggletipHoverColor = "#
|
|
177
|
+
export const rhcToggletipHoverColor = "#0F172A";
|
|
179
178
|
export const rhcToggletipHoverBackgroundColor = "#66AFDD";
|
|
180
179
|
export const rhcToggletipFocusColor = "#fff";
|
|
181
180
|
export const rhcToggletipFocusBackgroundColor = "#007bc7";
|
|
@@ -187,7 +186,7 @@ export const rhcSidenavLinkFontSize = "1.25rem";
|
|
|
187
186
|
export const rhcSidenavLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
188
187
|
export const rhcSidenavLinkFontWeight = 400;
|
|
189
188
|
export const rhcSidenavLinkCurrentFontWeight = 700;
|
|
190
|
-
export const rhcSidenavLinkCurrentColor = "#
|
|
189
|
+
export const rhcSidenavLinkCurrentColor = "#0F172A";
|
|
191
190
|
export const rhcSidenavLinkColor = "#01689b";
|
|
192
191
|
export const rhcSidenavLinkActiveColor = "#42145f";
|
|
193
192
|
export const rhcSidenavLinkActiveTextDecoration = "underline";
|
|
@@ -207,7 +206,7 @@ export const rhcSidenavLinkColumnGap = "0.5rem";
|
|
|
207
206
|
export const rhcRadioGroupPaddingBlockEnd = "0.5rem";
|
|
208
207
|
export const rhcRadioGroupPaddingBlockStart = "0.5rem";
|
|
209
208
|
export const rhcRadioGroupRowGap = "1rem";
|
|
210
|
-
export const rhcNavigationListIconBackgroundColor = "#
|
|
209
|
+
export const rhcNavigationListIconBackgroundColor = "#0F172A";
|
|
211
210
|
export const rhcNavigationListIconBorderRadius = "999px";
|
|
212
211
|
export const rhcNavigationListIconColor = "#fff";
|
|
213
212
|
export const rhcNavigationListItemIconPaddingInline = "0.5rem";
|
|
@@ -227,7 +226,7 @@ export const rhcNavigationListItemBackgroundColor = "#fff";
|
|
|
227
226
|
export const rhcNavigationListItemColor = "#334155";
|
|
228
227
|
export const rhcNavigationListItemBorderWidth = "1px";
|
|
229
228
|
export const rhcNavigationListItemBorderColor = "#CBD5E1";
|
|
230
|
-
export const rhcNavigationListItemHeadingColor = "#
|
|
229
|
+
export const rhcNavigationListItemHeadingColor = "#0F172A";
|
|
231
230
|
export const rhcNavigationListItemColumnGap = "1rem";
|
|
232
231
|
export const rhcNavigationListItemMinHeight = "48px";
|
|
233
232
|
export const rhcNavigationListItemPaddingBlock = "0.75rem";
|
|
@@ -237,17 +236,17 @@ export const rhcNavBarMaxInlineSize = "1280px";
|
|
|
237
236
|
export const rhcNavBarPaddingInline = "1rem";
|
|
238
237
|
export const rhcNavBarContainerInlineSize = "100%";
|
|
239
238
|
export const rhcNavBarContentColumnGap = "1rem";
|
|
240
|
-
export const rhcNavBarIconColor = "#
|
|
239
|
+
export const rhcNavBarIconColor = "#0F172A";
|
|
241
240
|
export const rhcNavBarIconActiveColor = "#fff";
|
|
242
241
|
export const rhcNavBarIconSize = "24px";
|
|
243
|
-
export const rhcNavBarLinkActiveBackgroundColor = "#
|
|
242
|
+
export const rhcNavBarLinkActiveBackgroundColor = "#a90061";
|
|
244
243
|
export const rhcNavBarLinkActiveColor = "#fff";
|
|
245
244
|
export const rhcNavBarLinkBackgroundColor = "#fff";
|
|
246
|
-
export const rhcNavBarLinkColor = "#
|
|
247
|
-
export const rhcNavBarLinkFocusBackgroundColor = "#
|
|
248
|
-
export const rhcNavBarLinkFocusColor = "#
|
|
245
|
+
export const rhcNavBarLinkColor = "#a90061";
|
|
246
|
+
export const rhcNavBarLinkFocusBackgroundColor = "#f2d9e7";
|
|
247
|
+
export const rhcNavBarLinkFocusColor = "#a90061";
|
|
249
248
|
export const rhcNavBarLinkHoverBackgroundColor = "#F8FAFC";
|
|
250
|
-
export const rhcNavBarLinkHoverColor = "#
|
|
249
|
+
export const rhcNavBarLinkHoverColor = "#a90061";
|
|
251
250
|
export const rhcNavBarLinkPaddingBlockEnd = "1rem";
|
|
252
251
|
export const rhcNavBarLinkPaddingBlockStart = "1rem";
|
|
253
252
|
export const rhcNavBarLinkPaddingInlineEnd = "0.75rem";
|
|
@@ -255,15 +254,15 @@ export const rhcNavBarLinkPaddingInlineStart = "0.75rem";
|
|
|
255
254
|
export const rhcNavBarLinkColumnGap = "0.5rem";
|
|
256
255
|
export const rhcNavBarHeadingFontWeight = 700;
|
|
257
256
|
export const rhcNavBarBackgroundColor = "#fff";
|
|
258
|
-
export const rhcNavBarColor = "#
|
|
259
|
-
export const rhcNavBarBorderColor = "#
|
|
257
|
+
export const rhcNavBarColor = "#a90061";
|
|
258
|
+
export const rhcNavBarBorderColor = "#BE4088";
|
|
260
259
|
export const rhcMessageListItemBackgroundColor = "#fff";
|
|
261
260
|
export const rhcMessageListItemBorderColor = "#CBD5E1";
|
|
262
261
|
export const rhcMessageListItemBorderWidth = "1px";
|
|
263
262
|
export const rhcMessageListItemColor = "#334155";
|
|
264
263
|
export const rhcMessageListItemColumnGap = "1rem";
|
|
265
264
|
export const rhcMessageListItemIconSize = "24px";
|
|
266
|
-
export const rhcMessageListItemIconColor = "#
|
|
265
|
+
export const rhcMessageListItemIconColor = "#0F172A";
|
|
267
266
|
export const rhcMessageListItemMinHeight = "48px";
|
|
268
267
|
export const rhcMessageListItemPaddingBlock = "0.75rem";
|
|
269
268
|
export const rhcMessageListItemPaddingInline = "1rem";
|
|
@@ -274,7 +273,7 @@ export const rhcMessageListItemLabelFontFamily = "Fira Sans, Arial, Verdana, san
|
|
|
274
273
|
export const rhcMessageListItemLabelFontSize = "1.25rem";
|
|
275
274
|
export const rhcMessageListItemLabelFontWeight = 700;
|
|
276
275
|
export const rhcMessageListItemLabelLineHeight = "150%";
|
|
277
|
-
export const rhcMessageListItemHeadingColor = "#
|
|
276
|
+
export const rhcMessageListItemHeadingColor = "#0F172A";
|
|
278
277
|
export const rhcLogoImageBackgroundColor = "#fff";
|
|
279
278
|
export const rhcLogoImageInlineSize = "48px";
|
|
280
279
|
export const rhcLogoImageBlockSize = "96px";
|
|
@@ -371,17 +370,17 @@ export const rhcCardAsLinkBackgroundColor = "#fff";
|
|
|
371
370
|
export const rhcCardAsLinkBorderColor = "#CBD5E1";
|
|
372
371
|
export const rhcCardAsLinkBorderRadius = 0;
|
|
373
372
|
export const rhcCardAsLinkBorderWidth = "1px";
|
|
374
|
-
export const rhcCardAsLinkColor = "#
|
|
373
|
+
export const rhcCardAsLinkColor = "#0F172A";
|
|
375
374
|
export const rhcCardAsLinkColumnGap = "1rem";
|
|
376
375
|
export const rhcCardAsLinkInlineSize = "328px";
|
|
377
|
-
export const rhcCardAsLinkIconColor = "#
|
|
376
|
+
export const rhcCardAsLinkIconColor = "#0F172A";
|
|
378
377
|
export const rhcCardAsLinkIconSize = "24px";
|
|
379
378
|
export const rhcCardAsLinkLinkColor = "#01689b";
|
|
380
379
|
export const rhcCardAsLinkLinkTextDecoration = "underline";
|
|
381
380
|
export const rhcCardAsLinkLinkActiveTextDecoration = "none";
|
|
382
381
|
export const rhcCardAsLinkLinkHoverTextDecoration = "none";
|
|
383
382
|
export const rhcCardAsLinkLinkFocusTextDecoration = "none";
|
|
384
|
-
export const rhcCardAsLinkMetadataColor = "#
|
|
383
|
+
export const rhcCardAsLinkMetadataColor = "#0F172A";
|
|
385
384
|
export const rhcCardAsLinkPaddingBlockEnd = "1rem";
|
|
386
385
|
export const rhcCardAsLinkPaddingBlockStart = "1rem";
|
|
387
386
|
export const rhcCardAsLinkPaddingInlineEnd = "1rem";
|
|
@@ -419,13 +418,13 @@ export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
|
|
|
419
418
|
export const rhcAccordionButtonPaddingInlineEnd = "1rem";
|
|
420
419
|
export const rhcAccordionButtonPaddingInlineStart = "1rem";
|
|
421
420
|
export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
|
|
422
|
-
export const rhcAccordionButtonExpandedColor = "#
|
|
421
|
+
export const rhcAccordionButtonExpandedColor = "#0F172A";
|
|
423
422
|
export const rhcAccordionSectionBorderBlockEndWidth = "1px";
|
|
424
423
|
export const rhcAccordionSectionBorderWidth = 0;
|
|
425
424
|
export const rhcAccordionSectionBorderColor = "#94A3B8";
|
|
426
425
|
export const rhcAccordionHeaderMargin = 0;
|
|
427
426
|
export const rhcAccordionBorderRadius = "0px";
|
|
428
|
-
export const rhcAccordionColor = "#
|
|
427
|
+
export const rhcAccordionColor = "#0F172A";
|
|
429
428
|
export const rhcKeepTopLeftBorderRadiusTopLeft = 0;
|
|
430
429
|
export const rhcKeepTopLeftBorderRadiusTopRight = 0;
|
|
431
430
|
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 = 0;
|
|
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 = 0;
|
|
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;
|