@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.
Files changed (54) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/_mixin-theme.scss +62 -0
  3. package/dist/_mixin.scss +62 -0
  4. package/dist/_variables.scss +62 -0
  5. package/dist/dark/_mixin-theme.scss +62 -0
  6. package/dist/dark/_mixin.scss +62 -0
  7. package/dist/dark/_variables.scss +62 -0
  8. package/dist/dark/index.cjs +63 -1
  9. package/dist/dark/index.css +62 -0
  10. package/dist/dark/index.d.ts +63 -1
  11. package/dist/dark/index.flat.json +62 -0
  12. package/dist/dark/index.json +5634 -3521
  13. package/dist/dark/index.mjs +63 -1
  14. package/dist/dark/index.tokens.json +558 -10
  15. package/dist/dark/list.json +5634 -3521
  16. package/dist/dark/list.mjs +5634 -3521
  17. package/dist/dark/property.css +58 -0
  18. package/dist/dark/root.css +62 -0
  19. package/dist/dark/theme-prince-xml.css +62 -0
  20. package/dist/dark/theme.css +62 -0
  21. package/dist/dark/tokens.cjs +2623 -24
  22. package/dist/dark/tokens.d.ts +324 -3
  23. package/dist/dark/tokens.json +2623 -24
  24. package/dist/dark/variables.cjs +63 -1
  25. package/dist/dark/variables.css +62 -0
  26. package/dist/dark/variables.d.ts +63 -1
  27. package/dist/dark/variables.json +62 -0
  28. package/dist/dark/variables.less +62 -0
  29. package/dist/dark/variables.mjs +63 -1
  30. package/dist/index.cjs +63 -1
  31. package/dist/index.css +124 -0
  32. package/dist/index.d.ts +63 -1
  33. package/dist/index.flat.json +62 -0
  34. package/dist/index.json +5650 -3537
  35. package/dist/index.mjs +63 -1
  36. package/dist/index.tokens.json +558 -10
  37. package/dist/list.json +5650 -3537
  38. package/dist/list.mjs +5650 -3537
  39. package/dist/property.css +58 -0
  40. package/dist/root.css +62 -0
  41. package/dist/theme-prince-xml.css +62 -0
  42. package/dist/theme.css +62 -0
  43. package/dist/tokens.cjs +2623 -24
  44. package/dist/tokens.d.ts +324 -3
  45. package/dist/tokens.json +2623 -24
  46. package/dist/variables.cjs +63 -1
  47. package/dist/variables.css +62 -0
  48. package/dist/variables.d.ts +63 -1
  49. package/dist/variables.json +62 -0
  50. package/dist/variables.less +62 -0
  51. package/dist/variables.mjs +63 -1
  52. package/package.json +1 -1
  53. package/src/component/utrecht/navigation.tokens.json +229 -0
  54. package/src/component/utrecht/tooltip.tokens.json +15 -0
package/dist/index.mjs CHANGED
@@ -106,8 +106,8 @@ export const utrechtBreadcrumbNavLinkFocusTextDecoration = "underline";
106
106
  export const utrechtBreadcrumbNavLinkHoverColor = "hsl(211 60% 40%)";
107
107
  export const utrechtBreadcrumbNavLinkHoverTextDecoration = "underline";
108
108
  export const utrechtBreadcrumbNavLinkDisabledColor = "hsl(0 0% 40%)";
109
- export const utrechtBreadcrumbNavLinkTextDecoration = "none";
110
109
  export const utrechtBreadcrumbNavLinkIconSize = "16px";
110
+ export const utrechtBreadcrumbNavLinkTextDecoration = "none";
111
111
  export const utrechtBreadcrumbNavSeparatorColor = "hsl(211 60% 35%)";
112
112
  export const utrechtBreadcrumbNavSeparatorIconSize = "0.875rem";
113
113
  export const utrechtBreadcrumbNavArrowsLinkBackgroundColor = "hsl(0 0% 90%)";
@@ -556,6 +556,7 @@ export const utrechtHeading6LineHeight = "1.5";
556
556
  export const utrechtHeadingFontWeight = "700";
557
557
  export const utrechtIconSize = "48px";
558
558
  export const utrechtIconBaselineInsetBlockStart = "0.125em";
559
+ export const utrechtIconCustomMarginInlineEnd = "8px";
559
560
  export const utrechtIndexCharNavMarginBlockStart = "20px";
560
561
  export const utrechtIndexCharNavMarginBlockEnd = "16px";
561
562
  export const utrechtIndexCharNavGap = "12px";
@@ -672,6 +673,58 @@ export const utrechtTopnavLinkFocusTextDecoration = "none";
672
673
  export const utrechtTopnavLinkFocusBackgroundColor = "hsl(48 100% 80%)";
673
674
  export const utrechtTopnavLinkFocusOutlineColor = "hsl(0 0% 0%)";
674
675
  export const utrechtTopnavLinkHoverBackgroundColor = "hsl(0 0% 0%)";
676
+ export const utrechtNavigationBorderBlockEndColor = "transparent";
677
+ export const utrechtNavigationBorderBlockEndWidth = "0";
678
+ export const utrechtNavigationBorderBlockStartColor = "transparent";
679
+ export const utrechtNavigationBorderBlockStartWidth = "0";
680
+ export const utrechtNavigationDrawerMobileMinInlineSize = "50%";
681
+ export const utrechtNavigationDrawerBackdropBackgroundColor = "rgb(0 0 0 / 30%)";
682
+ export const utrechtNavigationDrawerMinInlineSize = "100%";
683
+ export const utrechtNavigationItemBorderBlockEndColor = "transparent";
684
+ export const utrechtNavigationItemBorderBlockEndWidth = "0";
685
+ export const utrechtNavigationItemBorderBlockStartColor = "transparent";
686
+ export const utrechtNavigationItemBorderBlockStartWidth = "0";
687
+ export const utrechtNavigationItemMobileBorderBlockEndColor = "hsl(0 0% 80%)";
688
+ export const utrechtNavigationItemMobileBorderBlockEndWidth = "1px";
689
+ export const utrechtNavigationItemMobileBorderBlockStartColor = "hsl(0 0% 80%)";
690
+ export const utrechtNavigationItemMobileBorderBlockStartWidth = "1px";
691
+ export const utrechtNavigationLinkActiveColor = "hsl(0 0% 100%)";
692
+ export const utrechtNavigationLinkActiveFocusColor = "hsl(0 0% 0%)";
693
+ export const utrechtNavigationLinkBackgroundColor = "hsl(0 0% 15%)";
694
+ export const utrechtNavigationLinkBorderColor = "hsl(0 0% 40%)";
695
+ export const utrechtNavigationLinkBorderInlineEndWidth = "1px";
696
+ export const utrechtNavigationLinkColor = "hsl(0 0% 100%)";
697
+ export const utrechtNavigationLinkFocusColor = "hsl(0 0% 0%)";
698
+ export const utrechtNavigationLinkFocusTextDecorationThickness = "3px";
699
+ export const utrechtNavigationLinkFocusBackgroundColor = "hsl(48 100% 80%)";
700
+ export const utrechtNavigationLinkFontWeight = "400";
701
+ export const utrechtNavigationLinkGap = "8px";
702
+ export const utrechtNavigationLinkHoverBackgroundColor = "hsl(0 0% 0%)";
703
+ export const utrechtNavigationLinkHoverColor = "hsl(0 0% 100%)";
704
+ export const utrechtNavigationLinkHoverDecorationThickness = "3px";
705
+ export const utrechtNavigationLinkIsCurrentFontWeight = "700";
706
+ export const utrechtNavigationLinkMobileBackgroundColor = "hsl(0 0% 100%)";
707
+ export const utrechtNavigationLinkMobileColor = "hsl(211 60% 35%)";
708
+ export const utrechtNavigationLinkMobileHoverBackgroundColor = "hsl(0 0% 100%)";
709
+ export const utrechtNavigationLinkMobileHoverColor = "hsl(211 60% 35%)";
710
+ export const utrechtNavigationLinkMobileHoverFontWeight = "700";
711
+ export const utrechtNavigationLinkMobileMinBlockSize = "44px";
712
+ export const utrechtNavigationLinkMobilePaddingBlockEnd = "8px";
713
+ export const utrechtNavigationLinkMobilePaddingBlockStart = "8px";
714
+ export const utrechtNavigationLinkMobilePaddingInlineStart = "16px";
715
+ export const utrechtNavigationLinkMobileTransitionDuration = "300ms";
716
+ export const utrechtNavigationLinkMobileTransitionTimingFunction = "ease-in-out";
717
+ export const utrechtNavigationLinkPaddingBlockEnd = "16px";
718
+ export const utrechtNavigationLinkPaddingBlockStart = "16px";
719
+ export const utrechtNavigationListMobileBackgroundColor = "hsl(0 0% 100%)";
720
+ export const utrechtNavigationListMobileInlineSize = "100%";
721
+ export const utrechtNavigationListMobilePaddingBlockEnd = "8px";
722
+ export const utrechtNavigationListMobilePaddingInlineEnd = "16px";
723
+ export const utrechtNavigationListMobilePaddingInlineStart = "16px";
724
+ export const utrechtNavigationListSideNavInlineSize = "100%";
725
+ export const utrechtNavigationMarkerColor = "hsl(0 0% 80%)";
726
+ export const utrechtNavigationToggleButtonOffsetEnd = "16px";
727
+ export const utrechtNavigationToggleButtonOffsetStart = "16px";
675
728
  export const utrechtNumberBadgeBackgroundColor = "hsl(0 100% 40%)";
676
729
  export const utrechtNumberBadgeBorderRadius = "1rem";
677
730
  export const utrechtNumberBadgeColor = "hsl(0 0% 100%)"; // Default text color for badge components
@@ -894,6 +947,15 @@ export const utrechtTextareaBorderBlockEndWidth = "3px";
894
947
  export const utrechtTextareaBorderBottomWidth = "3px";
895
948
  export const utrechtTextareaLineHeight = "1.5";
896
949
  export const utrechtTextboxBorderBottomWidth = "3px";
950
+ export const utrechtTooltipBackgroundColor = "hsl(0 0% 100%)";
951
+ export const utrechtTooltipBorderColor = "hsl(0 0% 40%)";
952
+ export const utrechtTooltipBorderRadius = "0";
953
+ export const utrechtTooltipBorderWidth = "1px";
954
+ export const utrechtTooltipColor = "hsl(0 0% 40%)";
955
+ export const utrechtTooltipFontFamily = "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif";
956
+ export const utrechtTooltipFontSize = "1rem";
957
+ export const utrechtTooltipPaddingBlock = "8px";
958
+ export const utrechtTooltipPaddingInline = "16px";
897
959
  export const utrechtToptaskLinkBackgroundColor = "hsl(211 60% 35%)";
898
960
  export const utrechtToptaskLinkColor = "hsl(0 0% 100%)";
899
961
  export const utrechtToptaskLinkFontSize = "1rem";