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.es.js CHANGED
@@ -3084,12 +3084,13 @@ const useSectionStyles$6 = createUseStyles(theme => {
3084
3084
  objectPosition: '50% 50%'
3085
3085
  },
3086
3086
  overlay: {
3087
+ zIndex: 1,
3087
3088
  position: 'absolute',
3088
3089
  top: 0,
3089
3090
  left: 0,
3090
3091
  width: '100%',
3091
3092
  height: '100%',
3092
- backgroundColor: 'rgba(0, 0, 0, 0.5)'
3093
+ backgroundColor: 'rgba(0, 0, 0, 0.4)'
3093
3094
  },
3094
3095
  '@media screen and (max-width: 767px)': {
3095
3096
  heading: {
@@ -3147,7 +3148,7 @@ const Section$3 = ({
3147
3148
  isCustomWebsite,
3148
3149
  countryCode
3149
3150
  } = useContext(PageContext);
3150
- const hasContent = nodeData.cardHeading.metadata.value.length || nodeData.title.metadata.valu.length || nodeData.description.metadata.value.length;
3151
+ const hasContent = Boolean(nodeData.cardHeading.metadata.value || nodeData.title.metadata.valu || nodeData.description.metadata.value);
3151
3152
  const classes = useSectionStyles$6({
3152
3153
  wordBreakValue: wordBreakValue(countryCode),
3153
3154
  imageUrl: nodeData.image.metadata.value,
@@ -4370,7 +4371,7 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
4370
4371
  marginBottom: '8px'
4371
4372
  },
4372
4373
  videoTestimonialTitle: {
4373
- fontSize: theme.typography.fontSize.h1,
4374
+ fontSize: theme.typography.fontSize.h2,
4374
4375
  // lineHeight: '71px',
4375
4376
  letterSpacing: '-3px',
4376
4377
  fontWeight: theme.typography.fontWeight.bold,
@@ -4380,15 +4381,16 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
4380
4381
  },
4381
4382
  videoCarousel: {
4382
4383
  display: 'flex',
4383
- alignItems: 'center',
4384
4384
  justifyContent: 'flex-start',
4385
- gap: theme.spacing.margin.small
4385
+ gap: '40px'
4386
4386
  },
4387
4387
  iframeSuperContainer: {
4388
4388
  height: '100%',
4389
4389
  width: '100%',
4390
4390
  display: 'flex',
4391
- alignItems: 'center'
4391
+ alignItems: 'center',
4392
+ marginTop: '16px',
4393
+ borderRadius: '8px'
4392
4394
  },
4393
4395
  iframeContainer: {
4394
4396
  width: '100%',
@@ -4418,13 +4420,13 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
4418
4420
  fontWeight: theme.typography.fontWeight.bold
4419
4421
  },
4420
4422
  videoDetailsContent: {
4421
- fontSize: theme.typography.fontSize.subHead,
4423
+ fontSize: theme.typography.fontSize.body,
4422
4424
  lineHeight: '24px',
4423
4425
  wordBreak: 'break-word',
4424
4426
  color: theme.palette.font.primary
4425
4427
  },
4426
4428
  videoDetailsSubContent: {
4427
- fontSize: theme.typography.fontSize.subHead,
4429
+ fontSize: theme.typography.fontSize.h6,
4428
4430
  lineHeight: '24px',
4429
4431
  margin: '0',
4430
4432
  color: theme.palette.font.primary,