igloo-d2c-components 1.0.37 → 1.0.39
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/cjs/index.js
CHANGED
|
@@ -967,7 +967,7 @@ const LogoContainer$2 = styles.styled(material.Box)({
|
|
|
967
967
|
*/
|
|
968
968
|
const LogoImage$1 = styles.styled('img')({
|
|
969
969
|
width: '126px',
|
|
970
|
-
height: '
|
|
970
|
+
height: 'auto',
|
|
971
971
|
objectFit: 'contain',
|
|
972
972
|
});
|
|
973
973
|
/**
|
|
@@ -1710,7 +1710,10 @@ function Header$1({ logo, navigationLinks, languages, currentLocale, userToken,
|
|
|
1710
1710
|
letterSpacing: '.3rem',
|
|
1711
1711
|
color: 'inherit',
|
|
1712
1712
|
textDecoration: 'none',
|
|
1713
|
-
} }, { children: jsxRuntime.jsx("img", { src: logo, alt: "Logo",
|
|
1713
|
+
} }, { children: jsxRuntime.jsx("img", { src: logo, alt: "Logo", height: 'auto', width: '126px', style: {
|
|
1714
|
+
height: 'auto',
|
|
1715
|
+
width: '126px',
|
|
1716
|
+
} }) })) })), !isMobile && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [shouldShowContent && (jsxRuntime.jsxs(material.Box, Object.assign({ sx: {
|
|
1714
1717
|
flexGrow: 1,
|
|
1715
1718
|
display: { xs: 'none', md: 'flex', gap: 40 },
|
|
1716
1719
|
} }, { children: [jsxRuntime.jsxs(ButtonDesktopMenu, Object.assign({ onClick: handleOpenNavMenu, sx: { my: 2, textTransform: 'capitalize' }, "data-testid": "productNavigationMenu" }, { children: [jsxRuntime.jsx(material.Typography, Object.assign({ variant: "h6" }, { children: formatMessage({ id: 'Products' }) })), jsxRuntime.jsx(material.Icon, { component: ArrowDropDownIcon })] }), "product"), (menuItems === null || menuItems === void 0 ? void 0 : menuItems.partnership) && (jsxRuntime.jsx(ButtonDesktopMenu, Object.assign({ onClick: onPartnershipClick, sx: { my: 2, textTransform: 'capitalize' } }, { children: jsxRuntime.jsx(material.Typography, Object.assign({ variant: "h6" }, { children: jsxRuntime.jsx(AnchorLink$1, Object.assign({ href: `${host}${menuItems.partnership.route}`, onClick: (e) => e === null || e === void 0 ? void 0 : e.preventDefault() }, { children: menuItems.partnership.label })) })) }), "partnership")), (menuItems === null || menuItems === void 0 ? void 0 : menuItems.aboutUs) && (jsxRuntime.jsx(ButtonDesktopMenu, Object.assign({ onClick: onAboutUsClick, sx: { my: 2, textTransform: 'capitalize' } }, { children: jsxRuntime.jsx(material.Typography, Object.assign({ variant: "h6" }, { children: jsxRuntime.jsx(AnchorLinks, Object.assign({ href: `${host}${menuItems.aboutUs.route}`, onClick: (e) => e === null || e === void 0 ? void 0 : e.preventDefault() }, { children: menuItems.aboutUs.label })) })) }), "aboutus")), (menuItems === null || menuItems === void 0 ? void 0 : menuItems.blog) && (jsxRuntime.jsx(ButtonDesktopMenu, Object.assign({ onClick: onBlogClick, sx: { my: 2, textTransform: 'capitalize' } }, { children: jsxRuntime.jsx(material.Typography, Object.assign({ variant: "h6" }, { children: jsxRuntime.jsx(AnchorLink$1, Object.assign({ href: menuItems.blog.url, onClick: (e) => e === null || e === void 0 ? void 0 : e.preventDefault() }, { children: menuItems.blog.label })) })) }), "blog"))] }))), jsxRuntime.jsxs(material.Box, Object.assign({ sx: {
|
|
@@ -1829,12 +1832,12 @@ const LogoContainer$1 = styles.styled('div')(() => ({
|
|
|
1829
1832
|
display: 'flex',
|
|
1830
1833
|
alignItems: 'center',
|
|
1831
1834
|
cursor: 'pointer',
|
|
1832
|
-
height: '
|
|
1833
|
-
width: '
|
|
1835
|
+
height: 'auto',
|
|
1836
|
+
width: '126px',
|
|
1834
1837
|
}));
|
|
1835
1838
|
const LogoImage = styles.styled('img')(() => ({
|
|
1836
|
-
height: '
|
|
1837
|
-
width: '
|
|
1839
|
+
height: 'auto',
|
|
1840
|
+
width: '126px',
|
|
1838
1841
|
objectFit: 'contain',
|
|
1839
1842
|
}));
|
|
1840
1843
|
const MenuIconButton = styles.styled(material.IconButton)(() => ({
|
|
@@ -1895,7 +1898,7 @@ styles.styled(material.Box)(({ theme }) => ({
|
|
|
1895
1898
|
* />
|
|
1896
1899
|
* ```
|
|
1897
1900
|
*/
|
|
1898
|
-
function NewHeader({ logo: propLogo, navigationLinks = [], isMobile: propIsMobile, onLogoClick, onMenuOpen, onMenuClose, customDrawerContent, formatMessage = (descriptor) => descriptor.id, }) {
|
|
1901
|
+
function NewHeader({ logo: propLogo, logoAltText = 'Logo', navigationLinks = [], isMobile: propIsMobile, onLogoClick, onMenuOpen, onMenuClose, customDrawerContent, formatMessage = (descriptor) => descriptor.id, }) {
|
|
1899
1902
|
var _a;
|
|
1900
1903
|
const tenantTheme = useTenantTheme();
|
|
1901
1904
|
const theme = tenantTheme === null || tenantTheme === void 0 ? void 0 : tenantTheme.theme;
|
|
@@ -1923,7 +1926,7 @@ function NewHeader({ logo: propLogo, navigationLinks = [], isMobile: propIsMobil
|
|
|
1923
1926
|
(_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item);
|
|
1924
1927
|
handleDrawerClose();
|
|
1925
1928
|
};
|
|
1926
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledAppBar, Object.assign({ position: "fixed" }, { children: jsxRuntime.jsxs(StyledToolbar, Object.assign({ disableGutters: true }, { children: [jsxRuntime.jsx(LogoContainer$1, Object.assign({ onClick: handleLogoClick }, { children: jsxRuntime.jsx(LogoImage, { src: logo, alt:
|
|
1929
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledAppBar, Object.assign({ position: "fixed" }, { children: jsxRuntime.jsxs(StyledToolbar, Object.assign({ disableGutters: true }, { children: [jsxRuntime.jsx(LogoContainer$1, Object.assign({ onClick: handleLogoClick }, { children: jsxRuntime.jsx(LogoImage, { src: logo, alt: logoAltText }) })), jsxRuntime.jsx(MenuIconButton, Object.assign({ size: "large", edge: "end", "aria-label": "menu", onClick: handleDrawerOpen }, { children: jsxRuntime.jsx(MenuIcon, {}) }))] })) })), jsxRuntime.jsx(StyledDrawer$2, Object.assign({ anchor: "right", open: drawerOpen, onClose: handleDrawerClose }, { children: customDrawerContent ? (jsxRuntime.jsx(material.Box, Object.assign({ sx: { width: isMobile ? '100vw' : 350 } }, { children: customDrawerContent }))) : (jsxRuntime.jsxs(material.Box, Object.assign({ sx: { width: isMobile ? '100vw' : 350 } }, { children: [jsxRuntime.jsxs(DrawerHeader$2, { children: [jsxRuntime.jsx(DrawerLogoContainer, Object.assign({ onClick: handleLogoClick }, { children: jsxRuntime.jsx(LogoImage, { src: logo, alt: logoAltText }) })), jsxRuntime.jsx(CloseIconButton, Object.assign({ onClick: handleDrawerClose, "aria-label": "close" }, { children: jsxRuntime.jsx(CloseIcon, {}) }))] }), jsxRuntime.jsx(material.Divider, {}), jsxRuntime.jsx(DrawerContent$2, { children: navigationLinks.length > 0 && (jsxRuntime.jsx(material.List, { children: navigationLinks.map((item) => (jsxRuntime.jsx(material.ListItem, Object.assign({ disablePadding: true }, { children: jsxRuntime.jsx(material.ListItemButton, Object.assign({ onClick: () => handleMenuItemClick(item) }, { children: jsxRuntime.jsx(material.ListItemText, { primary: formatMessage({ id: item.label }) }) })) }), item.key))) })) })] }))) }))] }));
|
|
1927
1930
|
}
|
|
1928
1931
|
|
|
1929
1932
|
const DivFooter = styles.styled('div')(() => ({
|
|
@@ -2332,7 +2335,7 @@ const DialogHeaderTitle = material.styled(material.Typography)(() => ({
|
|
|
2332
2335
|
color: '#13131b',
|
|
2333
2336
|
marginBottom: '8px',
|
|
2334
2337
|
paddingRight: '32px',
|
|
2335
|
-
wordSpacing: '
|
|
2338
|
+
wordSpacing: '-5px',
|
|
2336
2339
|
}));
|
|
2337
2340
|
const DialogHeaderSubtitle = material.styled(material.Typography)(() => ({
|
|
2338
2341
|
fontFamily: 'Montserrat, sans-serif',
|