@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.cjs.js
CHANGED
|
@@ -44712,7 +44712,6 @@ var NavMenuDesktop = function NavMenuDesktop(_ref) {
|
|
|
44712
44712
|
};
|
|
44713
44713
|
var NavMenuDesktop$1 = themeComponent(NavMenuDesktop, "NavMenu", fallbackValues$M, "profile");
|
|
44714
44714
|
|
|
44715
|
-
// Animate with transforms (x) instead of left/right
|
|
44716
44715
|
var menuVariants = {
|
|
44717
44716
|
invisible: {
|
|
44718
44717
|
x: "-100vw",
|
|
@@ -44732,7 +44731,7 @@ var menuVariants = {
|
|
|
44732
44731
|
var ImposterMenu = styled__default(Motion).withConfig({
|
|
44733
44732
|
displayName: "NavMenuMobile__ImposterMenu",
|
|
44734
44733
|
componentId: "sc-1pf0qp7-0"
|
|
44735
|
-
})(["position:fixed;top:
|
|
44734
|
+
})(["position:fixed;top:74px;left:0;right:0;bottom:0;background:", ";"], function (_ref) {
|
|
44736
44735
|
var themeValues = _ref.themeValues;
|
|
44737
44736
|
return (themeValues === null || themeValues === void 0 ? void 0 : themeValues.overlayColor) || "rgba(0, 0, 0, 0.5)";
|
|
44738
44737
|
});
|
|
@@ -44743,18 +44742,20 @@ var NavMenuMobile = function NavMenuMobile(_ref2) {
|
|
|
44743
44742
|
_ref2$visible = _ref2.visible,
|
|
44744
44743
|
visible = _ref2$visible === void 0 ? false : _ref2$visible,
|
|
44745
44744
|
_ref2$headerSize = _ref2.headerSize,
|
|
44745
|
+
headerSize = _ref2$headerSize === void 0 ? "74px" : _ref2$headerSize,
|
|
44746
44746
|
themeValues = _ref2.themeValues;
|
|
44747
44747
|
return /*#__PURE__*/React__default.createElement(ImposterMenu, {
|
|
44748
44748
|
id: id,
|
|
44749
44749
|
variants: menuVariants,
|
|
44750
44750
|
initial: "invisible",
|
|
44751
44751
|
animate: visible ? "visible" : "invisible",
|
|
44752
|
+
headerSize: headerSize,
|
|
44752
44753
|
themeValues: themeValues
|
|
44753
44754
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
44754
44755
|
width: "100%",
|
|
44755
44756
|
maxWidth: "400px",
|
|
44756
44757
|
padding: "1rem 0.5rem",
|
|
44757
|
-
extraStyles: "
|
|
44758
|
+
extraStyles: "position: relative; max-width: 400px; height: calc(100vh - 72px);",
|
|
44758
44759
|
background: themeValues.backgroundColor
|
|
44759
44760
|
}, menuContent));
|
|
44760
44761
|
};
|