diy-template-components 1.0.41 → 1.0.42

package/build/index.js

@@ -2055,18 +2055,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
 };
@@ -2372,6 +2372,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%'
@@ -3012,21 +3013,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,
@@ -3046,20 +3039,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',
@@ -3126,6 +3108,9 @@ const useSectionStyles$6 = createUseStyles(theme => {
       backgroundColor: "rgba(0, 0, 0, 0.5)"
     },
     '@media screen and (max-width: 767px)': {
+      heading: {
+        fontSize: theme.typography.fontSize.h2
+      },
       partialBackground: {
         display: 'none'
       },
@@ -3179,7 +3164,6 @@ const Section$3 = ({
     countryCode
   } = React.useContext(PageContext);
   const hasContent = Boolean(nodeData.cardHeading.metadata.value || nodeData.title.metadata.value || nodeData.description.metadata.value);
-  console.log(hasContent, 'lindwlinadilwan');
   const classes = useSectionStyles$6({
     wordBreakValue: wordBreakValue(countryCode),
     imageUrl: nodeData.image.metadata.value,
@@ -3334,6 +3318,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
     subTitleHeading: {
       marginBottom: '8px',
       fontSize: theme?.typography?.fontSize?.subHead,
+      letterSpacing: '3px',
       color: theme?.palette?.font?.default,
       wordBreak: 'break-word'
     },
@@ -3388,7 +3373,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'
@@ -5239,14 +5228,6 @@ const usePhotoGalleryStyles = createUseStyles(theme => {
       textOverflow: 'ellipsis'
     },
     '@media (max-width: 768px)': {
-      // container: {
-      //   padding: '60px 20px'
-      // },
-
-      // cardHeading: {
-      //   marginLeft: '3px'
-      // },
-
       title: {
         lineHeight: '36px',
         letterSpacing: '-1px',
@@ -5256,10 +5237,6 @@ const usePhotoGalleryStyles = createUseStyles(theme => {
         whiteSpace: 'nowrap',
         textOverflow: 'ellipsis'
       }
-
-      // sliderContainer: {
-      //   marginRight: '-20px'
-      // }
     }
   };
 });
@@ -6254,7 +6231,7 @@ const useTeamStyles = createUseStyles(theme => {
       letterSpacing: '3px',
       marginBottom: '8px',
       color: theme?.palette?.font?.default,
-      wordBreak: 'break-word',
+      // wordBreak: 'break-word',
       position: 'relative'
     },
     partialBackground: {
@@ -6286,13 +6263,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%',
@@ -6312,18 +6289,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
@@ -6333,9 +6311,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'
       },