@utrecht/design-tokens 3.2.0 → 3.4.0
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/CHANGELOG.md +12 -0
- package/dist/_mixin-theme.scss +62 -0
- package/dist/_mixin.scss +62 -0
- package/dist/_variables.scss +62 -0
- package/dist/dark/_mixin-theme.scss +62 -0
- package/dist/dark/_mixin.scss +62 -0
- package/dist/dark/_variables.scss +62 -0
- package/dist/dark/index.cjs +63 -1
- package/dist/dark/index.css +62 -0
- package/dist/dark/index.d.ts +63 -1
- package/dist/dark/index.flat.json +62 -0
- package/dist/dark/index.json +5634 -3521
- package/dist/dark/index.mjs +63 -1
- package/dist/dark/index.tokens.json +558 -10
- package/dist/dark/list.json +5634 -3521
- package/dist/dark/list.mjs +5634 -3521
- package/dist/dark/property.css +58 -0
- package/dist/dark/root.css +62 -0
- package/dist/dark/theme-prince-xml.css +62 -0
- package/dist/dark/theme.css +62 -0
- package/dist/dark/tokens.cjs +2623 -24
- package/dist/dark/tokens.d.ts +324 -3
- package/dist/dark/tokens.json +2623 -24
- package/dist/dark/variables.cjs +63 -1
- package/dist/dark/variables.css +62 -0
- package/dist/dark/variables.d.ts +63 -1
- package/dist/dark/variables.json +62 -0
- package/dist/dark/variables.less +62 -0
- package/dist/dark/variables.mjs +63 -1
- package/dist/index.cjs +63 -1
- package/dist/index.css +124 -0
- package/dist/index.d.ts +63 -1
- package/dist/index.flat.json +62 -0
- package/dist/index.json +5650 -3537
- package/dist/index.mjs +63 -1
- package/dist/index.tokens.json +558 -10
- package/dist/list.json +5650 -3537
- package/dist/list.mjs +5650 -3537
- package/dist/property.css +58 -0
- package/dist/root.css +62 -0
- package/dist/theme-prince-xml.css +62 -0
- package/dist/theme.css +62 -0
- package/dist/tokens.cjs +2623 -24
- package/dist/tokens.d.ts +324 -3
- package/dist/tokens.json +2623 -24
- package/dist/variables.cjs +63 -1
- package/dist/variables.css +62 -0
- package/dist/variables.d.ts +63 -1
- package/dist/variables.json +62 -0
- package/dist/variables.less +62 -0
- package/dist/variables.mjs +63 -1
- package/package.json +1 -1
- package/src/component/utrecht/navigation.tokens.json +229 -0
- package/src/component/utrecht/tooltip.tokens.json +15 -0
package/dist/dark/index.cjs
CHANGED
|
@@ -109,8 +109,8 @@ module.exports = {
|
|
|
109
109
|
"utrechtBreadcrumbNavLinkHoverColor": "hsl(211 60% 40%)",
|
|
110
110
|
"utrechtBreadcrumbNavLinkHoverTextDecoration": "underline",
|
|
111
111
|
"utrechtBreadcrumbNavLinkDisabledColor": "hsl(0 0% 40%)",
|
|
112
|
-
"utrechtBreadcrumbNavLinkTextDecoration": "none",
|
|
113
112
|
"utrechtBreadcrumbNavLinkIconSize": "16px",
|
|
113
|
+
"utrechtBreadcrumbNavLinkTextDecoration": "none",
|
|
114
114
|
"utrechtBreadcrumbNavSeparatorColor": "hsl(211 60% 35%)",
|
|
115
115
|
"utrechtBreadcrumbNavSeparatorIconSize": "0.875rem",
|
|
116
116
|
"utrechtBreadcrumbNavArrowsLinkBackgroundColor": "hsl(0 0% 90%)",
|
|
@@ -566,6 +566,7 @@ module.exports = {
|
|
|
566
566
|
"utrechtHeadingFontWeight": "700",
|
|
567
567
|
"utrechtIconSize": "48px",
|
|
568
568
|
"utrechtIconBaselineInsetBlockStart": "0.125em",
|
|
569
|
+
"utrechtIconCustomMarginInlineEnd": "8px",
|
|
569
570
|
"utrechtIndexCharNavMarginBlockStart": "20px",
|
|
570
571
|
"utrechtIndexCharNavMarginBlockEnd": "16px",
|
|
571
572
|
"utrechtIndexCharNavGap": "12px",
|
|
@@ -682,6 +683,58 @@ module.exports = {
|
|
|
682
683
|
"utrechtTopnavLinkFocusBackgroundColor": "hsl(48 100% 80%)",
|
|
683
684
|
"utrechtTopnavLinkFocusOutlineColor": "hsl(0 0% 0%)",
|
|
684
685
|
"utrechtTopnavLinkHoverBackgroundColor": "hsl(0 0% 0%)",
|
|
686
|
+
"utrechtNavigationBorderBlockEndColor": "transparent",
|
|
687
|
+
"utrechtNavigationBorderBlockEndWidth": "0",
|
|
688
|
+
"utrechtNavigationBorderBlockStartColor": "transparent",
|
|
689
|
+
"utrechtNavigationBorderBlockStartWidth": "0",
|
|
690
|
+
"utrechtNavigationDrawerMobileMinInlineSize": "50%",
|
|
691
|
+
"utrechtNavigationDrawerBackdropBackgroundColor": "rgb(0 0 0 / 30%)",
|
|
692
|
+
"utrechtNavigationDrawerMinInlineSize": "100%",
|
|
693
|
+
"utrechtNavigationItemBorderBlockEndColor": "transparent",
|
|
694
|
+
"utrechtNavigationItemBorderBlockEndWidth": "0",
|
|
695
|
+
"utrechtNavigationItemBorderBlockStartColor": "transparent",
|
|
696
|
+
"utrechtNavigationItemBorderBlockStartWidth": "0",
|
|
697
|
+
"utrechtNavigationItemMobileBorderBlockEndColor": "hsl(0 0% 80%)",
|
|
698
|
+
"utrechtNavigationItemMobileBorderBlockEndWidth": "1px",
|
|
699
|
+
"utrechtNavigationItemMobileBorderBlockStartColor": "hsl(0 0% 80%)",
|
|
700
|
+
"utrechtNavigationItemMobileBorderBlockStartWidth": "1px",
|
|
701
|
+
"utrechtNavigationLinkActiveColor": "hsl(0 0% 100%)",
|
|
702
|
+
"utrechtNavigationLinkActiveFocusColor": "hsl(0 0% 0%)",
|
|
703
|
+
"utrechtNavigationLinkBackgroundColor": "hsl(0 0% 15%)",
|
|
704
|
+
"utrechtNavigationLinkBorderColor": "hsl(0 0% 40%)",
|
|
705
|
+
"utrechtNavigationLinkBorderInlineEndWidth": "1px",
|
|
706
|
+
"utrechtNavigationLinkColor": "hsl(0 0% 100%)",
|
|
707
|
+
"utrechtNavigationLinkFocusColor": "hsl(0 0% 0%)",
|
|
708
|
+
"utrechtNavigationLinkFocusTextDecorationThickness": "3px",
|
|
709
|
+
"utrechtNavigationLinkFocusBackgroundColor": "hsl(48 100% 80%)",
|
|
710
|
+
"utrechtNavigationLinkFontWeight": "400",
|
|
711
|
+
"utrechtNavigationLinkGap": "8px",
|
|
712
|
+
"utrechtNavigationLinkHoverBackgroundColor": "hsl(0 0% 0%)",
|
|
713
|
+
"utrechtNavigationLinkHoverColor": "hsl(0 0% 100%)",
|
|
714
|
+
"utrechtNavigationLinkHoverDecorationThickness": "3px",
|
|
715
|
+
"utrechtNavigationLinkIsCurrentFontWeight": "700",
|
|
716
|
+
"utrechtNavigationLinkMobileBackgroundColor": "hsl(0 0% 100%)",
|
|
717
|
+
"utrechtNavigationLinkMobileColor": "hsl(211 60% 35%)",
|
|
718
|
+
"utrechtNavigationLinkMobileHoverBackgroundColor": "hsl(0 0% 100%)",
|
|
719
|
+
"utrechtNavigationLinkMobileHoverColor": "hsl(211 60% 35%)",
|
|
720
|
+
"utrechtNavigationLinkMobileHoverFontWeight": "700",
|
|
721
|
+
"utrechtNavigationLinkMobileMinBlockSize": "44px",
|
|
722
|
+
"utrechtNavigationLinkMobilePaddingBlockEnd": "8px",
|
|
723
|
+
"utrechtNavigationLinkMobilePaddingBlockStart": "8px",
|
|
724
|
+
"utrechtNavigationLinkMobilePaddingInlineStart": "16px",
|
|
725
|
+
"utrechtNavigationLinkMobileTransitionDuration": "300ms",
|
|
726
|
+
"utrechtNavigationLinkMobileTransitionTimingFunction": "ease-in-out",
|
|
727
|
+
"utrechtNavigationLinkPaddingBlockEnd": "16px",
|
|
728
|
+
"utrechtNavigationLinkPaddingBlockStart": "16px",
|
|
729
|
+
"utrechtNavigationListMobileBackgroundColor": "hsl(0 0% 100%)",
|
|
730
|
+
"utrechtNavigationListMobileInlineSize": "100%",
|
|
731
|
+
"utrechtNavigationListMobilePaddingBlockEnd": "8px",
|
|
732
|
+
"utrechtNavigationListMobilePaddingInlineEnd": "16px",
|
|
733
|
+
"utrechtNavigationListMobilePaddingInlineStart": "16px",
|
|
734
|
+
"utrechtNavigationListSideNavInlineSize": "100%",
|
|
735
|
+
"utrechtNavigationMarkerColor": "hsl(0 0% 80%)",
|
|
736
|
+
"utrechtNavigationToggleButtonOffsetEnd": "16px",
|
|
737
|
+
"utrechtNavigationToggleButtonOffsetStart": "16px",
|
|
685
738
|
"utrechtNumberBadgeBackgroundColor": "hsl(0 100% 40%)",
|
|
686
739
|
"utrechtNumberBadgeBorderRadius": "1rem",
|
|
687
740
|
"utrechtNumberBadgeColor": "hsl(0 0% 100%)",
|
|
@@ -906,6 +959,15 @@ module.exports = {
|
|
|
906
959
|
"utrechtTextareaBorderBottomWidth": "3px",
|
|
907
960
|
"utrechtTextareaLineHeight": "1.5",
|
|
908
961
|
"utrechtTextboxBorderBottomWidth": "3px",
|
|
962
|
+
"utrechtTooltipBackgroundColor": "hsl(0 0% 100%)",
|
|
963
|
+
"utrechtTooltipBorderColor": "hsl(0 0% 40%)",
|
|
964
|
+
"utrechtTooltipBorderRadius": "0",
|
|
965
|
+
"utrechtTooltipBorderWidth": "1px",
|
|
966
|
+
"utrechtTooltipColor": "hsl(0 0% 40%)",
|
|
967
|
+
"utrechtTooltipFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
|
|
968
|
+
"utrechtTooltipFontSize": "1rem",
|
|
969
|
+
"utrechtTooltipPaddingBlock": "8px",
|
|
970
|
+
"utrechtTooltipPaddingInline": "16px",
|
|
909
971
|
"utrechtToptaskLinkBackgroundColor": "hsl(211 60% 80%)",
|
|
910
972
|
"utrechtToptaskLinkColor": "hsl(0 0% 15%)",
|
|
911
973
|
"utrechtToptaskLinkFontSize": "1rem",
|
package/dist/dark/index.css
CHANGED
|
@@ -108,6 +108,8 @@
|
|
|
108
108
|
--utrecht-toptask-link-min-inline-size: 15rem;
|
|
109
109
|
--utrecht-toptask-link-min-block-size: 8.25rem;
|
|
110
110
|
--utrecht-toptask-link-line-height: 1.2;
|
|
111
|
+
--utrecht-tooltip-border-width: 1px;
|
|
112
|
+
--utrecht-tooltip-border-radius: 0;
|
|
111
113
|
--utrecht-textbox-border-bottom-width: 3px;
|
|
112
114
|
--utrecht-textarea-border-bottom-width: 3px;
|
|
113
115
|
--utrecht-textarea-border-block-end-width: 3px;
|
|
@@ -196,6 +198,30 @@
|
|
|
196
198
|
--utrecht-ordered-list-margin-block-start: 0;
|
|
197
199
|
--utrecht-number-data-negative-color: red;
|
|
198
200
|
--utrecht-number-data-positive-color: green;
|
|
201
|
+
--utrecht-navigation-toggle-button-offset-start: 16px;
|
|
202
|
+
--utrecht-navigation-toggle-button-offset-end: 16px;
|
|
203
|
+
--utrecht-navigation-list-side-nav-inline-size: 100%;
|
|
204
|
+
--utrecht-navigation-list-mobile-inline-size: 100%;
|
|
205
|
+
--utrecht-navigation-link-mobile-transition-timing-function: ease-in-out;
|
|
206
|
+
--utrecht-navigation-link-mobile-transition-duration: 300ms;
|
|
207
|
+
--utrecht-navigation-link-mobile-min-block-size: 44px;
|
|
208
|
+
--utrecht-navigation-link-hover-decoration-thickness: 3px;
|
|
209
|
+
--utrecht-navigation-link-gap: 8px;
|
|
210
|
+
--utrecht-navigation-link-focus-text-decoration-thickness: 3px;
|
|
211
|
+
--utrecht-navigation-link-border-inline-end-width: 1px;
|
|
212
|
+
--utrecht-navigation-item-mobile-border-block-start-width: 1px;
|
|
213
|
+
--utrecht-navigation-item-mobile-border-block-end-width: 1px;
|
|
214
|
+
--utrecht-navigation-item-border-block-start-width: 0;
|
|
215
|
+
--utrecht-navigation-item-border-block-start-color: transparent;
|
|
216
|
+
--utrecht-navigation-item-border-block-end-width: 0;
|
|
217
|
+
--utrecht-navigation-item-border-block-end-color: transparent;
|
|
218
|
+
--utrecht-navigation-drawer-min-inline-size: 100%;
|
|
219
|
+
--utrecht-navigation-drawer-backdrop-background-color: rgb(0 0 0 / 30%);
|
|
220
|
+
--utrecht-navigation-drawer-mobile-min-inline-size: 50%;
|
|
221
|
+
--utrecht-navigation-border-block-start-width: 0;
|
|
222
|
+
--utrecht-navigation-border-block-start-color: transparent;
|
|
223
|
+
--utrecht-navigation-border-block-end-width: 0;
|
|
224
|
+
--utrecht-navigation-border-block-end-color: transparent;
|
|
199
225
|
--utrecht-topnav-link-focus-text-decoration: none;
|
|
200
226
|
--utrecht-topnav-link-focus-border-type: dotted;
|
|
201
227
|
--utrecht-mapcontrolbutton-margin-inline-start: 0;
|
|
@@ -511,6 +537,13 @@
|
|
|
511
537
|
--utrecht-toptask-link-padding-block-start: var(--utrecht-space-block-xl);
|
|
512
538
|
--utrecht-toptask-link-padding-block-end: var(--utrecht-space-block-xl);
|
|
513
539
|
--utrecht-toptask-link-font-size: var(--utrecht-typography-scale-md-font-size);
|
|
540
|
+
--utrecht-tooltip-padding-inline: var(--utrecht-space-inline-md);
|
|
541
|
+
--utrecht-tooltip-padding-block: var(--utrecht-space-block-xs);
|
|
542
|
+
--utrecht-tooltip-font-size: var(--utrecht-typography-scale-md-font-size);
|
|
543
|
+
--utrecht-tooltip-font-family: var(--utrecht-typography-sans-serif-font-family);
|
|
544
|
+
--utrecht-tooltip-color: var(--utrecht-color-grey-40);
|
|
545
|
+
--utrecht-tooltip-border-color: var(--utrecht-color-grey-40);
|
|
546
|
+
--utrecht-tooltip-background-color: var(--utrecht-color-white);
|
|
514
547
|
--utrecht-textarea-line-height: var(--utrecht-typography-line-height-md);
|
|
515
548
|
--utrecht-table-row-alternate-even-color: var(--utrecht-color-black);
|
|
516
549
|
--utrecht-table-row-alternate-even-background-color: var(--utrecht-color-grey-95);
|
|
@@ -623,6 +656,34 @@
|
|
|
623
656
|
--utrecht-page-body-content-background-color: var(--utrecht-color-white);
|
|
624
657
|
--utrecht-number-badge-padding-inline: var(--nl-number-badge-padding-inline); /* Default inline padding color for badge components */
|
|
625
658
|
--utrecht-number-badge-padding-block: var(--nl-number-badge-padding-block); /* Default block padding for badge components */
|
|
659
|
+
--utrecht-navigation-marker-color: var(--utrecht-color-grey-80);
|
|
660
|
+
--utrecht-navigation-list-mobile-padding-inline-start: var(--utrecht-space-inline-md);
|
|
661
|
+
--utrecht-navigation-list-mobile-padding-inline-end: var(--utrecht-space-inline-md);
|
|
662
|
+
--utrecht-navigation-list-mobile-padding-block-end: var(--utrecht-space-block-xs);
|
|
663
|
+
--utrecht-navigation-list-mobile-background-color: var(--utrecht-color-white);
|
|
664
|
+
--utrecht-navigation-link-padding-block-start: var(--utrecht-space-block-md);
|
|
665
|
+
--utrecht-navigation-link-padding-block-end: var(--utrecht-space-block-md);
|
|
666
|
+
--utrecht-navigation-link-mobile-padding-inline-start: var(--utrecht-space-inline-md);
|
|
667
|
+
--utrecht-navigation-link-mobile-padding-block-start: var(--utrecht-space-block-xs);
|
|
668
|
+
--utrecht-navigation-link-mobile-padding-block-end: var(--utrecht-space-block-xs);
|
|
669
|
+
--utrecht-navigation-link-mobile-hover-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
|
|
670
|
+
--utrecht-navigation-link-mobile-hover-color: var(--utrecht-color-blue-35);
|
|
671
|
+
--utrecht-navigation-link-mobile-hover-background-color: var(--utrecht-color-white);
|
|
672
|
+
--utrecht-navigation-link-mobile-color: var(--utrecht-color-blue-35);
|
|
673
|
+
--utrecht-navigation-link-mobile-background-color: var(--utrecht-color-white);
|
|
674
|
+
--utrecht-navigation-link-is-current-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
|
|
675
|
+
--utrecht-navigation-link-hover-color: var(--utrecht-color-white);
|
|
676
|
+
--utrecht-navigation-link-hover-background-color: var(--utrecht-color-black);
|
|
677
|
+
--utrecht-navigation-link-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
|
|
678
|
+
--utrecht-navigation-link-focus-background-color: var(--utrecht-color-yellow-80);
|
|
679
|
+
--utrecht-navigation-link-focus-color: var(--utrecht-color-black);
|
|
680
|
+
--utrecht-navigation-link-color: var(--utrecht-color-white);
|
|
681
|
+
--utrecht-navigation-link-border-color: var(--utrecht-color-grey-40);
|
|
682
|
+
--utrecht-navigation-link-background-color: var(--utrecht-color-grey-15);
|
|
683
|
+
--utrecht-navigation-link-active-focus-color: var(--utrecht-color-black);
|
|
684
|
+
--utrecht-navigation-link-active-color: var(--utrecht-color-white);
|
|
685
|
+
--utrecht-navigation-item-mobile-border-block-start-color: var(--utrecht-color-grey-80);
|
|
686
|
+
--utrecht-navigation-item-mobile-border-block-end-color: var(--utrecht-color-grey-80);
|
|
626
687
|
--utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
|
|
627
688
|
--utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
|
|
628
689
|
--utrecht-topnav-link-focus-background-color: var(--utrecht-color-yellow-80);
|
|
@@ -701,6 +762,7 @@
|
|
|
701
762
|
--utrecht-index-char-nav-gap: var(--utrecht-space-column-sm);
|
|
702
763
|
--utrecht-index-char-nav-margin-block-end: var(--utrecht-space-block-md);
|
|
703
764
|
--utrecht-index-char-nav-margin-block-start: var(--utrecht-space-block-lg);
|
|
765
|
+
--utrecht-icon-custom-margin-inline-end: var(--utrecht-space-inline-xs);
|
|
704
766
|
--utrecht-heading-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
|
|
705
767
|
--utrecht-form-toggle-focus-border-color: var(--utrecht-color-black);
|
|
706
768
|
--utrecht-form-toggle-checked-accent-color: var(--utrecht-color-blue-35);
|
package/dist/dark/index.d.ts
CHANGED
|
@@ -118,8 +118,8 @@ export const utrechtBreadcrumbNavLinkFocusTextDecoration : string;
|
|
|
118
118
|
export const utrechtBreadcrumbNavLinkHoverColor : string;
|
|
119
119
|
export const utrechtBreadcrumbNavLinkHoverTextDecoration : string;
|
|
120
120
|
export const utrechtBreadcrumbNavLinkDisabledColor : string;
|
|
121
|
-
export const utrechtBreadcrumbNavLinkTextDecoration : string;
|
|
122
121
|
export const utrechtBreadcrumbNavLinkIconSize : string;
|
|
122
|
+
export const utrechtBreadcrumbNavLinkTextDecoration : string;
|
|
123
123
|
export const utrechtBreadcrumbNavSeparatorColor : string;
|
|
124
124
|
export const utrechtBreadcrumbNavSeparatorIconSize : string;
|
|
125
125
|
export const utrechtBreadcrumbNavArrowsLinkBackgroundColor : string;
|
|
@@ -629,6 +629,7 @@ export const utrechtHeading6LineHeight : string;
|
|
|
629
629
|
export const utrechtHeadingFontWeight : string;
|
|
630
630
|
export const utrechtIconSize : string;
|
|
631
631
|
export const utrechtIconBaselineInsetBlockStart : string;
|
|
632
|
+
export const utrechtIconCustomMarginInlineEnd : string;
|
|
632
633
|
export const utrechtIndexCharNavMarginBlockStart : string;
|
|
633
634
|
export const utrechtIndexCharNavMarginBlockEnd : string;
|
|
634
635
|
export const utrechtIndexCharNavGap : string;
|
|
@@ -745,6 +746,58 @@ export const utrechtTopnavLinkFocusTextDecoration : string;
|
|
|
745
746
|
export const utrechtTopnavLinkFocusBackgroundColor : string;
|
|
746
747
|
export const utrechtTopnavLinkFocusOutlineColor : string;
|
|
747
748
|
export const utrechtTopnavLinkHoverBackgroundColor : string;
|
|
749
|
+
export const utrechtNavigationBorderBlockEndColor : string;
|
|
750
|
+
export const utrechtNavigationBorderBlockEndWidth : string;
|
|
751
|
+
export const utrechtNavigationBorderBlockStartColor : string;
|
|
752
|
+
export const utrechtNavigationBorderBlockStartWidth : string;
|
|
753
|
+
export const utrechtNavigationDrawerMobileMinInlineSize : string;
|
|
754
|
+
export const utrechtNavigationDrawerBackdropBackgroundColor : string;
|
|
755
|
+
export const utrechtNavigationDrawerMinInlineSize : string;
|
|
756
|
+
export const utrechtNavigationItemBorderBlockEndColor : string;
|
|
757
|
+
export const utrechtNavigationItemBorderBlockEndWidth : string;
|
|
758
|
+
export const utrechtNavigationItemBorderBlockStartColor : string;
|
|
759
|
+
export const utrechtNavigationItemBorderBlockStartWidth : string;
|
|
760
|
+
export const utrechtNavigationItemMobileBorderBlockEndColor : string;
|
|
761
|
+
export const utrechtNavigationItemMobileBorderBlockEndWidth : string;
|
|
762
|
+
export const utrechtNavigationItemMobileBorderBlockStartColor : string;
|
|
763
|
+
export const utrechtNavigationItemMobileBorderBlockStartWidth : string;
|
|
764
|
+
export const utrechtNavigationLinkActiveColor : string;
|
|
765
|
+
export const utrechtNavigationLinkActiveFocusColor : string;
|
|
766
|
+
export const utrechtNavigationLinkBackgroundColor : string;
|
|
767
|
+
export const utrechtNavigationLinkBorderColor : string;
|
|
768
|
+
export const utrechtNavigationLinkBorderInlineEndWidth : string;
|
|
769
|
+
export const utrechtNavigationLinkColor : string;
|
|
770
|
+
export const utrechtNavigationLinkFocusColor : string;
|
|
771
|
+
export const utrechtNavigationLinkFocusTextDecorationThickness : string;
|
|
772
|
+
export const utrechtNavigationLinkFocusBackgroundColor : string;
|
|
773
|
+
export const utrechtNavigationLinkFontWeight : string;
|
|
774
|
+
export const utrechtNavigationLinkGap : string;
|
|
775
|
+
export const utrechtNavigationLinkHoverBackgroundColor : string;
|
|
776
|
+
export const utrechtNavigationLinkHoverColor : string;
|
|
777
|
+
export const utrechtNavigationLinkHoverDecorationThickness : string;
|
|
778
|
+
export const utrechtNavigationLinkIsCurrentFontWeight : string;
|
|
779
|
+
export const utrechtNavigationLinkMobileBackgroundColor : string;
|
|
780
|
+
export const utrechtNavigationLinkMobileColor : string;
|
|
781
|
+
export const utrechtNavigationLinkMobileHoverBackgroundColor : string;
|
|
782
|
+
export const utrechtNavigationLinkMobileHoverColor : string;
|
|
783
|
+
export const utrechtNavigationLinkMobileHoverFontWeight : string;
|
|
784
|
+
export const utrechtNavigationLinkMobileMinBlockSize : string;
|
|
785
|
+
export const utrechtNavigationLinkMobilePaddingBlockEnd : string;
|
|
786
|
+
export const utrechtNavigationLinkMobilePaddingBlockStart : string;
|
|
787
|
+
export const utrechtNavigationLinkMobilePaddingInlineStart : string;
|
|
788
|
+
export const utrechtNavigationLinkMobileTransitionDuration : string;
|
|
789
|
+
export const utrechtNavigationLinkMobileTransitionTimingFunction : string;
|
|
790
|
+
export const utrechtNavigationLinkPaddingBlockEnd : string;
|
|
791
|
+
export const utrechtNavigationLinkPaddingBlockStart : string;
|
|
792
|
+
export const utrechtNavigationListMobileBackgroundColor : string;
|
|
793
|
+
export const utrechtNavigationListMobileInlineSize : string;
|
|
794
|
+
export const utrechtNavigationListMobilePaddingBlockEnd : string;
|
|
795
|
+
export const utrechtNavigationListMobilePaddingInlineEnd : string;
|
|
796
|
+
export const utrechtNavigationListMobilePaddingInlineStart : string;
|
|
797
|
+
export const utrechtNavigationListSideNavInlineSize : string;
|
|
798
|
+
export const utrechtNavigationMarkerColor : string;
|
|
799
|
+
export const utrechtNavigationToggleButtonOffsetEnd : string;
|
|
800
|
+
export const utrechtNavigationToggleButtonOffsetStart : string;
|
|
748
801
|
export const utrechtNumberBadgeBackgroundColor : string;
|
|
749
802
|
export const utrechtNumberBadgeBorderRadius : string;
|
|
750
803
|
/** Default text color for badge components */
|
|
@@ -972,6 +1025,15 @@ export const utrechtTextareaBorderBlockEndWidth : string;
|
|
|
972
1025
|
export const utrechtTextareaBorderBottomWidth : string;
|
|
973
1026
|
export const utrechtTextareaLineHeight : string;
|
|
974
1027
|
export const utrechtTextboxBorderBottomWidth : string;
|
|
1028
|
+
export const utrechtTooltipBackgroundColor : string;
|
|
1029
|
+
export const utrechtTooltipBorderColor : string;
|
|
1030
|
+
export const utrechtTooltipBorderRadius : string;
|
|
1031
|
+
export const utrechtTooltipBorderWidth : string;
|
|
1032
|
+
export const utrechtTooltipColor : string;
|
|
1033
|
+
export const utrechtTooltipFontFamily : string;
|
|
1034
|
+
export const utrechtTooltipFontSize : string;
|
|
1035
|
+
export const utrechtTooltipPaddingBlock : string;
|
|
1036
|
+
export const utrechtTooltipPaddingInline : string;
|
|
975
1037
|
export const utrechtToptaskLinkBackgroundColor : string;
|
|
976
1038
|
export const utrechtToptaskLinkColor : string;
|
|
977
1039
|
export const utrechtToptaskLinkFontSize : string;
|
|
@@ -673,6 +673,7 @@
|
|
|
673
673
|
"utrechtHeading6LineHeight": "1.5",
|
|
674
674
|
"utrechtHeadingFontWeight": "700",
|
|
675
675
|
"utrechtIconBaselineInsetBlockStart": "0.125em",
|
|
676
|
+
"utrechtIconCustomMarginInlineEnd": "8px",
|
|
676
677
|
"utrechtIconScale2xl": "30px",
|
|
677
678
|
"utrechtIconScale2xs": "4px",
|
|
678
679
|
"utrechtIconScale3xl": "36px",
|
|
@@ -782,6 +783,58 @@
|
|
|
782
783
|
"utrechtNavBarLinkPaddingBlockStart": "8px",
|
|
783
784
|
"utrechtNavBarLinkPaddingInlineEnd": "16px",
|
|
784
785
|
"utrechtNavBarLinkPaddingInlineStart": "16px",
|
|
786
|
+
"utrechtNavigationBorderBlockEndColor": "transparent",
|
|
787
|
+
"utrechtNavigationBorderBlockEndWidth": "0",
|
|
788
|
+
"utrechtNavigationBorderBlockStartColor": "transparent",
|
|
789
|
+
"utrechtNavigationBorderBlockStartWidth": "0",
|
|
790
|
+
"utrechtNavigationDrawerBackdropBackgroundColor": "rgb(0 0 0 / 30%)",
|
|
791
|
+
"utrechtNavigationDrawerMinInlineSize": "100%",
|
|
792
|
+
"utrechtNavigationDrawerMobileMinInlineSize": "50%",
|
|
793
|
+
"utrechtNavigationItemBorderBlockEndColor": "transparent",
|
|
794
|
+
"utrechtNavigationItemBorderBlockEndWidth": "0",
|
|
795
|
+
"utrechtNavigationItemBorderBlockStartColor": "transparent",
|
|
796
|
+
"utrechtNavigationItemBorderBlockStartWidth": "0",
|
|
797
|
+
"utrechtNavigationItemMobileBorderBlockEndColor": "hsl(0 0% 80%)",
|
|
798
|
+
"utrechtNavigationItemMobileBorderBlockEndWidth": "1px",
|
|
799
|
+
"utrechtNavigationItemMobileBorderBlockStartColor": "hsl(0 0% 80%)",
|
|
800
|
+
"utrechtNavigationItemMobileBorderBlockStartWidth": "1px",
|
|
801
|
+
"utrechtNavigationLinkActiveColor": "hsl(0 0% 100%)",
|
|
802
|
+
"utrechtNavigationLinkActiveFocusColor": "hsl(0 0% 0%)",
|
|
803
|
+
"utrechtNavigationLinkBackgroundColor": "hsl(0 0% 15%)",
|
|
804
|
+
"utrechtNavigationLinkBorderColor": "hsl(0 0% 40%)",
|
|
805
|
+
"utrechtNavigationLinkBorderInlineEndWidth": "1px",
|
|
806
|
+
"utrechtNavigationLinkColor": "hsl(0 0% 100%)",
|
|
807
|
+
"utrechtNavigationLinkFocusBackgroundColor": "hsl(48 100% 80%)",
|
|
808
|
+
"utrechtNavigationLinkFocusColor": "hsl(0 0% 0%)",
|
|
809
|
+
"utrechtNavigationLinkFocusTextDecorationThickness": "3px",
|
|
810
|
+
"utrechtNavigationLinkFontWeight": "400",
|
|
811
|
+
"utrechtNavigationLinkGap": "8px",
|
|
812
|
+
"utrechtNavigationLinkHoverBackgroundColor": "hsl(0 0% 0%)",
|
|
813
|
+
"utrechtNavigationLinkHoverColor": "hsl(0 0% 100%)",
|
|
814
|
+
"utrechtNavigationLinkHoverDecorationThickness": "3px",
|
|
815
|
+
"utrechtNavigationLinkIsCurrentFontWeight": "700",
|
|
816
|
+
"utrechtNavigationLinkMobileBackgroundColor": "hsl(0 0% 100%)",
|
|
817
|
+
"utrechtNavigationLinkMobileColor": "hsl(211 60% 35%)",
|
|
818
|
+
"utrechtNavigationLinkMobileHoverBackgroundColor": "hsl(0 0% 100%)",
|
|
819
|
+
"utrechtNavigationLinkMobileHoverColor": "hsl(211 60% 35%)",
|
|
820
|
+
"utrechtNavigationLinkMobileHoverFontWeight": "700",
|
|
821
|
+
"utrechtNavigationLinkMobileMinBlockSize": "44px",
|
|
822
|
+
"utrechtNavigationLinkMobilePaddingBlockEnd": "8px",
|
|
823
|
+
"utrechtNavigationLinkMobilePaddingBlockStart": "8px",
|
|
824
|
+
"utrechtNavigationLinkMobilePaddingInlineStart": "16px",
|
|
825
|
+
"utrechtNavigationLinkMobileTransitionDuration": "300ms",
|
|
826
|
+
"utrechtNavigationLinkMobileTransitionTimingFunction": "ease-in-out",
|
|
827
|
+
"utrechtNavigationLinkPaddingBlockEnd": "16px",
|
|
828
|
+
"utrechtNavigationLinkPaddingBlockStart": "16px",
|
|
829
|
+
"utrechtNavigationListMobileBackgroundColor": "hsl(0 0% 100%)",
|
|
830
|
+
"utrechtNavigationListMobileInlineSize": "100%",
|
|
831
|
+
"utrechtNavigationListMobilePaddingBlockEnd": "8px",
|
|
832
|
+
"utrechtNavigationListMobilePaddingInlineEnd": "16px",
|
|
833
|
+
"utrechtNavigationListMobilePaddingInlineStart": "16px",
|
|
834
|
+
"utrechtNavigationListSideNavInlineSize": "100%",
|
|
835
|
+
"utrechtNavigationMarkerColor": "hsl(0 0% 80%)",
|
|
836
|
+
"utrechtNavigationToggleButtonOffsetEnd": "16px",
|
|
837
|
+
"utrechtNavigationToggleButtonOffsetStart": "16px",
|
|
785
838
|
"utrechtNumberBadgeBackgroundColor": "hsl(0 100% 40%)",
|
|
786
839
|
"utrechtNumberBadgeBorderRadius": "1rem",
|
|
787
840
|
"utrechtNumberBadgeColor": "hsl(0 0% 100%)",
|
|
@@ -1071,6 +1124,15 @@
|
|
|
1071
1124
|
"utrechtTextareaBorderBottomWidth": "3px",
|
|
1072
1125
|
"utrechtTextareaLineHeight": "1.5",
|
|
1073
1126
|
"utrechtTextboxBorderBottomWidth": "3px",
|
|
1127
|
+
"utrechtTooltipBackgroundColor": "hsl(0 0% 100%)",
|
|
1128
|
+
"utrechtTooltipBorderColor": "hsl(0 0% 40%)",
|
|
1129
|
+
"utrechtTooltipBorderRadius": "0",
|
|
1130
|
+
"utrechtTooltipBorderWidth": "1px",
|
|
1131
|
+
"utrechtTooltipColor": "hsl(0 0% 40%)",
|
|
1132
|
+
"utrechtTooltipFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
|
|
1133
|
+
"utrechtTooltipFontSize": "1rem",
|
|
1134
|
+
"utrechtTooltipPaddingBlock": "8px",
|
|
1135
|
+
"utrechtTooltipPaddingInline": "16px",
|
|
1074
1136
|
"utrechtTopnavLinkBackgroundColor": "hsl(211 60% 40%)",
|
|
1075
1137
|
"utrechtTopnavLinkColor": "hsl(0 0% 100%)",
|
|
1076
1138
|
"utrechtTopnavLinkFocusBackgroundColor": "hsl(48 100% 80%)",
|