@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
|
@@ -7,14 +7,13 @@
|
|
|
7
7
|
"rhcColorPrimary500": "#76d2b6",
|
|
8
8
|
"rhcColorPrimaryHover": "#528e7c",
|
|
9
9
|
"rhcColorFocusOutline": "#76d2b6",
|
|
10
|
-
"rhcColorForegroundDefault": "#
|
|
11
|
-
"rhcColorForegroundLint": "#154273",
|
|
10
|
+
"rhcColorForegroundDefault": "#0F172A",
|
|
12
11
|
"rhcColorForegroundSubdued": "#334155",
|
|
13
12
|
"rhcColorForegroundOnEmphasis": "#fff",
|
|
14
13
|
"rhcColorForegroundLink": "#01689b",
|
|
15
14
|
"rhcColorBorderDefault": "#64748B",
|
|
16
15
|
"rhcColorBorderSubdued": "#94A3B8",
|
|
17
|
-
"rhcColorBorderStrong": "#
|
|
16
|
+
"rhcColorBorderStrong": "#0F172A",
|
|
18
17
|
"rhcColorCanvas": "#fff",
|
|
19
18
|
"rhcColorFeedbackSuccessDefault": "#39870c",
|
|
20
19
|
"rhcColorFeedbackSuccessSubdued": "#e1eddb",
|
|
@@ -25,16 +24,16 @@
|
|
|
25
24
|
"rhcColorFeedbackWarningDefault": "#ffb612",
|
|
26
25
|
"rhcColorFeedbackWarningSubdued": "#fff4db",
|
|
27
26
|
"rhcColorAccent500": "#8fcae7",
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
27
|
+
"rhcColorCoolGrey50": "#F8FAFC",
|
|
28
|
+
"rhcColorCoolGrey100": "#F1F5F9",
|
|
29
|
+
"rhcColorCoolGrey200": "#E2E8F0",
|
|
30
|
+
"rhcColorCoolGrey300": "#CBD5E1",
|
|
31
|
+
"rhcColorCoolGrey400": "#94A3B8",
|
|
32
|
+
"rhcColorCoolGrey500": "#64748B",
|
|
33
|
+
"rhcColorCoolGrey600": "#475569",
|
|
34
|
+
"rhcColorCoolGrey700": "#334155",
|
|
35
|
+
"rhcColorCoolGrey800": "#1E293B",
|
|
36
|
+
"rhcColorCoolGrey900": "#0F172A",
|
|
38
37
|
"rhcColorLichtblauw50": "#eef7fb",
|
|
39
38
|
"rhcColorLichtblauw100": "#ddeff8",
|
|
40
39
|
"rhcColorLichtblauw200": "#CCE7F4",
|
|
@@ -166,7 +165,7 @@
|
|
|
166
165
|
"rhcToggletipActiveColor": "#007bc7",
|
|
167
166
|
"rhcToggletipActiveBackgroundColor": "#fff",
|
|
168
167
|
"rhcToggletipActiveBorderColor": "#007bc7",
|
|
169
|
-
"rhcToggletipHoverColor": "#
|
|
168
|
+
"rhcToggletipHoverColor": "#0F172A",
|
|
170
169
|
"rhcToggletipHoverBackgroundColor": "#66AFDD",
|
|
171
170
|
"rhcToggletipFocusColor": "#fff",
|
|
172
171
|
"rhcToggletipFocusBackgroundColor": "#007bc7",
|
|
@@ -178,7 +177,7 @@
|
|
|
178
177
|
"rhcSidenavLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
179
178
|
"rhcSidenavLinkFontWeight": 400,
|
|
180
179
|
"rhcSidenavLinkCurrentFontWeight": 700,
|
|
181
|
-
"rhcSidenavLinkCurrentColor": "#
|
|
180
|
+
"rhcSidenavLinkCurrentColor": "#0F172A",
|
|
182
181
|
"rhcSidenavLinkColor": "#01689b",
|
|
183
182
|
"rhcSidenavLinkActiveColor": "#42145f",
|
|
184
183
|
"rhcSidenavLinkActiveTextDecoration": "underline",
|
|
@@ -198,7 +197,7 @@
|
|
|
198
197
|
"rhcRadioGroupPaddingBlockEnd": "0.5rem",
|
|
199
198
|
"rhcRadioGroupPaddingBlockStart": "0.5rem",
|
|
200
199
|
"rhcRadioGroupRowGap": "1rem",
|
|
201
|
-
"rhcNavigationListIconBackgroundColor": "#
|
|
200
|
+
"rhcNavigationListIconBackgroundColor": "#0F172A",
|
|
202
201
|
"rhcNavigationListIconBorderRadius": "999px",
|
|
203
202
|
"rhcNavigationListIconColor": "#fff",
|
|
204
203
|
"rhcNavigationListItemIconPaddingInline": "0.5rem",
|
|
@@ -218,7 +217,7 @@
|
|
|
218
217
|
"rhcNavigationListItemColor": "#334155",
|
|
219
218
|
"rhcNavigationListItemBorderWidth": "1px",
|
|
220
219
|
"rhcNavigationListItemBorderColor": "#CBD5E1",
|
|
221
|
-
"rhcNavigationListItemHeadingColor": "#
|
|
220
|
+
"rhcNavigationListItemHeadingColor": "#0F172A",
|
|
222
221
|
"rhcNavigationListItemColumnGap": "1rem",
|
|
223
222
|
"rhcNavigationListItemMinHeight": "48px",
|
|
224
223
|
"rhcNavigationListItemPaddingBlock": "0.75rem",
|
|
@@ -228,17 +227,17 @@
|
|
|
228
227
|
"rhcNavBarPaddingInline": "1rem",
|
|
229
228
|
"rhcNavBarContainerInlineSize": "100%",
|
|
230
229
|
"rhcNavBarContentColumnGap": "1rem",
|
|
231
|
-
"rhcNavBarIconColor": "#
|
|
230
|
+
"rhcNavBarIconColor": "#0F172A",
|
|
232
231
|
"rhcNavBarIconActiveColor": "#fff",
|
|
233
232
|
"rhcNavBarIconSize": "24px",
|
|
234
|
-
"rhcNavBarLinkActiveBackgroundColor": "#
|
|
233
|
+
"rhcNavBarLinkActiveBackgroundColor": "#76d2b6",
|
|
235
234
|
"rhcNavBarLinkActiveColor": "#fff",
|
|
236
235
|
"rhcNavBarLinkBackgroundColor": "#fff",
|
|
237
|
-
"rhcNavBarLinkColor": "#
|
|
238
|
-
"rhcNavBarLinkFocusBackgroundColor": "#
|
|
239
|
-
"rhcNavBarLinkFocusColor": "#
|
|
236
|
+
"rhcNavBarLinkColor": "#76d2b6",
|
|
237
|
+
"rhcNavBarLinkFocusBackgroundColor": "#eaf8f4",
|
|
238
|
+
"rhcNavBarLinkFocusColor": "#76d2b6",
|
|
240
239
|
"rhcNavBarLinkHoverBackgroundColor": "#F8FAFC",
|
|
241
|
-
"rhcNavBarLinkHoverColor": "#
|
|
240
|
+
"rhcNavBarLinkHoverColor": "#76d2b6",
|
|
242
241
|
"rhcNavBarLinkPaddingBlockEnd": "1rem",
|
|
243
242
|
"rhcNavBarLinkPaddingBlockStart": "1rem",
|
|
244
243
|
"rhcNavBarLinkPaddingInlineEnd": "0.75rem",
|
|
@@ -246,15 +245,15 @@
|
|
|
246
245
|
"rhcNavBarLinkColumnGap": "0.5rem",
|
|
247
246
|
"rhcNavBarHeadingFontWeight": 700,
|
|
248
247
|
"rhcNavBarBackgroundColor": "#fff",
|
|
249
|
-
"rhcNavBarColor": "#
|
|
250
|
-
"rhcNavBarBorderColor": "#
|
|
248
|
+
"rhcNavBarColor": "#76d2b6",
|
|
249
|
+
"rhcNavBarBorderColor": "#98DDC8",
|
|
251
250
|
"rhcMessageListItemBackgroundColor": "#fff",
|
|
252
251
|
"rhcMessageListItemBorderColor": "#CBD5E1",
|
|
253
252
|
"rhcMessageListItemBorderWidth": "1px",
|
|
254
253
|
"rhcMessageListItemColor": "#334155",
|
|
255
254
|
"rhcMessageListItemColumnGap": "1rem",
|
|
256
255
|
"rhcMessageListItemIconSize": "24px",
|
|
257
|
-
"rhcMessageListItemIconColor": "#
|
|
256
|
+
"rhcMessageListItemIconColor": "#0F172A",
|
|
258
257
|
"rhcMessageListItemMinHeight": "48px",
|
|
259
258
|
"rhcMessageListItemPaddingBlock": "0.75rem",
|
|
260
259
|
"rhcMessageListItemPaddingInline": "1rem",
|
|
@@ -265,7 +264,7 @@
|
|
|
265
264
|
"rhcMessageListItemLabelFontSize": "1.25rem",
|
|
266
265
|
"rhcMessageListItemLabelFontWeight": 700,
|
|
267
266
|
"rhcMessageListItemLabelLineHeight": "150%",
|
|
268
|
-
"rhcMessageListItemHeadingColor": "#
|
|
267
|
+
"rhcMessageListItemHeadingColor": "#0F172A",
|
|
269
268
|
"rhcLogoImageBackgroundColor": "#fff",
|
|
270
269
|
"rhcLogoImageInlineSize": "48px",
|
|
271
270
|
"rhcLogoImageBlockSize": "96px",
|
|
@@ -362,17 +361,17 @@
|
|
|
362
361
|
"rhcCardAsLinkBorderColor": "#CBD5E1",
|
|
363
362
|
"rhcCardAsLinkBorderRadius": "5px",
|
|
364
363
|
"rhcCardAsLinkBorderWidth": "1px",
|
|
365
|
-
"rhcCardAsLinkColor": "#
|
|
364
|
+
"rhcCardAsLinkColor": "#0F172A",
|
|
366
365
|
"rhcCardAsLinkColumnGap": "1rem",
|
|
367
366
|
"rhcCardAsLinkInlineSize": "328px",
|
|
368
|
-
"rhcCardAsLinkIconColor": "#
|
|
367
|
+
"rhcCardAsLinkIconColor": "#0F172A",
|
|
369
368
|
"rhcCardAsLinkIconSize": "24px",
|
|
370
369
|
"rhcCardAsLinkLinkColor": "#01689b",
|
|
371
370
|
"rhcCardAsLinkLinkTextDecoration": "underline",
|
|
372
371
|
"rhcCardAsLinkLinkActiveTextDecoration": "none",
|
|
373
372
|
"rhcCardAsLinkLinkHoverTextDecoration": "none",
|
|
374
373
|
"rhcCardAsLinkLinkFocusTextDecoration": "none",
|
|
375
|
-
"rhcCardAsLinkMetadataColor": "#
|
|
374
|
+
"rhcCardAsLinkMetadataColor": "#0F172A",
|
|
376
375
|
"rhcCardAsLinkPaddingBlockEnd": "1rem",
|
|
377
376
|
"rhcCardAsLinkPaddingBlockStart": "1rem",
|
|
378
377
|
"rhcCardAsLinkPaddingInlineEnd": "1rem",
|
|
@@ -410,13 +409,13 @@
|
|
|
410
409
|
"rhcAccordionButtonPaddingInlineEnd": "1rem",
|
|
411
410
|
"rhcAccordionButtonPaddingInlineStart": "1rem",
|
|
412
411
|
"rhcAccordionButtonExpandedBackgroundColor": "#fff",
|
|
413
|
-
"rhcAccordionButtonExpandedColor": "#
|
|
412
|
+
"rhcAccordionButtonExpandedColor": "#0F172A",
|
|
414
413
|
"rhcAccordionSectionBorderBlockEndWidth": "1px",
|
|
415
414
|
"rhcAccordionSectionBorderWidth": 0,
|
|
416
415
|
"rhcAccordionSectionBorderColor": "#94A3B8",
|
|
417
416
|
"rhcAccordionHeaderMargin": 0,
|
|
418
417
|
"rhcAccordionBorderRadius": "0px",
|
|
419
|
-
"rhcAccordionColor": "#
|
|
418
|
+
"rhcAccordionColor": "#0F172A",
|
|
420
419
|
"rhcKeepTopLeftBorderRadiusTopLeft": "48px",
|
|
421
420
|
"rhcKeepTopLeftBorderRadiusTopRight": 0,
|
|
422
421
|
"rhcKeepTopLeftBorderRadiusBottomRight": 0,
|
|
@@ -499,19 +498,19 @@
|
|
|
499
498
|
"rhcSpace700": "3.5rem",
|
|
500
499
|
"utrechtAccordionButtonFocusBackgroundColor": "#FDD370",
|
|
501
500
|
"utrechtAccordionButtonFocusBorderColor": "#154273",
|
|
502
|
-
"utrechtAccordionButtonFocusColor": "#
|
|
501
|
+
"utrechtAccordionButtonFocusColor": "#0F172A",
|
|
503
502
|
"utrechtAccordionButtonGap": "0.5rem",
|
|
504
503
|
"utrechtAccordionButtonIconSize": "24px",
|
|
505
504
|
"utrechtAccordionButtonHoverBackgroundColor": "#F8FAFC",
|
|
506
505
|
"utrechtAccordionButtonHoverBorderColor": "#94A3B8",
|
|
507
|
-
"utrechtAccordionButtonHoverColor": "#
|
|
506
|
+
"utrechtAccordionButtonHoverColor": "#0F172A",
|
|
508
507
|
"utrechtAccordionButtonBackgroundColor": "#fff",
|
|
509
508
|
"utrechtAccordionButtonBorderColor": "#94A3B8",
|
|
510
509
|
"utrechtAccordionButtonBorderWidth": 0,
|
|
511
|
-
"utrechtAccordionButtonColor": "#
|
|
510
|
+
"utrechtAccordionButtonColor": "#0F172A",
|
|
512
511
|
"utrechtAccordionButtonActiveBackgroundColor": "#F1F5F9",
|
|
513
512
|
"utrechtAccordionButtonActiveBorderColor": "#94A3B8",
|
|
514
|
-
"utrechtAccordionButtonActiveColor": "#
|
|
513
|
+
"utrechtAccordionButtonActiveColor": "#0F172A",
|
|
515
514
|
"utrechtAccordionButtonActiveRowGap": 0,
|
|
516
515
|
"utrechtAccordionPanelBorderColor": "#94A3B8",
|
|
517
516
|
"utrechtAccordionPanelBorderWidth": 0,
|
|
@@ -661,8 +660,46 @@
|
|
|
661
660
|
"utrechtCheckboxActiveBorderWidth": "1px",
|
|
662
661
|
"utrechtCheckboxActiveBackgroundColor": "#fff",
|
|
663
662
|
"utrechtCheckboxActiveBorderColor": "#4f7196",
|
|
664
|
-
"
|
|
665
|
-
"
|
|
663
|
+
"utrechtRadioButtonFocusBackgroundColor": "#FDD370",
|
|
664
|
+
"utrechtRadioButtonFocusBorderColor": "#154273",
|
|
665
|
+
"utrechtRadioButtonFocusBorderWidth": "2px",
|
|
666
|
+
"utrechtRadioButtonCheckedFocusBackgroundColor": "#FDD370",
|
|
667
|
+
"utrechtRadioButtonCheckedFocusBorderColor": "#154273",
|
|
668
|
+
"utrechtRadioButtonCheckedFocusColor": "#154273",
|
|
669
|
+
"utrechtRadioButtonCheckedFocusBorderWidth": "2px",
|
|
670
|
+
"utrechtRadioButtonCheckedBackgroundColor": "#154273",
|
|
671
|
+
"utrechtRadioButtonCheckedBorderColor": "transparent",
|
|
672
|
+
"utrechtRadioButtonCheckedColor": "#fff",
|
|
673
|
+
"utrechtRadioButtonCheckedHoverBackgroundColor": "#738eab",
|
|
674
|
+
"utrechtRadioButtonCheckedHoverBorderColor": "transparent",
|
|
675
|
+
"utrechtRadioButtonCheckedHoverColor": "#fff",
|
|
676
|
+
"utrechtRadioButtonCheckedHoverBorderWidth": "1px",
|
|
677
|
+
"utrechtRadioButtonCheckedActiveBackgroundColor": "#4f7196",
|
|
678
|
+
"utrechtRadioButtonCheckedActiveBorderColor": "transparent",
|
|
679
|
+
"utrechtRadioButtonCheckedActiveColor": "#fff",
|
|
680
|
+
"utrechtRadioButtonCheckedActiveBorderWidth": "1px",
|
|
681
|
+
"utrechtRadioButtonCheckedDisabledBackgroundColor": "#CBD5E1",
|
|
682
|
+
"utrechtRadioButtonCheckedDisabledBorderColor": "#94A3B8",
|
|
683
|
+
"utrechtRadioButtonCheckedDisabledColor": "#475569",
|
|
684
|
+
"utrechtRadioButtonCheckedBorderWidth": "1px",
|
|
685
|
+
"utrechtRadioButtonActiveBorderWidth": "1px",
|
|
686
|
+
"utrechtRadioButtonActiveBackgroundColor": "#fff",
|
|
687
|
+
"utrechtRadioButtonActiveBorderColor": "#4f7196",
|
|
688
|
+
"utrechtRadioButtonSize": "24px",
|
|
689
|
+
"utrechtRadioButtonDotSize": "12px",
|
|
690
|
+
"utrechtRadioButtonBackgroundColor": "#fff",
|
|
691
|
+
"utrechtRadioButtonBorderColor": "#154273",
|
|
692
|
+
"utrechtRadioButtonInvalidBackgroundColor": "#f9dfdd",
|
|
693
|
+
"utrechtRadioButtonInvalidBorderColor": "#d52b1e",
|
|
694
|
+
"utrechtRadioButtonInvalidBorderWidth": "1px",
|
|
695
|
+
"utrechtRadioButtonDisabledBackgroundColor": "#CBD5E1",
|
|
696
|
+
"utrechtRadioButtonDisabledBorderColor": "#94A3B8",
|
|
697
|
+
"utrechtRadioButtonDisabledColor": "#475569",
|
|
698
|
+
"utrechtRadioButtonHoverBackgroundColor": "#fff",
|
|
699
|
+
"utrechtRadioButtonHoverBorderColor": "#738eab",
|
|
700
|
+
"utrechtRadioButtonHoverBorderWidth": "1px",
|
|
701
|
+
"utrechtRadioButtonBorderRadius": "999px",
|
|
702
|
+
"utrechtRadioButtonBorderWidth": "1px",
|
|
666
703
|
"utrechtLinkFocusBackgroundColor": "#FDD370",
|
|
667
704
|
"utrechtLinkFocusColor": "#01689b",
|
|
668
705
|
"utrechtLinkFocusTextDecoration": "None",
|
|
@@ -687,23 +724,23 @@
|
|
|
687
724
|
"utrechtLinkLineHeight": "150%",
|
|
688
725
|
"utrechtSelectFocusBackgroundColor": "#FDD370",
|
|
689
726
|
"utrechtSelectFocusBorderColor": "#154273",
|
|
690
|
-
"utrechtSelectFocusColor": "#
|
|
727
|
+
"utrechtSelectFocusColor": "#0F172A",
|
|
691
728
|
"utrechtSelectFocusBorderWidth": "2px",
|
|
692
729
|
"utrechtSelectImageBackgroundPosition": "right 0.5rem center",
|
|
693
730
|
"utrechtSelectIconSize": "24px",
|
|
694
731
|
"utrechtSelectBackgroundColor": "#fff",
|
|
695
732
|
"utrechtSelectBorderColor": "#154273",
|
|
696
|
-
"utrechtSelectColor": "#
|
|
733
|
+
"utrechtSelectColor": "#0F172A",
|
|
697
734
|
"utrechtSelectInvalidBackgroundColor": "#f9dfdd",
|
|
698
735
|
"utrechtSelectInvalidBorderColor": "#d52b1e",
|
|
699
|
-
"utrechtSelectInvalidColor": "#
|
|
736
|
+
"utrechtSelectInvalidColor": "#0F172A",
|
|
700
737
|
"utrechtSelectInvalidBorderWidth": "1px",
|
|
701
738
|
"utrechtSelectDisabledBackgroundColor": "#CBD5E1",
|
|
702
739
|
"utrechtSelectDisabledBorderColor": "#94A3B8",
|
|
703
740
|
"utrechtSelectDisabledColor": "#475569",
|
|
704
741
|
"utrechtSelectHoverBackgroundColor": "#fff",
|
|
705
742
|
"utrechtSelectHoverBorderColor": "#738eab",
|
|
706
|
-
"utrechtSelectHoverColor": "#
|
|
743
|
+
"utrechtSelectHoverColor": "#0F172A",
|
|
707
744
|
"utrechtSelectHoverBorderWidth": "1px",
|
|
708
745
|
"utrechtSelectPaddingBlockEnd": "0.5rem",
|
|
709
746
|
"utrechtSelectPaddingBlockStart": "0.5rem",
|
|
@@ -719,7 +756,7 @@
|
|
|
719
756
|
"utrechtSelectMaxInlineSize": "400px",
|
|
720
757
|
"utrechtTextareaFocusBackgroundColor": "#FDD370",
|
|
721
758
|
"utrechtTextareaFocusBorderColor": "#154273",
|
|
722
|
-
"utrechtTextareaFocusColor": "#
|
|
759
|
+
"utrechtTextareaFocusColor": "#0F172A",
|
|
723
760
|
"utrechtTextareaFocusBorderWidth": "2px",
|
|
724
761
|
"utrechtTextareaMaxInlineSize": "400px",
|
|
725
762
|
"utrechtTextareaPaddingBlockEnd": "0.5rem",
|
|
@@ -728,10 +765,10 @@
|
|
|
728
765
|
"utrechtTextareaPaddingInlineStart": "0.75rem",
|
|
729
766
|
"utrechtTextareaBackgroundColor": "#fff",
|
|
730
767
|
"utrechtTextareaBorderColor": "#154273",
|
|
731
|
-
"utrechtTextareaColor": "#
|
|
768
|
+
"utrechtTextareaColor": "#0F172A",
|
|
732
769
|
"utrechtTextareaInvalidBackgroundColor": "#f9dfdd",
|
|
733
770
|
"utrechtTextareaInvalidBorderColor": "#d52b1e",
|
|
734
|
-
"utrechtTextareaInvalidColor": "#
|
|
771
|
+
"utrechtTextareaInvalidColor": "#0F172A",
|
|
735
772
|
"utrechtTextareaInvalidBorderWidth": "1px",
|
|
736
773
|
"utrechtTextareaPlaceholderColor": "#64748B",
|
|
737
774
|
"utrechtTextareaDisabledBackgroundColor": "#CBD5E1",
|
|
@@ -739,10 +776,10 @@
|
|
|
739
776
|
"utrechtTextareaDisabledColor": "#475569",
|
|
740
777
|
"utrechtTextareaReadOnlyBackgroundColor": "#F1F5F9",
|
|
741
778
|
"utrechtTextareaReadOnlyBorderColor": "transparent",
|
|
742
|
-
"utrechtTextareaReadOnlyColor": "#
|
|
779
|
+
"utrechtTextareaReadOnlyColor": "#0F172A",
|
|
743
780
|
"utrechtTextareaHoverBackgroundColor": "#fff",
|
|
744
781
|
"utrechtTextareaHoverBorderColor": "#738eab",
|
|
745
|
-
"utrechtTextareaHoverColor": "#
|
|
782
|
+
"utrechtTextareaHoverColor": "#0F172A",
|
|
746
783
|
"utrechtTextareaHoverBorderWidth": "1px",
|
|
747
784
|
"utrechtTextareaBorderRadius": "2.5px",
|
|
748
785
|
"utrechtTextareaBorderBottomWidth": "1px",
|
|
@@ -754,7 +791,7 @@
|
|
|
754
791
|
"utrechtTextboxFocusBackgroundColor": "#FDD370",
|
|
755
792
|
"utrechtTextboxFocusBorderWidth": "2px",
|
|
756
793
|
"utrechtTextboxFocusBorderColor": "#154273",
|
|
757
|
-
"utrechtTextboxFocusColor": "#
|
|
794
|
+
"utrechtTextboxFocusColor": "#0F172A",
|
|
758
795
|
"utrechtTextboxBorderRadius": "2.5px",
|
|
759
796
|
"utrechtTextboxFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
760
797
|
"utrechtTextboxFontSize": "1.25rem",
|
|
@@ -767,10 +804,10 @@
|
|
|
767
804
|
"utrechtTextboxPaddingInlineStart": "0.75rem",
|
|
768
805
|
"utrechtTextboxBackgroundColor": "#fff",
|
|
769
806
|
"utrechtTextboxBorderColor": "#154273",
|
|
770
|
-
"utrechtTextboxColor": "#
|
|
807
|
+
"utrechtTextboxColor": "#0F172A",
|
|
771
808
|
"utrechtTextboxInvalidBackgroundColor": "#f9dfdd",
|
|
772
809
|
"utrechtTextboxInvalidBorderColor": "#d52b1e",
|
|
773
|
-
"utrechtTextboxInvalidColor": "#
|
|
810
|
+
"utrechtTextboxInvalidColor": "#0F172A",
|
|
774
811
|
"utrechtTextboxInvalidBorderWidth": "1px",
|
|
775
812
|
"utrechtTextboxPlaceholderColor": "#64748B",
|
|
776
813
|
"utrechtTextboxBorderBlockEndWidth": "auto",
|
|
@@ -780,11 +817,11 @@
|
|
|
780
817
|
"utrechtTextboxDisabledColor": "#475569",
|
|
781
818
|
"utrechtTextboxReadOnlyBackgroundColor": "#F1F5F9",
|
|
782
819
|
"utrechtTextboxReadOnlyBorderColor": "transparent",
|
|
783
|
-
"utrechtTextboxReadOnlyColor": "#
|
|
820
|
+
"utrechtTextboxReadOnlyColor": "#0F172A",
|
|
784
821
|
"utrechtTextboxHoverBorderWidth": "1px",
|
|
785
822
|
"utrechtTextboxHoverBackgroundColor": "#fff",
|
|
786
823
|
"utrechtTextboxHoverBorderColor": "#738eab",
|
|
787
|
-
"utrechtTextboxHoverColor": "#
|
|
824
|
+
"utrechtTextboxHoverColor": "#0F172A",
|
|
788
825
|
"utrechtCounterBadgeBackgroundColor": "#FDD370",
|
|
789
826
|
"utrechtSkipLinkFocusBackgroundColor": "#FDD370",
|
|
790
827
|
"utrechtIconColor": "inherit",
|
|
@@ -793,7 +830,7 @@
|
|
|
793
830
|
"utrechtUnorderedListPaddingInlineStart": "1.5rem",
|
|
794
831
|
"utrechtUnorderedListMarginBlockEnd": "0.25rem",
|
|
795
832
|
"utrechtUnorderedListMarginBlockStart": "0.25rem",
|
|
796
|
-
"utrechtUnorderedListColor": "#
|
|
833
|
+
"utrechtUnorderedListColor": "#0F172A",
|
|
797
834
|
"utrechtUnorderedListFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
798
835
|
"utrechtUnorderedListFontWeight": 400,
|
|
799
836
|
"utrechtUnorderedListFontSize": "1.25rem",
|
|
@@ -801,16 +838,16 @@
|
|
|
801
838
|
"utrechtUnorderedListItemPaddingInlineStart": "0.5rem",
|
|
802
839
|
"utrechtUnorderedListItemMarginBlockEnd": "0.25rem",
|
|
803
840
|
"utrechtUnorderedListItemMarginBlockStart": "0.25rem",
|
|
804
|
-
"utrechtUnorderedListMarkerColor": "#
|
|
805
|
-
"utrechtUnorderedListMarkerBorderColor": "#
|
|
841
|
+
"utrechtUnorderedListMarkerColor": "#0F172A",
|
|
842
|
+
"utrechtUnorderedListMarkerBorderColor": "#0F172A",
|
|
806
843
|
"utrechtTableHeaderCellLineHeight": "150%",
|
|
807
|
-
"utrechtTableHeaderCellColor": "#
|
|
844
|
+
"utrechtTableHeaderCellColor": "#0F172A",
|
|
808
845
|
"utrechtTableHeaderCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
809
846
|
"utrechtTableHeaderCellFontWeight": 700,
|
|
810
847
|
"utrechtTableHeaderCellFontSize": "1.25rem",
|
|
811
848
|
"utrechtTableCaptionLineHeight": "125%",
|
|
812
849
|
"utrechtTableCaptionMarginBlockEnd": "1.5rem",
|
|
813
|
-
"utrechtTableCaptionColor": "#
|
|
850
|
+
"utrechtTableCaptionColor": "#0F172A",
|
|
814
851
|
"utrechtTableCaptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
815
852
|
"utrechtTableCaptionFontWeight": 700,
|
|
816
853
|
"utrechtTableCaptionFontSize": "1.875rem",
|
|
@@ -819,7 +856,7 @@
|
|
|
819
856
|
"utrechtTableCellPaddingInlineEnd": "1rem",
|
|
820
857
|
"utrechtTableCellPaddingInlineStart": "1rem",
|
|
821
858
|
"utrechtTableCellLineHeight": "150%",
|
|
822
|
-
"utrechtTableDataCellColor": "#
|
|
859
|
+
"utrechtTableDataCellColor": "#0F172A",
|
|
823
860
|
"utrechtTableDataCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
824
861
|
"utrechtTableDataCellFontWeight": 400,
|
|
825
862
|
"utrechtTableDataCellLineHeight": "150%",
|
|
@@ -835,7 +872,7 @@
|
|
|
835
872
|
"utrechtTableRowBackgroundColor": "transparent",
|
|
836
873
|
"utrechtTableFooterCellFontWeight": 700,
|
|
837
874
|
"utrechtTableFooterCellFontSize": "1.25rem",
|
|
838
|
-
"utrechtTableFooterCellColor": "#
|
|
875
|
+
"utrechtTableFooterCellColor": "#0F172A",
|
|
839
876
|
"utrechtTableFooterCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
840
877
|
"utrechtTableFooterCellLineHeight": "150%",
|
|
841
878
|
"utrechtTableContainerBoxInlineEndShadowX": 0,
|
|
@@ -853,46 +890,6 @@
|
|
|
853
890
|
"utrechtSeparatorBlockSize": "2px",
|
|
854
891
|
"utrechtSeparatorMarginBlockEnd": "0.75rem",
|
|
855
892
|
"utrechtSeparatorMarginBlockStart": "0.75rem",
|
|
856
|
-
"utrechtRadioButtonActiveBorderWidth": "1px",
|
|
857
|
-
"utrechtRadioButtonActiveBackgroundColor": "#fff",
|
|
858
|
-
"utrechtRadioButtonActiveBorderColor": "#4f7196",
|
|
859
|
-
"utrechtRadioButtonSize": "24px",
|
|
860
|
-
"utrechtRadioButtonDotSize": "12px",
|
|
861
|
-
"utrechtRadioButtonBackgroundColor": "#fff",
|
|
862
|
-
"utrechtRadioButtonBorderColor": "#154273",
|
|
863
|
-
"utrechtRadioButtonInvalidBackgroundColor": "#f9dfdd",
|
|
864
|
-
"utrechtRadioButtonInvalidBorderColor": "#d52b1e",
|
|
865
|
-
"utrechtRadioButtonInvalidBorderWidth": "1px",
|
|
866
|
-
"utrechtRadioButtonFocusBackgroundColor": "#fff",
|
|
867
|
-
"utrechtRadioButtonFocusBorderColor": "#154273",
|
|
868
|
-
"utrechtRadioButtonFocusBorderWidth": "2px",
|
|
869
|
-
"utrechtRadioButtonDisabledBackgroundColor": "#CBD5E1",
|
|
870
|
-
"utrechtRadioButtonDisabledBorderColor": "#94A3B8",
|
|
871
|
-
"utrechtRadioButtonDisabledColor": "#475569",
|
|
872
|
-
"utrechtRadioButtonCheckedBackgroundColor": "#154273",
|
|
873
|
-
"utrechtRadioButtonCheckedBorderColor": "transparent",
|
|
874
|
-
"utrechtRadioButtonCheckedColor": "#fff",
|
|
875
|
-
"utrechtRadioButtonCheckedHoverBackgroundColor": "#738eab",
|
|
876
|
-
"utrechtRadioButtonCheckedHoverBorderColor": "transparent",
|
|
877
|
-
"utrechtRadioButtonCheckedHoverColor": "#fff",
|
|
878
|
-
"utrechtRadioButtonCheckedHoverBorderWidth": "1px",
|
|
879
|
-
"utrechtRadioButtonCheckedActiveBackgroundColor": "#4f7196",
|
|
880
|
-
"utrechtRadioButtonCheckedActiveBorderColor": "transparent",
|
|
881
|
-
"utrechtRadioButtonCheckedActiveColor": "#fff",
|
|
882
|
-
"utrechtRadioButtonCheckedActiveBorderWidth": "1px",
|
|
883
|
-
"utrechtRadioButtonCheckedFocusBackgroundColor": "#fff",
|
|
884
|
-
"utrechtRadioButtonCheckedFocusBorderColor": "#154273",
|
|
885
|
-
"utrechtRadioButtonCheckedFocusColor": "#154273",
|
|
886
|
-
"utrechtRadioButtonCheckedFocusBorderWidth": "2px",
|
|
887
|
-
"utrechtRadioButtonCheckedDisabledBackgroundColor": "#CBD5E1",
|
|
888
|
-
"utrechtRadioButtonCheckedDisabledBorderColor": "#94A3B8",
|
|
889
|
-
"utrechtRadioButtonCheckedDisabledColor": "#475569",
|
|
890
|
-
"utrechtRadioButtonCheckedBorderWidth": "1px",
|
|
891
|
-
"utrechtRadioButtonHoverBackgroundColor": "#fff",
|
|
892
|
-
"utrechtRadioButtonHoverBorderColor": "#738eab",
|
|
893
|
-
"utrechtRadioButtonHoverBorderWidth": "1px",
|
|
894
|
-
"utrechtRadioButtonBorderRadius": "999px",
|
|
895
|
-
"utrechtRadioButtonBorderWidth": "1px",
|
|
896
893
|
"utrechtOrderedListPaddingInlineStart": "1.5rem",
|
|
897
894
|
"utrechtOrderedListMarginBlockEnd": "0.25rem",
|
|
898
895
|
"utrechtOrderedListMarginBlockStart": "0.25rem",
|
|
@@ -900,7 +897,7 @@
|
|
|
900
897
|
"utrechtOrderedListItemPaddingInlineStart": 0,
|
|
901
898
|
"utrechtOrderedListItemMarginBlockEnd": "0.25rem",
|
|
902
899
|
"utrechtOrderedListItemMarginBlockStart": "0.25rem",
|
|
903
|
-
"utrechtOrderedListColor": "#
|
|
900
|
+
"utrechtOrderedListColor": "#0F172A",
|
|
904
901
|
"utrechtOrderedListFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
905
902
|
"utrechtOrderedListFontWeight": 400,
|
|
906
903
|
"utrechtOrderedListFontSize": "1.25rem",
|
|
@@ -912,10 +909,10 @@
|
|
|
912
909
|
"utrechtLinkListItemTextDecoration": "None",
|
|
913
910
|
"utrechtLinkListIconSize": "24px",
|
|
914
911
|
"utrechtLinkListIconInsetBlockStart": "0.188rem",
|
|
915
|
-
"utrechtFormLabelColor": "#
|
|
912
|
+
"utrechtFormLabelColor": "#0F172A",
|
|
916
913
|
"utrechtFormLabelFontSize": "1.25rem",
|
|
917
914
|
"utrechtFormLabelFontWeight": 700,
|
|
918
|
-
"utrechtFormFieldLabelColor": "#
|
|
915
|
+
"utrechtFormFieldLabelColor": "#0F172A",
|
|
919
916
|
"utrechtFormFieldLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
920
917
|
"utrechtFormFieldLabelFontSize": "1.25rem",
|
|
921
918
|
"utrechtFormFieldLabelFontWeight": 700,
|
|
@@ -960,14 +957,14 @@
|
|
|
960
957
|
"utrechtFigureImgBorderEndStartRadius": 0,
|
|
961
958
|
"utrechtFigureImgBorderStartEndRadius": 0,
|
|
962
959
|
"utrechtFigureImgBorderStartStartRadius": 0,
|
|
963
|
-
"utrechtFormFieldsetLegendColor": "#
|
|
960
|
+
"utrechtFormFieldsetLegendColor": "#0F172A",
|
|
964
961
|
"utrechtFormFieldsetLegendFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
965
962
|
"utrechtFormFieldsetLegendFontSize": "1.25rem",
|
|
966
963
|
"utrechtFormFieldsetLegendFontWeight": 700,
|
|
967
964
|
"utrechtFormFieldsetLegendLineHeight": "150%",
|
|
968
965
|
"utrechtFormFieldsetLegendDisabledColor": "#334155",
|
|
969
966
|
"utrechtFormFieldsetSectionBackgroundColor": "transparent",
|
|
970
|
-
"utrechtFormFieldsetSectionColor": "#
|
|
967
|
+
"utrechtFormFieldsetSectionColor": "#0F172A",
|
|
971
968
|
"utrechtFormFieldsetInvalidBorderInlineStartColor": "#d52b1e",
|
|
972
969
|
"utrechtFormFieldsetInvalidPaddingInlineStart": 0,
|
|
973
970
|
"utrechtFormFieldsetInvalidBorderInlineStartWidth": "0px",
|
|
@@ -1013,7 +1010,7 @@
|
|
|
1013
1010
|
"utrechtBlockquoteContentLineHeight": "150%",
|
|
1014
1011
|
"utrechtBlockquoteContentFontWeight": 400,
|
|
1015
1012
|
"utrechtBlockquoteContentFontSize": "1.5rem",
|
|
1016
|
-
"utrechtBlockquoteContentColor": "#
|
|
1013
|
+
"utrechtBlockquoteContentColor": "#0F172A",
|
|
1017
1014
|
"utrechtBlockquoteMarginBlockEnd": 0,
|
|
1018
1015
|
"utrechtBlockquoteMarginBlockStart": 0,
|
|
1019
1016
|
"utrechtBlockquoteMarginInlineEnd": 0,
|
|
@@ -1067,19 +1064,19 @@
|
|
|
1067
1064
|
"utrechtAlertPaddingInlineStart": "1rem",
|
|
1068
1065
|
"utrechtAlertBackgroundColor": "#d9ebf7",
|
|
1069
1066
|
"utrechtAlertBorderColor": "transparent",
|
|
1070
|
-
"utrechtAlertColor": "#
|
|
1067
|
+
"utrechtAlertColor": "#0F172A",
|
|
1071
1068
|
"utrechtAlertInfoBackgroundColor": "#d9ebf7",
|
|
1072
1069
|
"utrechtAlertInfoBorderColor": "transparent",
|
|
1073
|
-
"utrechtAlertInfoColor": "#
|
|
1070
|
+
"utrechtAlertInfoColor": "#0F172A",
|
|
1074
1071
|
"utrechtAlertErrorBackgroundColor": "#f9dfdd",
|
|
1075
1072
|
"utrechtAlertErrorBorderColor": "transparent",
|
|
1076
|
-
"utrechtAlertErrorColor": "#
|
|
1073
|
+
"utrechtAlertErrorColor": "#0F172A",
|
|
1077
1074
|
"utrechtAlertOkBackgroundColor": "#e1eddb",
|
|
1078
1075
|
"utrechtAlertOkBorderColor": "transparent",
|
|
1079
|
-
"utrechtAlertOkColor": "#
|
|
1076
|
+
"utrechtAlertOkColor": "#0F172A",
|
|
1080
1077
|
"utrechtAlertWarningBackgroundColor": "#fff4db",
|
|
1081
1078
|
"utrechtAlertWarningBorderColor": "transparent",
|
|
1082
|
-
"utrechtAlertWarningColor": "#
|
|
1079
|
+
"utrechtAlertWarningColor": "#0F172A",
|
|
1083
1080
|
"utrechtAlertIconInsetBlockStart": "3px",
|
|
1084
1081
|
"utrechtAlertIconInfoColor": "#007bc7",
|
|
1085
1082
|
"utrechtAlertIconErrorColor": "#d52b1e",
|
|
@@ -1090,7 +1087,7 @@
|
|
|
1090
1087
|
"utrechtAlertMessageColumnGap": "0.5rem",
|
|
1091
1088
|
"utrechtAlertBorderRadius": "5px",
|
|
1092
1089
|
"utrechtDocumentBackgroundColor": "#fff",
|
|
1093
|
-
"utrechtDocumentColor": "#
|
|
1090
|
+
"utrechtDocumentColor": "#0F172A",
|
|
1094
1091
|
"utrechtDocumentFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
1095
1092
|
"utrechtDocumentFontSize": "1.25rem",
|
|
1096
1093
|
"utrechtDocumentLineHeight": "150%",
|
|
@@ -1124,7 +1121,7 @@
|
|
|
1124
1121
|
"nlSkipLinkFocusBorderColor": "#154273",
|
|
1125
1122
|
"nlSkipLinkFocusBorderStyle": "solid",
|
|
1126
1123
|
"nlSkipLinkFocusBorderWidth": "2px",
|
|
1127
|
-
"nlSkipLinkFocusColor": "#
|
|
1124
|
+
"nlSkipLinkFocusColor": "#0F172A",
|
|
1128
1125
|
"nlSkipLinkFocusTextDecoration": "None",
|
|
1129
1126
|
"nlSkipLinkFocusVisibleOutlineColor": "#000",
|
|
1130
1127
|
"nlSkipLinkBackgroundColor": "#154273",
|
|
@@ -1138,21 +1135,17 @@
|
|
|
1138
1135
|
"nlSkipLinkBoxBlockEndShadowColor": "#0000001a",
|
|
1139
1136
|
"nlSkipLinkTextDecoration": "underline",
|
|
1140
1137
|
"nlSkipLinkTextUnderlineOffset": "0.125rem",
|
|
1141
|
-
"nlParagraphColor": "#
|
|
1138
|
+
"nlParagraphColor": "#0F172A",
|
|
1142
1139
|
"nlParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
1143
1140
|
"nlParagraphFontSize": "1.25rem",
|
|
1144
1141
|
"nlParagraphFontWeight": 400,
|
|
1145
1142
|
"nlParagraphLineHeight": "150%",
|
|
1146
1143
|
"nlParagraphMarginBlockEnd": 0,
|
|
1147
1144
|
"nlParagraphMarginBlockStart": 0,
|
|
1148
|
-
"nlParagraphLeadColor": "#
|
|
1145
|
+
"nlParagraphLeadColor": "#0F172A",
|
|
1149
1146
|
"nlParagraphLeadFontSize": "1.5rem",
|
|
1150
1147
|
"nlParagraphLeadFontWeight": 400,
|
|
1151
1148
|
"nlParagraphLeadLineHeight": "150%",
|
|
1152
|
-
"nlParagraphSmallColor": "#154273",
|
|
1153
|
-
"nlParagraphSmallFontSize": "1.125rem",
|
|
1154
|
-
"nlParagraphSmallFontWeight": 400,
|
|
1155
|
-
"nlParagraphSmallLineHeight": "150%",
|
|
1156
1149
|
"nlHeadingLevel1Color": "#154273",
|
|
1157
1150
|
"nlHeadingLevel1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
1158
1151
|
"nlHeadingLevel1FontWeight": 700,
|