diy-template-components 1.0.41 → 1.0.43

package/build/index.es.js

@@ -1887,7 +1887,7 @@ function Footer({
     className: classes.lowerContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.bottomLeftText
-  }, "2022 All Rights Reserved"), /*#__PURE__*/React.createElement("div", {
+  }, "\xA9 ", new Date().getFullYear(), " All Rights Reserved"), /*#__PURE__*/React.createElement("div", {
     className: classes.poweredByContainer
   }, /*#__PURE__*/React.createElement("p", null, "Powered by"), /*#__PURE__*/React.createElement("a", {
     title: "Powered by Classplus",
@@ -2039,18 +2039,18 @@ const fontSize = {
   h4: 32,
   h5: 24,
   h6: 20,
-  subHead: 20,
+  subHead: 24,
   description: 20,
   body: 16
 };
 const fontSizeMob = {
   h1: 40,
-  h2: 20,
-  h3: 32,
+  h2: 24,
+  h3: 20,
   h4: 16,
   h5: 16,
   h6: 14,
-  subHead: 16,
+  subHead: 14,
   description: 16,
   body: 14
 };
@@ -2356,6 +2356,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
   subTitleHeading: {
     marginBottom: '8px',
     fontSize: theme.typography.fontSize.subHead,
+    letterSpacing: '3px',
     color: theme?.palette?.font?.default,
     wordBreak: 'break-word',
     maxWidth: '100%'
@@ -2996,21 +2997,13 @@ const useSectionStyles$6 = createUseStyles(theme => {
   return {
     bannerCarouselCenterSection: {
       width: '100%',
-      // height: '100%',
       textAlign: 'center',
       position: 'relative',
       '&, & *, & *:before, & *:after': {
         fontFamily: theme?.typography?.fontFamily,
         boxSizing: 'border-box'
       }
-      // '& h2,& h3': {
-      //   fontWeight: '500',
-      //   '& b,& strong': {
-      //     fontWeight: '700'
-      //   }
-      // }
     },
-
     sectionContainer: {
       width: '100%',
       // maxWidth: ({ containerWidth } = {}) => containerWidth,
@@ -3030,20 +3023,9 @@ const useSectionStyles$6 = createUseStyles(theme => {
       margin: `${theme.spacing.margin.tiny}px 0px`
     },
     contentContainer: {
-      // padding: '100px 0',
-      // height: '100%',
-      // display: 'flex',
-      // alignItems: 'center'
-      // height: '100%',
       display: 'flex',
-      /* padding: 100px 0; */
       alignItems: 'center'
-      // backgroundImage: ({ imageUrl } = {}) =>
-      //   `linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%), url("${imageUrl}")`,
-      // backgroundPosition: 'center',
-      // backgroundSize: 'cover'
     },
-
     centerBgImageContainer: {
       width: '100%',
       position: 'relative',
@@ -3107,17 +3089,20 @@ const useSectionStyles$6 = createUseStyles(theme => {
       left: 0,
       width: '100%',
       height: '100%',
-      backgroundColor: "rgba(0, 0, 0, 0.5)"
+      backgroundColor: 'rgba(0, 0, 0, 0.5)'
     },
     '@media screen and (max-width: 767px)': {
+      heading: {
+        fontSize: theme.typography.fontSize.h2
+      },
       partialBackground: {
         display: 'none'
       },
       contentContainer: {
-        display: "block"
+        display: 'block'
       },
       textContainer: {
-        position: "absolute",
+        position: 'absolute',
         padding: '20px 20px',
         height: '100%',
         width: '100%',
@@ -3162,8 +3147,7 @@ const Section$3 = ({
     isCustomWebsite,
     countryCode
   } = useContext(PageContext);
-  const hasContent = Boolean(nodeData.cardHeading.metadata.value || nodeData.title.metadata.value || nodeData.description.metadata.value);
-  console.log(hasContent, 'lindwlinadilwan');
+  const hasContent = nodeData.cardHeading.metadata.value.length || nodeData.title.metadata.valu.length || nodeData.description.metadata.value.length;
   const classes = useSectionStyles$6({
     wordBreakValue: wordBreakValue(countryCode),
     imageUrl: nodeData.image.metadata.value,
@@ -3318,6 +3302,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
     subTitleHeading: {
       marginBottom: '8px',
       fontSize: theme?.typography?.fontSize?.subHead,
+      letterSpacing: '3px',
       color: theme?.palette?.font?.default,
       wordBreak: 'break-word'
     },
@@ -3372,7 +3357,11 @@ const useSectionStyles$5 = createUseStyles(theme => {
         textAlign: 'center'
       },
       heading: {
-        fontSize: `${theme?.typography?.fontSize?.h3}px`
+        fontSize: `${theme?.typography?.fontSize?.h2}px`
+      },
+      subTitleHeading: {
+        letterSpacing: '3px',
+        lineHeight: '17px'
       },
       description: {
         margin: '16px 0'
@@ -5223,14 +5212,6 @@ const usePhotoGalleryStyles = createUseStyles(theme => {
       textOverflow: 'ellipsis'
     },
     '@media (max-width: 768px)': {
-      // container: {
-      //   padding: '60px 20px'
-      // },
-
-      // cardHeading: {
-      //   marginLeft: '3px'
-      // },
-
       title: {
         lineHeight: '36px',
         letterSpacing: '-1px',
@@ -5240,10 +5221,6 @@ const usePhotoGalleryStyles = createUseStyles(theme => {
         whiteSpace: 'nowrap',
         textOverflow: 'ellipsis'
       }
-
-      // sliderContainer: {
-      //   marginRight: '-20px'
-      // }
     }
   };
 });
@@ -5839,7 +5816,7 @@ const useCourseStyles = createUseStyles(theme => {
       textDecoration: 'none !important'
     },
     courseCardStrikePrice: {
-      fontSize: '10px',
+      fontSize: '14px',
       fontWeight: '600',
       lineHeight: '13px',
       color: '#FE9B0E',
@@ -6238,7 +6215,7 @@ const useTeamStyles = createUseStyles(theme => {
       letterSpacing: '3px',
       marginBottom: '8px',
       color: theme?.palette?.font?.default,
-      wordBreak: 'break-word',
+      // wordBreak: 'break-word',
       position: 'relative'
     },
     partialBackground: {
@@ -6270,13 +6247,13 @@ const useTeamStyles = createUseStyles(theme => {
     singleSlideContainer: {
       backgroundColor: theme?.palette?.background?.default,
       margin: '20px',
-      width: 'calc(100% - 32px)',
+      width: 'calc(100% - 24px)',
       // height: 'calc(100% - 40px)',
       border: '3px solid #D8E0F0',
       borderRadius: theme?.shape?.borderRadius?.regular,
       padding: theme.spacing.padding.tiny,
       boxShadow: theme?.shadows?.primary,
-      minHeight: '390px'
+      minHeight: '320px'
     },
     imageContainer: {
       minWidth: '100%',
@@ -6296,18 +6273,19 @@ const useTeamStyles = createUseStyles(theme => {
     },
     teamDetailsContainer: {
       textAlign: 'center',
-      margin: '20px 0 0',
-      overflowWrap: 'break-word'
+      margin: '20px 0 0'
+      // overflowWrap: 'break-word'
     },
+
     teamDetailsHeading: {
-      fontSize: theme.typography.fontSize.h5,
+      fontSize: theme.typography.fontSize.h6,
       fontWeight: theme.typography.fontWeight.bold,
-      lineHeight: '32px',
+      lineHeight: '24px',
       margin: '0',
       color: theme?.palette?.font?.default
     },
     teamDetailsSubHeading: {
-      fontSize: theme.typography.fontSize.subHead,
+      fontSize: theme.typography.fontSize.body,
       lineHeight: '24px',
       margin: '12px 0 0',
       color: theme?.palette?.font?.primary
@@ -6317,9 +6295,13 @@ const useTeamStyles = createUseStyles(theme => {
       //   padding: '60px 20px'
       // },
       teamHeading: {
-        lineHeight: '20px'
+        lineHeight: '20px',
+        margin: 0,
+        textAlign: 'center'
       },
       teamTitle: {
+        textAlign: 'center',
+        fontSize: theme.typography.fontSize.h3,
         lineHeight: '36px',
         letterSpacing: '-1px'
       },