diy-template-components 0.2.84 → 0.2.86

package/build/index.es.js

@@ -1985,7 +1985,6 @@ const fontWeight = {
 };
 
 function getTheme(colorTheme = 'blue', fontFamily = 'Arial', isMobile) {
-  console.log(isMobile, "isMobileisMobile");
   const palette = palettes[colorTheme] || palettes['blue'];
   const typography = {
     fontFamily: `"${fontFamily}", "Roboto", "Helvetica", "Arial", "sans-serif"`,
@@ -2152,7 +2151,6 @@ function PageRenderer$1({
   countryCode,
   currencySymbol
 }) {
-  const theme = useMemo(() => getTheme(color, font), [color, font]);
   const navList = header?.navs;
   const context = useMemo(() => ({
     isMobile,
@@ -2175,6 +2173,7 @@ function PageRenderer$1({
     countryCode,
     currencySymbol
   }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
+  const theme = useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
   const Wrapper = SectionWrapper || Fragment;
   return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
@@ -3128,9 +3127,7 @@ var index$j = /*#__PURE__*/Object.freeze({
 const useSectionStyles$5 = createUseStyles(theme => {
   return {
     section: {
-      padding: ({
-        isMobile
-      } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
+      padding: `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
       '&, & *, & *:before, & *:after': {
         fontFamily: theme?.typography?.fontFamily,
         boxSizing: 'border-box'
@@ -3192,7 +3189,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
     textContainer: {
       marginLeft: '72px',
       textAlign: 'left',
-      margin: '0 auto',
+      // margin: '0 auto',
       width: '50%'
     },
     subTitleHeading: {
@@ -3218,13 +3215,14 @@ const useSectionStyles$5 = createUseStyles(theme => {
     },
     '@media screen and (max-width: 767px)': {
       section: {
-        padding: '0 0 40px'
+        padding: `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px`
       },
       centerData: {
         flexDirection: 'column-reverse',
-        width: '100%',
-        padding: `${theme?.spacing?.padding?.medium}px ${theme?.spacing?.padding?.regular}px`
+        width: '100%'
+        // padding: `${theme?.spacing?.padding?.medium}px ${theme?.spacing?.padding?.regular}px`
       },
+
       imageContainer: {
         height: 'unset !important',
         '& img': {
@@ -3244,7 +3242,9 @@ const useSectionStyles$5 = createUseStyles(theme => {
       },
       textContainer: {
         padding: `${theme?.spacing?.padding?.regular}px 0px`,
-        width: 'unset'
+        width: 'unset',
+        margin: '0px',
+        textAlign: 'center'
       },
       heading: {
         fontSize: `${theme?.typography?.fontSize?.h3}px`
@@ -4651,7 +4651,9 @@ var index$e = /*#__PURE__*/Object.freeze({
 const useSectionStyles$3 = createUseStyles(theme => ({
   section: {
     position: 'relative',
-    padding: `${theme?.spacing?.padding?.regular}px 0px ${theme?.spacing?.padding?.regular}px ${theme?.spacing?.padding?.medium}px`,
+    padding: ({
+      isMobile
+    } = {}) => isMobile ? `${theme.spacing.padding.medium}px 0px ${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
     backgroundColor: theme?.palette?.background?.default,
     '&, & *, & *:before, & *:after': {
       fontFamily: theme?.typography?.fontFamily,
@@ -4686,6 +4688,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
     width: '100%',
     fontSize: theme.typography.fontSize.subHead,
     color: theme?.palette?.font?.default,
+    textTransform: 'uppercase',
     textAlign: 'left',
     lineHeight: '20px',
     letterSpacing: '3px',
@@ -4801,13 +4804,14 @@ function Info({
   const classes = useSectionStyles$3({
     cardsCount,
     containerWidth,
-    slidesToShow
+    slidesToShow,
+    isMobile
   });
   const settings = {
     className: classes.sliderContainer,
     slidesToShow,
     centerMode: true,
-    centerPadding: isMobile ? '40px 0 0' : '60px 0 0'
+    centerPadding: isMobile ? '40px 0 0' : '0px 0 0'
   };
   const carouselContent = carouselList.map((dt, ind) =>
   /*#__PURE__*/
@@ -4863,8 +4867,8 @@ function Info({
     }
   })), cardsCount > slidesToShow ? /*#__PURE__*/React.createElement(Carousel, {
     hideArrow: isMobile,
-    settings: settings,
-    buttonContainerClass: classes.buttonContainerClass
+    settings: settings
+    // buttonContainerClass={classes.buttonContainerClass}
   }, carouselContent) : /*#__PURE__*/React.createElement("div", {
     className: classes.contentRow
   }, carouselContent))));
@@ -7273,7 +7277,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
         width: '100%'
       },
       videoDetailsHeading: {
-        lineHeight: '20px'
+        lineHeight: 'normal'
       },
       videoTestimonialTitle: {
         // fontSize: '24px',
@@ -7765,7 +7769,8 @@ const useCoursePromotionPage = createUseStyles(theme => {
       videoDetailsHeading: {
         // fontSize: '20px',
         fontWeight: '600',
-        lineHeight: '20px'
+        lineHeight: 'normal',
+        letterSpacing: '0px'
       },
       videoTestimonialTitle: {
         // fontSize: '24px',