@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.cjs.js
CHANGED
|
@@ -44712,40 +44712,27 @@ var NavMenuDesktop = function NavMenuDesktop(_ref) {
|
|
|
44712
44712
|
};
|
|
44713
44713
|
var NavMenuDesktop$1 = themeComponent(NavMenuDesktop, "NavMenu", fallbackValues$M, "profile");
|
|
44714
44714
|
|
|
44715
|
+
// Use transforms (x) rather than left/right
|
|
44715
44716
|
var menuVariants = {
|
|
44716
44717
|
invisible: {
|
|
44717
|
-
|
|
44718
|
-
right: "100vw",
|
|
44718
|
+
x: "-100vw",
|
|
44719
44719
|
transition: {
|
|
44720
|
-
|
|
44721
|
-
|
|
44722
|
-
duration: 500
|
|
44723
|
-
},
|
|
44724
|
-
left: {
|
|
44725
|
-
ease: "easeOut",
|
|
44726
|
-
duration: 500
|
|
44727
|
-
}
|
|
44720
|
+
ease: "easeOut",
|
|
44721
|
+
duration: 0.5
|
|
44728
44722
|
}
|
|
44729
44723
|
},
|
|
44730
44724
|
visible: {
|
|
44731
|
-
|
|
44732
|
-
right: "0",
|
|
44725
|
+
x: "0",
|
|
44733
44726
|
transition: {
|
|
44734
|
-
|
|
44735
|
-
|
|
44736
|
-
duration: 500
|
|
44737
|
-
},
|
|
44738
|
-
right: {
|
|
44739
|
-
ease: "easeIn",
|
|
44740
|
-
duration: 500
|
|
44741
|
-
}
|
|
44727
|
+
ease: "easeIn",
|
|
44728
|
+
duration: 0.5
|
|
44742
44729
|
}
|
|
44743
44730
|
}
|
|
44744
44731
|
};
|
|
44745
44732
|
var ImposterMenu = styled__default(Motion).withConfig({
|
|
44746
44733
|
displayName: "NavMenuMobile__ImposterMenu",
|
|
44747
44734
|
componentId: "sc-1pf0qp7-0"
|
|
44748
|
-
})(["position:fixed;top:", ";"], function (_ref) {
|
|
44735
|
+
})(["position:fixed;top:", ";left:0;right:0;"], function (_ref) {
|
|
44749
44736
|
var headerSize = _ref.headerSize;
|
|
44750
44737
|
return headerSize;
|
|
44751
44738
|
});
|
|
@@ -44767,7 +44754,7 @@ var NavMenuMobile = function NavMenuMobile(_ref2) {
|
|
|
44767
44754
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
44768
44755
|
width: "100vw",
|
|
44769
44756
|
padding: "1rem 0.5rem",
|
|
44770
|
-
extraStyles: "position: relative
|
|
44757
|
+
extraStyles: "\n position: relative;\n max-width: 400px;\n height: calc(100vh - 72px);\n ",
|
|
44771
44758
|
background: themeValues.backgroundColor
|
|
44772
44759
|
}, menuContent));
|
|
44773
44760
|
};
|