wex-ui-lib 1.4.8 → 1.5.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 +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/dist/index.esm.js
CHANGED
|
@@ -2172,8 +2172,9 @@ var fadeInFromBottom = keyframes(templateObject_6$2 || (templateObject_6$2 = __m
|
|
|
2172
2172
|
var templateObject_1$b, templateObject_2$7, templateObject_3$6, templateObject_4$5, templateObject_5$5, templateObject_6$2;
|
|
2173
2173
|
|
|
2174
2174
|
function Navbar(props) {
|
|
2175
|
+
var _a;
|
|
2175
2176
|
var logo = props.logo, items = props.items, button = props.button, config = props.config;
|
|
2176
|
-
var
|
|
2177
|
+
var _b = useState(false), sideNavOpen = _b[0], setSideNavOpen = _b[1];
|
|
2177
2178
|
var isMobile = typeof window !== 'undefined' && window.innerWidth <= 800;
|
|
2178
2179
|
var sideNavItems = props.mobileItems || [];
|
|
2179
2180
|
return (React__default.createElement(React__default.Fragment, null,
|
|
@@ -2197,7 +2198,7 @@ function Navbar(props) {
|
|
|
2197
2198
|
} }, subitem.label)));
|
|
2198
2199
|
})))));
|
|
2199
2200
|
})),
|
|
2200
|
-
button && (React__default.createElement(Button, { colors: button.colors, type: button.type, font: button.font, onClick: button.onClick, arrow: button.arrow }, button.label)))) : (React__default.createElement(Icon, { icon: 'hamburgerMenu', color:
|
|
2201
|
+
button && (React__default.createElement(Button, { colors: button.colors, type: button.type, font: button.font, onClick: button.onClick, arrow: button.arrow }, button.label)))) : (React__default.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); } }))),
|
|
2201
2202
|
isMobile && (React__default.createElement(SideNav, { open: sideNavOpen },
|
|
2202
2203
|
React__default.createElement(SideNavOverlay, { open: sideNavOpen, onClick: function () { return setSideNavOpen(false); } }),
|
|
2203
2204
|
React__default.createElement(SideNavContent, { open: sideNavOpen },
|
|
@@ -2240,7 +2241,7 @@ function Hero(props) {
|
|
|
2240
2241
|
overlay && (React__default.createElement(Overlay, { color: overlay.color, opacity: overlay.opacity })),
|
|
2241
2242
|
React__default.createElement(HeroContent, null, children)));
|
|
2242
2243
|
}
|
|
2243
|
-
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'; });
|
|
2244
|
+
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'; });
|
|
2244
2245
|
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; });
|
|
2245
2246
|
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"])));
|
|
2246
2247
|
var templateObject_1$9, templateObject_2$5, templateObject_3$4;
|