igloo-d2c-components 1.0.16 → 1.0.18

package/dist/esm/index.js

@@ -1140,11 +1140,12 @@ const LogoContainer$1 = styled('div')(({ theme }) => ({
     display: 'flex',
     alignItems: 'center',
     cursor: 'pointer',
-    height: '32px',
+    height: '16px',
+    width: '116px',
 }));
 const LogoImage = styled('img')(({ theme }) => ({
-    height: '32px',
-    width: 'auto',
+    height: '16px',
+    width: '116px',
     objectFit: 'contain',
 }));
 const MenuIconButton = styled(IconButton)(({ theme }) => ({
@@ -1233,10 +1234,7 @@ function NewHeader({ logo: propLogo, navigationLinks = [], additionalMenuSection
         (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item);
         handleDrawerClose();
     };
-    return (jsxs(Fragment, { children: [jsx(StyledAppBar, Object.assign({ position: "fixed" }, { children: jsxs(StyledToolbar, Object.assign({ disableGutters: true }, { children: [jsx(LogoContainer$1, Object.assign({ onClick: handleLogoClick }, { children: jsx(LogoImage, { src: logo, alt: "Logo" }) })), jsx(MenuIconButton, Object.assign({ size: "large", edge: "end", "aria-label": "menu", onClick: handleDrawerOpen }, { children: jsx(MenuIcon, {}) }))] })) })), jsx(StyledDrawer$2, Object.assign({ anchor: "right", open: drawerOpen, onClose: handleDrawerClose }, { children: customDrawerContent ? (jsx(Box, Object.assign({ sx: { width: isMobile ? '100vw' : 350 } }, { children: customDrawerContent }))) : (jsxs(Box, Object.assign({ sx: { width: isMobile ? '100vw' : 350 } }, { children: [jsxs(DrawerHeader$2, { children: [jsx(DrawerLogoContainer, Object.assign({ onClick: handleLogoClick }, { children: jsx(LogoImage, { src: logo, alt: "Logo" }) })), jsx(CloseIconButton, Object.assign({ onClick: handleDrawerClose, "aria-label": "close" }, { children: jsx(CloseIcon, {}) }))] }), jsx(Divider, {}), jsxs(DrawerContent$2, { children: [navigationLinks.length > 0 && (jsx(List, { children: navigationLinks.map((item) => (jsx(ListItem, Object.assign({ disablePadding: true }, { children: jsx(ListItemButton, Object.assign({ onClick: () => handleMenuItemClick(item) }, { children: jsx(ListItemText, { primary: formatMessage({ id: item.label }) }) })) }), item.key))) })), additionalMenuSections.map((section, index) => (jsxs(React.Fragment, { children: [section.title && (jsxs(Fragment, { children: [jsx(Divider, {}), jsx(Box, Object.assign({ sx: { px: 2, py: 1 } }, { children: jsx(ListItemText, { primary: formatMessage({ id: section.title }), primaryTypographyProps: {
-                                                            variant: 'caption',
-                                                            color: 'text.secondary',
-                                                        } }) }))] })), jsx(List, { children: section.items.map((item) => (jsx(ListItem, Object.assign({ disablePadding: true }, { children: jsx(ListItemButton, Object.assign({ onClick: () => handleMenuItemClick(item) }, { children: jsx(ListItemText, { primary: formatMessage({ id: item.label }) }) })) }), item.key))) })] }, index)))] })] }))) }))] }));
+    return (jsxs(Fragment, { children: [jsx(StyledAppBar, Object.assign({ position: "fixed" }, { children: jsxs(StyledToolbar, Object.assign({ disableGutters: true }, { children: [jsx(LogoContainer$1, Object.assign({ onClick: handleLogoClick }, { children: jsx(LogoImage, { src: logo, alt: "Logo" }) })), jsx(MenuIconButton, Object.assign({ size: "large", edge: "end", "aria-label": "menu", onClick: handleDrawerOpen }, { children: jsx(MenuIcon, {}) }))] })) })), jsx(StyledDrawer$2, Object.assign({ anchor: "right", open: drawerOpen, onClose: handleDrawerClose }, { children: customDrawerContent ? (jsx(Box, Object.assign({ sx: { width: isMobile ? '100vw' : 350 } }, { children: customDrawerContent }))) : (jsxs(Box, Object.assign({ sx: { width: isMobile ? '100vw' : 350 } }, { children: [jsxs(DrawerHeader$2, { children: [jsx(DrawerLogoContainer, Object.assign({ onClick: handleLogoClick }, { children: jsx(LogoImage, { src: logo, alt: "Logo" }) })), jsx(CloseIconButton, Object.assign({ onClick: handleDrawerClose, "aria-label": "close" }, { children: jsx(CloseIcon, {}) }))] }), jsx(Divider, {}), jsx(DrawerContent$2, { children: navigationLinks.length > 0 && (jsx(List, { children: navigationLinks.map((item) => (jsx(ListItem, Object.assign({ disablePadding: true }, { children: jsx(ListItemButton, Object.assign({ onClick: () => handleMenuItemClick(item) }, { children: jsx(ListItemText, { primary: formatMessage({ id: item.label }) }) })) }), item.key))) })) })] }))) }))] }));
 }
 
 const DivFooter = styled('div')(({ theme }) => ({
@@ -2727,7 +2725,7 @@ const HealthQuestionGroup = ({ question, questionNumber, value, onChange, error,
 };
 
 const FormContainer$3 = styled(Box)({
-    padding: '0 16px 100px',
+    padding: '0 16px 24px',
 });
 const CheckboxContainer$1 = styled(Box)({
     marginTop: '12px',
@@ -2767,7 +2765,7 @@ const PersonalInformationForm = ({ renderField, fields, consents, onSubmit, form
 };
 
 const FormContainer$2 = styled(Box)({
-    padding: '0 16px 100px',
+    padding: '0 16px 24px',
 });
 const CheckboxContainer = styled(Box)({
     marginTop: '12px',
@@ -2840,7 +2838,7 @@ const ContactDetailsForm = ({ renderField, fields, mailingFields, mailingAddress
 };
 
 const FormContainer$1 = styled(Box)({
-    padding: '0 16px 100px',
+    padding: '0 16px 24px',
 });
 
 const HealthInformationForm = ({ renderField, measurementFields, healthQuestions, onSubmit, formRef, sx, }) => {
@@ -2848,7 +2846,7 @@ const HealthInformationForm = ({ renderField, measurementFields, healthQuestions
 };
 
 const FormContainer = styled(Box)({
-    padding: '0 16px 100px',
+    padding: '0 16px 24px',
 });
 
 const ChildInformationForm = ({ renderField, fields, onSubmit, formRef, sx, }) => {