igloo-d2c-components 1.0.42 → 1.0.44
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: '16px',
|
|
971
971
|
objectFit: 'contain',
|
|
972
972
|
});
|
|
973
973
|
/**
|
|
@@ -1813,7 +1813,7 @@ function Header$1({ logo, navigationLinks, languages, currentLocale, userToken,
|
|
|
1813
1813
|
}
|
|
1814
1814
|
|
|
1815
1815
|
const StyledAppBar = styles.styled(material.AppBar)(({ theme }) => ({
|
|
1816
|
-
backgroundColor: '#
|
|
1816
|
+
backgroundColor: '#FFFFFF',
|
|
1817
1817
|
boxShadow: '0px 2px 20px 4px rgba(0, 0, 0, 0.14)',
|
|
1818
1818
|
zIndex: theme.zIndex.drawer + 1,
|
|
1819
1819
|
}));
|
|
@@ -1832,12 +1832,12 @@ const LogoContainer$1 = styles.styled('div')(() => ({
|
|
|
1832
1832
|
display: 'flex',
|
|
1833
1833
|
alignItems: 'center',
|
|
1834
1834
|
cursor: 'pointer',
|
|
1835
|
-
height: '
|
|
1836
|
-
width: '
|
|
1835
|
+
height: '16px',
|
|
1836
|
+
width: '116px',
|
|
1837
1837
|
}));
|
|
1838
1838
|
const LogoImage = styles.styled('img')(() => ({
|
|
1839
|
-
height: '
|
|
1840
|
-
width: '
|
|
1839
|
+
height: '16px',
|
|
1840
|
+
width: '116px',
|
|
1841
1841
|
objectFit: 'contain',
|
|
1842
1842
|
}));
|
|
1843
1843
|
const MenuIconButton = styles.styled(material.IconButton)(() => ({
|
|
@@ -3765,19 +3765,8 @@ const FullWidthField$1 = styles.styled(material.Box)({
|
|
|
3765
3765
|
gridColumn: '1 / -1',
|
|
3766
3766
|
},
|
|
3767
3767
|
});
|
|
3768
|
-
/**
|
|
3769
|
-
* Wrapper for consent checkboxes - 28px gap between them on desktop (per design)
|
|
3770
|
-
*/
|
|
3771
|
-
const ConsentCheckboxesWrapper = styles.styled(material.Box)({
|
|
3772
|
-
display: 'flex',
|
|
3773
|
-
flexDirection: 'column',
|
|
3774
|
-
gap: '24px',
|
|
3775
|
-
marginTop: '12px',
|
|
3776
|
-
'@media (min-width: 900px)': {
|
|
3777
|
-
gap: '28px',
|
|
3778
|
-
},
|
|
3779
|
-
});
|
|
3780
3768
|
const CheckboxContainer$1 = styles.styled(material.Box)({
|
|
3769
|
+
marginTop: '12px',
|
|
3781
3770
|
'& .MuiFormControlLabel-root': {
|
|
3782
3771
|
alignItems: 'center',
|
|
3783
3772
|
marginLeft: 0,
|
|
@@ -3809,23 +3798,21 @@ const PersonalInformationForm = ({ renderField, fields, consents, onSubmit, form
|
|
|
3809
3798
|
color: '#5F5E62',
|
|
3810
3799
|
fontSize: '12px',
|
|
3811
3800
|
wordSpacing: '-5px',
|
|
3812
|
-
} }, { children: fields.full_name.helperText })))] }), renderField(fields.nric), renderField(fields.date_of_birth), renderField(fields.gender), renderField(fields.salutation), renderField(fields.nationality), fields.place_of_birth && renderField(fields.place_of_birth), fields.marital_status && renderField(fields.marital_status), fields.race && renderField(fields.race), fields.religion && renderField(fields.religion), renderField(fields.occupation), renderField(fields.industry), renderField(fields.crediting_bank_name), renderField(fields.crediting_bank_account_number), fields.annual_income && renderField(fields.annual_income), desktopGridLayout ? (jsxRuntime.jsx(FullWidthField$1, { children: jsxRuntime.jsxs(
|
|
3813
|
-
|
|
3814
|
-
|
|
3815
|
-
|
|
3816
|
-
|
|
3817
|
-
|
|
3818
|
-
|
|
3819
|
-
|
|
3820
|
-
|
|
3821
|
-
|
|
3822
|
-
|
|
3823
|
-
|
|
3824
|
-
|
|
3825
|
-
|
|
3826
|
-
|
|
3827
|
-
} }, { children: consents.bank_account_confirmation.error })))] }), jsxRuntime.jsx(CheckboxContainer$1, { children: jsxRuntime.jsx(material.FormControlLabel, { control: jsxRuntime.jsx(material.Checkbox, { checked: consents.marketing_consent.checked, onChange: (e) => consents.marketing_consent.onChange(e.target.checked), name: "marketing_consent" }), label: jsxRuntime.jsx(CheckboxLabel$1, { children: consents.marketing_consent.label ||
|
|
3828
|
-
defaultMarketingLabel }) }) })] }))] })) })));
|
|
3801
|
+
} }, { children: fields.full_name.helperText })))] }), renderField(fields.nric), renderField(fields.date_of_birth), renderField(fields.gender), renderField(fields.salutation), renderField(fields.nationality), fields.place_of_birth && renderField(fields.place_of_birth), fields.marital_status && renderField(fields.marital_status), fields.race && renderField(fields.race), fields.religion && renderField(fields.religion), renderField(fields.occupation), renderField(fields.industry), renderField(fields.crediting_bank_name), renderField(fields.crediting_bank_account_number), fields.annual_income && renderField(fields.annual_income), desktopGridLayout ? (jsxRuntime.jsx(FullWidthField$1, { children: jsxRuntime.jsxs(CheckboxContainer$1, { children: [jsxRuntime.jsx(material.FormControlLabel, { control: jsxRuntime.jsx(material.Checkbox, { checked: consents.bank_account_confirmation.checked, onChange: (e) => consents.bank_account_confirmation.onChange(e.target.checked), name: "bank_account_confirmation" }), label: jsxRuntime.jsx(CheckboxLabel$1, { children: consents.bank_account_confirmation.label ||
|
|
3802
|
+
defaultBankConfirmationLabel }) }), consents.bank_account_confirmation.error && (jsxRuntime.jsx(material.Typography, Object.assign({ sx: {
|
|
3803
|
+
color: 'error.main',
|
|
3804
|
+
fontSize: '12px',
|
|
3805
|
+
mt: 0.5,
|
|
3806
|
+
ml: 4,
|
|
3807
|
+
wordSpacing: '-5px',
|
|
3808
|
+
} }, { children: consents.bank_account_confirmation.error })))] }) })) : (jsxRuntime.jsxs(CheckboxContainer$1, { children: [jsxRuntime.jsx(material.FormControlLabel, { control: jsxRuntime.jsx(material.Checkbox, { checked: consents.bank_account_confirmation.checked, onChange: (e) => consents.bank_account_confirmation.onChange(e.target.checked), name: "bank_account_confirmation" }), label: jsxRuntime.jsx(CheckboxLabel$1, { children: consents.bank_account_confirmation.label ||
|
|
3809
|
+
defaultBankConfirmationLabel }) }), consents.bank_account_confirmation.error && (jsxRuntime.jsx(material.Typography, Object.assign({ sx: {
|
|
3810
|
+
color: 'error.main',
|
|
3811
|
+
fontSize: '12px',
|
|
3812
|
+
mt: 0.5,
|
|
3813
|
+
ml: 4,
|
|
3814
|
+
wordSpacing: '-5px',
|
|
3815
|
+
} }, { children: consents.bank_account_confirmation.error })))] })), desktopGridLayout ? (jsxRuntime.jsx(FullWidthField$1, { children: jsxRuntime.jsx(CheckboxContainer$1, { children: jsxRuntime.jsx(material.FormControlLabel, { control: jsxRuntime.jsx(material.Checkbox, { checked: consents.marketing_consent.checked, onChange: (e) => consents.marketing_consent.onChange(e.target.checked), name: "marketing_consent" }), label: jsxRuntime.jsx(CheckboxLabel$1, { children: consents.marketing_consent.label || defaultMarketingLabel }) }) }) })) : (jsxRuntime.jsx(CheckboxContainer$1, { children: jsxRuntime.jsx(material.FormControlLabel, { control: jsxRuntime.jsx(material.Checkbox, { checked: consents.marketing_consent.checked, onChange: (e) => consents.marketing_consent.onChange(e.target.checked), name: "marketing_consent" }), label: jsxRuntime.jsx(CheckboxLabel$1, { children: consents.marketing_consent.label || defaultMarketingLabel }) }) }))] })) })));
|
|
3829
3816
|
};
|
|
3830
3817
|
|
|
3831
3818
|
const FormContainer$2 = styles.styled(material.Box)({
|