igloo-d2c-components 1.0.29 → 1.0.30

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
@@ -2546,7 +2546,7 @@ const OptionLabel = styles.styled(material.Typography)(({ theme, selected, color
2546
2546
  fontWeight: selected ? 700 : 500,
2547
2547
  fontSize: '14px',
2548
2548
  lineHeight: '20px',
2549
- wordSpacing: '-5px',
2549
+ wordSpacing: '0px',
2550
2550
  color: selected ? '#0090DA' : colors.unselectedText,
2551
2551
  textAlign: 'center',
2552
2552
  fontFamily: '"MetLifeCircular", "Montserrat", sans-serif',
@@ -3519,7 +3519,7 @@ const FullWidthField$1 = styles.styled(material.Box)({
3519
3519
  const CheckboxContainer$1 = styles.styled(material.Box)({
3520
3520
  marginTop: '12px',
3521
3521
  '& .MuiFormControlLabel-root': {
3522
- alignItems: 'flex-start',
3522
+ alignItems: 'center',
3523
3523
  marginLeft: 0,
3524
3524
  },
3525
3525
  '& .MuiCheckbox-root': {
@@ -3799,7 +3799,7 @@ const FAQContainer = material.styled(material.Box)(({ theme }) => ({
3799
3799
  width: '100%',
3800
3800
  backgroundColor: '#ffffff',
3801
3801
  [theme.breakpoints.up('md')]: {
3802
- padding: '64px 32px',
3802
+ padding: '70px 0',
3803
3803
  gap: '32px',
3804
3804
  },
3805
3805
  }));
@@ -3829,6 +3829,14 @@ const StyledAccordion = material.styled(material.Accordion)(({ theme }) => ({
3829
3829
  '&.Mui-expanded': {
3830
3830
  margin: 0,
3831
3831
  },
3832
+ [theme.breakpoints.up('md')]: {
3833
+ marginTop: '12px',
3834
+ marginBottom: '12px',
3835
+ '&.Mui-expanded': {
3836
+ marginTop: '12px',
3837
+ marginBottom: '12px',
3838
+ },
3839
+ },
3832
3840
  }));
3833
3841
  const StyledAccordionSummary = material.styled(material.AccordionSummary)(({ theme }) => ({
3834
3842
  minHeight: '48px',
@@ -3923,7 +3931,7 @@ const SectionContainer = material.styled(material.Box)(({ theme }) => ({
3923
3931
  width: '100%',
3924
3932
  backgroundColor: '#ffffff',
3925
3933
  [theme.breakpoints.up('md')]: {
3926
- padding: '64px 32px',
3934
+ padding: '70px 0',
3927
3935
  gap: '40px',
3928
3936
  },
3929
3937
  }));
@@ -3946,7 +3954,7 @@ const BenefitsList = material.styled(material.Box)(({ theme }) => ({
3946
3954
  gap: '16px',
3947
3955
  width: '100%',
3948
3956
  [theme.breakpoints.up('md')]: {
3949
- gap: '24px',
3957
+ gap: '16px',
3950
3958
  },
3951
3959
  }));
3952
3960
  const BenefitItemContainer = material.styled(material.Box)(({ theme }) => ({
@@ -3955,7 +3963,7 @@ const BenefitItemContainer = material.styled(material.Box)(({ theme }) => ({
3955
3963
  alignItems: 'flex-start',
3956
3964
  width: '100%',
3957
3965
  [theme.breakpoints.up('md')]: {
3958
- gap: '16px',
3966
+ gap: '6px',
3959
3967
  },
3960
3968
  }));
3961
3969
  const BenefitIcon = material.styled(material.Box)({