@banyan_cloud/roots 1.0.142 → 1.0.144

package/dist/cjs/index.js

@@ -45016,7 +45016,8 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function DropdownItem(props, re
     dataAttrs = props.dataAttrs,
     className = props.className,
     tabIndex = props.tabIndex,
-    disabled = props.disabled;
+    disabled = props.disabled,
+    customComponent = props.customComponent;
   var action = null;
   switch (variant) {
     case 'checkbox':
@@ -45048,7 +45049,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function DropdownItem(props, re
     role: "option",
     "aria-selected": selected,
     onKeyDown: onKeyDown,
-    children: [action, /*#__PURE__*/jsxRuntime.jsx("span", {
+    children: [action, customComponent !== null && customComponent !== void 0 ? customComponent : /*#__PURE__*/jsxRuntime.jsx("span", {
       "data-elem": "title",
       children: title
     })]
@@ -45060,14 +45061,16 @@ DropdownItem.propTypes = {
   variant: propTypesExports.oneOf(['default', 'checkbox', 'radio']),
   selected: propTypesExports.bool,
   // eslint-disable-next-line react/forbid-prop-types
-  dataAttrs: propTypesExports.object
+  dataAttrs: propTypesExports.object,
+  customComponent: propTypesExports.node
 };
 DropdownItem.defaultProps = {
   className: '',
   title: '',
   variant: 'default',
   dataAttrs: {},
-  selected: false
+  selected: false,
+  customComponent: null
 };
 
 var css$Q = ".Switch_module_root__c9616649 {\n  cursor: pointer;\n  gap: 0.625rem;\n  position: relative;\n  height: 1.5rem;\n}\n.Switch_module_root__c9616649.Switch_module_disabled__c9616649 {\n  cursor: default;\n}\n.Switch_module_root__c9616649.Switch_module_positionLeft__c9616649 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.Switch_module_root__c9616649.Switch_module_positionRight__c9616649 {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  align-items: center;\n}\n.Switch_module_root__c9616649 input[type=checkbox] {\n  opacity: 0;\n  z-index: 1;\n  position: absolute;\n  width: 1px;\n  height: 1px;\n}\n.Switch_module_root__c9616649 .Switch_module_pill__c9616649 {\n  position: relative;\n  width: 3rem;\n  height: 100%;\n  cursor: pointer;\n  background-color: var(--grey5);\n  transition: 0.4s;\n  border-radius: 0.75rem;\n}\n.Switch_module_root__c9616649 .Switch_module_pill__c9616649:before {\n  position: absolute;\n  content: \"\";\n  height: 1.25rem;\n  width: 1.25rem;\n  left: 0.125rem;\n  bottom: 0.125rem;\n  background-color: white;\n  transition: 0.4s;\n  border-radius: 50%;\n}\n.Switch_module_root__c9616649 input:checked + .Switch_module_pill__c9616649 {\n  background-color: var(--highlight);\n}\n.Switch_module_root__c9616649 input:checked + .Switch_module_pill__c9616649:before {\n  transform: translateX(1.5rem);\n}\n.Switch_module_root__c9616649 input:focus + .Switch_module_pill__c9616649::before {\n  box-shadow: 0px 0px 0px 8px rgba(15, 98, 254, 0.125);\n}\n.Switch_module_root__c9616649 [data-elem=label] {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}";
@@ -46058,22 +46061,16 @@ var dateRanges$1 = function dateRanges() {
   }];
 };
 
-var getFloatingReferences = function getFloatingReferences(_ref) {
-  var open = _ref.open,
-    onOpenChange = _ref.onOpenChange,
-    anchor = _ref.anchor;
+var getFloatingReferences = function getFloatingReferences(open, onOpenChange) {
   return {
     open: open,
-    elements: {
-      reference: anchor
-    },
     onOpenChange: onOpenChange,
     whileElementsMounted: autoUpdate,
     middleware: [size({
-      apply: function apply(_ref2) {
-        var rects = _ref2.rects,
-          availableHeight = _ref2.availableHeight,
-          elements = _ref2.elements;
+      apply: function apply(_ref) {
+        var rects = _ref.rects,
+          availableHeight = _ref.availableHeight,
+          elements = _ref.elements;
         Object.assign(elements.floating.style, {
           width: "".concat(rects.reference.width, "px"),
           minWidth: 'fit-content',
@@ -46088,9 +46085,9 @@ var getFloatingReferences = function getFloatingReferences(_ref) {
     })]
   };
 };
-var isMaxRangeExceeded = function isMaxRangeExceeded(_ref3) {
-  var maxRange = _ref3.maxRange,
-    selectedRange = _ref3.selectedRange;
+var isMaxRangeExceeded = function isMaxRangeExceeded(_ref2) {
+  var maxRange = _ref2.maxRange,
+    selectedRange = _ref2.selectedRange;
   if (maxRange === null) {
     return false;
   }
@@ -46125,10 +46122,10 @@ var getDateRangeTag = function getDateRangeTag() {
   }
   return 'day';
 };
-var getDatePickerDisplayValue = function getDatePickerDisplayValue(_ref4) {
-  var value = _ref4.value,
-    rangePicker = _ref4.rangePicker,
-    singlePicker = _ref4.singlePicker;
+var getDatePickerDisplayValue = function getDatePickerDisplayValue(_ref3) {
+  var value = _ref3.value,
+    rangePicker = _ref3.rangePicker,
+    singlePicker = _ref3.singlePicker;
   if (rangePicker) {
     var _startDate$getMonth$t, _endDate$getMonth$toS;
     var startDate = fromUnixTime(value[0]);
@@ -46274,8 +46271,8 @@ var DatePicker = function DatePicker(props) {
     rangePicker: range && (value === null || value === void 0 || (_value$filter = value.filter(Boolean)) === null || _value$filter === void 0 ? void 0 : _value$filter.length) > 0,
     singlePicker: !range && value
   });
-  var datePickerFloatingReference = useFloating(getFloatingReferences(openDatePicker));
-  var customRangeFloatingReference = useFloating(getFloatingReferences(openCustomRange));
+  var datePickerFloatingReference = useFloating(getFloatingReferences(openDatePicker, setOpenDatePicker));
+  var customRangeFloatingReference = useFloating(getFloatingReferences(openCustomRange, setOpenCustomRange));
   useOutsideClickListener(datePickerFloatingReference.floating, function () {
     return setOpenDatePicker(false);
   });
@@ -46785,8 +46782,8 @@ BaseModal.defaultProps = {
   noDismiss: false
 };
 
-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}";
-var modules_ca1540aa = {"root":"Dialog_module_root__2974a020","sm":"Dialog_module_sm__2974a020","md":"Dialog_module_md__2974a020","header":"Dialog_module_header__2974a020","footer":"Dialog_module_footer__2974a020","cancel":"Dialog_module_cancel__2974a020","description":"Dialog_module_description__2974a020"};
+var css$D = ".Dialog_module_root__b0f7da04 {\n  padding: 0.25rem 0px;\n  max-height: 14rem;\n  background: var(--white);\n  border-radius: 0.25rem;\n}\n.Dialog_module_root__b0f7da04.Dialog_module_sm__b0f7da04 {\n  width: 21.25rem;\n}\n.Dialog_module_root__b0f7da04.Dialog_module_md__b0f7da04 {\n  width: 35rem;\n}\n.Dialog_module_root__b0f7da04 .Dialog_module_header__b0f7da04 {\n  font-weight: 600;\n  font-size: 0.875rem;\n  color: var(--black);\n}\n.Dialog_module_root__b0f7da04 .Dialog_module_footer__b0f7da04 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 1rem;\n}\n.Dialog_module_root__b0f7da04 .Dialog_module_footer__b0f7da04 .Dialog_module_cancel__b0f7da04[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: stretch;\n  color: var(--grey1);\n  border-radius: 0.25rem;\n  border: 1px solid var(--grey4);\n}\n.Dialog_module_root__b0f7da04 .Dialog_module_description__b0f7da04 {\n  padding: 0.5rem 0px;\n  font-size: 0.75rem;\n}";
+var modules_ca1540aa = {"root":"Dialog_module_root__b0f7da04","sm":"Dialog_module_sm__b0f7da04","md":"Dialog_module_md__b0f7da04","header":"Dialog_module_header__b0f7da04","footer":"Dialog_module_footer__b0f7da04","cancel":"Dialog_module_cancel__b0f7da04","description":"Dialog_module_description__b0f7da04"};
 n(css$D,{});
 
 /* eslint-disable object-curly-newline */
@@ -46996,8 +46993,8 @@ function getPagination(curr, total, limit) {
   return pages;
 }
 
-var css$B = ".Pagination_module_root__2305e5f8 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: stretch;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  gap: 0.75rem;\n  padding: 0.625rem 2.125rem;\n  background: var(--dark-grey);\n  margin-top: auto;\n  width: 100%;\n  height: 3.5rem;\n  overflow: auto;\n  transition-property: background-color, color, bottom, width;\n  transition-duration: 0.33s;\n  transition-timing-function: ease-out;\n}\n.Pagination_module_root__2305e5f8::-webkit-scrollbar {\n  display: none;\n}\n.Pagination_module_root__2305e5f8.Pagination_module_floating__2305e5f8 {\n  background: var(--dark-grey-o-85);\n  position: absolute;\n  border-radius: 6.25rem;\n  width: 82%;\n  bottom: 3rem;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_rowSwitcher__2305e5f8,\n.Pagination_module_root__2305e5f8 .Pagination_module_jumpToPage__2305e5f8,\n.Pagination_module_root__2305e5f8 .Pagination_module_form__2305e5f8 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  height: 100%;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_rowSwitcher__2305e5f8 {\n  display: none;\n  flex: 0 1 15%;\n  background-color: transparent;\n  padding: 0;\n  height: 100%;\n}\n@media (min-width: 992px) {\n  .Pagination_module_root__2305e5f8 .Pagination_module_rowSwitcher__2305e5f8 {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n  }\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_rowSwitcher__2305e5f8 > [data-elem=component2] {\n  flex: 0 1 auto;\n  height: 100%;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_rowSwitcher__2305e5f8 .Pagination_module_rowSwitcherHandle__2305e5f8 {\n  gap: 0.75rem;\n  background-color: var(--grey);\n  padding: 0;\n  border-radius: 0.25rem;\n  height: 100%;\n  width: 100%;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_rowSwitcher__2305e5f8 .Pagination_module_rowSwitcherHandle__2305e5f8 > [data-elem*=component] {\n  overflow: hidden;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_rowSwitcher__2305e5f8 .Pagination_module_rowSwitcherHandle__2305e5f8 > [data-elem=component2] {\n  display: flex;\n  flex: 0 0 auto;\n  height: 100%;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_rowSwitcher__2305e5f8 .Pagination_module_rowSwitcherHandle__2305e5f8 > [data-elem=component2]::before {\n  content: \"\";\n  margin: auto;\n  background: var(--white);\n  width: 0.5px;\n  height: 50%;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_rowSwitcher__2305e5f8 .Pagination_module_text__2305e5f8 {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  height: 100%;\n  display: block;\n  padding: 0.5rem;\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--white);\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_rowSwitcher__2305e5f8 .Pagination_module_dropdown__2305e5f8 {\n  height: 100%;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_rowSwitcher__2305e5f8 .Pagination_module_dropdown__2305e5f8 > [data-elem=header] {\n  height: 100%;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_rowSwitcher__2305e5f8 .Pagination_module_dropdown__2305e5f8 > [data-elem=header] > [data-elem=select] {\n  height: 2.375rem;\n  max-height: 100%;\n  width: auto;\n  min-width: -moz-fit-content;\n  min-width: fit-content;\n  padding: 0.625rem;\n  background-color: var(--grey);\n  border: none;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_rowSwitcher__2305e5f8 .Pagination_module_dropdown__2305e5f8 > [data-elem=header] > [data-elem=select] > [data-elem=placeholder] {\n  color: var(--white);\n  font-size: 0.875rem;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_rowSwitcher__2305e5f8 .Pagination_module_dropdown__2305e5f8 > [data-elem=header] > [data-elem=select] > svg {\n  fill: var(--white);\n  width: 0.813rem;\n  height: 0.813rem;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_pageNumbers__2305e5f8 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 1.25rem;\n  flex: 1 1 100%;\n}\n@media (min-width: 992px) {\n  .Pagination_module_root__2305e5f8 .Pagination_module_pageNumbers__2305e5f8 {\n    flex: 1 1 40%;\n  }\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_pageNumbers__2305e5f8 > .Pagination_module_button__2305e5f8.Pagination_module_disable__2305e5f8 {\n  pointer-events: none;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_pageNumbers__2305e5f8 > .Pagination_module_button__2305e5f8 [data-elem=title] {\n  color: var(--white);\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_pageNumbers__2305e5f8 > .Pagination_module_button__2305e5f8 .Pagination_module_icon__2305e5f8 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--white);\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_pageNumbers__2305e5f8 > .Pagination_module_pageSelect__2305e5f8 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 0.625rem;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_pageNumbers__2305e5f8 > .Pagination_module_pageSelect__2305e5f8 .Pagination_module_number__2305e5f8 {\n  cursor: pointer;\n  border-radius: 50%;\n  background-color: #e0e0e0;\n  color: var(--black);\n  width: 2.313rem;\n  line-height: 2.313rem;\n  text-align: center;\n  font-size: 1rem;\n  border: 1px solid transparent;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_pageNumbers__2305e5f8 > .Pagination_module_pageSelect__2305e5f8 .Pagination_module_number__2305e5f8:not([data-active=true]) {\n  display: none;\n}\n@media (min-width: 768px) {\n  .Pagination_module_root__2305e5f8 .Pagination_module_pageNumbers__2305e5f8 > .Pagination_module_pageSelect__2305e5f8 .Pagination_module_number__2305e5f8:not([data-active=true]) {\n    display: block;\n  }\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_pageNumbers__2305e5f8 > .Pagination_module_pageSelect__2305e5f8 .Pagination_module_number__2305e5f8:hover {\n  border: 1px solid var(--highlight);\n  color: var(--highlight);\n  background: var(--background);\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_pageNumbers__2305e5f8 > .Pagination_module_pageSelect__2305e5f8 .Pagination_module_number__2305e5f8.Pagination_module_active__2305e5f8 {\n  background-color: var(--highlight);\n  color: var(--white);\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_form__2305e5f8 {\n  display: none;\n  padding: 0;\n  flex: 0 1 30%;\n  background: transparent;\n}\n@media (min-width: 992px) {\n  .Pagination_module_root__2305e5f8 .Pagination_module_form__2305e5f8 {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n  }\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_form__2305e5f8 > [data-elem*=component] {\n  width: 100%;\n  height: 100%;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_form__2305e5f8 > [data-elem*=component] > * {\n  height: 100%;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_form__2305e5f8 > [data-elem*=component] > form {\n  width: -moz-fit-content;\n  width: fit-content;\n  margin-left: auto;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_form__2305e5f8 .Pagination_module_jumpToPage__2305e5f8 {\n  width: 100%;\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: stretch;\n  gap: 0rem;\n  padding: 0;\n  height: 100%;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_form__2305e5f8 .Pagination_module_jumpToPage__2305e5f8 > [data-elem*=component] {\n  overflow: hidden;\n  height: 100%;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_form__2305e5f8 .Pagination_module_jumpToPage__2305e5f8 .Pagination_module_inputbox__2305e5f8 {\n  max-width: 100%;\n  height: 100%;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_form__2305e5f8 .Pagination_module_jumpToPage__2305e5f8 .Pagination_module_inputbox__2305e5f8 > label {\n  height: 100%;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_form__2305e5f8 .Pagination_module_jumpToPage__2305e5f8 .Pagination_module_inputbox__2305e5f8 > label > [data-elem=base-cell] {\n  border-radius: 0.313rem;\n  background-color: transparent;\n  color: var(--white);\n  border-color: var(--grey1);\n  border-radius: 0.25rem 0 0 0.25rem;\n  height: 100%;\n  width: 10rem;\n  flex: 1;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_form__2305e5f8 .Pagination_module_jumpToPage__2305e5f8 .Pagination_module_inputbox__2305e5f8 > label > [data-elem=base-cell] .Pagination_module_icon__2305e5f8 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--grey1);\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_form__2305e5f8 .Pagination_module_jumpToPage__2305e5f8 .Pagination_module_inputbox__2305e5f8 > label > [data-elem=base-cell] > [data-elem=component2] {\n  height: 100%;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_form__2305e5f8 .Pagination_module_jumpToPage__2305e5f8 .Pagination_module_inputbox__2305e5f8 > label > [data-elem=base-cell] [data-elem=input] {\n  text-align: center;\n  color: var(--white);\n  background-color: transparent;\n  border: none;\n  height: 100%;\n  width: 100%;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_form__2305e5f8 .Pagination_module_jumpToPage__2305e5f8 .Pagination_module_button__2305e5f8 {\n  border-radius: 0rem 0.25rem 0.25rem 0rem;\n  background-color: var(--grey1);\n  padding: 0.75rem 0.5rem;\n  height: 100%;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_form__2305e5f8 .Pagination_module_jumpToPage__2305e5f8 .Pagination_module_button__2305e5f8 .Pagination_module_icon__2305e5f8 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--white);\n  flex-shrink: 0;\n}\n.Pagination_module_root__2305e5f8 .Pagination_module_totalData__2305e5f8 {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  display: none;\n  margin: auto;\n  color: var(--white);\n  flex: 0 1 15%;\n}\n@media (min-width: 992px) {\n  .Pagination_module_root__2305e5f8 .Pagination_module_totalData__2305e5f8 {\n    display: inline;\n  }\n}\n.Pagination_module_root__2305e5f8.Pagination_module_noTotalData__2305e5f8 .Pagination_module_rowSwitcher__2305e5f8 {\n  flex: 0 1 20%;\n}\n.Pagination_module_root__2305e5f8.Pagination_module_noTotalData__2305e5f8 .Pagination_module_jumpToPage__2305e5f8 {\n  flex: 1 1 60%;\n}\n.Pagination_module_root__2305e5f8.Pagination_module_noTotalData__2305e5f8 .Pagination_module_form__2305e5f8 {\n  flex: 0 1 20%;\n}";
-var modules_a3d40e77 = {"root":"Pagination_module_root__2305e5f8","floating":"Pagination_module_floating__2305e5f8","row-switcher":"Pagination_module_rowSwitcher__2305e5f8","jump-to-page":"Pagination_module_jumpToPage__2305e5f8","form":"Pagination_module_form__2305e5f8","row-switcher-handle":"Pagination_module_rowSwitcherHandle__2305e5f8","text":"Pagination_module_text__2305e5f8","dropdown":"Pagination_module_dropdown__2305e5f8","page-numbers":"Pagination_module_pageNumbers__2305e5f8","button":"Pagination_module_button__2305e5f8","disable":"Pagination_module_disable__2305e5f8","icon":"Pagination_module_icon__2305e5f8","pageSelect":"Pagination_module_pageSelect__2305e5f8","number":"Pagination_module_number__2305e5f8","active":"Pagination_module_active__2305e5f8","inputbox":"Pagination_module_inputbox__2305e5f8","total-data":"Pagination_module_totalData__2305e5f8","no-total-data":"Pagination_module_noTotalData__2305e5f8"};
+var css$B = ".Pagination_module_root__99afd7d1 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: stretch;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  gap: 0.75rem;\n  padding: 0.625rem 2.125rem;\n  background: var(--dark-grey);\n  margin-top: auto;\n  width: 100%;\n  height: 3.5rem;\n  overflow: auto;\n  transition-property: background-color, color, bottom, width;\n  transition-duration: 0.33s;\n  transition-timing-function: ease-out;\n}\n.Pagination_module_root__99afd7d1::-webkit-scrollbar {\n  display: none;\n}\n.Pagination_module_root__99afd7d1.Pagination_module_floating__99afd7d1 {\n  background: var(--dark-grey-o-85);\n  position: absolute;\n  border-radius: 6.25rem;\n  width: 82%;\n  bottom: 3rem;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1,\n.Pagination_module_root__99afd7d1 .Pagination_module_jumpToPage__99afd7d1,\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 {\n  display: none;\n  flex: 0 1 15%;\n  background-color: transparent;\n  padding: 0;\n  height: 100%;\n}\n@media (min-width: 992px) {\n  .Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n  }\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 > [data-elem=component2] {\n  flex: 0 1 auto;\n  height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_rowSwitcherHandle__99afd7d1 {\n  gap: 0.75rem;\n  background-color: var(--grey);\n  padding: 0;\n  border-radius: 0.25rem;\n  height: 100%;\n  width: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_rowSwitcherHandle__99afd7d1 > [data-elem*=component] {\n  overflow: hidden;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_rowSwitcherHandle__99afd7d1 > [data-elem=component2] {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: stretch;\n  flex: 0 0 auto;\n  height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_rowSwitcherHandle__99afd7d1 > [data-elem=component2]::before {\n  content: \"\";\n  margin: auto;\n  background: var(--white);\n  width: 0.5px;\n  height: 50%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_text__99afd7d1 {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  height: 100%;\n  display: block;\n  padding: 0.5rem;\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--white);\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_dropdown__99afd7d1 {\n  height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_dropdown__99afd7d1 > [data-elem=header] {\n  height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_dropdown__99afd7d1 > [data-elem=header] > [data-elem=select] {\n  height: 2.375rem;\n  max-height: 100%;\n  width: auto;\n  min-width: -moz-fit-content;\n  min-width: fit-content;\n  padding: 0.625rem;\n  background-color: var(--grey);\n  border: none;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_dropdown__99afd7d1 > [data-elem=header] > [data-elem=select] > [data-elem=placeholder] {\n  color: var(--white);\n  font-size: 0.875rem;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_dropdown__99afd7d1 > [data-elem=header] > [data-elem=select] > svg {\n  fill: var(--white);\n  width: 0.813rem;\n  height: 0.813rem;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 1.25rem;\n  flex: 1 1 100%;\n}\n@media (min-width: 992px) {\n  .Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 {\n    flex: 1 1 40%;\n  }\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 > .Pagination_module_button__99afd7d1.Pagination_module_disable__99afd7d1 {\n  pointer-events: none;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 > .Pagination_module_button__99afd7d1 [data-elem=title] {\n  color: var(--white);\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 > .Pagination_module_button__99afd7d1 .Pagination_module_icon__99afd7d1 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--white);\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 > .Pagination_module_pageSelect__99afd7d1 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 0.625rem;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 > .Pagination_module_pageSelect__99afd7d1 .Pagination_module_number__99afd7d1 {\n  cursor: pointer;\n  border-radius: 50%;\n  background-color: #e0e0e0;\n  color: var(--black);\n  width: 2.313rem;\n  line-height: 2.313rem;\n  text-align: center;\n  font-size: 1rem;\n  border: 1px solid transparent;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 > .Pagination_module_pageSelect__99afd7d1 .Pagination_module_number__99afd7d1:not([data-active=true]) {\n  display: none;\n}\n@media (min-width: 768px) {\n  .Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 > .Pagination_module_pageSelect__99afd7d1 .Pagination_module_number__99afd7d1:not([data-active=true]) {\n    display: block;\n  }\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 > .Pagination_module_pageSelect__99afd7d1 .Pagination_module_number__99afd7d1:hover {\n  border: 1px solid var(--highlight);\n  color: var(--highlight);\n  background: var(--background);\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 > .Pagination_module_pageSelect__99afd7d1 .Pagination_module_number__99afd7d1.Pagination_module_active__99afd7d1 {\n  background-color: var(--highlight);\n  color: var(--white);\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 {\n  display: none;\n  padding: 0;\n  flex: 0 1 30%;\n  background: transparent;\n}\n@media (min-width: 992px) {\n  .Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n  }\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 > [data-elem*=component] {\n  width: 100%;\n  height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 > [data-elem*=component] > * {\n  height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 > [data-elem*=component] > form {\n  width: -moz-fit-content;\n  width: fit-content;\n  margin-left: auto;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 {\n  width: 100%;\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: stretch;\n  gap: 0rem;\n  padding: 0;\n  height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 > [data-elem*=component] {\n  overflow: hidden;\n  height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 .Pagination_module_inputbox__99afd7d1 {\n  max-width: 100%;\n  height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 .Pagination_module_inputbox__99afd7d1 > label {\n  height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 .Pagination_module_inputbox__99afd7d1 > label > [data-elem=base-cell] {\n  border-radius: 0.313rem;\n  background-color: transparent;\n  color: var(--white);\n  border-color: var(--grey1);\n  border-radius: 0.25rem 0 0 0.25rem;\n  height: 100%;\n  width: 10rem;\n  flex: 1;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 .Pagination_module_inputbox__99afd7d1 > label > [data-elem=base-cell] .Pagination_module_icon__99afd7d1 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--grey1);\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 .Pagination_module_inputbox__99afd7d1 > label > [data-elem=base-cell] > [data-elem=component2] {\n  height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 .Pagination_module_inputbox__99afd7d1 > label > [data-elem=base-cell] [data-elem=input] {\n  text-align: center;\n  color: var(--white);\n  background-color: transparent;\n  border: none;\n  height: 100%;\n  width: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 .Pagination_module_button__99afd7d1 {\n  border-radius: 0rem 0.25rem 0.25rem 0rem;\n  background-color: var(--grey1);\n  padding: 0.75rem 0.5rem;\n  height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 .Pagination_module_button__99afd7d1 .Pagination_module_icon__99afd7d1 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--white);\n  flex-shrink: 0;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_totalData__99afd7d1 {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  display: none;\n  margin: auto;\n  color: var(--white);\n  flex: 0 1 15%;\n}\n@media (min-width: 992px) {\n  .Pagination_module_root__99afd7d1 .Pagination_module_totalData__99afd7d1 {\n    display: inline;\n  }\n}\n.Pagination_module_root__99afd7d1.Pagination_module_noTotalData__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 {\n  flex: 0 1 20%;\n}\n.Pagination_module_root__99afd7d1.Pagination_module_noTotalData__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 {\n  flex: 1 1 60%;\n}\n.Pagination_module_root__99afd7d1.Pagination_module_noTotalData__99afd7d1 .Pagination_module_form__99afd7d1 {\n  flex: 0 1 20%;\n}";
+var modules_a3d40e77 = {"root":"Pagination_module_root__99afd7d1","floating":"Pagination_module_floating__99afd7d1","row-switcher":"Pagination_module_rowSwitcher__99afd7d1","jump-to-page":"Pagination_module_jumpToPage__99afd7d1","form":"Pagination_module_form__99afd7d1","row-switcher-handle":"Pagination_module_rowSwitcherHandle__99afd7d1","text":"Pagination_module_text__99afd7d1","dropdown":"Pagination_module_dropdown__99afd7d1","page-numbers":"Pagination_module_pageNumbers__99afd7d1","button":"Pagination_module_button__99afd7d1","disable":"Pagination_module_disable__99afd7d1","icon":"Pagination_module_icon__99afd7d1","pageSelect":"Pagination_module_pageSelect__99afd7d1","number":"Pagination_module_number__99afd7d1","active":"Pagination_module_active__99afd7d1","inputbox":"Pagination_module_inputbox__99afd7d1","total-data":"Pagination_module_totalData__99afd7d1","no-total-data":"Pagination_module_noTotalData__99afd7d1"};
 n(css$B,{});
 
 var dropdownOptions = ['10', '25', '50', '100', '200', '250'];
@@ -49229,8 +49226,8 @@ Tabs.defaultProps = {
   theme: 'light'
 };
 
-var css$h = ".BaseSidePanel_module_root__c7817916 {\n  max-height: 100%;\n  height: 100%;\n  display: flex;\n  width: 30%;\n  flex-direction: column;\n  top: 0;\n  background: #ffffff;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\n  overflow-x: hidden;\n  transition: 0.5s;\n}\n.BaseSidePanel_module_root__c7817916.BaseSidePanel_module_close__c7817916 {\n  width: 0rem;\n}\n.BaseSidePanel_module_root__c7817916 .BaseSidePanel_module_body__c7817916 {\n  flex: 1;\n  overflow-y: auto;\n}";
-var modules_c7321921 = {"root":"BaseSidePanel_module_root__c7817916","close":"BaseSidePanel_module_close__c7817916","body":"BaseSidePanel_module_body__c7817916"};
+var css$h = ".BaseSidePanel_module_root__6bcd651e {\n  max-height: 100%;\n  height: 100%;\n  width: 30%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  top: 0;\n  background: var(--white);\n  box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n  overflow-x: hidden;\n}\n.BaseSidePanel_module_root__6bcd651e.BaseSidePanel_module_close__6bcd651e {\n  width: 0rem;\n}\n.BaseSidePanel_module_root__6bcd651e .BaseSidePanel_module_body__6bcd651e {\n  flex: 1;\n  overflow-y: auto;\n}";
+var modules_c7321921 = {"root":"BaseSidePanel_module_root__6bcd651e","close":"BaseSidePanel_module_close__6bcd651e","body":"BaseSidePanel_module_body__6bcd651e"};
 n(css$h,{});
 
 var BaseSidePanel = function BaseSidePanel(props) {