diy-template-components 1.0.43 → 1.0.44

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
@@ -3100,12 +3100,13 @@ const useSectionStyles$6 = createUseStyles(theme => {
3100
3100
  objectPosition: '50% 50%'
3101
3101
  },
3102
3102
  overlay: {
3103
+ zIndex: 1,
3103
3104
  position: 'absolute',
3104
3105
  top: 0,
3105
3106
  left: 0,
3106
3107
  width: '100%',
3107
3108
  height: '100%',
3108
- backgroundColor: 'rgba(0, 0, 0, 0.5)'
3109
+ backgroundColor: 'rgba(0, 0, 0, 0.4)'
3109
3110
  },
3110
3111
  '@media screen and (max-width: 767px)': {
3111
3112
  heading: {
@@ -3163,7 +3164,7 @@ const Section$3 = ({
3163
3164
  isCustomWebsite,
3164
3165
  countryCode
3165
3166
  } = React.useContext(PageContext);
3166
- const hasContent = nodeData.cardHeading.metadata.value.length || nodeData.title.metadata.valu.length || nodeData.description.metadata.value.length;
3167
+ const hasContent = Boolean(nodeData.cardHeading.metadata.value || nodeData.title.metadata.valu || nodeData.description.metadata.value);
3167
3168
  const classes = useSectionStyles$6({
3168
3169
  wordBreakValue: wordBreakValue(countryCode),
3169
3170
  imageUrl: nodeData.image.metadata.value,
@@ -4386,7 +4387,7 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
4386
4387
  marginBottom: '8px'
4387
4388
  },
4388
4389
  videoTestimonialTitle: {
4389
- fontSize: theme.typography.fontSize.h1,
4390
+ fontSize: theme.typography.fontSize.h2,
4390
4391
  // lineHeight: '71px',
4391
4392
  letterSpacing: '-3px',
4392
4393
  fontWeight: theme.typography.fontWeight.bold,
@@ -4396,15 +4397,16 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
4396
4397
  },
4397
4398
  videoCarousel: {
4398
4399
  display: 'flex',
4399
- alignItems: 'center',
4400
4400
  justifyContent: 'flex-start',
4401
- gap: theme.spacing.margin.small
4401
+ gap: '40px'
4402
4402
  },
4403
4403
  iframeSuperContainer: {
4404
4404
  height: '100%',
4405
4405
  width: '100%',
4406
4406
  display: 'flex',
4407
- alignItems: 'center'
4407
+ alignItems: 'center',
4408
+ marginTop: '16px',
4409
+ borderRadius: '8px'
4408
4410
  },
4409
4411
  iframeContainer: {
4410
4412
  width: '100%',
@@ -4434,13 +4436,13 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
4434
4436
  fontWeight: theme.typography.fontWeight.bold
4435
4437
  },
4436
4438
  videoDetailsContent: {
4437
- fontSize: theme.typography.fontSize.subHead,
4439
+ fontSize: theme.typography.fontSize.body,
4438
4440
  lineHeight: '24px',
4439
4441
  wordBreak: 'break-word',
4440
4442
  color: theme.palette.font.primary
4441
4443
  },
4442
4444
  videoDetailsSubContent: {
4443
- fontSize: theme.typography.fontSize.subHead,
4445
+ fontSize: theme.typography.fontSize.h6,
4444
4446
  lineHeight: '24px',
4445
4447
  margin: '0',
4446
4448
  color: theme.palette.font.primary,