@utrecht/design-tokens 3.3.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 +6 -0
- package/dist/_mixin-theme.scss +53 -0
- package/dist/_mixin.scss +53 -0
- package/dist/_variables.scss +53 -0
- package/dist/dark/_mixin-theme.scss +53 -0
- package/dist/dark/_mixin.scss +53 -0
- package/dist/dark/_variables.scss +53 -0
- package/dist/dark/index.cjs +54 -1
- package/dist/dark/index.css +53 -0
- package/dist/dark/index.d.ts +54 -1
- package/dist/dark/index.flat.json +53 -0
- package/dist/dark/index.json +1798 -0
- package/dist/dark/index.mjs +54 -1
- package/dist/dark/index.tokens.json +472 -10
- package/dist/dark/list.json +1798 -0
- package/dist/dark/list.mjs +1798 -0
- package/dist/dark/property.css +50 -0
- package/dist/dark/root.css +53 -0
- package/dist/dark/theme-prince-xml.css +53 -0
- package/dist/dark/theme.css +53 -0
- package/dist/dark/tokens.cjs +2231 -24
- package/dist/dark/tokens.d.ts +274 -3
- package/dist/dark/tokens.json +2231 -24
- package/dist/dark/variables.cjs +54 -1
- package/dist/dark/variables.css +53 -0
- package/dist/dark/variables.d.ts +54 -1
- package/dist/dark/variables.json +53 -0
- package/dist/dark/variables.less +53 -0
- package/dist/dark/variables.mjs +54 -1
- package/dist/index.cjs +54 -1
- package/dist/index.css +106 -0
- package/dist/index.d.ts +54 -1
- package/dist/index.flat.json +53 -0
- package/dist/index.json +1798 -0
- package/dist/index.mjs +54 -1
- package/dist/index.tokens.json +472 -10
- package/dist/list.json +1798 -0
- package/dist/list.mjs +1798 -0
- package/dist/property.css +50 -0
- package/dist/root.css +53 -0
- package/dist/theme-prince-xml.css +53 -0
- package/dist/theme.css +53 -0
- package/dist/tokens.cjs +2231 -24
- package/dist/tokens.d.ts +274 -3
- package/dist/tokens.json +2231 -24
- package/dist/variables.cjs +54 -1
- package/dist/variables.css +53 -0
- package/dist/variables.d.ts +54 -1
- package/dist/variables.json +53 -0
- package/dist/variables.less +53 -0
- package/dist/variables.mjs +54 -1
- package/package.json +1 -1
- package/src/component/utrecht/navigation.tokens.json +229 -0
package/dist/index.css
CHANGED
|
@@ -220,6 +220,30 @@
|
|
|
220
220
|
--utrecht-ordered-list-margin-block-start: 0;
|
|
221
221
|
--utrecht-number-data-negative-color: red;
|
|
222
222
|
--utrecht-number-data-positive-color: green;
|
|
223
|
+
--utrecht-navigation-toggle-button-offset-start: 16px;
|
|
224
|
+
--utrecht-navigation-toggle-button-offset-end: 16px;
|
|
225
|
+
--utrecht-navigation-list-side-nav-inline-size: 100%;
|
|
226
|
+
--utrecht-navigation-list-mobile-inline-size: 100%;
|
|
227
|
+
--utrecht-navigation-link-mobile-transition-timing-function: ease-in-out;
|
|
228
|
+
--utrecht-navigation-link-mobile-transition-duration: 300ms;
|
|
229
|
+
--utrecht-navigation-link-mobile-min-block-size: 44px;
|
|
230
|
+
--utrecht-navigation-link-hover-decoration-thickness: 3px;
|
|
231
|
+
--utrecht-navigation-link-gap: 8px;
|
|
232
|
+
--utrecht-navigation-link-focus-text-decoration-thickness: 3px;
|
|
233
|
+
--utrecht-navigation-link-border-inline-end-width: 1px;
|
|
234
|
+
--utrecht-navigation-item-mobile-border-block-start-width: 1px;
|
|
235
|
+
--utrecht-navigation-item-mobile-border-block-end-width: 1px;
|
|
236
|
+
--utrecht-navigation-item-border-block-start-width: 0;
|
|
237
|
+
--utrecht-navigation-item-border-block-start-color: transparent;
|
|
238
|
+
--utrecht-navigation-item-border-block-end-width: 0;
|
|
239
|
+
--utrecht-navigation-item-border-block-end-color: transparent;
|
|
240
|
+
--utrecht-navigation-drawer-min-inline-size: 100%;
|
|
241
|
+
--utrecht-navigation-drawer-backdrop-background-color: rgb(0 0 0 / 30%);
|
|
242
|
+
--utrecht-navigation-drawer-mobile-min-inline-size: 50%;
|
|
243
|
+
--utrecht-navigation-border-block-start-width: 0;
|
|
244
|
+
--utrecht-navigation-border-block-start-color: transparent;
|
|
245
|
+
--utrecht-navigation-border-block-end-width: 0;
|
|
246
|
+
--utrecht-navigation-border-block-end-color: transparent;
|
|
223
247
|
--utrecht-topnav-link-focus-text-decoration: none;
|
|
224
248
|
--utrecht-topnav-link-focus-border-type: dotted;
|
|
225
249
|
--utrecht-mapcontrolbutton-margin-inline-start: 0;
|
|
@@ -650,6 +674,34 @@
|
|
|
650
674
|
--utrecht-page-body-content-background-color: var(--utrecht-color-white);
|
|
651
675
|
--utrecht-number-badge-padding-inline: var(--nl-number-badge-padding-inline); /* Default inline padding color for badge components */
|
|
652
676
|
--utrecht-number-badge-padding-block: var(--nl-number-badge-padding-block); /* Default block padding for badge components */
|
|
677
|
+
--utrecht-navigation-marker-color: var(--utrecht-color-grey-80);
|
|
678
|
+
--utrecht-navigation-list-mobile-padding-inline-start: var(--utrecht-space-inline-md);
|
|
679
|
+
--utrecht-navigation-list-mobile-padding-inline-end: var(--utrecht-space-inline-md);
|
|
680
|
+
--utrecht-navigation-list-mobile-padding-block-end: var(--utrecht-space-block-xs);
|
|
681
|
+
--utrecht-navigation-list-mobile-background-color: var(--utrecht-color-white);
|
|
682
|
+
--utrecht-navigation-link-padding-block-start: var(--utrecht-space-block-md);
|
|
683
|
+
--utrecht-navigation-link-padding-block-end: var(--utrecht-space-block-md);
|
|
684
|
+
--utrecht-navigation-link-mobile-padding-inline-start: var(--utrecht-space-inline-md);
|
|
685
|
+
--utrecht-navigation-link-mobile-padding-block-start: var(--utrecht-space-block-xs);
|
|
686
|
+
--utrecht-navigation-link-mobile-padding-block-end: var(--utrecht-space-block-xs);
|
|
687
|
+
--utrecht-navigation-link-mobile-hover-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
|
|
688
|
+
--utrecht-navigation-link-mobile-hover-color: var(--utrecht-color-blue-35);
|
|
689
|
+
--utrecht-navigation-link-mobile-hover-background-color: var(--utrecht-color-white);
|
|
690
|
+
--utrecht-navigation-link-mobile-color: var(--utrecht-color-blue-35);
|
|
691
|
+
--utrecht-navigation-link-mobile-background-color: var(--utrecht-color-white);
|
|
692
|
+
--utrecht-navigation-link-is-current-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
|
|
693
|
+
--utrecht-navigation-link-hover-color: var(--utrecht-color-white);
|
|
694
|
+
--utrecht-navigation-link-hover-background-color: var(--utrecht-color-black);
|
|
695
|
+
--utrecht-navigation-link-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
|
|
696
|
+
--utrecht-navigation-link-focus-background-color: var(--utrecht-color-yellow-80);
|
|
697
|
+
--utrecht-navigation-link-focus-color: var(--utrecht-color-black);
|
|
698
|
+
--utrecht-navigation-link-color: var(--utrecht-color-white);
|
|
699
|
+
--utrecht-navigation-link-border-color: var(--utrecht-color-grey-40);
|
|
700
|
+
--utrecht-navigation-link-background-color: var(--utrecht-color-grey-15);
|
|
701
|
+
--utrecht-navigation-link-active-focus-color: var(--utrecht-color-black);
|
|
702
|
+
--utrecht-navigation-link-active-color: var(--utrecht-color-white);
|
|
703
|
+
--utrecht-navigation-item-mobile-border-block-start-color: var(--utrecht-color-grey-80);
|
|
704
|
+
--utrecht-navigation-item-mobile-border-block-end-color: var(--utrecht-color-grey-80);
|
|
653
705
|
--utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
|
|
654
706
|
--utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
|
|
655
707
|
--utrecht-topnav-link-focus-background-color: var(--utrecht-color-yellow-80);
|
|
@@ -728,6 +780,7 @@
|
|
|
728
780
|
--utrecht-index-char-nav-gap: var(--utrecht-space-column-sm);
|
|
729
781
|
--utrecht-index-char-nav-margin-block-end: var(--utrecht-space-block-md);
|
|
730
782
|
--utrecht-index-char-nav-margin-block-start: var(--utrecht-space-block-lg);
|
|
783
|
+
--utrecht-icon-custom-margin-inline-end: var(--utrecht-space-inline-xs);
|
|
731
784
|
--utrecht-heading-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
|
|
732
785
|
--utrecht-form-toggle-focus-border-color: var(--utrecht-color-black);
|
|
733
786
|
--utrecht-form-toggle-checked-accent-color: var(--utrecht-color-blue-35);
|
|
@@ -1351,6 +1404,30 @@
|
|
|
1351
1404
|
--utrecht-ordered-list-margin-block-start: 0;
|
|
1352
1405
|
--utrecht-number-data-negative-color: red;
|
|
1353
1406
|
--utrecht-number-data-positive-color: green;
|
|
1407
|
+
--utrecht-navigation-toggle-button-offset-start: 16px;
|
|
1408
|
+
--utrecht-navigation-toggle-button-offset-end: 16px;
|
|
1409
|
+
--utrecht-navigation-list-side-nav-inline-size: 100%;
|
|
1410
|
+
--utrecht-navigation-list-mobile-inline-size: 100%;
|
|
1411
|
+
--utrecht-navigation-link-mobile-transition-timing-function: ease-in-out;
|
|
1412
|
+
--utrecht-navigation-link-mobile-transition-duration: 300ms;
|
|
1413
|
+
--utrecht-navigation-link-mobile-min-block-size: 44px;
|
|
1414
|
+
--utrecht-navigation-link-hover-decoration-thickness: 3px;
|
|
1415
|
+
--utrecht-navigation-link-gap: 8px;
|
|
1416
|
+
--utrecht-navigation-link-focus-text-decoration-thickness: 3px;
|
|
1417
|
+
--utrecht-navigation-link-border-inline-end-width: 1px;
|
|
1418
|
+
--utrecht-navigation-item-mobile-border-block-start-width: 1px;
|
|
1419
|
+
--utrecht-navigation-item-mobile-border-block-end-width: 1px;
|
|
1420
|
+
--utrecht-navigation-item-border-block-start-width: 0;
|
|
1421
|
+
--utrecht-navigation-item-border-block-start-color: transparent;
|
|
1422
|
+
--utrecht-navigation-item-border-block-end-width: 0;
|
|
1423
|
+
--utrecht-navigation-item-border-block-end-color: transparent;
|
|
1424
|
+
--utrecht-navigation-drawer-min-inline-size: 100%;
|
|
1425
|
+
--utrecht-navigation-drawer-backdrop-background-color: rgb(0 0 0 / 30%);
|
|
1426
|
+
--utrecht-navigation-drawer-mobile-min-inline-size: 50%;
|
|
1427
|
+
--utrecht-navigation-border-block-start-width: 0;
|
|
1428
|
+
--utrecht-navigation-border-block-start-color: transparent;
|
|
1429
|
+
--utrecht-navigation-border-block-end-width: 0;
|
|
1430
|
+
--utrecht-navigation-border-block-end-color: transparent;
|
|
1354
1431
|
--utrecht-topnav-link-focus-text-decoration: none;
|
|
1355
1432
|
--utrecht-topnav-link-focus-border-type: dotted;
|
|
1356
1433
|
--utrecht-mapcontrolbutton-margin-inline-start: 0;
|
|
@@ -1785,6 +1862,34 @@
|
|
|
1785
1862
|
--utrecht-page-body-content-background-color: var(--utrecht-color-white);
|
|
1786
1863
|
--utrecht-number-badge-padding-inline: var(--nl-number-badge-padding-inline); /* Default inline padding color for badge components */
|
|
1787
1864
|
--utrecht-number-badge-padding-block: var(--nl-number-badge-padding-block); /* Default block padding for badge components */
|
|
1865
|
+
--utrecht-navigation-marker-color: var(--utrecht-color-grey-80);
|
|
1866
|
+
--utrecht-navigation-list-mobile-padding-inline-start: var(--utrecht-space-inline-md);
|
|
1867
|
+
--utrecht-navigation-list-mobile-padding-inline-end: var(--utrecht-space-inline-md);
|
|
1868
|
+
--utrecht-navigation-list-mobile-padding-block-end: var(--utrecht-space-block-xs);
|
|
1869
|
+
--utrecht-navigation-list-mobile-background-color: var(--utrecht-color-white);
|
|
1870
|
+
--utrecht-navigation-link-padding-block-start: var(--utrecht-space-block-md);
|
|
1871
|
+
--utrecht-navigation-link-padding-block-end: var(--utrecht-space-block-md);
|
|
1872
|
+
--utrecht-navigation-link-mobile-padding-inline-start: var(--utrecht-space-inline-md);
|
|
1873
|
+
--utrecht-navigation-link-mobile-padding-block-start: var(--utrecht-space-block-xs);
|
|
1874
|
+
--utrecht-navigation-link-mobile-padding-block-end: var(--utrecht-space-block-xs);
|
|
1875
|
+
--utrecht-navigation-link-mobile-hover-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
|
|
1876
|
+
--utrecht-navigation-link-mobile-hover-color: var(--utrecht-color-blue-35);
|
|
1877
|
+
--utrecht-navigation-link-mobile-hover-background-color: var(--utrecht-color-white);
|
|
1878
|
+
--utrecht-navigation-link-mobile-color: var(--utrecht-color-blue-35);
|
|
1879
|
+
--utrecht-navigation-link-mobile-background-color: var(--utrecht-color-white);
|
|
1880
|
+
--utrecht-navigation-link-is-current-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
|
|
1881
|
+
--utrecht-navigation-link-hover-color: var(--utrecht-color-white);
|
|
1882
|
+
--utrecht-navigation-link-hover-background-color: var(--utrecht-color-black);
|
|
1883
|
+
--utrecht-navigation-link-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
|
|
1884
|
+
--utrecht-navigation-link-focus-background-color: var(--utrecht-color-yellow-80);
|
|
1885
|
+
--utrecht-navigation-link-focus-color: var(--utrecht-color-black);
|
|
1886
|
+
--utrecht-navigation-link-color: var(--utrecht-color-white);
|
|
1887
|
+
--utrecht-navigation-link-border-color: var(--utrecht-color-grey-40);
|
|
1888
|
+
--utrecht-navigation-link-background-color: var(--utrecht-color-grey-15);
|
|
1889
|
+
--utrecht-navigation-link-active-focus-color: var(--utrecht-color-black);
|
|
1890
|
+
--utrecht-navigation-link-active-color: var(--utrecht-color-white);
|
|
1891
|
+
--utrecht-navigation-item-mobile-border-block-start-color: var(--utrecht-color-grey-80);
|
|
1892
|
+
--utrecht-navigation-item-mobile-border-block-end-color: var(--utrecht-color-grey-80);
|
|
1788
1893
|
--utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
|
|
1789
1894
|
--utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
|
|
1790
1895
|
--utrecht-topnav-link-focus-background-color: var(--utrecht-color-yellow-80);
|
|
@@ -1863,6 +1968,7 @@
|
|
|
1863
1968
|
--utrecht-index-char-nav-gap: var(--utrecht-space-column-sm);
|
|
1864
1969
|
--utrecht-index-char-nav-margin-block-end: var(--utrecht-space-block-md);
|
|
1865
1970
|
--utrecht-index-char-nav-margin-block-start: var(--utrecht-space-block-lg);
|
|
1971
|
+
--utrecht-icon-custom-margin-inline-end: var(--utrecht-space-inline-xs);
|
|
1866
1972
|
--utrecht-heading-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
|
|
1867
1973
|
--utrecht-form-toggle-focus-border-color: var(--utrecht-color-black);
|
|
1868
1974
|
--utrecht-form-toggle-checked-accent-color: var(--utrecht-color-blue-35);
|
package/dist/index.d.ts
CHANGED
|
@@ -116,8 +116,8 @@ export const utrechtBreadcrumbNavLinkFocusTextDecoration : string;
|
|
|
116
116
|
export const utrechtBreadcrumbNavLinkHoverColor : string;
|
|
117
117
|
export const utrechtBreadcrumbNavLinkHoverTextDecoration : string;
|
|
118
118
|
export const utrechtBreadcrumbNavLinkDisabledColor : string;
|
|
119
|
-
export const utrechtBreadcrumbNavLinkTextDecoration : string;
|
|
120
119
|
export const utrechtBreadcrumbNavLinkIconSize : string;
|
|
120
|
+
export const utrechtBreadcrumbNavLinkTextDecoration : string;
|
|
121
121
|
export const utrechtBreadcrumbNavSeparatorColor : string;
|
|
122
122
|
export const utrechtBreadcrumbNavSeparatorIconSize : string;
|
|
123
123
|
export const utrechtBreadcrumbNavArrowsLinkBackgroundColor : string;
|
|
@@ -620,6 +620,7 @@ export const utrechtHeading6LineHeight : string;
|
|
|
620
620
|
export const utrechtHeadingFontWeight : string;
|
|
621
621
|
export const utrechtIconSize : string;
|
|
622
622
|
export const utrechtIconBaselineInsetBlockStart : string;
|
|
623
|
+
export const utrechtIconCustomMarginInlineEnd : string;
|
|
623
624
|
export const utrechtIndexCharNavMarginBlockStart : string;
|
|
624
625
|
export const utrechtIndexCharNavMarginBlockEnd : string;
|
|
625
626
|
export const utrechtIndexCharNavGap : string;
|
|
@@ -736,6 +737,58 @@ export const utrechtTopnavLinkFocusTextDecoration : string;
|
|
|
736
737
|
export const utrechtTopnavLinkFocusBackgroundColor : string;
|
|
737
738
|
export const utrechtTopnavLinkFocusOutlineColor : string;
|
|
738
739
|
export const utrechtTopnavLinkHoverBackgroundColor : string;
|
|
740
|
+
export const utrechtNavigationBorderBlockEndColor : string;
|
|
741
|
+
export const utrechtNavigationBorderBlockEndWidth : string;
|
|
742
|
+
export const utrechtNavigationBorderBlockStartColor : string;
|
|
743
|
+
export const utrechtNavigationBorderBlockStartWidth : string;
|
|
744
|
+
export const utrechtNavigationDrawerMobileMinInlineSize : string;
|
|
745
|
+
export const utrechtNavigationDrawerBackdropBackgroundColor : string;
|
|
746
|
+
export const utrechtNavigationDrawerMinInlineSize : string;
|
|
747
|
+
export const utrechtNavigationItemBorderBlockEndColor : string;
|
|
748
|
+
export const utrechtNavigationItemBorderBlockEndWidth : string;
|
|
749
|
+
export const utrechtNavigationItemBorderBlockStartColor : string;
|
|
750
|
+
export const utrechtNavigationItemBorderBlockStartWidth : string;
|
|
751
|
+
export const utrechtNavigationItemMobileBorderBlockEndColor : string;
|
|
752
|
+
export const utrechtNavigationItemMobileBorderBlockEndWidth : string;
|
|
753
|
+
export const utrechtNavigationItemMobileBorderBlockStartColor : string;
|
|
754
|
+
export const utrechtNavigationItemMobileBorderBlockStartWidth : string;
|
|
755
|
+
export const utrechtNavigationLinkActiveColor : string;
|
|
756
|
+
export const utrechtNavigationLinkActiveFocusColor : string;
|
|
757
|
+
export const utrechtNavigationLinkBackgroundColor : string;
|
|
758
|
+
export const utrechtNavigationLinkBorderColor : string;
|
|
759
|
+
export const utrechtNavigationLinkBorderInlineEndWidth : string;
|
|
760
|
+
export const utrechtNavigationLinkColor : string;
|
|
761
|
+
export const utrechtNavigationLinkFocusColor : string;
|
|
762
|
+
export const utrechtNavigationLinkFocusTextDecorationThickness : string;
|
|
763
|
+
export const utrechtNavigationLinkFocusBackgroundColor : string;
|
|
764
|
+
export const utrechtNavigationLinkFontWeight : string;
|
|
765
|
+
export const utrechtNavigationLinkGap : string;
|
|
766
|
+
export const utrechtNavigationLinkHoverBackgroundColor : string;
|
|
767
|
+
export const utrechtNavigationLinkHoverColor : string;
|
|
768
|
+
export const utrechtNavigationLinkHoverDecorationThickness : string;
|
|
769
|
+
export const utrechtNavigationLinkIsCurrentFontWeight : string;
|
|
770
|
+
export const utrechtNavigationLinkMobileBackgroundColor : string;
|
|
771
|
+
export const utrechtNavigationLinkMobileColor : string;
|
|
772
|
+
export const utrechtNavigationLinkMobileHoverBackgroundColor : string;
|
|
773
|
+
export const utrechtNavigationLinkMobileHoverColor : string;
|
|
774
|
+
export const utrechtNavigationLinkMobileHoverFontWeight : string;
|
|
775
|
+
export const utrechtNavigationLinkMobileMinBlockSize : string;
|
|
776
|
+
export const utrechtNavigationLinkMobilePaddingBlockEnd : string;
|
|
777
|
+
export const utrechtNavigationLinkMobilePaddingBlockStart : string;
|
|
778
|
+
export const utrechtNavigationLinkMobilePaddingInlineStart : string;
|
|
779
|
+
export const utrechtNavigationLinkMobileTransitionDuration : string;
|
|
780
|
+
export const utrechtNavigationLinkMobileTransitionTimingFunction : string;
|
|
781
|
+
export const utrechtNavigationLinkPaddingBlockEnd : string;
|
|
782
|
+
export const utrechtNavigationLinkPaddingBlockStart : string;
|
|
783
|
+
export const utrechtNavigationListMobileBackgroundColor : string;
|
|
784
|
+
export const utrechtNavigationListMobileInlineSize : string;
|
|
785
|
+
export const utrechtNavigationListMobilePaddingBlockEnd : string;
|
|
786
|
+
export const utrechtNavigationListMobilePaddingInlineEnd : string;
|
|
787
|
+
export const utrechtNavigationListMobilePaddingInlineStart : string;
|
|
788
|
+
export const utrechtNavigationListSideNavInlineSize : string;
|
|
789
|
+
export const utrechtNavigationMarkerColor : string;
|
|
790
|
+
export const utrechtNavigationToggleButtonOffsetEnd : string;
|
|
791
|
+
export const utrechtNavigationToggleButtonOffsetStart : string;
|
|
739
792
|
export const utrechtNumberBadgeBackgroundColor : string;
|
|
740
793
|
export const utrechtNumberBadgeBorderRadius : string;
|
|
741
794
|
/** Default text color for badge components */
|
package/dist/index.flat.json
CHANGED
|
@@ -664,6 +664,7 @@
|
|
|
664
664
|
"utrechtHeading6LineHeight": "1.5",
|
|
665
665
|
"utrechtHeadingFontWeight": "700",
|
|
666
666
|
"utrechtIconBaselineInsetBlockStart": "0.125em",
|
|
667
|
+
"utrechtIconCustomMarginInlineEnd": "8px",
|
|
667
668
|
"utrechtIconScale2xl": "30px",
|
|
668
669
|
"utrechtIconScale2xs": "4px",
|
|
669
670
|
"utrechtIconScale3xl": "36px",
|
|
@@ -773,6 +774,58 @@
|
|
|
773
774
|
"utrechtNavBarLinkPaddingBlockStart": "8px",
|
|
774
775
|
"utrechtNavBarLinkPaddingInlineEnd": "16px",
|
|
775
776
|
"utrechtNavBarLinkPaddingInlineStart": "16px",
|
|
777
|
+
"utrechtNavigationBorderBlockEndColor": "transparent",
|
|
778
|
+
"utrechtNavigationBorderBlockEndWidth": "0",
|
|
779
|
+
"utrechtNavigationBorderBlockStartColor": "transparent",
|
|
780
|
+
"utrechtNavigationBorderBlockStartWidth": "0",
|
|
781
|
+
"utrechtNavigationDrawerBackdropBackgroundColor": "rgb(0 0 0 / 30%)",
|
|
782
|
+
"utrechtNavigationDrawerMinInlineSize": "100%",
|
|
783
|
+
"utrechtNavigationDrawerMobileMinInlineSize": "50%",
|
|
784
|
+
"utrechtNavigationItemBorderBlockEndColor": "transparent",
|
|
785
|
+
"utrechtNavigationItemBorderBlockEndWidth": "0",
|
|
786
|
+
"utrechtNavigationItemBorderBlockStartColor": "transparent",
|
|
787
|
+
"utrechtNavigationItemBorderBlockStartWidth": "0",
|
|
788
|
+
"utrechtNavigationItemMobileBorderBlockEndColor": "hsl(0 0% 80%)",
|
|
789
|
+
"utrechtNavigationItemMobileBorderBlockEndWidth": "1px",
|
|
790
|
+
"utrechtNavigationItemMobileBorderBlockStartColor": "hsl(0 0% 80%)",
|
|
791
|
+
"utrechtNavigationItemMobileBorderBlockStartWidth": "1px",
|
|
792
|
+
"utrechtNavigationLinkActiveColor": "hsl(0 0% 100%)",
|
|
793
|
+
"utrechtNavigationLinkActiveFocusColor": "hsl(0 0% 0%)",
|
|
794
|
+
"utrechtNavigationLinkBackgroundColor": "hsl(0 0% 15%)",
|
|
795
|
+
"utrechtNavigationLinkBorderColor": "hsl(0 0% 40%)",
|
|
796
|
+
"utrechtNavigationLinkBorderInlineEndWidth": "1px",
|
|
797
|
+
"utrechtNavigationLinkColor": "hsl(0 0% 100%)",
|
|
798
|
+
"utrechtNavigationLinkFocusBackgroundColor": "hsl(48 100% 80%)",
|
|
799
|
+
"utrechtNavigationLinkFocusColor": "hsl(0 0% 0%)",
|
|
800
|
+
"utrechtNavigationLinkFocusTextDecorationThickness": "3px",
|
|
801
|
+
"utrechtNavigationLinkFontWeight": "400",
|
|
802
|
+
"utrechtNavigationLinkGap": "8px",
|
|
803
|
+
"utrechtNavigationLinkHoverBackgroundColor": "hsl(0 0% 0%)",
|
|
804
|
+
"utrechtNavigationLinkHoverColor": "hsl(0 0% 100%)",
|
|
805
|
+
"utrechtNavigationLinkHoverDecorationThickness": "3px",
|
|
806
|
+
"utrechtNavigationLinkIsCurrentFontWeight": "700",
|
|
807
|
+
"utrechtNavigationLinkMobileBackgroundColor": "hsl(0 0% 100%)",
|
|
808
|
+
"utrechtNavigationLinkMobileColor": "hsl(211 60% 35%)",
|
|
809
|
+
"utrechtNavigationLinkMobileHoverBackgroundColor": "hsl(0 0% 100%)",
|
|
810
|
+
"utrechtNavigationLinkMobileHoverColor": "hsl(211 60% 35%)",
|
|
811
|
+
"utrechtNavigationLinkMobileHoverFontWeight": "700",
|
|
812
|
+
"utrechtNavigationLinkMobileMinBlockSize": "44px",
|
|
813
|
+
"utrechtNavigationLinkMobilePaddingBlockEnd": "8px",
|
|
814
|
+
"utrechtNavigationLinkMobilePaddingBlockStart": "8px",
|
|
815
|
+
"utrechtNavigationLinkMobilePaddingInlineStart": "16px",
|
|
816
|
+
"utrechtNavigationLinkMobileTransitionDuration": "300ms",
|
|
817
|
+
"utrechtNavigationLinkMobileTransitionTimingFunction": "ease-in-out",
|
|
818
|
+
"utrechtNavigationLinkPaddingBlockEnd": "16px",
|
|
819
|
+
"utrechtNavigationLinkPaddingBlockStart": "16px",
|
|
820
|
+
"utrechtNavigationListMobileBackgroundColor": "hsl(0 0% 100%)",
|
|
821
|
+
"utrechtNavigationListMobileInlineSize": "100%",
|
|
822
|
+
"utrechtNavigationListMobilePaddingBlockEnd": "8px",
|
|
823
|
+
"utrechtNavigationListMobilePaddingInlineEnd": "16px",
|
|
824
|
+
"utrechtNavigationListMobilePaddingInlineStart": "16px",
|
|
825
|
+
"utrechtNavigationListSideNavInlineSize": "100%",
|
|
826
|
+
"utrechtNavigationMarkerColor": "hsl(0 0% 80%)",
|
|
827
|
+
"utrechtNavigationToggleButtonOffsetEnd": "16px",
|
|
828
|
+
"utrechtNavigationToggleButtonOffsetStart": "16px",
|
|
776
829
|
"utrechtNumberBadgeBackgroundColor": "hsl(0 100% 40%)",
|
|
777
830
|
"utrechtNumberBadgeBorderRadius": "1rem",
|
|
778
831
|
"utrechtNumberBadgeColor": "hsl(0 0% 100%)",
|