@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.
Files changed (53) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/_mixin-theme.scss +53 -0
  3. package/dist/_mixin.scss +53 -0
  4. package/dist/_variables.scss +53 -0
  5. package/dist/dark/_mixin-theme.scss +53 -0
  6. package/dist/dark/_mixin.scss +53 -0
  7. package/dist/dark/_variables.scss +53 -0
  8. package/dist/dark/index.cjs +54 -1
  9. package/dist/dark/index.css +53 -0
  10. package/dist/dark/index.d.ts +54 -1
  11. package/dist/dark/index.flat.json +53 -0
  12. package/dist/dark/index.json +1798 -0
  13. package/dist/dark/index.mjs +54 -1
  14. package/dist/dark/index.tokens.json +472 -10
  15. package/dist/dark/list.json +1798 -0
  16. package/dist/dark/list.mjs +1798 -0
  17. package/dist/dark/property.css +50 -0
  18. package/dist/dark/root.css +53 -0
  19. package/dist/dark/theme-prince-xml.css +53 -0
  20. package/dist/dark/theme.css +53 -0
  21. package/dist/dark/tokens.cjs +2231 -24
  22. package/dist/dark/tokens.d.ts +274 -3
  23. package/dist/dark/tokens.json +2231 -24
  24. package/dist/dark/variables.cjs +54 -1
  25. package/dist/dark/variables.css +53 -0
  26. package/dist/dark/variables.d.ts +54 -1
  27. package/dist/dark/variables.json +53 -0
  28. package/dist/dark/variables.less +53 -0
  29. package/dist/dark/variables.mjs +54 -1
  30. package/dist/index.cjs +54 -1
  31. package/dist/index.css +106 -0
  32. package/dist/index.d.ts +54 -1
  33. package/dist/index.flat.json +53 -0
  34. package/dist/index.json +1798 -0
  35. package/dist/index.mjs +54 -1
  36. package/dist/index.tokens.json +472 -10
  37. package/dist/list.json +1798 -0
  38. package/dist/list.mjs +1798 -0
  39. package/dist/property.css +50 -0
  40. package/dist/root.css +53 -0
  41. package/dist/theme-prince-xml.css +53 -0
  42. package/dist/theme.css +53 -0
  43. package/dist/tokens.cjs +2231 -24
  44. package/dist/tokens.d.ts +274 -3
  45. package/dist/tokens.json +2231 -24
  46. package/dist/variables.cjs +54 -1
  47. package/dist/variables.css +53 -0
  48. package/dist/variables.d.ts +54 -1
  49. package/dist/variables.json +53 -0
  50. package/dist/variables.less +53 -0
  51. package/dist/variables.mjs +54 -1
  52. package/package.json +1 -1
  53. package/src/component/utrecht/navigation.tokens.json +229 -0
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 */
package/dist/dark/index.flat.json CHANGED
@@ -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%)",