@banyan_cloud/roots 1.0.2 → 1.0.3

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/dist/index.js CHANGED
@@ -11747,8 +11747,8 @@ BreadCrumbs.defaultProps = {
11747
11747
  itemsAfterCollapse: 1
11748
11748
  };
11749
11749
 
11750
- var css_248z$v = ":root {\n --white: #ffffff;\n --black: #000000;\n --dark-grey: #333333;\n --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n --grey: #737373;\n --grey1: #888888;\n --grey2: #a6a6a6;\n --grey3: #bbbbbb;\n --grey4: #c4c4c4;\n --grey5: #dddddd;\n --grey6: #e8e8e8;\n --grey7: #eeeeee;\n --grey8: #f2f2f2;\n --grey9: #eff0f0;\n --grey10: #f7f7f7;\n --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\n --banyan-blue: #00037c;\n --banyan-orange: #ff892a;\n --banyan-pink: #ff1597;\n --banyan-gradient: linear-gradient(\n \t84.71deg,\n \tvar(--banyan-pink) 0.48%,\n \tvar(--banyan-orange) 99.57%\n );\n --error: #da1e28;\n --error-bg: #fff1f1;\n --error-outline: rgba(218, 30, 40, 0.08);\n --success: #24a148;\n --success-bg: #defbe6;\n --success-outline: rgba(36, 161, 72, 0.08);\n --warning: #f1c21b;\n --warning-bg: #fff8e1;\n --warning-outline: rgba(203, 160, 6, 0.08);\n --info: #0043ce;\n --info-bg: #edf5ff;\n --info-outline: #2864db98;\n}\n\n.Header-module_container__E1lPQ {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0rem 1.5625rem;\n}\n.Header-module_container__E1lPQ .Header-module_title__ZbNwD {\n font-weight: 400;\n font-size: 0.8rem;\n color: var(--black);\n}\n.Header-module_container__E1lPQ .Header-module_left-arrow__TlFfv {\n cursor: pointer;\n transform: rotate(180deg);\n}\n.Header-module_container__E1lPQ .Header-module_right-arrow__dhGJ5 {\n cursor: pointer;\n}";
11751
- var styles$u = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","container":"Header-module_container__E1lPQ","title":"Header-module_title__ZbNwD","left-arrow":"Header-module_left-arrow__TlFfv","right-arrow":"Header-module_right-arrow__dhGJ5"};
11750
+ var css_248z$v = ":root {\n --white: #ffffff;\n --black: #000000;\n --dark-grey: #333333;\n --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n --grey: #737373;\n --grey1: #888888;\n --grey2: #a6a6a6;\n --grey3: #bbbbbb;\n --grey4: #c4c4c4;\n --grey5: #dddddd;\n --grey6: #e8e8e8;\n --grey7: #eeeeee;\n --grey8: #f2f2f2;\n --grey9: #eff0f0;\n --grey10: #f7f7f7;\n --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\n --banyan-blue: #00037c;\n --banyan-orange: #ff892a;\n --banyan-pink: #ff1597;\n --banyan-gradient: linear-gradient(\n \t84.71deg,\n \tvar(--banyan-pink) 0.48%,\n \tvar(--banyan-orange) 99.57%\n );\n --error: #da1e28;\n --error-bg: #fff1f1;\n --error-outline: rgba(218, 30, 40, 0.08);\n --success: #24a148;\n --success-bg: #defbe6;\n --success-outline: rgba(36, 161, 72, 0.08);\n --warning: #f1c21b;\n --warning-bg: #fff8e1;\n --warning-outline: rgba(203, 160, 6, 0.08);\n --info: #0043ce;\n --info-bg: #edf5ff;\n --info-outline: #2864db98;\n}\n\n.Header-module_container__E1lPQ {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0rem 1.5625rem;\n}\n.Header-module_container__E1lPQ .Header-module_title__ZbNwD {\n font-weight: 400;\n font-size: 0.8rem;\n color: var(--black);\n}\n.Header-module_container__E1lPQ .Header-module_icon__eW4zO {\n width: 24px;\n height: 24px;\n stroke: #181818;\n cursor: pointer;\n}";
11751
+ var styles$u = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","container":"Header-module_container__E1lPQ","title":"Header-module_title__ZbNwD","icon":"Header-module_icon__eW4zO"};
11752
11752
  styleInject(css_248z$v);
11753
11753
 
11754
11754
  var Header = function Header(props) {
@@ -11761,7 +11761,10 @@ var Header = function Header(props) {
11761
11761
  onMonthChange('prev');
11762
11762
  },
11763
11763
  className: styles$u['left-arrow'],
11764
- children: /*#__PURE__*/jsx(Arrow, {})
11764
+ children: /*#__PURE__*/jsx(Chevron, {
11765
+ className: classes(styles$u.icon),
11766
+ position: "left"
11767
+ })
11765
11768
  }), /*#__PURE__*/jsx("span", {
11766
11769
  className: styles$u.title,
11767
11770
  children: "".concat(selectedMonth.month, " ").concat(selectedMonth.year)
@@ -11770,7 +11773,10 @@ var Header = function Header(props) {
11770
11773
  onMonthChange('next');
11771
11774
  },
11772
11775
  className: styles$u['right-arrow'],
11773
- children: /*#__PURE__*/jsx(Arrow, {})
11776
+ children: /*#__PURE__*/jsx(Chevron, {
11777
+ className: classes(styles$u.icon),
11778
+ position: "right"
11779
+ })
11774
11780
  })]
11775
11781
  });
11776
11782
  };
@@ -13096,8 +13102,8 @@ CodeSnippet.defaultProps = {
13096
13102
  showIcon: true
13097
13103
  };
13098
13104
 
13099
- var css_248z$o = ":root {\n --white: #ffffff;\n --black: #000000;\n --dark-grey: #333333;\n --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n --grey: #737373;\n --grey1: #888888;\n --grey2: #a6a6a6;\n --grey3: #bbbbbb;\n --grey4: #c4c4c4;\n --grey5: #dddddd;\n --grey6: #e8e8e8;\n --grey7: #eeeeee;\n --grey8: #f2f2f2;\n --grey9: #eff0f0;\n --grey10: #f7f7f7;\n --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\n --banyan-blue: #00037c;\n --banyan-orange: #ff892a;\n --banyan-pink: #ff1597;\n --banyan-gradient: linear-gradient(\n \t84.71deg,\n \tvar(--banyan-pink) 0.48%,\n \tvar(--banyan-orange) 99.57%\n );\n --error: #da1e28;\n --error-bg: #fff1f1;\n --error-outline: rgba(218, 30, 40, 0.08);\n --success: #24a148;\n --success-bg: #defbe6;\n --success-outline: rgba(36, 161, 72, 0.08);\n --warning: #f1c21b;\n --warning-bg: #fff8e1;\n --warning-outline: rgba(203, 160, 6, 0.08);\n --info: #0043ce;\n --info-bg: #edf5ff;\n --info-outline: #2864db98;\n}\n\n.DatePicker-module_root__pWgbK {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.5rem;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_label__TaavL {\n font-weight: 400;\n font-size: 0.75rem;\n color: var(--black);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background: var(--white);\n border: 0.0625rem solid #d9d9d9;\n border-radius: 0.25rem;\n border: 0.0625rem solid var(--grey5);\n padding: 0.75rem 1rem;\n cursor: pointer;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_placeholder__bJ4zY {\n font-weight: 400;\n font-size: 1rem;\n color: var(--grey1);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_value__Dzh9C {\n font-weight: 400;\n font-size: 1rem;\n color: var(--black);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_value__Dzh9C span {\n font-weight: 500;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_input__Xnk6R {\n display: none;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_down-arrow__Bsna6 {\n transform: rotate(270deg);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_up-arrow__yjk9M {\n transform: rotate(90deg);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_disabled__lloGH {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background: var(--grey10);\n border: 0.0625rem solid #d9d9d9;\n border-radius: 0.25rem;\n border: 0.0625rem solid var(--grey5);\n padding: 0.75rem 1rem;\n cursor: pointer;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_disabled__lloGH .DatePicker-module_down-arrow__Bsna6 {\n transform: rotate(270deg);\n fill: var(--grey3);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_disabled__lloGH .DatePicker-module_placeholder__bJ4zY {\n font-weight: 400;\n font-size: 1rem;\n color: var(--grey3);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.DatePicker-module_root__pWgbK.DatePicker-module_open__7ff-- {\n border-color: var(--highlight);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_error__mp88e {\n border: 0.0938rem solid var(--error);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_error-text__wxtb- {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 0.9375rem;\n color: var(--error);\n}\n\n.DatePicker-module_popper__EFyrT {\n display: none;\n background: var(--white);\n border: 0.0625rem solid #d9d9d9;\n box-shadow: 0px 0.5rem 1.25rem rgba(24, 24, 24, 0.08);\n border-radius: 0.25rem;\n overflow: auto;\n}\n.DatePicker-module_popper__EFyrT.DatePicker-module_open__7ff-- {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n position: absolute;\n}";
13100
- var styles$n = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"DatePicker-module_error__mp88e","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"DatePicker-module_root__pWgbK","label":"DatePicker-module_label__TaavL","container":"DatePicker-module_container__mDxYJ","placeholder":"DatePicker-module_placeholder__bJ4zY","value":"DatePicker-module_value__Dzh9C","input":"DatePicker-module_input__Xnk6R","down-arrow":"DatePicker-module_down-arrow__Bsna6","up-arrow":"DatePicker-module_up-arrow__yjk9M","disabled":"DatePicker-module_disabled__lloGH","open":"DatePicker-module_open__7ff--","error-text":"DatePicker-module_error-text__wxtb-","popper":"DatePicker-module_popper__EFyrT"};
13105
+ var css_248z$o = ":root {\n --white: #ffffff;\n --black: #000000;\n --dark-grey: #333333;\n --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n --grey: #737373;\n --grey1: #888888;\n --grey2: #a6a6a6;\n --grey3: #bbbbbb;\n --grey4: #c4c4c4;\n --grey5: #dddddd;\n --grey6: #e8e8e8;\n --grey7: #eeeeee;\n --grey8: #f2f2f2;\n --grey9: #eff0f0;\n --grey10: #f7f7f7;\n --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\n --banyan-blue: #00037c;\n --banyan-orange: #ff892a;\n --banyan-pink: #ff1597;\n --banyan-gradient: linear-gradient(\n \t84.71deg,\n \tvar(--banyan-pink) 0.48%,\n \tvar(--banyan-orange) 99.57%\n );\n --error: #da1e28;\n --error-bg: #fff1f1;\n --error-outline: rgba(218, 30, 40, 0.08);\n --success: #24a148;\n --success-bg: #defbe6;\n --success-outline: rgba(36, 161, 72, 0.08);\n --warning: #f1c21b;\n --warning-bg: #fff8e1;\n --warning-outline: rgba(203, 160, 6, 0.08);\n --info: #0043ce;\n --info-bg: #edf5ff;\n --info-outline: #2864db98;\n}\n\n.DatePicker-module_root__pWgbK {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.5rem;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_label__TaavL {\n font-weight: 400;\n font-size: 0.75rem;\n color: var(--black);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background: var(--white);\n border: 0.0625rem solid #d9d9d9;\n border-radius: 0.25rem;\n border: 0.0625rem solid var(--grey5);\n padding: 0.75rem 1rem;\n cursor: pointer;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_placeholder__bJ4zY {\n font-weight: 400;\n font-size: 1rem;\n color: var(--grey1);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_value__Dzh9C {\n font-weight: 400;\n font-size: 1rem;\n color: var(--black);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_value__Dzh9C span {\n font-weight: 500;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_input__Xnk6R {\n display: none;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_icon__-P8w2 {\n width: 24px;\n height: 24px;\n stroke: #181818;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_down__QF2xc {\n transform: rotate(270deg);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_up__1dCIH {\n transform: rotate(90deg);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_disabled__lloGH {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background: var(--grey10);\n border: 0.0625rem solid #d9d9d9;\n border-radius: 0.25rem;\n border: 0.0625rem solid var(--grey5);\n padding: 0.75rem 1rem;\n cursor: pointer;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_disabled__lloGH .DatePicker-module_down-arrow__Bsna6 {\n transform: rotate(270deg);\n fill: var(--grey3);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_disabled__lloGH .DatePicker-module_placeholder__bJ4zY {\n font-weight: 400;\n font-size: 1rem;\n color: var(--grey3);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.DatePicker-module_root__pWgbK.DatePicker-module_open__7ff-- {\n border-color: var(--highlight);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_error__mp88e {\n border: 0.0938rem solid var(--error);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_error-text__wxtb- {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 0.9375rem;\n color: var(--error);\n}\n\n.DatePicker-module_popper__EFyrT {\n display: none;\n background: var(--white);\n border: 0.0625rem solid #d9d9d9;\n box-shadow: 0px 0.5rem 1.25rem rgba(24, 24, 24, 0.08);\n border-radius: 0.25rem;\n overflow: auto;\n}\n.DatePicker-module_popper__EFyrT.DatePicker-module_open__7ff-- {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n position: absolute;\n}";
13106
+ var styles$n = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"DatePicker-module_error__mp88e","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"DatePicker-module_root__pWgbK","label":"DatePicker-module_label__TaavL","container":"DatePicker-module_container__mDxYJ","placeholder":"DatePicker-module_placeholder__bJ4zY","value":"DatePicker-module_value__Dzh9C","input":"DatePicker-module_input__Xnk6R","icon":"DatePicker-module_icon__-P8w2","down":"DatePicker-module_down__QF2xc","up":"DatePicker-module_up__1dCIH","disabled":"DatePicker-module_disabled__lloGH","down-arrow":"DatePicker-module_down-arrow__Bsna6","open":"DatePicker-module_open__7ff--","error-text":"DatePicker-module_error-text__wxtb-","popper":"DatePicker-module_popper__EFyrT"};
13101
13107
  styleInject(css_248z$o);
13102
13108
 
13103
13109
  var isMaxRangeExceeded = function isMaxRangeExceeded(_ref) {
@@ -13248,8 +13254,9 @@ var DatePicker = function DatePicker(props) {
13248
13254
  }), /*#__PURE__*/jsx("input", {
13249
13255
  className: styles$n.input,
13250
13256
  value: displayValue
13251
- }), /*#__PURE__*/jsx(Arrow, {
13252
- className: classes(open ? styles$n['up-arrow'] : styles$n['down-arrow'])
13257
+ }), /*#__PURE__*/jsx(Chevron, {
13258
+ className: classes(styles$n.icon),
13259
+ position: open ? 'top' : 'bottom'
13253
13260
  })]
13254
13261
  })), error && /*#__PURE__*/jsx("div", {
13255
13262
  className: styles$n['error-text'],
@@ -14676,7 +14683,7 @@ TableCell.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProps
14676
14683
  cellTitle: null
14677
14684
  });
14678
14685
 
14679
- var css_248z$a = ":root {\n --white: #ffffff;\n --black: #000000;\n --dark-grey: #333333;\n --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n --grey: #737373;\n --grey1: #888888;\n --grey2: #a6a6a6;\n --grey3: #bbbbbb;\n --grey4: #c4c4c4;\n --grey5: #dddddd;\n --grey6: #e8e8e8;\n --grey7: #eeeeee;\n --grey8: #f2f2f2;\n --grey9: #eff0f0;\n --grey10: #f7f7f7;\n --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\n --banyan-blue: #00037c;\n --banyan-orange: #ff892a;\n --banyan-pink: #ff1597;\n --banyan-gradient: linear-gradient(\n \t84.71deg,\n \tvar(--banyan-pink) 0.48%,\n \tvar(--banyan-orange) 99.57%\n );\n --error: #da1e28;\n --error-bg: #fff1f1;\n --error-outline: rgba(218, 30, 40, 0.08);\n --success: #24a148;\n --success-bg: #defbe6;\n --success-outline: rgba(36, 161, 72, 0.08);\n --warning: #f1c21b;\n --warning-bg: #fff8e1;\n --warning-outline: rgba(203, 160, 6, 0.08);\n --info: #0043ce;\n --info-bg: #edf5ff;\n --info-outline: #2864db98;\n}\n\n.TableRow-module_root__tyJjH {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.TableRow-module_root__tyJjH.TableRow-module_header-row__p3gQZ {\n background: var(--grey6);\n}\n.TableRow-module_root__tyJjH.TableRow-module_body-row__BzIwB {\n background: var(--white);\n}\n.TableRow-module_root__tyJjH.TableRow-module_body-row__BzIwB:hover > [data-elem=base-cell] {\n background: var(--info-bg);\n}\n.TableRow-module_root__tyJjH.TableRow-module_body-row__BzIwB.TableRow-module_selected__GJlEC > [data-elem=base-cell] {\n background: var(--background);\n}";
14686
+ var css_248z$a = ":root {\n --white: #ffffff;\n --black: #000000;\n --dark-grey: #333333;\n --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n --grey: #737373;\n --grey1: #888888;\n --grey2: #a6a6a6;\n --grey3: #bbbbbb;\n --grey4: #c4c4c4;\n --grey5: #dddddd;\n --grey6: #e8e8e8;\n --grey7: #eeeeee;\n --grey8: #f2f2f2;\n --grey9: #eff0f0;\n --grey10: #f7f7f7;\n --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\n --banyan-blue: #00037c;\n --banyan-orange: #ff892a;\n --banyan-pink: #ff1597;\n --banyan-gradient: linear-gradient(\n \t84.71deg,\n \tvar(--banyan-pink) 0.48%,\n \tvar(--banyan-orange) 99.57%\n );\n --error: #da1e28;\n --error-bg: #fff1f1;\n --error-outline: rgba(218, 30, 40, 0.08);\n --success: #24a148;\n --success-bg: #defbe6;\n --success-outline: rgba(36, 161, 72, 0.08);\n --warning: #f1c21b;\n --warning-bg: #fff8e1;\n --warning-outline: rgba(203, 160, 6, 0.08);\n --info: #0043ce;\n --info-bg: #edf5ff;\n --info-outline: #2864db98;\n}\n\n.TableRow-module_root__tyJjH {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.TableRow-module_root__tyJjH.TableRow-module_header-row__p3gQZ {\n background: var(--grey6);\n}\n.TableRow-module_root__tyJjH.TableRow-module_body-row__BzIwB {\n background: var(--white);\n}\n.TableRow-module_root__tyJjH.TableRow-module_body-row__BzIwB:hover > [data-elem=base-cell] {\n background: var(--info-bg);\n}\n.TableRow-module_root__tyJjH.TableRow-module_body-row__BzIwB.TableRow-module_selected__GJlEC > [data-elem=base-cell] {\n background: var(--background);\n}\n.TableRow-module_root__tyJjH > [data-elem=base-cell]:first-child {\n padding-left: 1rem;\n}\n.TableRow-module_root__tyJjH > [data-elem=base-cell]:last-child {\n padding-right: 1rem;\n}";
14680
14687
  var styles$a = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"TableRow-module_root__tyJjH","header-row":"TableRow-module_header-row__p3gQZ","body-row":"TableRow-module_body-row__BzIwB","selected":"TableRow-module_selected__GJlEC"};
14681
14688
  styleInject(css_248z$a);
14682
14689
 
@@ -14693,7 +14700,7 @@ var TableRow = function TableRow(props) {
14693
14700
  "data-elem": "table-row",
14694
14701
  className: classes(className, styles$a.root, selected ? styles$a.selected : '', styles$a["".concat(type, "-row")]),
14695
14702
  children: headerData === null || headerData === void 0 ? void 0 : (_headerData$map = headerData.map) === null || _headerData$map === void 0 ? void 0 : _headerData$map.call(headerData, function (item) {
14696
- var _customCells$type;
14703
+ var _getCustomCell;
14697
14704
  var cellContent = null;
14698
14705
  if (type === 'header') {
14699
14706
  cellContent = item.title;
@@ -14708,7 +14715,8 @@ var TableRow = function TableRow(props) {
14708
14715
  cellTitle: cellContent,
14709
14716
  type: type
14710
14717
  });
14711
- var CustomCell = customCells === null || customCells === void 0 ? void 0 : (_customCells$type = customCells[type]) === null || _customCells$type === void 0 ? void 0 : _customCells$type[item.id];
14718
+ var getCustomCell = customCells === null || customCells === void 0 ? void 0 : customCells[type];
14719
+ var CustomCell = typeof getCustomCell === 'function' ? (_getCustomCell = getCustomCell()) === null || _getCustomCell === void 0 ? void 0 : _getCustomCell[item.id] : null;
14712
14720
  if (CustomCell != null) {
14713
14721
  // eslint-disable-next-line react/jsx-key
14714
14722
  return /*#__PURE__*/jsx(CustomCell, _objectSpread2({}, cellProps));
@@ -14726,8 +14734,8 @@ TableRow.propTypes = {
14726
14734
  type: propTypes$1.exports.oneOf(['header', 'body']),
14727
14735
  datum: propTypes$1.exports.object,
14728
14736
  customCells: propTypes$1.exports.shape({
14729
- header: propTypes$1.exports.object,
14730
- body: propTypes$1.exports.object
14737
+ header: propTypes$1.exports.func,
14738
+ body: propTypes$1.exports.func
14731
14739
  }),
14732
14740
  headerData: propTypes$1.exports.arrayOf(propTypes$1.exports.shape({
14733
14741
  title: propTypes$1.exports.string,
@@ -14848,8 +14856,8 @@ TableHeader.propTypes = {
14848
14856
  multiLine: propTypes$1.exports.bool
14849
14857
  })),
14850
14858
  customCells: propTypes$1.exports.shape({
14851
- header: propTypes$1.exports.object,
14852
- body: propTypes$1.exports.object
14859
+ header: propTypes$1.exports.func,
14860
+ body: propTypes$1.exports.func
14853
14861
  })
14854
14862
  };
14855
14863
  TableHeader.defaultProps = {
@@ -14910,8 +14918,8 @@ BaseTable.propTypes = {
14910
14918
  activeData: propTypes$1.exports.object,
14911
14919
  setActiveData: propTypes$1.exports.func,
14912
14920
  customCells: propTypes$1.exports.shape({
14913
- header: propTypes$1.exports.object,
14914
- body: propTypes$1.exports.object
14921
+ header: propTypes$1.exports.func,
14922
+ body: propTypes$1.exports.func
14915
14923
  })
14916
14924
  };
14917
14925
  BaseTable.defaultProps = {
@@ -15300,11 +15308,11 @@ TableFilters.defaultProps = {
15300
15308
  onSearch: function onSearch() {},
15301
15309
  searchValue: null,
15302
15310
  filterValue: {
15303
- applied: 4
15311
+ applied: null
15304
15312
  }
15305
15313
  };
15306
15314
 
15307
- var css_248z$2 = ":root {\n --white: #ffffff;\n --black: #000000;\n --dark-grey: #333333;\n --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n --grey: #737373;\n --grey1: #888888;\n --grey2: #a6a6a6;\n --grey3: #bbbbbb;\n --grey4: #c4c4c4;\n --grey5: #dddddd;\n --grey6: #e8e8e8;\n --grey7: #eeeeee;\n --grey8: #f2f2f2;\n --grey9: #eff0f0;\n --grey10: #f7f7f7;\n --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\n --banyan-blue: #00037c;\n --banyan-orange: #ff892a;\n --banyan-pink: #ff1597;\n --banyan-gradient: linear-gradient(\n \t84.71deg,\n \tvar(--banyan-pink) 0.48%,\n \tvar(--banyan-orange) 99.57%\n );\n --error: #da1e28;\n --error-bg: #fff1f1;\n --error-outline: rgba(218, 30, 40, 0.08);\n --success: #24a148;\n --success-bg: #defbe6;\n --success-outline: rgba(36, 161, 72, 0.08);\n --warning: #f1c21b;\n --warning-bg: #fff8e1;\n --warning-outline: rgba(203, 160, 6, 0.08);\n --info: #0043ce;\n --info-bg: #edf5ff;\n --info-outline: #2864db98;\n}\n\n.Table-module_root__dLWEm {\n position: relative;\n border-style: solid;\n border-color: var(--grey4);\n border-width: 1px 1px 0px 1px;\n border-radius: 0.25rem;\n width: 100%;\n max-width: 100%;\n height: 100%;\n}\n.Table-module_root__dLWEm .Table-module_table__Oh-P6 {\n height: calc(100% - 6rem);\n padding-bottom: 3.5rem;\n}\n.Table-module_root__dLWEm .Table-module_pagination__DBIS0 {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n}\n.Table-module_root__dLWEm .Table-module_pagination__DBIS0.Table-module_floating__x8-m7 {\n bottom: 1rem;\n}\n.Table-module_root__dLWEm .Table-module_chips__BY-oI,\n.Table-module_root__dLWEm .Table-module_filters__RUDdW,\n.Table-module_root__dLWEm .Table-module_table__Oh-P6 > [data-elem=table-header] {\n position: -webkit-sticky;\n position: sticky;\n z-index: 1;\n top: 0;\n}";
15315
+ var css_248z$2 = ":root {\n --white: #ffffff;\n --black: #000000;\n --dark-grey: #333333;\n --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n --grey: #737373;\n --grey1: #888888;\n --grey2: #a6a6a6;\n --grey3: #bbbbbb;\n --grey4: #c4c4c4;\n --grey5: #dddddd;\n --grey6: #e8e8e8;\n --grey7: #eeeeee;\n --grey8: #f2f2f2;\n --grey9: #eff0f0;\n --grey10: #f7f7f7;\n --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\n --banyan-blue: #00037c;\n --banyan-orange: #ff892a;\n --banyan-pink: #ff1597;\n --banyan-gradient: linear-gradient(\n \t84.71deg,\n \tvar(--banyan-pink) 0.48%,\n \tvar(--banyan-orange) 99.57%\n );\n --error: #da1e28;\n --error-bg: #fff1f1;\n --error-outline: rgba(218, 30, 40, 0.08);\n --success: #24a148;\n --success-bg: #defbe6;\n --success-outline: rgba(36, 161, 72, 0.08);\n --warning: #f1c21b;\n --warning-bg: #fff8e1;\n --warning-outline: rgba(203, 160, 6, 0.08);\n --info: #0043ce;\n --info-bg: #edf5ff;\n --info-outline: #2864db98;\n}\n\n.Table-module_root__dLWEm {\n position: relative;\n border-style: solid;\n border-color: var(--grey4);\n border-width: 1px 1px 0px 1px;\n border-radius: 0.25rem;\n width: 100%;\n max-width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.Table-module_root__dLWEm .Table-module_table__Oh-P6 {\n height: calc(100% - 6rem);\n padding-bottom: 3.5rem;\n}\n.Table-module_root__dLWEm .Table-module_pagination__DBIS0 {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n}\n.Table-module_root__dLWEm .Table-module_pagination__DBIS0.Table-module_floating__x8-m7 {\n bottom: 1rem;\n}\n.Table-module_root__dLWEm .Table-module_chips__BY-oI,\n.Table-module_root__dLWEm .Table-module_filters__RUDdW,\n.Table-module_root__dLWEm .Table-module_table__Oh-P6 > [data-elem=table-header] {\n position: -webkit-sticky;\n position: sticky;\n z-index: 1;\n top: 0;\n}";
15308
15316
  var styles$2 = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"Table-module_root__dLWEm","table":"Table-module_table__Oh-P6","pagination":"Table-module_pagination__DBIS0","floating":"Table-module_floating__x8-m7","chips":"Table-module_chips__BY-oI","filters":"Table-module_filters__RUDdW"};
15309
15317
  styleInject(css_248z$2);
15310
15318
 
@@ -15315,6 +15323,7 @@ for (var i = 0; i < INTERSECTION; i += STEP) {
15315
15323
  THRESHOLD.push(i);
15316
15324
  }
15317
15325
  var Table = function Table(props) {
15326
+ var _chipsData$chips;
15318
15327
  var className = props.className,
15319
15328
  headerData = props.headerData,
15320
15329
  tableData = props.tableData,
@@ -15398,7 +15407,7 @@ var Table = function Table(props) {
15398
15407
  }, [headerData]);
15399
15408
  return /*#__PURE__*/jsxs("div", {
15400
15409
  className: classes(styles$2.root, className),
15401
- children: [chipsData != null && /*#__PURE__*/jsx(TableChips, _objectSpread2({
15410
+ children: [chipsData != null && ((chipsData === null || chipsData === void 0 ? void 0 : (_chipsData$chips = chipsData.chips) === null || _chipsData$chips === void 0 ? void 0 : _chipsData$chips.length) > 0 || (chipsData === null || chipsData === void 0 ? void 0 : chipsData.showBack) != null) && /*#__PURE__*/jsx(TableChips, _objectSpread2({
15402
15411
  className: styles$2.chips
15403
15412
  }, chipsData)), filtersData != null && /*#__PURE__*/jsx(TableFilters, _objectSpread2({
15404
15413
  className: styles$2.filters
@@ -15439,8 +15448,8 @@ Table.propTypes = {
15439
15448
  activeData: propTypes$1.exports.object,
15440
15449
  setActiveData: propTypes$1.exports.func,
15441
15450
  customCells: propTypes$1.exports.shape({
15442
- header: propTypes$1.exports.object,
15443
- body: propTypes$1.exports.object
15451
+ header: propTypes$1.exports.func,
15452
+ body: propTypes$1.exports.func
15444
15453
  }),
15445
15454
  chipsData: propTypes$1.exports.shape(_objectSpread2({}, TableChips.propTypes)),
15446
15455
  filtersData: propTypes$1.exports.shape(_objectSpread2({}, TableFilters.propTypes)),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@banyan_cloud/roots",
3
- "version": "1.0.2",
3
+ "version": "1.0.3",
4
4
  "description": "Design System Library which drives the Banyan Cloud products",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",