@utrecht/design-tokens 2.0.0 → 2.1.1
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/.stylelintrc.json +5 -1
- package/CHANGELOG.md +14 -0
- package/config.json +8 -0
- package/dist/_mixin-theme.scss +64 -55
- package/dist/_mixin.scss +1011 -0
- package/dist/_variables.scss +64 -55
- package/dist/background-image-icon.css +0 -1
- package/dist/dark/_mixin-theme.scss +64 -55
- package/dist/dark/_mixin.scss +1022 -0
- package/dist/dark/_variables.scss +1019 -0
- package/dist/dark/index.cjs +1022 -0
- package/dist/dark/index.css +64 -55
- package/dist/dark/index.d.ts +1143 -0
- package/dist/dark/index.flat.json +1018 -0
- package/dist/dark/index.json +30708 -0
- package/dist/dark/index.mjs +1020 -0
- package/dist/dark/index.tokens.json +7790 -0
- package/dist/dark/list.json +30708 -0
- package/dist/dark/property.css +703 -0
- package/dist/dark/root.css +546 -537
- package/dist/dark/theme-prince-xml.css +1022 -0
- package/dist/dark/theme.css +1022 -0
- package/dist/dark/tokens.cjs +37484 -0
- package/dist/dark/tokens.d.ts +4792 -0
- package/dist/dark/tokens.json +37480 -0
- package/dist/dark/variables.cjs +1022 -0
- package/dist/dark/variables.css +1022 -0
- package/dist/dark/variables.d.ts +1143 -0
- package/dist/dark/variables.json +1018 -0
- package/dist/dark/variables.less +1019 -0
- package/dist/dark/variables.mjs +1020 -0
- package/dist/index.cjs +67 -58
- package/dist/index.css +131 -118
- package/dist/index.d.ts +59 -47
- package/dist/index.flat.json +607 -597
- package/dist/index.json +7028 -7230
- package/dist/index.mjs +67 -58
- package/dist/index.tokens.json +2170 -911
- package/dist/list.json +31825 -0
- package/dist/property.css +768 -0
- package/dist/root.css +541 -532
- package/dist/theme-prince-xml.css +64 -55
- package/dist/theme.css +541 -532
- package/dist/tokens.cjs +10583 -9537
- package/dist/tokens.d.ts +609 -249
- package/dist/tokens.json +38622 -0
- package/dist/variables.cjs +1011 -0
- package/dist/variables.css +1011 -0
- package/dist/variables.d.ts +1132 -0
- package/dist/variables.json +1007 -0
- package/dist/variables.less +64 -55
- package/dist/variables.mjs +1009 -0
- package/package.json +6 -5
- package/src/background-image-icon.scss +0 -1
- package/src/brand/utrecht/typography.tokens.json +9 -9
- package/src/component/of/progress-indicator.tokens.json +1 -1
- package/src/component/utrecht/accordion.tokens.json +1 -0
- package/src/component/utrecht/backdrop.tokens.json +1 -1
- package/src/component/utrecht/blockquote.tokens.json +3 -3
- package/src/component/utrecht/button.tokens.json +1 -3
- package/src/component/utrecht/code-block.tokens.json +2 -2
- package/src/component/utrecht/figure.tokens.json +2 -2
- package/src/component/utrecht/form-fieldset.tokens.json +2 -2
- package/src/component/utrecht/form-toggle.tokens.json +1 -1
- package/src/component/utrecht/link.tokens.json +3 -1
- package/src/component/utrecht/number-badge.tokens.json +23 -0
- package/src/component/utrecht/pagination.tokens.json +1 -1
- package/src/component/utrecht/skip-link.tokens.json +4 -2
- package/src/component/utrecht/spotlight-section.tokens.json +8 -0
- package/src/component/utrecht/table.tokens.json +1 -1
- package/src/component/utrecht/textarea.tokens.json +1 -0
- package/src/component/utrecht/toptask-link.tokens.json +1 -1
- package/src/css-property-formatter.mjs +46 -0
- package/src/dark/component/tokens.json +1 -1
- package/src/index.scss +2 -5
- package/style-dictionary-build-dark.mjs +64 -0
- package/style-dictionary-build.mjs +41 -0
- package/style-dictionary-config.mjs +261 -0
- package/dist/figma-tokens.json +0 -36582
- package/src/css-property-formatter.js +0 -35
- package/src/style-dictionary-config-dark.js +0 -56
- package/src/style-dictionary-config.js +0 -63
- package/style-dictionary.config.json +0 -143
package/dist/index.cjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 21 Aug 2024 08:24:57 GMT
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
4
3
|
*/
|
|
5
4
|
|
|
6
5
|
module.exports = {
|
|
6
|
+
"utrechtAccordionRowGap": "8px",
|
|
7
7
|
"utrechtAccordionButtonPaddingInlineEnd": "16px",
|
|
8
8
|
"utrechtAccordionButtonPaddingInlineStart": "16px",
|
|
9
9
|
"utrechtAccordionButtonPaddingBlockEnd": "8px",
|
|
@@ -60,7 +60,7 @@ module.exports = {
|
|
|
60
60
|
"utrechtBackdropBackgroundColor": "hsl(0 0% 100%)",
|
|
61
61
|
"utrechtBackdropColor": "hsl(0 0% 0%)",
|
|
62
62
|
"utrechtBackdropOpacity": "0.8",
|
|
63
|
-
"utrechtBackdropFadeInAnimationDuration": "
|
|
63
|
+
"utrechtBackdropFadeInAnimationDuration": "400ms",
|
|
64
64
|
"utrechtBackdropReducedTransparencyOpacity": "0.98",
|
|
65
65
|
"utrechtBadgeCounterBackgroundColor": "hsl(0 100% 40%)",
|
|
66
66
|
"utrechtBadgeCounterBorderRadius": "1rem",
|
|
@@ -78,9 +78,9 @@ module.exports = {
|
|
|
78
78
|
"utrechtBadgeFontStyle": "normal",
|
|
79
79
|
"utrechtBlockquoteMarginInlineStart": "1.6em",
|
|
80
80
|
"utrechtBlockquoteMarginInlineEnd": "1.6em",
|
|
81
|
-
"utrechtBlockquoteAttributionFontSize": "0.75rem",
|
|
82
81
|
"utrechtBlockquoteContentColor": "hsl(0 100% 40%)",
|
|
83
82
|
"utrechtBlockquoteContentFontSize": "1.125rem",
|
|
83
|
+
"utrechtBlockquoteCaptionFontSize": "0.75rem",
|
|
84
84
|
"utrechtBlockquoteMarginBlockStart": "1.6em",
|
|
85
85
|
"utrechtBlockquoteMarginBlockEnd": "1.6em",
|
|
86
86
|
"utrechtBreadcrumbNavMinBlockSize": "34px",
|
|
@@ -110,6 +110,7 @@ module.exports = {
|
|
|
110
110
|
"utrechtButtonBorderRadius": "0",
|
|
111
111
|
"utrechtButtonBorderWidth": "1px",
|
|
112
112
|
"utrechtButtonColor": "hsl(0 0% 40%)",
|
|
113
|
+
"utrechtButtonColumnGap": "0.5ch",
|
|
113
114
|
"utrechtButtonFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
|
|
114
115
|
"utrechtButtonFontSize": "1rem",
|
|
115
116
|
"utrechtButtonMarginBlockStart": "8px",
|
|
@@ -122,7 +123,6 @@ module.exports = {
|
|
|
122
123
|
"utrechtButtonPaddingInlineEnd": "16px",
|
|
123
124
|
"utrechtButtonActiveBackgroundColor": "hsl(0 0% 40%)",
|
|
124
125
|
"utrechtButtonActiveColor": "hsl(0 0% 100%)",
|
|
125
|
-
"utrechtButtonIconGap": "0.5ch",
|
|
126
126
|
"utrechtButtonDisabledBackgroundColor": "hsl(0 0% 90%)",
|
|
127
127
|
"utrechtButtonDisabledBorderColor": "hsl(0 0% 80%)",
|
|
128
128
|
"utrechtButtonDisabledColor": "hsl(0 0% 80%)",
|
|
@@ -232,7 +232,7 @@ module.exports = {
|
|
|
232
232
|
"utrechtCalendarTableWeeksItemWidth": "44px",
|
|
233
233
|
"utrechtCalendarTableWeeksItemPaddingBlockStart": "4px",
|
|
234
234
|
"utrechtCalendarTableWeeksItemPaddingBlockEnd": "10px",
|
|
235
|
-
"utrechtCalendarTableWeeksItemLineHeight": "
|
|
235
|
+
"utrechtCalendarTableWeeksItemLineHeight": "1.5rem",
|
|
236
236
|
"utrechtCalendarTableDaysItemDaySize": "44px",
|
|
237
237
|
"utrechtCalendarTableDaysItemDayColor": "hsl(0 0% 0%)",
|
|
238
238
|
"utrechtCalendarTableDaysItemDayBorderWidth": "2px",
|
|
@@ -276,8 +276,8 @@ module.exports = {
|
|
|
276
276
|
"utrechtCheckboxMarginBlockStart": 0,
|
|
277
277
|
"utrechtCodeBlockBackgroundColor": "hsl(0 0% 95%)",
|
|
278
278
|
"utrechtCodeBlockColor": "hsl(0 0% 0%)",
|
|
279
|
-
"utrechtCodeBlockFontSize": "
|
|
280
|
-
"utrechtCodeBlockLineHeight": "
|
|
279
|
+
"utrechtCodeBlockFontSize": "1rem",
|
|
280
|
+
"utrechtCodeBlockLineHeight": "1.5",
|
|
281
281
|
"utrechtCodeBlockMarginBlockStart": "20px",
|
|
282
282
|
"utrechtCodeBlockMarginBlockEnd": "20px",
|
|
283
283
|
"utrechtCodeBlockPaddingBlockStart": "20px",
|
|
@@ -288,12 +288,12 @@ module.exports = {
|
|
|
288
288
|
"utrechtColumnLayoutColumnRuleWidth": "2px",
|
|
289
289
|
"utrechtColumnLayoutColumnWidth": "350px",
|
|
290
290
|
"utrechtColumnLayoutGap": "16px",
|
|
291
|
+
"utrechtActionActivateCursor": "pointer",
|
|
291
292
|
"utrechtActionBusyCursor": "wait",
|
|
292
293
|
"utrechtActionDisabledCursor": "not-allowed",
|
|
294
|
+
"utrechtActionInertCursor": "default",
|
|
293
295
|
"utrechtActionNavigateCursor": "pointer",
|
|
294
296
|
"utrechtActionSubmitCursor": "pointer",
|
|
295
|
-
"utrechtActionActivateCursor": "pointer",
|
|
296
|
-
"utrechtActionInertCursor": "default",
|
|
297
297
|
"utrechtFeedbackDangerBackgroundColor": "hsl(0 100% 40%)",
|
|
298
298
|
"utrechtFeedbackDangerBorderColor": "hsl(0 100% 40%)",
|
|
299
299
|
"utrechtFeedbackDangerColor": "hsl(0 100% 40%)",
|
|
@@ -397,10 +397,10 @@ module.exports = {
|
|
|
397
397
|
"utrechtDataListMarginBlockEnd": "16px",
|
|
398
398
|
"utrechtDataListMarginBlockStart": "16px",
|
|
399
399
|
"utrechtDataListItemKeyFontWeight": "700",
|
|
400
|
+
"utrechtDataListRowsColumnMinInlineSize": "25ch",
|
|
401
|
+
"utrechtDataListRowsColumnInlineSize": "80%",
|
|
400
402
|
"utrechtDataListRowsItemMarginBlockStart": "16px",
|
|
401
403
|
"utrechtDataListRowsItemValueMarginBlockStart": "8px",
|
|
402
|
-
"utrechtDataListRowsColumnInlineSize": "80%",
|
|
403
|
-
"utrechtDataListRowsColumnMinInlineSize": "25ch",
|
|
404
404
|
"utrechtDataPlaceholderBackgroundColor": "hsl(0 0% 40%)",
|
|
405
405
|
"utrechtDocumentBackgroundColor": "hsl(0 0% 100%)",
|
|
406
406
|
"utrechtDocumentColor": "hsl(0 0% 0%)",
|
|
@@ -419,8 +419,8 @@ module.exports = {
|
|
|
419
419
|
"utrechtDrawerPaddingInlineEnd": "16px",
|
|
420
420
|
"utrechtEmphasisStrongFontWeight": "700",
|
|
421
421
|
"utrechtFigureCaptionColor": "#727272",
|
|
422
|
-
"utrechtFigureCaptionFontSize": "
|
|
423
|
-
"utrechtFigureCaptionLineHeight": "
|
|
422
|
+
"utrechtFigureCaptionFontSize": "0.875rem",
|
|
423
|
+
"utrechtFigureCaptionLineHeight": "1.5",
|
|
424
424
|
"utrechtFocusBackgroundColor": "hsl(48 100% 60%)",
|
|
425
425
|
"utrechtFocusOutlineColor": "hsl(0 0% 0%)",
|
|
426
426
|
"utrechtFocusOutlineStyle": "dotted",
|
|
@@ -440,12 +440,12 @@ module.exports = {
|
|
|
440
440
|
"utrechtFormControlPaddingInlineStart": "12px",
|
|
441
441
|
"utrechtFormControlPlaceholderColor": "hsl(0 0% 40%)",
|
|
442
442
|
"utrechtFormControlPlaceholderFontStyle": "normal",
|
|
443
|
-
"utrechtFormControlBlockSize": "42px",
|
|
444
443
|
"utrechtFormControlFocusBorderColor": "hsl(0 0% 80%)",
|
|
445
444
|
"utrechtFormControlInvalidBorderColor": "#990000",
|
|
446
445
|
"utrechtFormControlReadOnlyBackgroundColor": "hsl(0 0% 90%)",
|
|
447
|
-
"utrechtFormControlReadOnlyColor": "hsl(0 0% 20%)",
|
|
448
446
|
"utrechtFormControlReadOnlyBorderColor": "transparent",
|
|
447
|
+
"utrechtFormControlReadOnlyColor": "hsl(0 0% 20%)",
|
|
448
|
+
"utrechtFormControlBlockSize": "42px",
|
|
449
449
|
"utrechtFormFieldDescriptionInvalidColor": "#990000",
|
|
450
450
|
"utrechtFormFieldDescriptionValidColor": "hsl(90 30% 50%)",
|
|
451
451
|
"utrechtFormFieldDescriptionWarningColor": "hsl(48 100% 50%)",
|
|
@@ -464,7 +464,7 @@ module.exports = {
|
|
|
464
464
|
"utrechtFormFieldsetSectionColor": "hsl(0 0% 0%)",
|
|
465
465
|
"utrechtFormFieldsetLegendFontSize": "1rem",
|
|
466
466
|
"utrechtFormFieldsetLegendFontWeight": "700",
|
|
467
|
-
"utrechtFormFieldsetLegendLineHeight": "1.
|
|
467
|
+
"utrechtFormFieldsetLegendLineHeight": "1.5",
|
|
468
468
|
"utrechtFormFieldsetLegendMarginBlockEnd": "12px",
|
|
469
469
|
"utrechtFormFieldsetLegendMarginBlockStart": "24px",
|
|
470
470
|
"utrechtFormFieldsetLegendDisabledColor": "hsl(0 0% 40%)",
|
|
@@ -472,7 +472,7 @@ module.exports = {
|
|
|
472
472
|
"utrechtFormLabelFontSize": "1em",
|
|
473
473
|
"utrechtFormLabelCheckboxFontWeight": "400",
|
|
474
474
|
"utrechtFormLabelRadioFontWeight": "400",
|
|
475
|
-
"utrechtFormToggleAccentColor": "hsla(0
|
|
475
|
+
"utrechtFormToggleAccentColor": "hsla(0 0% 48% / 100%)",
|
|
476
476
|
"utrechtFormToggleBackgroundColor": "hsl(0 0% 100%)",
|
|
477
477
|
"utrechtFormToggleBorderColor": "transparent",
|
|
478
478
|
"utrechtFormToggleBorderStyle": "solid",
|
|
@@ -544,19 +544,19 @@ module.exports = {
|
|
|
544
544
|
"utrechtLinkListLinkTextDecoration": "none",
|
|
545
545
|
"utrechtLinkListIconSize": "14px",
|
|
546
546
|
"utrechtLinkSocialBackgroundColor": "hsl(0 100% 40%)",
|
|
547
|
-
"utrechtLinkSocialBorderWidth": "2px",
|
|
548
547
|
"utrechtLinkSocialBorderColor": "hsl(0 0% 100%)",
|
|
549
|
-
"
|
|
550
|
-
"utrechtLinkSocialMarginInlineStart": "12px",
|
|
548
|
+
"utrechtLinkSocialBorderWidth": "2px",
|
|
551
549
|
"utrechtLinkSocialColor": "hsl(0 0% 100%)",
|
|
552
|
-
"
|
|
550
|
+
"utrechtLinkSocialMarginInlineStart": "12px",
|
|
551
|
+
"utrechtLinkSocialSize": "40px",
|
|
553
552
|
"utrechtLinkSocialIconSize": "26px",
|
|
553
|
+
"utrechtLinkSocialHoverTransformScale": "1.1",
|
|
554
554
|
"utrechtLinkColor": "hsl(211 60% 35%)",
|
|
555
555
|
"utrechtLinkTextDecoration": "underline",
|
|
556
556
|
"utrechtLinkTextUnderlineOffset": "3px",
|
|
557
557
|
"utrechtLinkActiveColor": "hsl(211 60% 35%)",
|
|
558
558
|
"utrechtLinkFocusColor": "hsl(211 60% 40%)",
|
|
559
|
-
"
|
|
559
|
+
"utrechtLinkFocusVisibleTextDecoration": "none",
|
|
560
560
|
"utrechtLinkHoverColor": "hsl(211 60% 40%)",
|
|
561
561
|
"utrechtLinkHoverTextDecoration": "underline",
|
|
562
562
|
"utrechtLinkHoverTextDecorationThickness": "3px",
|
|
@@ -597,31 +597,31 @@ module.exports = {
|
|
|
597
597
|
"utrechtMapMarkerBorderColor": "hsl(0 0% 100%)",
|
|
598
598
|
"utrechtMapMarkerBoxShadowColor": "rgb(0 0 0 / 20%)",
|
|
599
599
|
"utrechtMapMarkerIconSize": "30px",
|
|
600
|
-
"utrechtMapcontrolbuttonBorderWidth": "1px",
|
|
601
|
-
"utrechtMapcontrolbuttonMinBlockSize": "32px",
|
|
602
|
-
"utrechtMapcontrolbuttonMinInlineSize": "32px",
|
|
603
|
-
"utrechtMapcontrolbuttonMarginBlockStart": "8px",
|
|
604
|
-
"utrechtMapcontrolbuttonMarginBlockEnd": "8px",
|
|
605
|
-
"utrechtMapcontrolbuttonMarginInlineStart": "0",
|
|
606
|
-
"utrechtMapcontrolbuttonMarginInlineEnd": "0",
|
|
607
|
-
"utrechtMapcontrolbuttonPaddingBlockStart": "4px",
|
|
608
|
-
"utrechtMapcontrolbuttonPaddingBlockEnd": "4px",
|
|
609
|
-
"utrechtMapcontrolbuttonPaddingInlineStart": "4px",
|
|
610
|
-
"utrechtMapcontrolbuttonPaddingInlineEnd": "4px",
|
|
611
|
-
"utrechtMapcontrolbuttonDisabledColor": "hsl(0 0% 80%)",
|
|
612
|
-
"utrechtMapcontrolbuttonDisabledBackgroundColor": "hsl(0 0% 90%)",
|
|
613
|
-
"utrechtMapcontrolbuttonDisabledBorderColor": "hsl(0 0% 80%)",
|
|
614
600
|
"utrechtMapcontrolbuttonBackgroundColor": "hsl(0 0% 100%)",
|
|
615
601
|
"utrechtMapcontrolbuttonBorderColor": "hsl(0 0% 40%)",
|
|
616
602
|
"utrechtMapcontrolbuttonBorderRadius": "2px",
|
|
617
603
|
"utrechtMapcontrolbuttonBorderStyle": "solid",
|
|
604
|
+
"utrechtMapcontrolbuttonBorderWidth": "1px",
|
|
618
605
|
"utrechtMapcontrolbuttonColor": "hsl(0 0% 40%)",
|
|
619
|
-
"
|
|
620
|
-
"
|
|
606
|
+
"utrechtMapcontrolbuttonMinBlockSize": "32px",
|
|
607
|
+
"utrechtMapcontrolbuttonMinInlineSize": "32px",
|
|
608
|
+
"utrechtMapcontrolbuttonDisabledBackgroundColor": "hsl(0 0% 90%)",
|
|
609
|
+
"utrechtMapcontrolbuttonDisabledBorderColor": "hsl(0 0% 80%)",
|
|
610
|
+
"utrechtMapcontrolbuttonDisabledColor": "hsl(0 0% 80%)",
|
|
621
611
|
"utrechtMapcontrolbuttonFocusColor": "hsl(0 0% 0%)",
|
|
622
612
|
"utrechtMapcontrolbuttonFocusTextDecoration": "none",
|
|
623
613
|
"utrechtMapcontrolbuttonHoverBackgroundColor": "hsl(0 0% 90%)",
|
|
624
614
|
"utrechtMapcontrolbuttonHoverColor": "hsl(0 0% 100%)",
|
|
615
|
+
"utrechtMapcontrolbuttonLabelMarginInlineStart": "8px",
|
|
616
|
+
"utrechtMapcontrolbuttonLabelMarginInlineEnd": "8px",
|
|
617
|
+
"utrechtMapcontrolbuttonMarginBlockEnd": "8px",
|
|
618
|
+
"utrechtMapcontrolbuttonMarginBlockStart": "8px",
|
|
619
|
+
"utrechtMapcontrolbuttonMarginInlineEnd": "0",
|
|
620
|
+
"utrechtMapcontrolbuttonMarginInlineStart": "0",
|
|
621
|
+
"utrechtMapcontrolbuttonPaddingBlockEnd": "4px",
|
|
622
|
+
"utrechtMapcontrolbuttonPaddingBlockStart": "4px",
|
|
623
|
+
"utrechtMapcontrolbuttonPaddingInlineEnd": "4px",
|
|
624
|
+
"utrechtMapcontrolbuttonPaddingInlineStart": "4px",
|
|
625
625
|
"utrechtMarkBackgroundColor": "hsl(48 100% 60%)",
|
|
626
626
|
"utrechtMarkColor": "hsl(0 0% 0%)",
|
|
627
627
|
"utrechtNavBarBackgroundColor": "hsl(0 0% 100%)",
|
|
@@ -651,6 +651,12 @@ module.exports = {
|
|
|
651
651
|
"utrechtTopnavLinkFocusBackgroundColor": "hsl(48 100% 80%)",
|
|
652
652
|
"utrechtTopnavLinkFocusOutlineColor": "hsl(0 0% 0%)",
|
|
653
653
|
"utrechtTopnavLinkHoverBackgroundColor": "hsl(0 0% 0%)",
|
|
654
|
+
"utrechtNumberBadgeBackgroundColor": "hsl(0 100% 40%)",
|
|
655
|
+
"utrechtNumberBadgeBorderRadius": "1rem",
|
|
656
|
+
"utrechtNumberBadgeColor": "hsl(0 0% 100%)",
|
|
657
|
+
"utrechtNumberBadgeFontSize": "1rem",
|
|
658
|
+
"utrechtNumberBadgePaddingBlock": "1ex",
|
|
659
|
+
"utrechtNumberBadgePaddingInline": "1ex",
|
|
654
660
|
"utrechtNumberDataPositiveColor": "green",
|
|
655
661
|
"utrechtNumberDataNegativeColor": "red",
|
|
656
662
|
"utrechtOrderedListMarginBlockStart": "0",
|
|
@@ -668,10 +674,10 @@ module.exports = {
|
|
|
668
674
|
"utrechtPageFooterPaddingInlineStart": "28px",
|
|
669
675
|
"utrechtPageFooterPaddingBlockEnd": "48px",
|
|
670
676
|
"utrechtPageFooterPaddingBlockStart": "48px",
|
|
677
|
+
"utrechtPageHeaderPaddingBlockStart": "1.8em",
|
|
671
678
|
"utrechtPageHeaderPaddingBlockEnd": "1em",
|
|
672
|
-
"utrechtPageHeaderPaddingInlineEnd": "2.4em",
|
|
673
679
|
"utrechtPageHeaderPaddingInlineStart": "2em",
|
|
674
|
-
"
|
|
680
|
+
"utrechtPageHeaderPaddingInlineEnd": "2.4em",
|
|
675
681
|
"utrechtPageBackgroundColor": "hsl(0 0% 100%)",
|
|
676
682
|
"utrechtPageColor": "hsl(0 0% 0%)",
|
|
677
683
|
"utrechtPageMarginInlineStart": "2em",
|
|
@@ -681,10 +687,11 @@ module.exports = {
|
|
|
681
687
|
"utrechtPagePaddingInlineEnd": "2em",
|
|
682
688
|
"utrechtPagePaddingBlockEnd": "1em",
|
|
683
689
|
"utrechtPagePaddingInlineStart": "2em",
|
|
684
|
-
"utrechtPaginationFontSize": "
|
|
690
|
+
"utrechtPaginationFontSize": "0.875rem",
|
|
685
691
|
"utrechtPaginationMarginBlockStart": "0",
|
|
686
692
|
"utrechtPaginationMarginBlockEnd": "1em",
|
|
687
693
|
"utrechtPaginationPageLinkBackgroundColor": "transparent",
|
|
694
|
+
"utrechtPaginationPageLinkBorderColor": "transparent",
|
|
688
695
|
"utrechtPaginationPageLinkBorderWidth": "2px",
|
|
689
696
|
"utrechtPaginationPageLinkColor": "hsl(211 60% 35%)",
|
|
690
697
|
"utrechtPaginationPageLinkFontWeight": "700",
|
|
@@ -700,8 +707,8 @@ module.exports = {
|
|
|
700
707
|
"utrechtPaginationPageLinkHoverBackgroundColor": "hsl(211 60% 35%)",
|
|
701
708
|
"utrechtPaginationPageLinkHoverBorderColor": "hsl(211 60% 35%)",
|
|
702
709
|
"utrechtPaginationPageLinkHoverColor": "hsl(0 0% 100%)",
|
|
703
|
-
"utrechtPaginationPageLinkBorderColor": "transparent",
|
|
704
710
|
"utrechtPaginationRelativeLinkBackgroundColor": "hsl(0 0% 100%)",
|
|
711
|
+
"utrechtPaginationRelativeLinkBorderColor": "hsl(211 60% 35%)",
|
|
705
712
|
"utrechtPaginationRelativeLinkBorderWidth": "2px",
|
|
706
713
|
"utrechtPaginationRelativeLinkColor": "hsl(211 60% 35%)",
|
|
707
714
|
"utrechtPaginationRelativeLinkFontWeight": "700",
|
|
@@ -716,7 +723,6 @@ module.exports = {
|
|
|
716
723
|
"utrechtPaginationRelativeLinkHoverBackgroundColor": "hsl(211 60% 35%)",
|
|
717
724
|
"utrechtPaginationRelativeLinkHoverBorderColor": "hsl(211 60% 35%)",
|
|
718
725
|
"utrechtPaginationRelativeLinkHoverColor": "hsl(0 0% 100%)",
|
|
719
|
-
"utrechtPaginationRelativeLinkBorderColor": "hsl(211 60% 35%)",
|
|
720
726
|
"utrechtParagraphFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
|
|
721
727
|
"utrechtParagraphFontSize": "1rem",
|
|
722
728
|
"utrechtParagraphFontWeight": "400",
|
|
@@ -734,10 +740,11 @@ module.exports = {
|
|
|
734
740
|
"utrechtRadioButtonBorderColor": "hsl(0 0% 30%)",
|
|
735
741
|
"utrechtRadioButtonBorderWidth": "2px",
|
|
736
742
|
"utrechtRadioButtonSize": "24px",
|
|
743
|
+
"utrechtRadioButtonMarginInlineEnd": "12px",
|
|
737
744
|
"utrechtRadioButtonIconSize": "42%",
|
|
738
745
|
"utrechtRadioButtonActiveBackgroundColor": "hsl(211 60% 80%)",
|
|
739
|
-
"utrechtRadioButtonCheckedBorderColor": "hsl(211 60% 40%)",
|
|
740
746
|
"utrechtRadioButtonCheckedBackgroundColor": "hsl(211 60% 40%)",
|
|
747
|
+
"utrechtRadioButtonCheckedBorderColor": "hsl(211 60% 40%)",
|
|
741
748
|
"utrechtRadioButtonCheckedActiveBackgroundColor": "hsl(211 60% 40%)",
|
|
742
749
|
"utrechtRadioButtonCheckedActiveColor": "hsl(211 60% 80%)",
|
|
743
750
|
"utrechtRadioButtonCheckedHoverBackgroundColor": "hsl(211 60% 40%)",
|
|
@@ -745,14 +752,13 @@ module.exports = {
|
|
|
745
752
|
"utrechtRadioButtonCheckedFocusBorderColor": "hsl(211 60% 20%)",
|
|
746
753
|
"utrechtRadioButtonHoverBackgroundColor": "hsl(211 60% 90%)",
|
|
747
754
|
"utrechtRadioButtonFocusBorderColor": "hsl(211 60% 40%)",
|
|
748
|
-
"utrechtRadioButtonDisabledBorderColor": "hsl(0 0% 80%)",
|
|
749
755
|
"utrechtRadioButtonDisabledBackgroundColor": "hsl(0 0% 80%)",
|
|
756
|
+
"utrechtRadioButtonDisabledBorderColor": "hsl(0 0% 80%)",
|
|
750
757
|
"utrechtRadioButtonDisabledColor": "hsl(0 0% 100%)",
|
|
751
758
|
"utrechtRadioButtonInvalidBorderColor": "#990000",
|
|
752
759
|
"utrechtRadioButtonInvalidBorderWidth": "2px",
|
|
753
760
|
"utrechtRadioButtonColor": "hsl(0 0% 100%)",
|
|
754
761
|
"utrechtRadioButtonBorderRadius": "0",
|
|
755
|
-
"utrechtRadioButtonMarginInlineEnd": "12px",
|
|
756
762
|
"utrechtRichTextStrangerMarginBlockEnd": "32px",
|
|
757
763
|
"utrechtRichTextAcquaintanceMarginBlockEnd": "16px",
|
|
758
764
|
"utrechtRichTextFriendMarginBlockEnd": "8px",
|
|
@@ -761,8 +767,8 @@ module.exports = {
|
|
|
761
767
|
"utrechtSearchBarButtonBackgroundColor": "hsl(0 100% 40%)",
|
|
762
768
|
"utrechtSearchBarButtonBorderColor": "hsl(0 100% 40%)",
|
|
763
769
|
"utrechtSearchBarButtonColor": "hsl(0 0% 100%)",
|
|
764
|
-
"utrechtSearchBarButtonFontWeight": "700",
|
|
765
770
|
"utrechtSearchBarButtonFontSize": "0.875rem",
|
|
771
|
+
"utrechtSearchBarButtonFontWeight": "700",
|
|
766
772
|
"utrechtSearchBarButtonHoverBackgroundColor": "hsl(359 65% 58%)",
|
|
767
773
|
"utrechtSearchBarButtonHoverScale": "1",
|
|
768
774
|
"utrechtSearchBarInputBorderColor": "hsl(0 100% 40%)",
|
|
@@ -797,9 +803,9 @@ module.exports = {
|
|
|
797
803
|
"utrechtSkipLinkPaddingInlineStart": "16px",
|
|
798
804
|
"utrechtSkipLinkPaddingInlineEnd": "16px",
|
|
799
805
|
"utrechtSkipLinkTextDecoration": "underline",
|
|
800
|
-
"utrechtSkipLinkFocusColor": "hsl(0 0% 0%)",
|
|
801
806
|
"utrechtSkipLinkFocusBackgroundColor": "hsl(48 100% 80%)",
|
|
802
|
-
"
|
|
807
|
+
"utrechtSkipLinkFocusColor": "hsl(0 0% 0%)",
|
|
808
|
+
"utrechtSkipLinkFocusVisibleTextDecoration": "none",
|
|
803
809
|
"utrechtSpotlightSectionBackgroundColor": "hsl(0 0% 90%)",
|
|
804
810
|
"utrechtSpotlightSectionColor": "hsl(0 0% 0%)",
|
|
805
811
|
"utrechtSpotlightSectionPaddingBlockStart": "16px",
|
|
@@ -808,12 +814,14 @@ module.exports = {
|
|
|
808
814
|
"utrechtSpotlightSectionPaddingInlineEnd": "16px",
|
|
809
815
|
"utrechtSpotlightSectionInfoBackgroundColor": "hsl(211 60% 90%)",
|
|
810
816
|
"utrechtSpotlightSectionWarningBackgroundColor": "hsl(48 100% 80%)",
|
|
817
|
+
"utrechtSpotlightSectionErrorBackgroundColor": "hsl(0 100% 95%)",
|
|
818
|
+
"utrechtSpotlightSectionOkBackgroundColor": "hsl(90 30% 90%)",
|
|
811
819
|
"utrechtSurfaceBackgroundColor": "hsl(0 0% 95%)",
|
|
812
820
|
"utrechtSurfaceColor": "hsl(0 0% 10%)",
|
|
813
821
|
"utrechtTableMarginBlockEnd": "0",
|
|
814
822
|
"utrechtTableMarginBlockStart": "16px",
|
|
815
823
|
"utrechtTableCaptionFontWeight": "700",
|
|
816
|
-
"utrechtTableCaptionFontSize": "1.
|
|
824
|
+
"utrechtTableCaptionFontSize": "1.125rem",
|
|
817
825
|
"utrechtTableCaptionTextAlign": "start",
|
|
818
826
|
"utrechtTableCaptionMarginBlockEnd": "1em",
|
|
819
827
|
"utrechtTableHeaderFontWeight": "700",
|
|
@@ -823,24 +831,25 @@ module.exports = {
|
|
|
823
831
|
"utrechtTableHeaderStickyColor": "hsl(0 0% 0%)",
|
|
824
832
|
"utrechtTableHeaderStickyBorderBlockEndColor": "hsl(0 100% 40%)",
|
|
825
833
|
"utrechtTableHeaderStickyBorderBlockEndWidth": "2px",
|
|
826
|
-
"
|
|
834
|
+
"utrechtTableFooterStickyBackgroundColor": "hsl(0 0% 100%)",
|
|
835
|
+
"utrechtTableFooterStickyColor": "hsl(0 0% 0%)",
|
|
836
|
+
"utrechtTableFooterStickyBorderBlockStartColor": "hsl(0 100% 40%)",
|
|
837
|
+
"utrechtTableFooterStickyBorderBlockStartWidth": "2px",
|
|
838
|
+
"utrechtTableCellLineHeight": "1.5rem",
|
|
827
839
|
"utrechtTableCellPaddingBlockEnd": "0.5em",
|
|
828
840
|
"utrechtTableCellPaddingBlockStart": "0.5em",
|
|
829
841
|
"utrechtTableCellPaddingInlineEnd": "0.4em",
|
|
830
842
|
"utrechtTableCellPaddingInlineStart": "0.4em",
|
|
831
|
-
"utrechtTableCellIconSize": "1em",
|
|
832
843
|
"utrechtTableCellSelectedBackgroundColor": "hsl(211 60% 90%)",
|
|
833
844
|
"utrechtTableCellSelectedColor": "hsl(0 0% 0%)",
|
|
845
|
+
"utrechtTableCellIconSize": "1em",
|
|
834
846
|
"utrechtTableRowBorderBlockEndColor": "hsl(0 0% 90%)",
|
|
835
847
|
"utrechtTableRowBorderBlockEndWidth": "1px",
|
|
836
848
|
"utrechtTableRowAlternateOddBackgroundColor": "hsl(0 0% 100%)",
|
|
837
849
|
"utrechtTableRowAlternateOddColor": "hsl(0 0% 0%)",
|
|
838
850
|
"utrechtTableRowAlternateEvenBackgroundColor": "hsl(0 0% 95%)",
|
|
839
851
|
"utrechtTableRowAlternateEvenColor": "hsl(0 0% 0%)",
|
|
840
|
-
"
|
|
841
|
-
"utrechtTableFooterStickyColor": "hsl(0 0% 0%)",
|
|
842
|
-
"utrechtTableFooterStickyBorderBlockStartColor": "hsl(0 100% 40%)",
|
|
843
|
-
"utrechtTableFooterStickyBorderBlockStartWidth": "2px",
|
|
852
|
+
"utrechtTextareaBorderBlockEndWidth": "3px",
|
|
844
853
|
"utrechtTextareaBorderBottomWidth": "3px",
|
|
845
854
|
"utrechtTextareaLineHeight": "1.5",
|
|
846
855
|
"utrechtTextboxBorderBottomWidth": "3px",
|
|
@@ -998,5 +1007,5 @@ module.exports = {
|
|
|
998
1007
|
"ofPageFooterBg": "hsl(0 100% 40%)",
|
|
999
1008
|
"ofPageFooterFg": "hsl(0 0% 100%)",
|
|
1000
1009
|
"ofProgressIndicatorBackgroundColor": "hsl(0 0% 100%)",
|
|
1001
|
-
"ofProgressIndicatorMobileBoxShadow": "0px 0px 2px 0px rgba(0
|
|
1010
|
+
"ofProgressIndicatorMobileBoxShadow": "0px 0px 2px 0px rgba(0 0 0 / 20%)"
|
|
1002
1011
|
};
|