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.js CHANGED
@@ -3822,7 +3822,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
3822
3822
  fontSize: theme.typography.fontSize.subHead,
3823
3823
  wordBreak: 'break-word',
3824
3824
  color: theme?.palette?.font?.primary,
3825
- lineHeight: '22px'
3825
+ lineHeight: '24px'
3826
3826
  },
3827
3827
  userContainer: {
3828
3828
  display: 'flex',
@@ -6103,7 +6103,8 @@ const useTeamStyles = createUseStyles(theme => {
6103
6103
  border: '3px solid #D8E0F0',
6104
6104
  borderRadius: theme?.shape?.borderRadius?.regular,
6105
6105
  padding: theme.spacing.padding.tiny,
6106
- boxShadow: theme?.shadows?.primary
6106
+ boxShadow: theme?.shadows?.primary,
6107
+ minHeight: '390px'
6107
6108
  },
6108
6109
  imageContainer: {
6109
6110
  minWidth: '100%',
@@ -6320,7 +6321,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6320
6321
  title: {
6321
6322
  margin: '0',
6322
6323
  fontSize: theme.typography.fontSize.h2,
6323
- color: theme?.palette?.font?.secondary,
6324
+ color: theme?.palette?.font?.default,
6324
6325
  fontWeight: theme.typography.fontWeight.bold,
6325
6326
  lineHeight: '71px',
6326
6327
  letterSpacing: '-3px',
@@ -6342,7 +6343,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6342
6343
  subtitle: {
6343
6344
  // margin: '0 0 40px 0',
6344
6345
  fontSize: theme.typography.fontSize.h6,
6345
- color: theme?.palette?.font?.primary,
6346
+ color: theme?.palette?.font?.default,
6346
6347
  lineHeight: '32px',
6347
6348
  wordBreak: 'break-word'
6348
6349
  },
@@ -6720,7 +6721,7 @@ const useSectionStyles = createUseStyles(theme => ({
6720
6721
  title: {
6721
6722
  margin: '0',
6722
6723
  fontSize: theme.typography.fontSize.h2,
6723
- color: theme?.palette?.font?.secondary,
6724
+ color: theme?.palette?.font?.default,
6724
6725
  lineHeight: '71px',
6725
6726
  letterSpacing: '-3px',
6726
6727
  textAlign: 'left',
@@ -6741,7 +6742,7 @@ const useSectionStyles = createUseStyles(theme => ({
6741
6742
  subtitle: {
6742
6743
  margin: '0 0 auto 0',
6743
6744
  fontSize: theme.typography.fontSize.h6,
6744
- color: theme?.palette?.font?.primary,
6745
+ color: theme?.palette?.font?.default,
6745
6746
  lineHeight: '32px',
6746
6747
  margin: '20px 0px'
6747
6748
  },
@@ -9109,7 +9110,6 @@ function PageRenderer({
9109
9110
  extraProps,
9110
9111
  hideLogin
9111
9112
  }) {
9112
- const theme = React.useMemo(() => getTheme(color, font), [color, font]);
9113
9113
  const navList = header?.navs;
9114
9114
  const context = React.useMemo(() => ({
9115
9115
  isMobile,
@@ -9132,6 +9132,7 @@ function PageRenderer({
9132
9132
  countryCode,
9133
9133
  currencySymbol
9134
9134
  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
9135
+ const theme = React.useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
9135
9136
  const Wrapper = SectionWrapper || React.Fragment;
9136
9137
  return /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
9137
9138
  theme: theme