diy-template-components 2.0.28 → 2.0.30

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
@@ -9721,8 +9721,8 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9721
9721
  },
9722
9722
  imageContainer: {
9723
9723
  padding: '24px',
9724
- width: '240px',
9725
- height: '240px',
9724
+ flex: '0 0 30%',
9725
+ // height: '240px',
9726
9726
  borderRadius: '16px',
9727
9727
  border: '1px solid var(--stroke, #D8E0F0)',
9728
9728
  display: 'flex',
@@ -9742,7 +9742,7 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9742
9742
  flexDirection: 'column',
9743
9743
  borderRadius: '16px',
9744
9744
  background: 'var(--Blue-Tertiary, #F4F9FF)',
9745
- flexGrow: 1
9745
+ flex: 1
9746
9746
  },
9747
9747
  metaInfo: {
9748
9748
  display: 'flex',
@@ -9766,12 +9766,13 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9766
9766
  // gap: '24px'
9767
9767
  display: 'flex',
9768
9768
  gap: '24px',
9769
- flexGrow: 1
9769
+ flex: 1
9770
9770
  },
9771
9771
  card: {
9772
9772
  padding: '24px',
9773
9773
  display: 'flex',
9774
9774
  justifyContent: 'space-between',
9775
+ alignItems: 'center',
9775
9776
  borderRadius: '16px',
9776
9777
  background: 'var(--Blue-Tertiary, #F4F9FF)',
9777
9778
  flexGrow: 1
@@ -9807,13 +9808,13 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9807
9808
  color: 'var(--Black, #0A1629)',
9808
9809
  fontSize: '26px',
9809
9810
  fontStyle: 'normal',
9810
- fontWeight: '600'
9811
+ fontWeight: '600',
9812
+ wordBreak: 'break-word'
9811
9813
  },
9812
9814
  // SMALL SCREEN
9813
9815
  '@media screen and (max-width: 767px)': {
9814
9816
  imageContainer: {
9815
9817
  padding: '15px',
9816
- width: '150px',
9817
9818
  height: '150px',
9818
9819
  borderRadius: '10px',
9819
9820
  border: '1px solid var(--stroke, #D8E0F0)'
@@ -9948,8 +9949,12 @@ function ABOUT_INSTITUTE({
9948
9949
  }, /*#__PURE__*/React.createElement("div", {
9949
9950
  className: classes.cardDesc
9950
9951
  }, /*#__PURE__*/React.createElement("span", {
9951
- className: classes.highlightText
9952
- }, highlightNodeData?.courses?.metadata?.value), /*#__PURE__*/React.createElement("span", null, "Courses")), /*#__PURE__*/React.createElement(Icon, {
9952
+ className: classes.highlightText,
9953
+ ref: highlightNodeData?.courses?.refSetter,
9954
+ dangerouslySetInnerHTML: {
9955
+ __html: highlightNodeData?.courses?.metadata?.value
9956
+ }
9957
+ }), /*#__PURE__*/React.createElement("span", null, "Courses")), /*#__PURE__*/React.createElement(Icon, {
9953
9958
  name: 'BookSaved',
9954
9959
  color: theme.palette.font.primary,
9955
9960
  width: '32px',
@@ -9959,8 +9964,12 @@ function ABOUT_INSTITUTE({
9959
9964
  }, /*#__PURE__*/React.createElement("div", {
9960
9965
  className: classes.cardDesc
9961
9966
  }, /*#__PURE__*/React.createElement("span", {
9962
- className: classes.highlightText
9963
- }, highlightNodeData?.students?.metadata?.value), /*#__PURE__*/React.createElement("span", null, "Active Students")), /*#__PURE__*/React.createElement(Icon, {
9967
+ className: classes.highlightText,
9968
+ ref: highlightNodeData?.students?.refSetter,
9969
+ dangerouslySetInnerHTML: {
9970
+ __html: highlightNodeData?.students?.metadata?.value
9971
+ }
9972
+ }), /*#__PURE__*/React.createElement("span", null, "Active Students")), /*#__PURE__*/React.createElement(Icon, {
9964
9973
  name: 'GroupProfile',
9965
9974
  color: theme.palette.font.primary,
9966
9975
  width: '32px',