diy-template-components 1.1.4 → 1.1.5

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
@@ -4079,14 +4079,14 @@ const useTestimonialStyles = createUseStyles(theme => ({
4079
4079
  } = {}) => containerWidth
4080
4080
  },
4081
4081
  testimonialText: {
4082
- color: theme?.colors?.font2,
4082
+ color: theme?.colors?.lightblack,
4083
4083
  fontSize: theme.typography.fontSize.subHead,
4084
4084
  wordBreak: 'break-word',
4085
4085
  textTransform: 'uppercase'
4086
4086
  },
4087
4087
  testimonialHeader: {
4088
4088
  fontSize: theme.typography.fontSize.h2,
4089
- color: theme?.colors?.font2,
4089
+ color: theme?.colors?.lightblack,
4090
4090
  fontWeight: theme.typography.fontWeight.bold,
4091
4091
  marginBottom: theme.spacing.margin.tiny,
4092
4092
  marginTop: '8px',
@@ -5610,7 +5610,7 @@ const useFaqListStyles = createUseStyles(theme => ({
5610
5610
  backgroundColor: theme?.colors?.white
5611
5611
  },
5612
5612
  basicCardContainer: {
5613
- borderBottom: `1px solid ${theme?.colors?.background2}`,
5613
+ borderBottom: `1px solid #D3D3D3`,
5614
5614
  padding: `${theme.spacing.padding.tiny}px`
5615
5615
  },
5616
5616
  innerContainer: {
@@ -7709,7 +7709,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7709
7709
  display: 'flex',
7710
7710
  width: '36px',
7711
7711
  height: '36px',
7712
- backgroundColor: 'rgb(240, 244, 248)',
7712
+ backgroundColor: theme?.colors?.icon,
7713
7713
  justifyContent: 'center',
7714
7714
  alignItems: 'center',
7715
7715
  borderRadius: '6px'
@@ -7901,14 +7901,15 @@ const SingleVideoSlide$1 = props => {
7901
7901
  className: classes.iconBackground
7902
7902
  }, /*#__PURE__*/React.createElement(Icon, {
7903
7903
  name: 'Calendar',
7904
- color: theme?.colors?.icon
7904
+ width: "24px",
7905
+ color: theme?.colors?.background2
7905
7906
  })), /*#__PURE__*/React.createElement("div", null, moment(data.startDate).locale(momentLocale).format('Do MMM YY') + ' ', moment(data.startTime).locale(momentLocale).format('h:mm A'), /*#__PURE__*/React.createElement("span", null, " - "), moment(data.endTime).locale(momentLocale).format('h:mm A'))), /*#__PURE__*/React.createElement("div", {
7906
7907
  className: classes.courseDetailTag
7907
7908
  }, /*#__PURE__*/React.createElement("span", {
7908
7909
  className: classes.iconBackground
7909
7910
  }, /*#__PURE__*/React.createElement(Icon, {
7910
- color: theme?.colors?.icon,
7911
- width: "20px",
7911
+ color: theme?.colors?.background2,
7912
+ width: "24px",
7912
7913
  name: `${data.webinarLocation === 'Location' ? 'Location' : 'Video'}`
7913
7914
  })), /*#__PURE__*/React.createElement("div", null, data.webinarLocation === 'Location' ? data.webinarLink : data.webinarLocation))), /*#__PURE__*/React.createElement("p", {
7914
7915
  ref: data?.videoTextContent?.refSetter,
@@ -8228,7 +8229,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8228
8229
  display: 'flex',
8229
8230
  width: '36px',
8230
8231
  height: '36px',
8231
- backgroundColor: 'rgb(240, 244, 248)',
8232
+ backgroundColor: theme?.colors?.icon,
8232
8233
  justifyContent: 'center',
8233
8234
  alignItems: 'center',
8234
8235
  borderRadius: '6px'
@@ -8458,28 +8459,32 @@ const SingleVideoSlide = props => {
8458
8459
  className: classes.iconBackground
8459
8460
  }, /*#__PURE__*/React.createElement(Icon, {
8460
8461
  name: 'Clock',
8461
- color: theme?.colors?.icon
8462
+ width: "24px",
8463
+ color: theme?.colors?.background2
8462
8464
  })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.courseDuration?.text)) : null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? /*#__PURE__*/React.createElement("div", {
8463
8465
  className: classes.courseDetailTag
8464
8466
  }, /*#__PURE__*/React.createElement("span", {
8465
8467
  className: classes.iconBackground
8466
8468
  }, /*#__PURE__*/React.createElement(Icon, {
8467
8469
  name: 'Book Saved',
8468
- color: theme?.colors?.icon
8470
+ color: theme?.colors?.background2,
8471
+ width: "24px"
8469
8472
  })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? 'Physical Books' : null)) : null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? /*#__PURE__*/React.createElement("div", {
8470
8473
  className: classes.courseDetailTag
8471
8474
  }, /*#__PURE__*/React.createElement("span", {
8472
8475
  className: classes.iconBackground
8473
8476
  }, /*#__PURE__*/React.createElement(Icon, {
8474
8477
  name: 'Certificate',
8475
- color: theme?.colors?.icon
8478
+ color: theme?.colors?.background2,
8479
+ width: "24px"
8476
8480
  })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? handleCourseCertificateText() : null)) : null, data?.courseOverviewData?.resourseDataText.heading ? /*#__PURE__*/React.createElement("div", {
8477
8481
  className: classes.courseDetailTag
8478
8482
  }, /*#__PURE__*/React.createElement("span", {
8479
8483
  className: classes.iconBackground
8480
8484
  }, /*#__PURE__*/React.createElement(Icon, {
8481
8485
  name: 'Certificate',
8482
- color: theme?.colors?.icon
8486
+ color: theme?.colors?.background2,
8487
+ width: "24px"
8483
8488
  })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.resourseDataText?.heading)) : null), /*#__PURE__*/React.createElement("p", {
8484
8489
  ref: data?.videoTextContent?.refSetter,
8485
8490
  className: classes.courseDetailContent,