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.js CHANGED
@@ -9737,8 +9737,8 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9737
9737
  },
9738
9738
  imageContainer: {
9739
9739
  padding: '24px',
9740
- width: '240px',
9741
- height: '240px',
9740
+ flex: '0 0 30%',
9741
+ // height: '240px',
9742
9742
  borderRadius: '16px',
9743
9743
  border: '1px solid var(--stroke, #D8E0F0)',
9744
9744
  display: 'flex',
@@ -9758,7 +9758,7 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9758
9758
  flexDirection: 'column',
9759
9759
  borderRadius: '16px',
9760
9760
  background: 'var(--Blue-Tertiary, #F4F9FF)',
9761
- flexGrow: 1
9761
+ flex: 1
9762
9762
  },
9763
9763
  metaInfo: {
9764
9764
  display: 'flex',
@@ -9782,12 +9782,13 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9782
9782
  // gap: '24px'
9783
9783
  display: 'flex',
9784
9784
  gap: '24px',
9785
- flexGrow: 1
9785
+ flex: 1
9786
9786
  },
9787
9787
  card: {
9788
9788
  padding: '24px',
9789
9789
  display: 'flex',
9790
9790
  justifyContent: 'space-between',
9791
+ alignItems: 'center',
9791
9792
  borderRadius: '16px',
9792
9793
  background: 'var(--Blue-Tertiary, #F4F9FF)',
9793
9794
  flexGrow: 1
@@ -9823,13 +9824,13 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9823
9824
  color: 'var(--Black, #0A1629)',
9824
9825
  fontSize: '26px',
9825
9826
  fontStyle: 'normal',
9826
- fontWeight: '600'
9827
+ fontWeight: '600',
9828
+ wordBreak: 'break-word'
9827
9829
  },
9828
9830
  // SMALL SCREEN
9829
9831
  '@media screen and (max-width: 767px)': {
9830
9832
  imageContainer: {
9831
9833
  padding: '15px',
9832
- width: '150px',
9833
9834
  height: '150px',
9834
9835
  borderRadius: '10px',
9835
9836
  border: '1px solid var(--stroke, #D8E0F0)'
@@ -9964,8 +9965,12 @@ function ABOUT_INSTITUTE({
9964
9965
  }, /*#__PURE__*/React__default["default"].createElement("div", {
9965
9966
  className: classes.cardDesc
9966
9967
  }, /*#__PURE__*/React__default["default"].createElement("span", {
9967
- className: classes.highlightText
9968
- }, highlightNodeData?.courses?.metadata?.value), /*#__PURE__*/React__default["default"].createElement("span", null, "Courses")), /*#__PURE__*/React__default["default"].createElement(Icon, {
9968
+ className: classes.highlightText,
9969
+ ref: highlightNodeData?.courses?.refSetter,
9970
+ dangerouslySetInnerHTML: {
9971
+ __html: highlightNodeData?.courses?.metadata?.value
9972
+ }
9973
+ }), /*#__PURE__*/React__default["default"].createElement("span", null, "Courses")), /*#__PURE__*/React__default["default"].createElement(Icon, {
9969
9974
  name: 'BookSaved',
9970
9975
  color: theme.palette.font.primary,
9971
9976
  width: '32px',
@@ -9975,8 +9980,12 @@ function ABOUT_INSTITUTE({
9975
9980
  }, /*#__PURE__*/React__default["default"].createElement("div", {
9976
9981
  className: classes.cardDesc
9977
9982
  }, /*#__PURE__*/React__default["default"].createElement("span", {
9978
- className: classes.highlightText
9979
- }, highlightNodeData?.students?.metadata?.value), /*#__PURE__*/React__default["default"].createElement("span", null, "Active Students")), /*#__PURE__*/React__default["default"].createElement(Icon, {
9983
+ className: classes.highlightText,
9984
+ ref: highlightNodeData?.students?.refSetter,
9985
+ dangerouslySetInnerHTML: {
9986
+ __html: highlightNodeData?.students?.metadata?.value
9987
+ }
9988
+ }), /*#__PURE__*/React__default["default"].createElement("span", null, "Active Students")), /*#__PURE__*/React__default["default"].createElement(Icon, {
9980
9989
  name: 'GroupProfile',
9981
9990
  color: theme.palette.font.primary,
9982
9991
  width: '32px',