diy-template-components 0.2.63 → 0.2.64

package/build/index.es.js

@@ -1690,9 +1690,9 @@ function Footer({
     isCustomWebsite
   });
   return /*#__PURE__*/React.createElement("footer", {
-    className: data?.metadata?.isCpBranding ? `${classes.section}` : `${classes.section} ${classes.sectionNoBranding}`
+    className: data.metadata.isCpBranding ? `${classes.section}` : `${classes.section} ${classes.sectionNoBranding}`
   }, /*#__PURE__*/React.createElement("div", {
-    className: data?.metadata?.isCpBranding ? `${classes.upperContainer}` : `${classes.upperContainer} ${classes.upperContainerNoBranding}`
+    className: data.metadata.isCpBranding ? `${classes.upperContainer}` : `${classes.upperContainer} ${classes.upperContainerNoBranding}`
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.upperContainerItem1
   }, /*#__PURE__*/React.createElement("div", {
@@ -1802,7 +1802,7 @@ function Footer({
     color: theme.palette.background.default,
     width: '16px',
     height: '16px'
-  })) : null)), data?.metadata?.isCpBranding ? /*#__PURE__*/React.createElement("div", {
+  })) : null)), data.metadata.isCpBranding ? /*#__PURE__*/React.createElement("div", {
     className: classes.lowerContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.bottomLeftText
@@ -1889,8 +1889,7 @@ const generateThemePalette = themeColors => ({
     primary: colors.lightGrey,
     secondary: colors.grey,
     tertiary: colors.blueGrey
-  },
-  fontColor: themeColors.colorCode
+  }
 });
 const bluePalette = generateThemePalette(blueTheme);
 const redPalette = generateThemePalette(redTheme);
@@ -2903,23 +2902,34 @@ const useSectionStyles$6 = createUseStyles(theme => ({
       padding: '0px'
     },
     textContainer: {
-      padding: '0px 20px',
-      height: '100%'
+      padding: '20px 20px',
+      height: '100%',
+      width: '100%',
+      backgroundColor: theme?.palette?.background?.primary
+    },
+    subTitleHeading: {
+      color: theme?.palette?.font?.tertiary
     },
     heading: {
-      fontSize: '40px'
+      fontSize: '40px',
+      color: theme?.palette?.font?.default
     },
     description: {
-      margin: '16px 0'
+      margin: '16px 0',
+      color: theme?.palette?.font?.primary
     },
     centerBgImageContainer: {
       width: ({
         isCustomWebsite
       }) => isCustomWebsite ? '100%' : 'unset',
-      position: 'relative',
-      height: '34rem',
+      // position: 'relative',
+      // height: '34rem',
+      minHeight: '200px',
       paddingBottom: '0'
     },
+    sectionContainer: {
+      position: 'unset'
+    },
     centerBgImage: {
       objectFit: 'cover',
       width: '100%',
@@ -5092,7 +5102,7 @@ const useFaqListStyles = createUseStyles(theme => ({
     lineHeight: '24px',
     maxHeight: ({
       isSelected
-    } = {}) => isSelected ? '100px' : '0',
+    } = {}) => isSelected ? 'unset' : '0',
     transition: 'all 0.7s',
     overflow: 'hidden'
   },