wex-ui-lib 1.4.8 → 1.5.0

package/dist/index.cjs.js

@@ -2192,8 +2192,9 @@ var fadeInFromBottom = keyframes(templateObject_6$2 || (templateObject_6$2 = __m
 var templateObject_1$b, templateObject_2$7, templateObject_3$6, templateObject_4$5, templateObject_5$5, templateObject_6$2;
 
 function Navbar(props) {
+    var _a;
     var logo = props.logo, items = props.items, button = props.button, config = props.config;
-    var _a = React.useState(false), sideNavOpen = _a[0], setSideNavOpen = _a[1];
+    var _b = React.useState(false), sideNavOpen = _b[0], setSideNavOpen = _b[1];
     var isMobile = typeof window !== 'undefined' && window.innerWidth <= 800;
     var sideNavItems = props.mobileItems || [];
     return (React.createElement(React.Fragment, null,
@@ -2217,7 +2218,7 @@ function Navbar(props) {
                                     } }, subitem.label)));
                         })))));
                 })),
-                button && (React.createElement(Button, { colors: button.colors, type: button.type, font: button.font, onClick: button.onClick, arrow: button.arrow }, button.label)))) : (React.createElement(Icon, { icon: 'hamburgerMenu', color: 'white', callback: function () { return setSideNavOpen(true); } }))),
+                button && (React.createElement(Button, { colors: button.colors, type: button.type, font: button.font, onClick: button.onClick, arrow: button.arrow }, button.label)))) : (React.createElement(Icon, { icon: 'hamburgerMenu', color: ((_a = config === null || config === undefined ? undefined : config.colors) === null || _a === undefined ? undefined : _a.text) || "white", callback: function () { return setSideNavOpen(true); } }))),
         isMobile && (React.createElement(SideNav, { open: sideNavOpen },
             React.createElement(SideNavOverlay, { open: sideNavOpen, onClick: function () { return setSideNavOpen(false); } }),
             React.createElement(SideNavContent, { open: sideNavOpen },
@@ -2260,7 +2261,7 @@ function Hero(props) {
         overlay && (React.createElement(Overlay, { color: overlay.color, opacity: overlay.opacity })),
         React.createElement(HeroContent, null, children)));
 }
-var Container$5 = newStyled.div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  width: 100vw;\n  height: ", ";\n  margin-top: ", ";\n  background-image: url(", ");\n  background-color: ", ";\n  background-position-y: 69%;\n  background-size: cover;\n  transition: background-image 1s ease-in-out;\n"], ["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  width: 100vw;\n  height: ", ";\n  margin-top: ", ";\n  background-image: url(", ");\n  background-color: ", ";\n  background-position-y: 69%;\n  background-size: cover;\n  transition: background-image 1s ease-in-out;\n"])), function (props) { return props.height ? "calc(".concat(props.height, " - ").concat(props.marginTop || '0px', ")") : '100vh'; }, function (props) { return props.marginTop; }, function (props) { return props.backgroundUrl; }, function (props) { return props.backgroundColor || 'none'; });
+var Container$5 = newStyled.div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  width: 100vw;\n  height: ", ";\n  margin-top: ", ";\n  background-image: url(", ");\n  background-color: ", ";\n  background-position-y: 69%;\n  background-size: cover;\n  transition: background-image 1s ease-in-out;\n  @media only screen and (max-width: 1024px) {\n    background-position-y: 50%;\n    background-size: auto 100%;\n\n  }\n"], ["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  width: 100vw;\n  height: ", ";\n  margin-top: ", ";\n  background-image: url(", ");\n  background-color: ", ";\n  background-position-y: 69%;\n  background-size: cover;\n  transition: background-image 1s ease-in-out;\n  @media only screen and (max-width: 1024px) {\n    background-position-y: 50%;\n    background-size: auto 100%;\n\n  }\n"])), function (props) { return props.height ? "calc(".concat(props.height, " - ").concat(props.marginTop || '0px', ")") : '100vh'; }, function (props) { return props.marginTop; }, function (props) { return props.backgroundUrl; }, function (props) { return props.backgroundColor || 'none'; });
 var Overlay = newStyled.div(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 1;\n  background-color: ", ";\n  opacity: ", ";\n"], ["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 1;\n  background-color: ", ";\n  opacity: ", ";\n"])), function (props) { return props.color; }, function (props) { return props.opacity; });
 var HeroContent = newStyled.div(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  @media only screen and (max-width: 1024px) {\n    padding: 0 4vw;\n  }\n"], ["\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  @media only screen and (max-width: 1024px) {\n    padding: 0 4vw;\n  }\n"])));
 var templateObject_1$9, templateObject_2$5, templateObject_3$4;