@thecb/components 11.2.13-beta.3 → 11.2.14-beta.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/dist/index.cjs.js +9 -22
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +9 -22
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/.DS_Store +0 -0
- package/src/components/molecules/nav-menu/LinkMenu.js +258 -0
- package/src/components/molecules/nav-menu/NavLinks.js +138 -0
- package/src/components/molecules/nav-menu/NavMenuMobile.js +14 -21
- package/src/components/molecules/nav-menu/NavMenuMobile.mdx +9 -0
- package/src/components/molecules/nav-menu/NavMenuMobile.stories.js +124 -0
package/dist/index.esm.js
CHANGED
|
@@ -44704,40 +44704,27 @@ var NavMenuDesktop = function NavMenuDesktop(_ref) {
|
|
|
44704
44704
|
};
|
|
44705
44705
|
var NavMenuDesktop$1 = themeComponent(NavMenuDesktop, "NavMenu", fallbackValues$M, "profile");
|
|
44706
44706
|
|
|
44707
|
+
// Use transforms (x) rather than left/right
|
|
44707
44708
|
var menuVariants = {
|
|
44708
44709
|
invisible: {
|
|
44709
|
-
|
|
44710
|
-
right: "100vw",
|
|
44710
|
+
x: "-100vw",
|
|
44711
44711
|
transition: {
|
|
44712
|
-
|
|
44713
|
-
|
|
44714
|
-
duration: 500
|
|
44715
|
-
},
|
|
44716
|
-
left: {
|
|
44717
|
-
ease: "easeOut",
|
|
44718
|
-
duration: 500
|
|
44719
|
-
}
|
|
44712
|
+
ease: "easeOut",
|
|
44713
|
+
duration: 0.5
|
|
44720
44714
|
}
|
|
44721
44715
|
},
|
|
44722
44716
|
visible: {
|
|
44723
|
-
|
|
44724
|
-
right: "0",
|
|
44717
|
+
x: "0",
|
|
44725
44718
|
transition: {
|
|
44726
|
-
|
|
44727
|
-
|
|
44728
|
-
duration: 500
|
|
44729
|
-
},
|
|
44730
|
-
right: {
|
|
44731
|
-
ease: "easeIn",
|
|
44732
|
-
duration: 500
|
|
44733
|
-
}
|
|
44719
|
+
ease: "easeIn",
|
|
44720
|
+
duration: 0.5
|
|
44734
44721
|
}
|
|
44735
44722
|
}
|
|
44736
44723
|
};
|
|
44737
44724
|
var ImposterMenu = styled(Motion).withConfig({
|
|
44738
44725
|
displayName: "NavMenuMobile__ImposterMenu",
|
|
44739
44726
|
componentId: "sc-1pf0qp7-0"
|
|
44740
|
-
})(["position:fixed;top:", ";"], function (_ref) {
|
|
44727
|
+
})(["position:fixed;top:", ";left:0;right:0;"], function (_ref) {
|
|
44741
44728
|
var headerSize = _ref.headerSize;
|
|
44742
44729
|
return headerSize;
|
|
44743
44730
|
});
|
|
@@ -44759,7 +44746,7 @@ var NavMenuMobile = function NavMenuMobile(_ref2) {
|
|
|
44759
44746
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
44760
44747
|
width: "100vw",
|
|
44761
44748
|
padding: "1rem 0.5rem",
|
|
44762
|
-
extraStyles: "position: relative
|
|
44749
|
+
extraStyles: "\n position: relative;\n max-width: 400px;\n height: calc(100vh - 72px);\n ",
|
|
44763
44750
|
background: themeValues.backgroundColor
|
|
44764
44751
|
}, menuContent));
|
|
44765
44752
|
};
|