diy-template-components 0.2.86 → 0.2.88

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/build/index.es.js CHANGED
@@ -3807,7 +3807,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
3807
3807
  fontSize: theme.typography.fontSize.subHead,
3808
3808
  wordBreak: 'break-word',
3809
3809
  color: theme?.palette?.font?.primary,
3810
- lineHeight: '22px'
3810
+ lineHeight: '24px'
3811
3811
  },
3812
3812
  userContainer: {
3813
3813
  display: 'flex',
@@ -6088,7 +6088,8 @@ const useTeamStyles = createUseStyles(theme => {
6088
6088
  border: '3px solid #D8E0F0',
6089
6089
  borderRadius: theme?.shape?.borderRadius?.regular,
6090
6090
  padding: theme.spacing.padding.tiny,
6091
- boxShadow: theme?.shadows?.primary
6091
+ boxShadow: theme?.shadows?.primary,
6092
+ minHeight: '390px'
6092
6093
  },
6093
6094
  imageContainer: {
6094
6095
  minWidth: '100%',
@@ -6305,7 +6306,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6305
6306
  title: {
6306
6307
  margin: '0',
6307
6308
  fontSize: theme.typography.fontSize.h2,
6308
- color: theme?.palette?.font?.secondary,
6309
+ color: theme?.palette?.font?.default,
6309
6310
  fontWeight: theme.typography.fontWeight.bold,
6310
6311
  lineHeight: '71px',
6311
6312
  letterSpacing: '-3px',
@@ -6327,7 +6328,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6327
6328
  subtitle: {
6328
6329
  // margin: '0 0 40px 0',
6329
6330
  fontSize: theme.typography.fontSize.h6,
6330
- color: theme?.palette?.font?.primary,
6331
+ color: theme?.palette?.font?.default,
6331
6332
  lineHeight: '32px',
6332
6333
  wordBreak: 'break-word'
6333
6334
  },
@@ -6705,7 +6706,7 @@ const useSectionStyles = createUseStyles(theme => ({
6705
6706
  title: {
6706
6707
  margin: '0',
6707
6708
  fontSize: theme.typography.fontSize.h2,
6708
- color: theme?.palette?.font?.secondary,
6709
+ color: theme?.palette?.font?.default,
6709
6710
  lineHeight: '71px',
6710
6711
  letterSpacing: '-3px',
6711
6712
  textAlign: 'left',
@@ -6726,7 +6727,7 @@ const useSectionStyles = createUseStyles(theme => ({
6726
6727
  subtitle: {
6727
6728
  margin: '0 0 auto 0',
6728
6729
  fontSize: theme.typography.fontSize.h6,
6729
- color: theme?.palette?.font?.primary,
6730
+ color: theme?.palette?.font?.default,
6730
6731
  lineHeight: '32px',
6731
6732
  margin: '20px 0px'
6732
6733
  },
@@ -9094,7 +9095,6 @@ function PageRenderer({
9094
9095
  extraProps,
9095
9096
  hideLogin
9096
9097
  }) {
9097
- const theme = useMemo(() => getTheme(color, font), [color, font]);
9098
9098
  const navList = header?.navs;
9099
9099
  const context = useMemo(() => ({
9100
9100
  isMobile,
@@ -9117,6 +9117,7 @@ function PageRenderer({
9117
9117
  countryCode,
9118
9118
  currencySymbol
9119
9119
  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
9120
+ const theme = useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
9120
9121
  const Wrapper = SectionWrapper || Fragment;
9121
9122
  return /*#__PURE__*/React.createElement(ThemeProvider, {
9122
9123
  theme: theme