@banyan_cloud/roots 1.0.95 → 1.0.97

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
@@ -46390,21 +46390,26 @@ n(css$E,{});
46390
46390
 
46391
46391
  var BaseModal = function BaseModal(props) {
46392
46392
  var className = props.className,
46393
+ popperClassName = props.popperClassName,
46393
46394
  renderHeader = props.renderHeader,
46394
46395
  children = props.children,
46395
46396
  renderFooter = props.renderFooter,
46396
46397
  toggle = props.toggle,
46397
- open = props.open;
46398
+ open = props.open,
46399
+ noDismiss = props.noDismiss;
46398
46400
  var _useFloating = useFloating({
46399
46401
  open: open,
46400
46402
  onOpenChange: toggle
46401
46403
  }),
46402
46404
  floating = _useFloating.floating,
46403
46405
  context = _useFloating.context;
46404
- var _useInteractions = useInteractions([useDismiss(context)]),
46406
+ var _useInteractions = useInteractions([useDismiss(context, {
46407
+ enabled: !noDismiss
46408
+ })]),
46405
46409
  getFloatingProps = _useInteractions.getFloatingProps;
46406
46410
  return /*#__PURE__*/jsx(Popper, {
46407
46411
  open: open,
46412
+ className: popperClassName,
46408
46413
  transparent: false,
46409
46414
  wrapperId: "base-modal-popper",
46410
46415
  children: open && /*#__PURE__*/jsx(FloatingFocusManager, {
@@ -46445,15 +46450,19 @@ var BaseModal = function BaseModal(props) {
46445
46450
  };
46446
46451
  BaseModal.propTypes = {
46447
46452
  className: propTypes$1.exports.string,
46453
+ popperClassName: propTypes$1.exports.string,
46448
46454
  renderHeader: propTypes$1.exports.element,
46449
46455
  renderFooter: propTypes$1.exports.element,
46450
- toggle: propTypes$1.exports.func
46456
+ toggle: propTypes$1.exports.func,
46457
+ noDismiss: propTypes$1.exports.bool
46451
46458
  };
46452
46459
  BaseModal.defaultProps = {
46453
46460
  className: '',
46461
+ popperClassName: '',
46454
46462
  renderHeader: null,
46455
46463
  renderFooter: null,
46456
- toggle: function toggle() {}
46464
+ toggle: function toggle() {},
46465
+ noDismiss: false
46457
46466
  };
46458
46467
 
46459
46468
  var css$D = ".Dialog_module_root__2974a020 {\n padding: 0.25rem 0px;\n max-height: 14rem;\n background: #ffffff;\n border-radius: 0.25rem;\n}\n.Dialog_module_root__2974a020.Dialog_module_sm__2974a020 {\n width: 21.25rem;\n}\n.Dialog_module_root__2974a020.Dialog_module_md__2974a020 {\n width: 35rem;\n}\n.Dialog_module_root__2974a020 .Dialog_module_header__2974a020 {\n font-weight: 600;\n font-size: 0.875rem;\n color: var(--black);\n}\n.Dialog_module_root__2974a020 .Dialog_module_footer__2974a020 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 1rem;\n}\n.Dialog_module_root__2974a020 .Dialog_module_footer__2974a020 .Dialog_module_cancel__2974a020[data-elem=base-cell] {\n display: flex;\n color: var(--grey1);\n border-radius: 0.25rem;\n border: 1px solid var(--grey4);\n}\n.Dialog_module_root__2974a020 .Dialog_module_description__2974a020 {\n padding: 0.5rem 0px;\n font-size: 0.75rem;\n}";
@@ -109722,10 +109731,12 @@ var BaseAreaChart = function BaseAreaChart(props) {
109722
109731
  xSplitLineShow = props.xSplitLineShow,
109723
109732
  xAxisLineShow = props.xAxisLineShow,
109724
109733
  xAxisTickShow = props.xAxisTickShow,
109734
+ xAxisLabel = props.xAxisLabel,
109725
109735
  yAxisLabelShow = props.yAxisLabelShow,
109726
109736
  ySplitLineShow = props.ySplitLineShow,
109727
109737
  yAxisLineShow = props.yAxisLineShow,
109728
109738
  yAxisTickShow = props.yAxisTickShow,
109739
+ yAxisLabel = props.yAxisLabel,
109729
109740
  axisLabelColor = props.axisLabelColor,
109730
109741
  axisSplitColor = props.axisSplitColor,
109731
109742
  splitType = props.splitType,
@@ -109833,10 +109844,10 @@ var BaseAreaChart = function BaseAreaChart(props) {
109833
109844
  }),
109834
109845
  xAxis: [{
109835
109846
  type: 'category',
109836
- axisLabel: {
109847
+ axisLabel: _objectSpread2({
109837
109848
  show: xAxisLabelShow,
109838
109849
  color: axisLabelColor !== '' ? axisLabelColor : theme === 'dark' ? '#a2a4a5' : COLORS.grey
109839
- },
109850
+ }, xAxisLabel),
109840
109851
  splitLine: {
109841
109852
  show: xSplitLineShow,
109842
109853
  lineStyle: {
@@ -109861,10 +109872,10 @@ var BaseAreaChart = function BaseAreaChart(props) {
109861
109872
  }],
109862
109873
  yAxis: [{
109863
109874
  type: 'value',
109864
- axisLabel: {
109875
+ axisLabel: _objectSpread2({
109865
109876
  show: yAxisLabelShow,
109866
109877
  color: axisLabelColor !== '' ? axisLabelColor : theme === 'dark' ? '#a2a4a5' : COLORS.grey
109867
- },
109878
+ }, yAxisLabel),
109868
109879
  splitLine: {
109869
109880
  show: ySplitLineShow,
109870
109881
  lineStyle: {
@@ -109906,6 +109917,7 @@ BaseAreaChart.propTypes = {
109906
109917
  xSplitLineShow: propTypes$1.exports.bool,
109907
109918
  xAxisLineShow: propTypes$1.exports.bool,
109908
109919
  xAxisTickShow: propTypes$1.exports.bool,
109920
+ xAxisLabel: propTypes$1.exports.object,
109909
109921
  axisLabelColor: propTypes$1.exports.string,
109910
109922
  axisSplitColor: propTypes$1.exports.string,
109911
109923
  splitType: propTypes$1.exports.string,
@@ -109915,6 +109927,7 @@ BaseAreaChart.propTypes = {
109915
109927
  ySplitLineShow: propTypes$1.exports.bool,
109916
109928
  yAxisLineShow: propTypes$1.exports.bool,
109917
109929
  yAxisTickShow: propTypes$1.exports.bool,
109930
+ yAxisLabel: propTypes$1.exports.object,
109918
109931
  cursor: propTypes$1.exports.string,
109919
109932
  seriesOption: propTypes$1.exports.arrayOf(propTypes$1.exports.object),
109920
109933
  lineStyleWidth: propTypes$1.exports.number,
@@ -109945,6 +109958,7 @@ BaseAreaChart.defaultProps = {
109945
109958
  xSplitLineShow: false,
109946
109959
  xAxisLineShow: false,
109947
109960
  xAxisTickShow: false,
109961
+ xAxisLabel: {},
109948
109962
  axisLabelColor: '',
109949
109963
  axisSplitColor: '',
109950
109964
  splitType: 'solid',
@@ -109953,6 +109967,7 @@ BaseAreaChart.defaultProps = {
109953
109967
  ySplitLineShow: false,
109954
109968
  yAxisLineShow: false,
109955
109969
  yAxisTickShow: false,
109970
+ yAxisLabel: {},
109956
109971
  cursor: 'default',
109957
109972
  seriesOption: [],
109958
109973
  lineStyleWidth: 4,
@@ -110161,8 +110176,8 @@ NestedPieChart.defaultProps = {
110161
110176
  theme: 'dark'
110162
110177
  };
110163
110178
 
110164
- var css$4 = ".BaseWidget_module_root__d03f6b45 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n height: 100%;\n width: 100%;\n padding: 0.25rem;\n}\n.BaseWidget_module_root__d03f6b45 .BaseWidget_module_header__d03f6b45 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0.25rem;\n}\n.BaseWidget_module_root__d03f6b45 .BaseWidget_module_header__d03f6b45 .BaseWidget_module_headerTitle__d03f6b45 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n}\n.BaseWidget_module_root__d03f6b45 .BaseWidget_module_header__d03f6b45 .BaseWidget_module_headerTitle__d03f6b45 .BaseWidget_module_back__d03f6b45 {\n height: 1.5rem;\n width: 1.5rem;\n}\n.BaseWidget_module_root__d03f6b45 .BaseWidget_module_header__d03f6b45 .BaseWidget_module_headerTitle__d03f6b45 .BaseWidget_module_back__d03f6b45 [data-elem=component1] .BaseWidget_module_icon__d03f6b45 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.BaseWidget_module_root__d03f6b45 .BaseWidget_module_header__d03f6b45 .BaseWidget_module_headerTitle__d03f6b45.BaseWidget_module_noOptions__d03f6b45 {\n flex: 1;\n}\n.BaseWidget_module_root__d03f6b45 .BaseWidget_module_header__d03f6b45 .BaseWidget_module_headerTitle__d03f6b45 .BaseWidget_module_title__d03f6b45 {\n white-space: nowrap;\n color: var(--white);\n}\n.BaseWidget_module_root__d03f6b45 .BaseWidget_module_header__d03f6b45 .BaseWidget_module_headerTitle__d03f6b45 .BaseWidget_module_value__d03f6b45 {\n white-space: nowrap;\n color: var(--white);\n}\n.BaseWidget_module_root__d03f6b45 .BaseWidget_module_header__d03f6b45 .BaseWidget_module_headerOptions__d03f6b45 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 0.5rem;\n}\n.BaseWidget_module_root__d03f6b45 .BaseWidget_module_header__d03f6b45 .BaseWidget_module_headerOptions__d03f6b45 .BaseWidget_module_toggleBody__d03f6b45 {\n padding: 0.125rem 0.25rem;\n height: 1.75rem;\n}\n.BaseWidget_module_root__d03f6b45 .BaseWidget_module_header__d03f6b45 .BaseWidget_module_headerOptions__d03f6b45 .BaseWidget_module_dropdownHeader__d03f6b45 {\n height: 1.75rem;\n}\n.BaseWidget_module_root__d03f6b45 .BaseWidget_module_header__d03f6b45 .BaseWidget_module_headerOptions__d03f6b45 .BaseWidget_module_dropdownHeader__d03f6b45 [data-elem=select] {\n background-color: transparent;\n width: 100%;\n color: var(--white);\n border-color: var(--grey);\n padding: 0.07rem 0.5rem;\n}\n.BaseWidget_module_root__d03f6b45 .BaseWidget_module_header__d03f6b45 .BaseWidget_module_headerOptions__d03f6b45 .BaseWidget_module_dropdownHeader__d03f6b45 [data-elem=select] [data-elem=placeholder] {\n font-size: 0.875rem;\n color: var(--white);\n}\n.BaseWidget_module_root__d03f6b45 .BaseWidget_module_header__d03f6b45 .BaseWidget_module_headerOptions__d03f6b45 .BaseWidget_module_dropdownHeader__d03f6b45 [data-elem=select] > svg {\n fill: var(--white);\n width: 0.875rem;\n}\n.BaseWidget_module_root__d03f6b45 .BaseWidget_module_header__d03f6b45 .BaseWidget_module_headerOptions__d03f6b45 .BaseWidget_module_expandButton__d03f6b45 {\n height: 1.75rem;\n color: var(--white);\n border-color: var(--grey);\n}\n.BaseWidget_module_root__d03f6b45 .BaseWidget_module_header__d03f6b45 .BaseWidget_module_headerOptions__d03f6b45 .BaseWidget_module_expandButton__d03f6b45 .BaseWidget_module_expandIcon__d03f6b45 {\n height: 1.25rem;\n width: 1.25rem;\n fill: var(--white);\n}\n.BaseWidget_module_root__d03f6b45 .BaseWidget_module_children__d03f6b45 {\n flex: 1 1;\n position: relative;\n}\n\n.BaseWidget_module_dropdownPopper__d03f6b45 {\n padding: 0rem;\n background: var(--grey1);\n}\n.BaseWidget_module_dropdownPopper__d03f6b45 .BaseWidget_module_dropdownItem__d03f6b45 {\n height: 2.25rem;\n color: var(--white);\n background: var(--grey);\n}\n.BaseWidget_module_dropdownPopper__d03f6b45 .BaseWidget_module_dropdownItem__d03f6b45:hover, .BaseWidget_module_dropdownPopper__d03f6b45 .BaseWidget_module_dropdownItem__d03f6b45:focus {\n color: var(--dark-grey);\n background: var(--grey2);\n}\n.BaseWidget_module_dropdownPopper__d03f6b45 .BaseWidget_module_dropdownItem__d03f6b45:hover label > svg, .BaseWidget_module_dropdownPopper__d03f6b45 .BaseWidget_module_dropdownItem__d03f6b45:focus label > svg {\n border: 1px solid var(--dark-grey);\n border-radius: 0.25rem;\n}";
110165
- var modules_6a0e74b6 = {"root":"BaseWidget_module_root__d03f6b45","header":"BaseWidget_module_header__d03f6b45","header-title":"BaseWidget_module_headerTitle__d03f6b45","back":"BaseWidget_module_back__d03f6b45","icon":"BaseWidget_module_icon__d03f6b45","no-options":"BaseWidget_module_noOptions__d03f6b45","title":"BaseWidget_module_title__d03f6b45","value":"BaseWidget_module_value__d03f6b45","header-options":"BaseWidget_module_headerOptions__d03f6b45","toggle-body":"BaseWidget_module_toggleBody__d03f6b45","dropdown-header":"BaseWidget_module_dropdownHeader__d03f6b45","expand-button":"BaseWidget_module_expandButton__d03f6b45","expand-icon":"BaseWidget_module_expandIcon__d03f6b45","children":"BaseWidget_module_children__d03f6b45","dropdown-popper":"BaseWidget_module_dropdownPopper__d03f6b45","dropdown-item":"BaseWidget_module_dropdownItem__d03f6b45"};
110179
+ var css$4 = ".BaseWidget_module_root__aee86ec3 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n height: 100%;\n width: 100%;\n padding: 0.25rem;\n}\n.BaseWidget_module_root__aee86ec3 .BaseWidget_module_header__aee86ec3 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0.25rem;\n}\n.BaseWidget_module_root__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerTitle__aee86ec3 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n}\n.BaseWidget_module_root__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerTitle__aee86ec3 .BaseWidget_module_back__aee86ec3 {\n height: 1.5rem;\n width: 1.5rem;\n}\n.BaseWidget_module_root__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerTitle__aee86ec3 .BaseWidget_module_back__aee86ec3 [data-elem=component1] .BaseWidget_module_icon__aee86ec3 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.BaseWidget_module_root__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerTitle__aee86ec3.BaseWidget_module_noOptions__aee86ec3 {\n flex: 1;\n}\n.BaseWidget_module_root__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerTitle__aee86ec3 .BaseWidget_module_title__aee86ec3 {\n white-space: nowrap;\n}\n.BaseWidget_module_root__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerTitle__aee86ec3 .BaseWidget_module_value__aee86ec3 {\n white-space: nowrap;\n}\n.BaseWidget_module_root__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerOptions__aee86ec3 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 0.5rem;\n}\n.BaseWidget_module_root__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerOptions__aee86ec3 .BaseWidget_module_toggleBody__aee86ec3 {\n padding: 0.125rem 0.25rem;\n height: 1.75rem;\n}\n.BaseWidget_module_root__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerOptions__aee86ec3 .BaseWidget_module_dropdownHeader__aee86ec3 {\n height: 1.75rem;\n}\n.BaseWidget_module_root__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerOptions__aee86ec3 .BaseWidget_module_dropdownHeader__aee86ec3 [data-elem=select] {\n background-color: transparent;\n width: 100%;\n padding: 0.07rem 0.5rem;\n}\n.BaseWidget_module_root__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerOptions__aee86ec3 .BaseWidget_module_dropdownHeader__aee86ec3 [data-elem=select] [data-elem=placeholder] {\n font-size: 0.875rem;\n}\n.BaseWidget_module_root__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerOptions__aee86ec3 .BaseWidget_module_dropdownHeader__aee86ec3 [data-elem=select] > svg {\n width: 0.875rem;\n}\n.BaseWidget_module_root__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerOptions__aee86ec3 .BaseWidget_module_expandButton__aee86ec3 {\n height: 1.75rem;\n}\n.BaseWidget_module_root__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerOptions__aee86ec3 .BaseWidget_module_expandButton__aee86ec3 .BaseWidget_module_expandIcon__aee86ec3 {\n height: 1.25rem;\n width: 1.25rem;\n}\n.BaseWidget_module_root__aee86ec3.BaseWidget_module_darkTheme__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerTitle__aee86ec3 .BaseWidget_module_title__aee86ec3 {\n color: var(--white);\n}\n.BaseWidget_module_root__aee86ec3.BaseWidget_module_darkTheme__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerTitle__aee86ec3 .BaseWidget_module_value__aee86ec3 {\n color: var(--white);\n}\n.BaseWidget_module_root__aee86ec3.BaseWidget_module_darkTheme__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerOptions__aee86ec3 .BaseWidget_module_dropdownHeader__aee86ec3 [data-elem=select] {\n border-color: var(--grey);\n}\n.BaseWidget_module_root__aee86ec3.BaseWidget_module_darkTheme__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerOptions__aee86ec3 .BaseWidget_module_dropdownHeader__aee86ec3 [data-elem=select] [data-elem=placeholder] {\n color: var(--white);\n}\n.BaseWidget_module_root__aee86ec3.BaseWidget_module_darkTheme__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerOptions__aee86ec3 .BaseWidget_module_dropdownHeader__aee86ec3 [data-elem=select] > svg {\n fill: var(--white);\n}\n.BaseWidget_module_root__aee86ec3.BaseWidget_module_darkTheme__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerOptions__aee86ec3 .BaseWidget_module_expandButton__aee86ec3 {\n color: var(--white);\n border-color: var(--grey);\n}\n.BaseWidget_module_root__aee86ec3.BaseWidget_module_darkTheme__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerOptions__aee86ec3 .BaseWidget_module_expandButton__aee86ec3 .BaseWidget_module_expandIcon__aee86ec3 {\n fill: var(--white);\n}\n.BaseWidget_module_root__aee86ec3.BaseWidget_module_lightTheme__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerTitle__aee86ec3 .BaseWidget_module_title__aee86ec3 {\n color: var(--dark-grey);\n}\n.BaseWidget_module_root__aee86ec3.BaseWidget_module_lightTheme__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerTitle__aee86ec3 .BaseWidget_module_value__aee86ec3 {\n color: var(--dark-grey);\n}\n.BaseWidget_module_root__aee86ec3.BaseWidget_module_lightTheme__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerOptions__aee86ec3 .BaseWidget_module_dropdownHeader__aee86ec3 [data-elem=select] {\n border-color: var(--grey6);\n}\n.BaseWidget_module_root__aee86ec3.BaseWidget_module_lightTheme__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerOptions__aee86ec3 .BaseWidget_module_dropdownHeader__aee86ec3 [data-elem=select] [data-elem=placeholder] {\n color: var(--dark-grey);\n}\n.BaseWidget_module_root__aee86ec3.BaseWidget_module_lightTheme__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerOptions__aee86ec3 .BaseWidget_module_dropdownHeader__aee86ec3 [data-elem=select] > svg {\n fill: var(--dark-grey);\n}\n.BaseWidget_module_root__aee86ec3.BaseWidget_module_lightTheme__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerOptions__aee86ec3 .BaseWidget_module_expandButton__aee86ec3 {\n color: var(--dark-grey);\n border-color: var(--grey6);\n}\n.BaseWidget_module_root__aee86ec3.BaseWidget_module_lightTheme__aee86ec3 .BaseWidget_module_header__aee86ec3 .BaseWidget_module_headerOptions__aee86ec3 .BaseWidget_module_expandButton__aee86ec3 .BaseWidget_module_expandIcon__aee86ec3 {\n fill: var(--dark-grey);\n}\n.BaseWidget_module_root__aee86ec3 .BaseWidget_module_children__aee86ec3 {\n flex: 1 1;\n position: relative;\n}\n\n.BaseWidget_module_dropdownPopper__aee86ec3 {\n padding: 0rem;\n background: var(--grey1);\n}\n.BaseWidget_module_dropdownPopper__aee86ec3 .BaseWidget_module_dropdownItem__aee86ec3 {\n height: 2.25rem;\n color: var(--white);\n background: var(--grey);\n}\n.BaseWidget_module_dropdownPopper__aee86ec3 .BaseWidget_module_dropdownItem__aee86ec3:hover, .BaseWidget_module_dropdownPopper__aee86ec3 .BaseWidget_module_dropdownItem__aee86ec3:focus {\n color: var(--dark-grey);\n background: var(--grey2);\n}\n.BaseWidget_module_dropdownPopper__aee86ec3 .BaseWidget_module_dropdownItem__aee86ec3:hover label > svg, .BaseWidget_module_dropdownPopper__aee86ec3 .BaseWidget_module_dropdownItem__aee86ec3:focus label > svg {\n border: 1px solid var(--dark-grey);\n border-radius: 0.25rem;\n}";
110180
+ var modules_6a0e74b6 = {"root":"BaseWidget_module_root__aee86ec3","header":"BaseWidget_module_header__aee86ec3","header-title":"BaseWidget_module_headerTitle__aee86ec3","back":"BaseWidget_module_back__aee86ec3","icon":"BaseWidget_module_icon__aee86ec3","no-options":"BaseWidget_module_noOptions__aee86ec3","title":"BaseWidget_module_title__aee86ec3","value":"BaseWidget_module_value__aee86ec3","header-options":"BaseWidget_module_headerOptions__aee86ec3","toggle-body":"BaseWidget_module_toggleBody__aee86ec3","dropdown-header":"BaseWidget_module_dropdownHeader__aee86ec3","expand-button":"BaseWidget_module_expandButton__aee86ec3","expand-icon":"BaseWidget_module_expandIcon__aee86ec3","dark-theme":"BaseWidget_module_darkTheme__aee86ec3","light-theme":"BaseWidget_module_lightTheme__aee86ec3","children":"BaseWidget_module_children__aee86ec3","dropdown-popper":"BaseWidget_module_dropdownPopper__aee86ec3","dropdown-item":"BaseWidget_module_dropdownItem__aee86ec3"};
110166
110181
  n(css$4,{});
110167
110182
 
110168
110183
  var css$3 = "div.Toggle_module_root__7f4ba8d3 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n overflow: auto;\n gap: 0.25rem;\n padding: 0.25rem;\n background: var(--grey8);\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n border-radius: 0.4rem 0.4rem;\n border-width: 1px;\n border-style: solid;\n background: transparent;\n}\ndiv.Toggle_module_root__7f4ba8d3 [data-elem=base-cell].Toggle_module_toggleButton__7f4ba8d3 {\n background: transparent;\n}\ndiv.Toggle_module_root__7f4ba8d3.Toggle_module_themeDark__7f4ba8d3 {\n border-color: var(--dark-grey);\n}\ndiv.Toggle_module_root__7f4ba8d3.Toggle_module_themeDark__7f4ba8d3 [data-elem=base-cell].Toggle_module_toggleButton__7f4ba8d3 {\n color: var(--grey4);\n}\ndiv.Toggle_module_root__7f4ba8d3.Toggle_module_themeDark__7f4ba8d3 [data-elem=base-cell].Toggle_module_toggleButton__7f4ba8d3.Toggle_module_active__7f4ba8d3 {\n background: var(--dark-grey);\n color: var(--white);\n border: 1px solid var(--grey);\n}\ndiv.Toggle_module_root__7f4ba8d3.Toggle_module_themeLight__7f4ba8d3 {\n border-color: var(--grey6);\n}\ndiv.Toggle_module_root__7f4ba8d3.Toggle_module_themeLight__7f4ba8d3 [data-elem=base-cell].Toggle_module_toggleButton__7f4ba8d3 {\n background: transparent;\n color: var(--grey);\n}\ndiv.Toggle_module_root__7f4ba8d3.Toggle_module_themeLight__7f4ba8d3 [data-elem=base-cell].Toggle_module_toggleButton__7f4ba8d3.Toggle_module_active__7f4ba8d3 {\n background: var(--grey6);\n color: var(--dark-grey);\n border: 1px solid var(--grey4);\n}\ndiv.Toggle_module_root__7f4ba8d3 [data-elem=base-cell].Toggle_module_toggleButton__7f4ba8d3 {\n padding: 0.344rem 0.75rem;\n height: 2rem;\n}\ndiv.Toggle_module_root__7f4ba8d3 [data-elem=base-cell].Toggle_module_toggleButton__7f4ba8d3.Toggle_module_active__7f4ba8d3 {\n border-radius: 0.25rem;\n}\ndiv.Toggle_module_root__7f4ba8d3 .Toggle_module_input__7f4ba8d3 {\n display: none;\n}";
@@ -110360,20 +110375,20 @@ WidgetFallback.defaultProps = {
110360
110375
  theme: 'dark'
110361
110376
  };
110362
110377
 
110363
- var generateOptions = function generateOptions(optionData) {
110378
+ var generateOptions = function generateOptions(optionData, theme) {
110364
110379
  var _optionData$id, _optionData$placehold, _optionData$value, _optionData$onChange, _optionData$selectOpt, _optionData$title, _optionData$onClick;
110365
110380
  switch ((_optionData$id = optionData === null || optionData === void 0 ? void 0 : optionData.id) !== null && _optionData$id !== void 0 ? _optionData$id : '') {
110366
110381
  case 'toggle':
110367
110382
  return /*#__PURE__*/jsx(Toggle, _objectSpread2({
110368
110383
  className: modules_6a0e74b6['toggle-body'],
110369
- theme: "dark"
110384
+ theme: theme
110370
110385
  }, optionData));
110371
110386
  case 'dropdown':
110372
110387
  return /*#__PURE__*/jsx(Dropdown, {
110373
110388
  placeholder: (_optionData$placehold = optionData === null || optionData === void 0 ? void 0 : optionData.placeholder) !== null && _optionData$placehold !== void 0 ? _optionData$placehold : '',
110374
110389
  value: (_optionData$value = optionData === null || optionData === void 0 ? void 0 : optionData.value) !== null && _optionData$value !== void 0 ? _optionData$value : '',
110375
110390
  onChange: (_optionData$onChange = optionData === null || optionData === void 0 ? void 0 : optionData.onChange) !== null && _optionData$onChange !== void 0 ? _optionData$onChange : '',
110376
- className: modules_6a0e74b6['dropdown-header'],
110391
+ className: classes(modules_6a0e74b6['dropdown-header']),
110377
110392
  popperClassName: modules_6a0e74b6['dropdown-popper'],
110378
110393
  children: ((_optionData$selectOpt = optionData === null || optionData === void 0 ? void 0 : optionData.selectOption) !== null && _optionData$selectOpt !== void 0 ? _optionData$selectOpt : []).map(function (objectData) {
110379
110394
  var _objectData$title, _objectData$value, _objectData$value2;
@@ -110399,7 +110414,9 @@ var generateOptions = function generateOptions(optionData) {
110399
110414
  }
110400
110415
  });
110401
110416
  case 'custom':
110402
- return optionData.render();
110417
+ return optionData.render({
110418
+ theme: theme
110419
+ });
110403
110420
  default:
110404
110421
  return null;
110405
110422
  }
@@ -110437,7 +110454,7 @@ var BaseWidget = /*#__PURE__*/forwardRef(function BaseWidget(props, ref) {
110437
110454
  }, [emptyChartData]);
110438
110455
  return /*#__PURE__*/jsxs("div", {
110439
110456
  ref: ref,
110440
- className: classes(modules_6a0e74b6.root, className),
110457
+ className: classes(modules_6a0e74b6.root, className, modules_6a0e74b6["".concat(theme, "-theme")]),
110441
110458
  style: style,
110442
110459
  onMouseDown: onMouseDown,
110443
110460
  onMouseUp: onMouseUp,
@@ -110465,10 +110482,10 @@ var BaseWidget = /*#__PURE__*/forwardRef(function BaseWidget(props, ref) {
110465
110482
  children: title
110466
110483
  })]
110467
110484
  }), /*#__PURE__*/jsx("div", {
110468
- className: modules_6a0e74b6['header-options'],
110485
+ className: classes(modules_6a0e74b6['header-options']),
110469
110486
  "data-elem": "header-options",
110470
110487
  children: ((_options$length2 = options === null || options === void 0 ? void 0 : options.length) !== null && _options$length2 !== void 0 ? _options$length2 : 0) > 0 && (options === null || options === void 0 ? void 0 : options.map(function (objectData) {
110471
- return generateOptions(objectData);
110488
+ return generateOptions(objectData, theme);
110472
110489
  }))
110473
110490
  })]
110474
110491
  }), /*#__PURE__*/jsxs("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@banyan_cloud/roots",
3
- "version": "1.0.95",
3
+ "version": "1.0.97",
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",