@thecb/components 11.2.14-beta.1 → 11.2.14-beta.2
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 +4 -3
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +4 -3
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/molecules/nav-menu/NavMenuMobile.js +7 -10
- package/src/components/molecules/nav-menu/NavMenuMobile.mdx +13 -1
- package/src/components/molecules/nav-menu/NavMenuMobile.stories.js +27 -51
- package/src/components/molecules/nav-menu/LinkMenu.js +0 -258
- package/src/components/molecules/nav-menu/NavLinks.js +0 -138
package/dist/index.esm.js
CHANGED
|
@@ -44704,7 +44704,6 @@ var NavMenuDesktop = function NavMenuDesktop(_ref) {
|
|
|
44704
44704
|
};
|
|
44705
44705
|
var NavMenuDesktop$1 = themeComponent(NavMenuDesktop, "NavMenu", fallbackValues$M, "profile");
|
|
44706
44706
|
|
|
44707
|
-
// Animate with transforms (x) instead of left/right
|
|
44708
44707
|
var menuVariants = {
|
|
44709
44708
|
invisible: {
|
|
44710
44709
|
x: "-100vw",
|
|
@@ -44724,7 +44723,7 @@ var menuVariants = {
|
|
|
44724
44723
|
var ImposterMenu = styled(Motion).withConfig({
|
|
44725
44724
|
displayName: "NavMenuMobile__ImposterMenu",
|
|
44726
44725
|
componentId: "sc-1pf0qp7-0"
|
|
44727
|
-
})(["position:fixed;top:
|
|
44726
|
+
})(["position:fixed;top:74px;left:0;right:0;bottom:0;background:", ";"], function (_ref) {
|
|
44728
44727
|
var themeValues = _ref.themeValues;
|
|
44729
44728
|
return (themeValues === null || themeValues === void 0 ? void 0 : themeValues.overlayColor) || "rgba(0, 0, 0, 0.5)";
|
|
44730
44729
|
});
|
|
@@ -44735,18 +44734,20 @@ var NavMenuMobile = function NavMenuMobile(_ref2) {
|
|
|
44735
44734
|
_ref2$visible = _ref2.visible,
|
|
44736
44735
|
visible = _ref2$visible === void 0 ? false : _ref2$visible,
|
|
44737
44736
|
_ref2$headerSize = _ref2.headerSize,
|
|
44737
|
+
headerSize = _ref2$headerSize === void 0 ? "74px" : _ref2$headerSize,
|
|
44738
44738
|
themeValues = _ref2.themeValues;
|
|
44739
44739
|
return /*#__PURE__*/React__default.createElement(ImposterMenu, {
|
|
44740
44740
|
id: id,
|
|
44741
44741
|
variants: menuVariants,
|
|
44742
44742
|
initial: "invisible",
|
|
44743
44743
|
animate: visible ? "visible" : "invisible",
|
|
44744
|
+
headerSize: headerSize,
|
|
44744
44745
|
themeValues: themeValues
|
|
44745
44746
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
44746
44747
|
width: "100%",
|
|
44747
44748
|
maxWidth: "400px",
|
|
44748
44749
|
padding: "1rem 0.5rem",
|
|
44749
|
-
extraStyles: "
|
|
44750
|
+
extraStyles: "position: relative; max-width: 400px; height: calc(100vh - 72px);",
|
|
44750
44751
|
background: themeValues.backgroundColor
|
|
44751
44752
|
}, menuContent));
|
|
44752
44753
|
};
|