@luminati-io/uikit 6.3.9 → 6.3.11

package/dist/umd/uikit.development.js

@@ -39314,7 +39314,7 @@ CodeBlock.propTypes = {
   header: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   code: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   lang: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
-  maxHeight: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  maxHeight: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number)]),
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['black', 'white']),
   lineNumbers: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   copyButton: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
@@ -39378,6 +39378,12 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 
@@ -39389,6 +39395,7 @@ var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
   var code = _ref.code,
     lang = _ref.lang,
     className = _ref.className,
+    style = _ref.style,
     lineNumbers = _ref.lineNumbers,
     copyButton = _ref.copyButton,
     loading = _ref.loading,
@@ -39403,9 +39410,9 @@ var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeSnippetWrapper, {
     ref: ref,
     className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(null, {}, className, variant),
-    style: maxHeight ? {
+    style: maxHeight ? _objectSpread({
       maxHeight: maxHeight
-    } : undefined
+    }, style) : style
   }, !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !!copyButton && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_copy_button__WEBPACK_IMPORTED_MODULE_5__.CopyButton, {
     placement: copyButtonPlacement,
     className: copyButtonClassName,
@@ -39429,7 +39436,7 @@ CodeSnippet.propTypes = {
   className: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
   code: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
   lang: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
-  maxHeight: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
+  maxHeight: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number)]),
   variant: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['black', 'white']),
   lineNumbers: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
   copyButton: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
@@ -42001,7 +42008,7 @@ var useStyles = function useStyles(_ref) {
       },
       placeholder: function placeholder(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          color: color.text_quaternary
+          color: color.text_disabled
         });
       },
       menu: function menu(baseStyles) {
@@ -42625,10 +42632,10 @@ Day.displayName = 'Day';
 var DayWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "DayWrapper",
   componentId: "sc-1gurvxq-2"
-})(["padding:0;background-color:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";.rdp-day{display:flex;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;box-sizing:border-box;border-radius:", ";border:1px solid ", ";background-color:", ";cursor:pointer;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";&:hover:not(:disabled){border:1px solid ", ";}&:disabled{color:", ";cursor:not-allowed;}}.rdp-day_today{color:", ";font-weight:", ";}.rdp-day_selected{background-color:", ";border:1px solid ", ";color:", ";}.rdp-day_range_middle{background-color:", ";border:1px solid ", ";color:", ";&.rdp-day_today{color:", ";}}"], function (_ref28) {
+})(["padding:0;background-color:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";.rdp-day{display:flex;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;box-sizing:border-box;border-radius:", ";border:1px solid ", ";background-color:", ";cursor:pointer;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";&:hover:not(:disabled){background-color:", ";border:1px solid ", ";}&:disabled{color:", ";cursor:not-allowed;}}.rdp-day_today{color:", ";font-weight:", ";}.rdp-day_selected{background-color:", ";border:1px solid ", ";color:", ";}.rdp-day_range_middle{background-color:", ";border:1px solid ", ";color:", ";&.rdp-day_today{color:", ";}}"], function (_ref28) {
   var $mod = _ref28.$mod,
     color = _ref28.theme.color;
-  return $mod.selected ? color.bg_fill_primary_hover : color.bg_elevated;
+  return $mod.selected ? color.bg_fill_primary_secondary : color.bg;
 }, function (_ref29) {
   var $mod = _ref29.$mod;
   return $mod.range_middle || $mod.range_end && !$mod.range_start ? '0' : borderRadius;
@@ -42643,10 +42650,10 @@ var DayWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.wi
   return $mod.range_middle || $mod.range_start && !$mod.range_end ? '0' : borderRadius;
 }, borderRadius, function (_ref33) {
   var color = _ref33.theme.color;
-  return color.bg_elevated;
+  return color.bg;
 }, function (_ref34) {
   var color = _ref34.theme.color;
-  return color.bg_elevated;
+  return color.bg;
 }, function (_ref35) {
   var font_family = _ref35.theme.font_family;
   return font_family.sans;
@@ -42664,36 +42671,39 @@ var DayWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.wi
   return color.text_secondary;
 }, function (_ref40) {
   var color = _ref40.theme.color;
-  return color.border_primary_hover;
+  return color.bg_elevated;
 }, function (_ref41) {
   var color = _ref41.theme.color;
-  return color.text_disabled;
+  return color.border_primary_hover;
 }, function (_ref42) {
   var color = _ref42.theme.color;
-  return color.text_primary;
+  return color.text_disabled;
 }, function (_ref43) {
-  var font_weight = _ref43.theme.font_weight;
-  return font_weight.semibold;
+  var color = _ref43.theme.color;
+  return color.text_primary;
 }, function (_ref44) {
-  var color = _ref44.theme.color;
-  return color.bg_fill_primary_hover;
+  var font_weight = _ref44.theme.font_weight;
+  return font_weight.semibold;
 }, function (_ref45) {
   var color = _ref45.theme.color;
   return color.bg_fill_primary_hover;
 }, function (_ref46) {
   var color = _ref46.theme.color;
-  return color.text_white;
+  return color.bg_fill_primary_hover;
 }, function (_ref47) {
   var color = _ref47.theme.color;
-  return color.bg_fill_primary_hover;
+  return color.text_white;
 }, function (_ref48) {
   var color = _ref48.theme.color;
-  return color.bg_fill_primary_hover;
+  return color.bg_fill_primary_secondary;
 }, function (_ref49) {
   var color = _ref49.theme.color;
-  return color.text_secondary;
+  return color.bg_fill_primary_secondary;
 }, function (_ref50) {
   var color = _ref50.theme.color;
+  return color.text_secondary;
+}, function (_ref51) {
+  var color = _ref51.theme.color;
   return color.text_primary;
 });
 var getDateText = function getDateText(props) {
@@ -43728,7 +43738,7 @@ var useStyles = function useStyles(_ref) {
       },
       placeholder: function placeholder(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          color: color.text_quaternary
+          color: color.text_disabled
         });
       },
       indicatorsContainer: function indicatorsContainer(baseStyles) {
@@ -44766,24 +44776,27 @@ var NumberInput = styled_components__WEBPACK_IMPORTED_MODULE_2___default().input
 }).withConfig({
   displayName: "NumberInput",
   componentId: "sc-13mfzjc-1"
-})(["padding:0;outline:none;border:0;width:100%;color:inherit;background:inherit;&:focus{margin-right:21px;}appearance:textfield;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;}"]);
+})(["padding:0;outline:none;border:0;width:100%;color:inherit;background:inherit;::placeholder{color:", ";}&:focus{margin-right:21px;}appearance:textfield;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;}"], function (_ref2) {
+  var color = _ref2.theme.color;
+  return color.text_disabled;
+});
 var Buttons = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "Buttons",
   componentId: "sc-13mfzjc-2"
-})(["position:absolute;top:0;right:0;display:flex;flex-direction:column;border-top-right-radius:4px;border-bottom-right-radius:4px;height:100%;div[role=\"button\"]{box-sizing:border-box;min-height:0;height:50%;background:", ";border-left:1px solid ", ";padding:2px 4px;display:flex;align-items:center;cursor:pointer;&.up{border-top-right-radius:4px;}&.down{border-bottom-right-radius:4px;border-top:1px solid ", ";}&:hover{background:", ";svg{color:", ";}}}"], function (_ref2) {
-  var color = _ref2.theme.color;
-  return color.bg;
-}, function (_ref3) {
+})(["position:absolute;top:0;right:0;display:flex;flex-direction:column;border-top-right-radius:4px;border-bottom-right-radius:4px;height:100%;div[role=\"button\"]{box-sizing:border-box;min-height:0;height:50%;background:", ";border-left:1px solid ", ";padding:2px 4px;display:flex;align-items:center;cursor:pointer;&.up{border-top-right-radius:4px;}&.down{border-bottom-right-radius:4px;border-top:1px solid ", ";}&:hover{background:", ";svg{color:", ";}}}"], function (_ref3) {
   var color = _ref3.theme.color;
-  return color.border;
+  return color.bg;
 }, function (_ref4) {
   var color = _ref4.theme.color;
   return color.border;
 }, function (_ref5) {
   var color = _ref5.theme.color;
-  return color.bg_fill_secondary;
+  return color.border;
 }, function (_ref6) {
   var color = _ref6.theme.color;
+  return color.bg_fill_secondary;
+}, function (_ref7) {
+  var color = _ref7.theme.color;
   return color.icon_accent;
 });
 
@@ -46109,7 +46122,7 @@ var Field = styled_components__WEBPACK_IMPORTED_MODULE_2___default().input.withC
   return color.text;
 }, function (_ref6) {
   var color = _ref6.theme.color;
-  return color.text_quaternary;
+  return color.text_disabled;
 });
 var InputLabel = function InputLabel(_ref7) {
   var className = _ref7.className,
@@ -46496,7 +46509,7 @@ var Area = styled_components__WEBPACK_IMPORTED_MODULE_2___default().textarea.wit
   return line_height.none;
 }, function (_ref6) {
   var color = _ref6.theme.color;
-  return color.text_quaternary;
+  return color.text_disabled;
 });
 
 /***/ }),
@@ -48887,7 +48900,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["className", "classNamePrefix", "size", "footerVariant", "show", "closable", "closeOnOutsideClick", "title", "subtitle", "footer", "onClose", "okLabel", "onOk", "okProps", "cancelLabel", "onCancel", "cancelProps", "icon", "zIndex", "children", "minHeight", "afterClose"];
+var _excluded = ["className", "classNamePrefix", "size", "footerVariant", "show", "closable", "closeOnOutsideClick", "title", "subtitle", "footer", "onClose", "okLabel", "onOk", "okProps", "cancelLabel", "onCancel", "cancelProps", "icon", "zIndex", "children", "minHeight", "afterClose", "destroyOnClose"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
@@ -48932,6 +48945,8 @@ var Modal2 = function Modal2(_ref) {
     _ref$minHeight = _ref.minHeight,
     minHeight = _ref$minHeight === void 0 ? 300 : _ref$minHeight,
     afterClose = _ref.afterClose,
+    _ref$destroyOnClose = _ref.destroyOnClose,
+    destroyOnClose = _ref$destroyOnClose === void 0 ? true : _ref$destroyOnClose,
     rest = _objectWithoutProperties(_ref, _excluded);
   var theme = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.useTheme)();
   var width = _base_js__WEBPACK_IMPORTED_MODULE_10__.MODAL_WIDTHS[size] || _base_js__WEBPACK_IMPORTED_MODULE_10__.MODAL_WIDTHS.md;
@@ -48976,6 +48991,7 @@ var Modal2 = function Modal2(_ref) {
       }
     },
     afterClose: afterClose,
+    destroyOnClose: destroyOnClose,
     keyboard: false,
     animation: "zoom",
     maskAnimation: "fade"
@@ -49002,7 +49018,8 @@ Modal2.propTypes = {
   zIndex: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
   minHeight: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
   afterClose: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  icon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node)
+  icon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  destroyOnClose: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
 var prefixCls = function prefixCls(p) {
   return p.$prefixCls;
@@ -52911,7 +52928,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["provided", "style", "measureContentSize"];
+var _excluded = ["provided", "style", "measureContentSize", "registerChild"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -53010,6 +53027,7 @@ var RowWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo(
     _wrapperProps$style = wrapperProps.style,
     style = _wrapperProps$style === void 0 ? {} : _wrapperProps$style,
     measureContentSize = wrapperProps.measureContentSize,
+    registerChild = wrapperProps.registerChild,
     rest = _objectWithoutProperties(wrapperProps, _excluded);
   var _wrapperProps = _objectSpread(_objectSpread(_objectSpread({}, rest), provided.draggableProps), {}, {
     style: _objectSpread(_objectSpread({}, style), (_provided$draggablePr = provided.draggableProps) === null || _provided$draggablePr === void 0 ? void 0 : _provided$draggablePr.style)
@@ -53017,7 +53035,9 @@ var RowWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo(
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(function () {
     return measureContentSize === null || measureContentSize === void 0 ? void 0 : measureContentSize();
   }, []);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _wrapperProps, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
+    ref: registerChild
+  }, _wrapperProps), children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
     style: {
       visibility: 'hidden'
     }
@@ -54076,9 +54096,12 @@ var Body = function Body(props) {
       type: 'ROWS'
     };
   }, []);
-  if (virtualized) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_virtualized_body__WEBPACK_IMPORTED_MODULE_11__.VirtualizedBody, _extends({}, props, {
-    droppableProps: droppableProps
-  }));
+  if (virtualized) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_virtualized_body__WEBPACK_IMPORTED_MODULE_11__.VirtualizedBody, _extends({}, props, {
+      draggableRows: draggableRows,
+      droppableProps: droppableProps
+    }));
+  }
   if (draggableRows) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_dnd__WEBPACK_IMPORTED_MODULE_12__.DroppableBody, _extends({}, props, {
     droppableProps: droppableProps
   }));
@@ -54299,8 +54322,7 @@ var RowRenderer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo
     parent = props.parent,
     rowHoverEvents = props.rowHoverEvents,
     draggableRows = props.draggableRows;
-  // padding is needed to see the divider between rows
-  // when new rows are added
+  // padding is needed to see the divider between rows when new rows are added
   var _style = _objectSpread(_objectSpread({}, style), {}, {
     padding: '0.3px 0'
   });
@@ -54310,7 +54332,8 @@ var RowRenderer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo
     columnIndex: 0,
     rowIndex: index
   }, function (_ref) {
-    var measure = _ref.measure;
+    var measure = _ref.measure,
+      registerChild = _ref.registerChild;
     if (draggableRows) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_dnd__WEBPACK_IMPORTED_MODULE_4__.DraggableWrapper, {
         key: row.id,
@@ -54333,7 +54356,12 @@ var RowRenderer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo
     }
     return renderRow({
       row: row,
-      index: index
+      index: index,
+      wrapperProps: _objectSpread(_objectSpread({}, rowHoverEvents), {}, {
+        style: _style,
+        measureContentSize: measure,
+        registerChild: registerChild
+      })
     });
   });
 });
@@ -54409,72 +54437,46 @@ var VirtualizedBodyComp = function VirtualizedBodyComp(props) {
       return acc += measurerCache.current.getHeight(index, 0);
     }, 0));
   }, [listDOMRef, rows]);
+  var getBody = function getBody(provided) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      style: {
+        height: _height,
+        maxHeight: maxHeight,
+        width: '100%'
+      }
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_virtualized__WEBPACK_IMPORTED_MODULE_1__.AutoSizer, null, function (_ref3) {
+      var width = _ref3.width,
+        height = _ref3.height;
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledList, {
+        width: width,
+        height: height,
+        overscanRowCount: 5,
+        estimatedRowSize: 30,
+        rowHeight: measurerCache.current.rowHeight,
+        rowCount: rows.length,
+        deferredMeasurementCache: measurerCache.current,
+        ref: listRefHandler(setListDOMRef, provided),
+        rowRenderer: rowRenderer(rows, measurerCache, renderRow, rowHoverEvents, draggableRows)
+      });
+    })), renderHoverActions());
+  };
   if (draggableRows) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_6__.Droppable, _extends({}, droppableProps, {
       mode: "virtual",
       renderClone: renderClone(rows, renderRow)
     }), function (provided) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(VirtualizedBodyList, {
-        rows: rows,
-        measurerCache: measurerCache,
-        renderRow: renderRow,
-        rowHoverEvents: rowHoverEvents,
-        style: {
-          height: _height,
-          maxHeight: maxHeight,
-          width: '100%'
-        },
-        listRef: listRefHandler(setListDOMRef, provided),
-        draggableRows: true
-      }), renderHoverActions());
+      return getBody(provided);
     });
   }
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(VirtualizedBodyList, {
-    rows: rows,
-    measurerCache: measurerCache,
-    renderRow: renderRow,
-    rowHoverEvents: rowHoverEvents,
-    style: {
-      height: _height,
-      maxHeight: maxHeight,
-      width: '100%'
-    },
-    listRef: listRefHandler(setListDOMRef, undefined)
-  });
+  return getBody(null);
 };
 var VirtualizedBody = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo(VirtualizedBodyComp);
 VirtualizedBody.displayName = 'VirtualizedBody';
-var VirtualizedBodyList = function VirtualizedBodyList(_ref3) {
-  var rows = _ref3.rows,
-    measurerCache = _ref3.measurerCache,
-    renderRow = _ref3.renderRow,
-    rowHoverEvents = _ref3.rowHoverEvents,
-    style = _ref3.style,
-    listRef = _ref3.listRef,
-    draggableRows = _ref3.draggableRows;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    style: style
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_virtualized__WEBPACK_IMPORTED_MODULE_1__.AutoSizer, null, function (_ref4) {
-    var width = _ref4.width,
-      height = _ref4.height;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledList, {
-      width: width,
-      height: height,
-      overscanRowCount: 5,
-      estimatedRowSize: 30,
-      rowHeight: measurerCache.current.rowHeight,
-      rowCount: rows.length,
-      deferredMeasurementCache: measurerCache.current,
-      ref: listRef,
-      rowRenderer: rowRenderer(rows, measurerCache, renderRow, rowHoverEvents, draggableRows)
-    });
-  }));
-};
 var StyledList = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(react_virtualized__WEBPACK_IMPORTED_MODULE_1__.List).withConfig({
   displayName: "StyledList",
   componentId: "sc-1mdy9tq-0"
-})(["", ""], function (_ref5) {
-  var scrollbars = _ref5.theme.scrollbars;
+})(["", ""], function (_ref4) {
+  var scrollbars = _ref4.theme.scrollbars;
   return scrollbars.thin;
 });
 
@@ -54957,9 +54959,11 @@ var lineHeight = {
   snug: '125%',
   loose: '150%'
 };
-var scrollbars = {
-  thin: (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)(["scrollbar-color:#ffffff #dfe3e6;scrollbar-width:thin;&::-webkit-scrollbar{width:4px;height:4px;}&::-webkit-scrollbar-track{background-color:#ffffff;}&::-webkit-scrollbar-thumb{background-color:#dfe3e6;border-radius:2px;}"]),
-  auto: (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)(["scrollbar-color:#ffffff #dfe3e6;scrollbar-width:auto;&::-webkit-scrollbar{width:10px;height:10px;}&::-webkit-scrollbar-track{background-color:#ffffff;}&::-webkit-scrollbar-thumb{background-color:#dfe3e6;border-radius:4px;}"])
+var scrollbars = function scrollbars(theme) {
+  return {
+    thin: (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)(["scrollbar-color:", " ", ";scrollbar-width:thin;&::-webkit-scrollbar{width:4px;height:4px;}&::-webkit-scrollbar-track{background-color:", ";}&::-webkit-scrollbar-thumb{background-color:", ";border-radius:2px;}&::-webkit-scrollbar-corner{background-color:", ";}"], theme.color.bg, theme.color.scroll, theme.color.bg, theme.color.scroll, theme.color.bg),
+    auto: (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)(["scrollbar-color:", " ", ";scrollbar-width:auto;&::-webkit-scrollbar{width:10px;height:10px;}&::-webkit-scrollbar-track{background-color:", ";}&::-webkit-scrollbar-thumb{background-color:", ";border-radius:4px;}&::-webkit-scrollbar-corner{background-color:", ";}"], theme.color.bg, theme.color.scroll, theme.color.bg, theme.color.scroll, theme.color.bg)
+  };
 };
 var chartPalette = ['#AA99EC', '#3DB9CF', '#E58FB1', '#EBBC00', '#94BA2C', '#D09E72', '#0091FF', '#E5484D', '#12A594', '#FFB224'];
 var color = {
@@ -55328,7 +55332,6 @@ var componentDark = _objectSpread(_objectSpread({}, componentLight), {}, {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   ThemeProvider: () => (/* binding */ ThemeProvider),
-/* harmony export */   color: () => (/* reexport safe */ _constant__WEBPACK_IMPORTED_MODULE_3__.color),
 /* harmony export */   darkTheme: () => (/* binding */ darkTheme),
 /* harmony export */   lightTheme: () => (/* binding */ lightTheme),
 /* harmony export */   useTheme: () => (/* reexport safe */ styled_components__WEBPACK_IMPORTED_MODULE_2__.useTheme)
@@ -55361,7 +55364,6 @@ var baseTheme = {
   letter_spacing: _constant__WEBPACK_IMPORTED_MODULE_3__.letterSpacing,
   spacing: _constant__WEBPACK_IMPORTED_MODULE_3__.spacing,
   shadow: _constant__WEBPACK_IMPORTED_MODULE_3__.shadow,
-  scrollbars: _constant__WEBPACK_IMPORTED_MODULE_3__.scrollbars,
   chart_palette: _constant__WEBPACK_IMPORTED_MODULE_3__.chartPalette,
   // new line-height has none: normal
   line_height: {
@@ -55379,11 +55381,13 @@ var baseTheme = {
 var lightTheme = _objectSpread(_objectSpread({}, baseTheme), {}, {
   color: _objectSpread(_objectSpread(_objectSpread({}, _constant__WEBPACK_IMPORTED_MODULE_3__.color), _constant__WEBPACK_IMPORTED_MODULE_3__.semanticLight), _constant__WEBPACK_IMPORTED_MODULE_3__.componentLight)
 });
+lightTheme.scrollbars = (0,_constant__WEBPACK_IMPORTED_MODULE_3__.scrollbars)(lightTheme);
 // addVar('--uikit-', lightTheme.color);
 
 var darkTheme = _objectSpread(_objectSpread({}, baseTheme), {}, {
   color: _objectSpread(_objectSpread(_objectSpread({}, _constant__WEBPACK_IMPORTED_MODULE_3__.color), _constant__WEBPACK_IMPORTED_MODULE_3__.semanticDark), _constant__WEBPACK_IMPORTED_MODULE_3__.componentDark)
 });
+darkTheme.scrollbars = (0,_constant__WEBPACK_IMPORTED_MODULE_3__.scrollbars)(darkTheme);
 // addVar('--uikit-', darkTheme.color);
 
 var PT_THEME = prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['light', 'dark']);
@@ -55502,10 +55506,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
-/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var rc_util_lib_pickAttrs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rc-util/lib/pickAttrs */ "./node_modules/rc-util/lib/pickAttrs.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
 // LICENSE_CODE ZON
 
 
@@ -55521,6 +55526,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
+
 var Toast = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (_ref, ref) {
   var type = _ref.type,
     children = _ref.children,
@@ -55529,21 +55535,21 @@ var Toast = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef
     className = _ref.className,
     classNamePrefix = _ref.classNamePrefix,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _dismissible = (0,_util__WEBPACK_IMPORTED_MODULE_3__.firstDefined)(dismissible, type == 'error' || type == 'warning');
+  var _dismissible = (0,_util__WEBPACK_IMPORTED_MODULE_4__.firstDefined)(dismissible, type == 'error' || type == 'warning');
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Wrapper, _extends({
     ref: ref,
     $type: type
-  }, (0,_util__WEBPACK_IMPORTED_MODULE_3__.getCommonProps)(rest), {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(classNamePrefix, {
+  }, (0,rc_util_lib_pickAttrs__WEBPACK_IMPORTED_MODULE_3__["default"])(rest), {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.classNames)(classNamePrefix, {
       wrapper: true
     }, className)
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Content, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ToastIcon, {
     type: type,
     classNamePrefix: classNamePrefix
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Paragraph, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Paragraph, {
     variant: "sm",
     color: "text",
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.classNames)(classNamePrefix, {
       body: true
     })
   }, children)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RemoveButton, {
@@ -55589,10 +55595,10 @@ var ToastIcon = function ToastIcon(_ref3) {
     warning: 'icon_warning',
     info: 'icon_primary'
   }[type] || 'icon';
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__.Icon, {
     name: name,
     color: _color,
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.classNames)(classNamePrefix, {
       icon: true
     }),
     size: "xs"
@@ -55609,7 +55615,7 @@ var RemoveButton = function RemoveButton(_ref4) {
     icon: "CloseSmall",
     $type: type,
     onClick: onClick,
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.classNames)(classNamePrefix, {
       dismissButton: true
     })
   });
@@ -55619,7 +55625,7 @@ RemoveButton.propTypes = {
   onClick: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   dismissible: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
-var StyledRemoveButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_icon_button__WEBPACK_IMPORTED_MODULE_5__.IconButton).withConfig({
+var StyledRemoveButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_icon_button__WEBPACK_IMPORTED_MODULE_6__.IconButton).withConfig({
   displayName: "StyledRemoveButton",
   componentId: "sc-tn2lqb-2"
 })(["border-radius:", ";min-width:16px;width:16px;min-height:16px;height:16px;background-color:", ";"], function (_ref5) {