@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/dark/index.mjs CHANGED
@@ -108,8 +108,8 @@ export const utrechtBreadcrumbNavLinkFocusTextDecoration = "underline";
108
108
  export const utrechtBreadcrumbNavLinkHoverColor = "hsl(211 60% 40%)";
109
109
  export const utrechtBreadcrumbNavLinkHoverTextDecoration = "underline";
110
110
  export const utrechtBreadcrumbNavLinkDisabledColor = "hsl(0 0% 40%)";
111
- export const utrechtBreadcrumbNavLinkTextDecoration = "none";
112
111
  export const utrechtBreadcrumbNavLinkIconSize = "16px";
112
+ export const utrechtBreadcrumbNavLinkTextDecoration = "none";
113
113
  export const utrechtBreadcrumbNavSeparatorColor = "hsl(211 60% 35%)";
114
114
  export const utrechtBreadcrumbNavSeparatorIconSize = "0.875rem";
115
115
  export const utrechtBreadcrumbNavArrowsLinkBackgroundColor = "hsl(0 0% 90%)";
@@ -565,6 +565,7 @@ export const utrechtHeading6LineHeight = "1.5";
565
565
  export const utrechtHeadingFontWeight = "700";
566
566
  export const utrechtIconSize = "48px";
567
567
  export const utrechtIconBaselineInsetBlockStart = "0.125em";
568
+ export const utrechtIconCustomMarginInlineEnd = "8px";
568
569
  export const utrechtIndexCharNavMarginBlockStart = "20px";
569
570
  export const utrechtIndexCharNavMarginBlockEnd = "16px";
570
571
  export const utrechtIndexCharNavGap = "12px";
@@ -681,6 +682,58 @@ export const utrechtTopnavLinkFocusTextDecoration = "none";
681
682
  export const utrechtTopnavLinkFocusBackgroundColor = "hsl(48 100% 80%)";
682
683
  export const utrechtTopnavLinkFocusOutlineColor = "hsl(0 0% 0%)";
683
684
  export const utrechtTopnavLinkHoverBackgroundColor = "hsl(0 0% 0%)";
685
+ export const utrechtNavigationBorderBlockEndColor = "transparent";
686
+ export const utrechtNavigationBorderBlockEndWidth = "0";
687
+ export const utrechtNavigationBorderBlockStartColor = "transparent";
688
+ export const utrechtNavigationBorderBlockStartWidth = "0";
689
+ export const utrechtNavigationDrawerMobileMinInlineSize = "50%";
690
+ export const utrechtNavigationDrawerBackdropBackgroundColor = "rgb(0 0 0 / 30%)";
691
+ export const utrechtNavigationDrawerMinInlineSize = "100%";
692
+ export const utrechtNavigationItemBorderBlockEndColor = "transparent";
693
+ export const utrechtNavigationItemBorderBlockEndWidth = "0";
694
+ export const utrechtNavigationItemBorderBlockStartColor = "transparent";
695
+ export const utrechtNavigationItemBorderBlockStartWidth = "0";
696
+ export const utrechtNavigationItemMobileBorderBlockEndColor = "hsl(0 0% 80%)";
697
+ export const utrechtNavigationItemMobileBorderBlockEndWidth = "1px";
698
+ export const utrechtNavigationItemMobileBorderBlockStartColor = "hsl(0 0% 80%)";
699
+ export const utrechtNavigationItemMobileBorderBlockStartWidth = "1px";
700
+ export const utrechtNavigationLinkActiveColor = "hsl(0 0% 100%)";
701
+ export const utrechtNavigationLinkActiveFocusColor = "hsl(0 0% 0%)";
702
+ export const utrechtNavigationLinkBackgroundColor = "hsl(0 0% 15%)";
703
+ export const utrechtNavigationLinkBorderColor = "hsl(0 0% 40%)";
704
+ export const utrechtNavigationLinkBorderInlineEndWidth = "1px";
705
+ export const utrechtNavigationLinkColor = "hsl(0 0% 100%)";
706
+ export const utrechtNavigationLinkFocusColor = "hsl(0 0% 0%)";
707
+ export const utrechtNavigationLinkFocusTextDecorationThickness = "3px";
708
+ export const utrechtNavigationLinkFocusBackgroundColor = "hsl(48 100% 80%)";
709
+ export const utrechtNavigationLinkFontWeight = "400";
710
+ export const utrechtNavigationLinkGap = "8px";
711
+ export const utrechtNavigationLinkHoverBackgroundColor = "hsl(0 0% 0%)";
712
+ export const utrechtNavigationLinkHoverColor = "hsl(0 0% 100%)";
713
+ export const utrechtNavigationLinkHoverDecorationThickness = "3px";
714
+ export const utrechtNavigationLinkIsCurrentFontWeight = "700";
715
+ export const utrechtNavigationLinkMobileBackgroundColor = "hsl(0 0% 100%)";
716
+ export const utrechtNavigationLinkMobileColor = "hsl(211 60% 35%)";
717
+ export const utrechtNavigationLinkMobileHoverBackgroundColor = "hsl(0 0% 100%)";
718
+ export const utrechtNavigationLinkMobileHoverColor = "hsl(211 60% 35%)";
719
+ export const utrechtNavigationLinkMobileHoverFontWeight = "700";
720
+ export const utrechtNavigationLinkMobileMinBlockSize = "44px";
721
+ export const utrechtNavigationLinkMobilePaddingBlockEnd = "8px";
722
+ export const utrechtNavigationLinkMobilePaddingBlockStart = "8px";
723
+ export const utrechtNavigationLinkMobilePaddingInlineStart = "16px";
724
+ export const utrechtNavigationLinkMobileTransitionDuration = "300ms";
725
+ export const utrechtNavigationLinkMobileTransitionTimingFunction = "ease-in-out";
726
+ export const utrechtNavigationLinkPaddingBlockEnd = "16px";
727
+ export const utrechtNavigationLinkPaddingBlockStart = "16px";
728
+ export const utrechtNavigationListMobileBackgroundColor = "hsl(0 0% 100%)";
729
+ export const utrechtNavigationListMobileInlineSize = "100%";
730
+ export const utrechtNavigationListMobilePaddingBlockEnd = "8px";
731
+ export const utrechtNavigationListMobilePaddingInlineEnd = "16px";
732
+ export const utrechtNavigationListMobilePaddingInlineStart = "16px";
733
+ export const utrechtNavigationListSideNavInlineSize = "100%";
734
+ export const utrechtNavigationMarkerColor = "hsl(0 0% 80%)";
735
+ export const utrechtNavigationToggleButtonOffsetEnd = "16px";
736
+ export const utrechtNavigationToggleButtonOffsetStart = "16px";
684
737
  export const utrechtNumberBadgeBackgroundColor = "hsl(0 100% 40%)";
685
738
  export const utrechtNumberBadgeBorderRadius = "1rem";
686
739
  export const utrechtNumberBadgeColor = "hsl(0 0% 100%)"; // Default text color for badge components
@@ -905,6 +958,15 @@ export const utrechtTextareaBorderBlockEndWidth = "3px";
905
958
  export const utrechtTextareaBorderBottomWidth = "3px";
906
959
  export const utrechtTextareaLineHeight = "1.5";
907
960
  export const utrechtTextboxBorderBottomWidth = "3px";
961
+ export const utrechtTooltipBackgroundColor = "hsl(0 0% 100%)";
962
+ export const utrechtTooltipBorderColor = "hsl(0 0% 40%)";
963
+ export const utrechtTooltipBorderRadius = "0";
964
+ export const utrechtTooltipBorderWidth = "1px";
965
+ export const utrechtTooltipColor = "hsl(0 0% 40%)";
966
+ export const utrechtTooltipFontFamily = "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif";
967
+ export const utrechtTooltipFontSize = "1rem";
968
+ export const utrechtTooltipPaddingBlock = "8px";
969
+ export const utrechtTooltipPaddingInline = "16px";
908
970
  export const utrechtToptaskLinkBackgroundColor = "hsl(211 60% 80%)";
909
971
  export const utrechtToptaskLinkColor = "hsl(0 0% 15%)";
910
972
  export const utrechtToptaskLinkFontSize = "1rem";