@luminati-io/uikit 3.1.3 → 3.1.4

package/dist/umd/uikit.development.js

@@ -21020,7 +21020,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["header", "description", "actions", "data", "palette", "loading", "Chart", "legendItem", "chartProps", "showLegend"];
+var _excluded = ["header", "description", "actions", "data", "palette", "loading", "Chart", "legendItem", "chartProps", "showLegend", "variant", "width", "height"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -21046,13 +21046,17 @@ var ChartContainer = function ChartContainer(props) {
     legendItem = props.legendItem,
     chartProps = props.chartProps,
     showLegend = props.showLegend,
+    variant = props.variant,
+    _width = props.width,
+    _height = props.height,
     rest = _objectWithoutProperties(props, _excluded);
-  var outerWidth = props.width ? Math.max(410, props.width) : undefined;
-  var outerHeight = Math.max(176, props.height || 0);
+  var outerWidth = _width ? Math.max(410, _width) : undefined;
+  var outerHeight = Math.max(176, _height || 0);
   var noData = !(data && data.length);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ChartContainerWrapper, _extends({}, rest, {
-    width: outerWidth,
-    height: outerHeight
+    $variant: variant,
+    $width: outerWidth,
+    $height: outerHeight
   }), !!header && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(HeaderWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Header, {
     color: "gray_11_75"
   }, header), !!description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
@@ -21094,11 +21098,11 @@ var ChartContainerWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___defau
   displayName: "ChartContainerWrapper",
   componentId: "sc-13xkdxv-0"
 })(["display:flex;flex-direction:column;", " height:", ";", ""], function (props) {
-  return props.width ? "width: ".concat((0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(props.width), ";") : undefined;
+  return props.$width ? "width: ".concat((0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(props.$width), ";") : undefined;
 }, function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(props.height);
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(props.$height);
 }, function (props) {
-  if (props.variant != 'ghost') {
+  if (props.$variant != 'ghost') {
     return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["padding:", ";border-radius:8px;border:1px solid ", ";"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing['06'], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_5);
   }
 });
@@ -23886,8 +23890,8 @@ var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     ref: ref
   }, rest, {
     onClick: handleClick,
-    verticalAlign: verticalAlign,
-    disabled: disabled
+    $verticalAlign: verticalAlign,
+    $disabled: disabled
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CheckboxControl, {
     role: "checkbox",
     "aria-checked": checked ? true : indeterminate ? 'mixed' : false,
@@ -23916,9 +23920,9 @@ var CheckboxWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().d
   displayName: "CheckboxWrapper",
   componentId: "sc-623yyg-0"
 })(["display:inline-flex;align-items:center;gap:", ";vertical-align:", ";", ""], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['03'], function (props) {
-  return props.verticalAlign;
+  return props.$verticalAlign;
 }, function (props) {
-  return props.disabled ? undefined : (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["cursor:pointer;"]);
+  return props.$disabled ? undefined : (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["cursor:pointer;"]);
 });
 var CheckboxControl = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CheckboxControl",
@@ -25820,8 +25824,8 @@ var Radio = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef
     }, _defineProperty(_classNames2, 'radio--is-selected', checked), _defineProperty(_classNames2, 'radio--is-disabled', disabled), _classNames2))
   }, rest, {
     onClick: handleClick,
-    verticalAlign: verticalAlign,
-    disabled: disabled
+    $verticalAlign: verticalAlign,
+    $disabled: disabled
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RadioControl, {
     className: (0,_utils__WEBPACK_IMPORTED_MODULE_8__.classNames)(classNamePrefix, {
       radioControl: true
@@ -25860,9 +25864,9 @@ var RadioWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.
   displayName: "RadioWrapper",
   componentId: "sc-10oi3py-0"
 })(["display:inline-flex;align-items:center;gap:", ";vertical-align:", ";", ""], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing['03'], function (props) {
-  return props.verticalAlign;
+  return props.$verticalAlign;
 }, function (props) {
-  return props.disabled ? undefined : (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["cursor:pointer;"]);
+  return props.$disabled ? undefined : (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["cursor:pointer;"]);
 });
 var RadioControl = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "RadioControl",
@@ -28345,12 +28349,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _editable_columns__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./editable_columns */ "./src/table/editable_columns.js");
 /* harmony import */ var _pinned_columns__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./pinned_columns */ "./src/table/pinned_columns.js");
 /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
+/* harmony import */ var _expandable_rows__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./expandable_rows */ "./src/table/expandable_rows.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["data", "columnsSort", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp", "LoadingComp", "noDataText", "loadingText", "isLoading", "onPageChange", "manualPagination", "totalCount", "getHeaderProps", "getColumnProps", "getRowProps", "getCellProps", "getFooterProps"];
+var _excluded = ["data", "columnsSort", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp", "LoadingComp", "ExpandHandleComp", "noDataText", "loadingText", "isLoading", "onPageChange", "manualPagination", "totalCount", "paginateExpandedRows", "getHeaderProps", "getColumnProps", "getRowProps", "getCellProps", "getFooterProps"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -28377,6 +28382,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var assign = Object.assign;
 var defaultPropGetter = function defaultPropGetter() {
   return {};
@@ -28409,6 +28415,8 @@ var Provider = function Provider(props) {
     hooks = _props$hooks === void 0 ? [] : _props$hooks,
     NoDataComp = props.NoDataComp,
     LoadingComp = props.LoadingComp,
+    _props$ExpandHandleCo = props.ExpandHandleComp,
+    ExpandHandleComp = _props$ExpandHandleCo === void 0 ? _expandable_rows__WEBPACK_IMPORTED_MODULE_9__.ExpandHandle : _props$ExpandHandleCo,
     _props$noDataText = props.noDataText,
     noDataText = _props$noDataText === void 0 ? 'No data' : _props$noDataText,
     _props$loadingText = props.loadingText,
@@ -28419,6 +28427,8 @@ var Provider = function Provider(props) {
     _props$manualPaginati = props.manualPagination,
     manualPagination = _props$manualPaginati === void 0 ? false : _props$manualPaginati,
     totalCount = props.totalCount,
+    _props$paginateExpand = props.paginateExpandedRows,
+    paginateExpandedRows = _props$paginateExpand === void 0 ? false : _props$paginateExpand,
     _props$getHeaderProps = props.getHeaderProps,
     getHeaderProps = _props$getHeaderProps === void 0 ? defaultPropGetter : _props$getHeaderProps,
     _props$getColumnProps = props.getColumnProps,
@@ -28454,13 +28464,15 @@ var Provider = function Provider(props) {
     manualPagination: manualPagination,
     pageCount: pageCount,
     totalCount: totalCount,
+    paginateExpandedRows: paginateExpandedRows,
     isLoading: isLoading,
     getHeaderProps: getHeaderProps,
     getColumnProps: getColumnProps,
     getRowProps: getRowProps,
     getCellProps: getCellProps,
-    getFooterProps: getFooterProps
-  }, rest), useCanHideColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.usePagination, props.fullWidth ? react_table__WEBPACK_IMPORTED_MODULE_2__.useFlexLayout : react_table__WEBPACK_IMPORTED_MODULE_2__.useBlockLayout, react_table__WEBPACK_IMPORTED_MODULE_2__.useResizeColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useColumnOrder, _pinned_columns__WEBPACK_IMPORTED_MODULE_7__.usePinnedColumns, _editable_columns__WEBPACK_IMPORTED_MODULE_6__.useEditableColumns].concat(_toConsumableArray(hooks)));
+    getFooterProps: getFooterProps,
+    ExpandHandleComp: ExpandHandleComp
+  }, rest), useCanHideColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useExpanded, _expandable_rows__WEBPACK_IMPORTED_MODULE_9__.useExpandHandle, react_table__WEBPACK_IMPORTED_MODULE_2__.usePagination, props.fullWidth ? react_table__WEBPACK_IMPORTED_MODULE_2__.useFlexLayout : react_table__WEBPACK_IMPORTED_MODULE_2__.useBlockLayout, react_table__WEBPACK_IMPORTED_MODULE_2__.useResizeColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useColumnOrder, _pinned_columns__WEBPACK_IMPORTED_MODULE_7__.usePinnedColumns, _editable_columns__WEBPACK_IMPORTED_MODULE_6__.useEditableColumns].concat(_toConsumableArray(hooks)));
   var _table$state = table.state,
     pageIndex = _table$state.pageIndex,
     _pageSize = _table$state.pageSize;
@@ -28513,6 +28525,7 @@ Provider.propTypes = {
   pageSizes: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().number)),
   manualPagination: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   totalCount: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
+  paginateExpandedRows: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   onPageChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   isLoading: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   hiddenColumns: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)),
@@ -28701,8 +28714,8 @@ var ItemsWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.
   displayName: "ItemsWrapper",
   componentId: "sc-1uptv2h-1"
 })(["width:100%;display:flex;flex-direction:column;gap:2px;box-sizing:border-box;", ""], function (props) {
-  if (props.maxMenuHeight > 0) {
-    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["max-height:", ";overflow-y:auto;", ""], (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(props.maxMenuHeight), _theme__WEBPACK_IMPORTED_MODULE_7__["default"].scrollbars.thin);
+  if (props.$maxMenuHeight > 0) {
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["max-height:", ";overflow-y:auto;", ""], (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(props.$maxMenuHeight), _theme__WEBPACK_IMPORTED_MODULE_7__["default"].scrollbars.thin);
   }
 });
 var CustomizeButtonPopover = function CustomizeButtonPopover(props) {
@@ -28715,7 +28728,7 @@ var CustomizeButtonPopover = function CustomizeButtonPopover(props) {
     search: search,
     setSearch: setSearch
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ItemsWrapper, {
-    maxMenuHeight: maxMenuHeight
+    $maxMenuHeight: maxMenuHeight
   }, items));
 };
 CustomizeButtonPopover.displayName = 'CustomizeButtonPopover';
@@ -28893,6 +28906,64 @@ useEditableColumns.pluginName = 'useEditableColumns';
 
 /***/ }),
 
+/***/ "./src/table/expandable_rows.js":
+/*!**************************************!*\
+  !*** ./src/table/expandable_rows.js ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ExpandHandle: () => (/* binding */ ExpandHandle),
+/* harmony export */   useExpandHandle: () => (/* binding */ useExpandHandle)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+
+
+
+// This is a complementary module to useExpanded from react-table.
+
+var ExpandHandle = function ExpandHandle(props) {
+  var canExpand = props.canExpand,
+    getToggleRowExpandedProps = props.getToggleRowExpandedProps,
+    isExpanded = props.isExpanded;
+  var icon = isExpanded ? 'ChevronDown' : 'ChevronRight';
+  if (!canExpand) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_1__.Box, {
+    width: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].spacing['06']
+  });
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_3__["default"], _extends({
+    icon: icon,
+    size: "xs"
+  }, getToggleRowExpandedProps()));
+};
+var withAttachedProps = function withAttachedProps(Comp, rowProps) {
+  return function WithAttachedProps() {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Comp, rowProps);
+  };
+};
+var useExpandHandle = function useExpandHandle(hooks) {
+  hooks.prepareRow.push(function (row, _ref) {
+    var instance = _ref.instance;
+    var ExpandHandleComp = instance.ExpandHandleComp;
+    row.ExpandHandle = withAttachedProps(ExpandHandleComp, row);
+  });
+};
+useExpandHandle.pluginName = 'useExpandHandle';
+
+/***/ }),
+
 /***/ "./src/table/footer.js":
 /*!*****************************!*\
   !*** ./src/table/footer.js ***!
@@ -30389,34 +30460,9 @@ var Table = function Table(props) {
     classNamePrefix = props.classNamePrefix;
   var offsetTop = lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default()(stickyHeader) && stickyHeader.offsetTop || 0;
   var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_7__.useTableContext)(),
-    getTableProps = _useTableContext.getTableProps,
-    getTableBodyProps = _useTableContext.getTableBodyProps,
-    prepareRow = _useTableContext.prepareRow,
-    page = _useTableContext.page,
-    _useTableContext$pinn = _useTableContext.pinnedRows,
-    pinnedRows = _useTableContext$pinn === void 0 ? [] : _useTableContext$pinn,
-    NoDataComp = _useTableContext.NoDataComp,
-    LoadingComp = _useTableContext.LoadingComp,
-    isLoading = _useTableContext.isLoading,
-    getRowProps = _useTableContext.getRowProps;
+    getTableProps = _useTableContext.getTableProps;
   var wrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
   var tableRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
-  var body = function () {
-    if (isLoading) return (0,_util_flex_renderer__WEBPACK_IMPORTED_MODULE_6__.flexRender)(LoadingComp);
-    if (!page.length) return (0,_util_flex_renderer__WEBPACK_IMPORTED_MODULE_6__.flexRender)(NoDataComp);
-    return page.map(function (row, i, arr) {
-      prepareRow(row);
-      if (row.isPinned) return null;
-      return (0,_render_row__WEBPACK_IMPORTED_MODULE_10__["default"])({
-        row: row,
-        rowDensity: rowDensity,
-        onRowClick: onRowClick,
-        isLastRow: i == arr.length - 1,
-        classNamePrefix: classNamePrefix,
-        getRowProps: getRowProps
-      });
-    });
-  }();
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableWrapper, {
     ref: wrapperRef,
     className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(classNamePrefix, {
@@ -30430,22 +30476,14 @@ var Table = function Table(props) {
     })
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_header__WEBPACK_IMPORTED_MODULE_9__["default"], {
     classNamePrefix: classNamePrefix
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", _extends({
-    "data-rowgroup-type": "body"
-  }, getTableBodyProps(), {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableBody, {
     className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(classNamePrefix, {
       tableBody: true
-    })
-  }), pinnedRows.map(function (row) {
-    prepareRow(row);
-    return (0,_render_row__WEBPACK_IMPORTED_MODULE_10__["default"])({
-      row: row,
-      rowDensity: rowDensity,
-      onRowClick: onRowClick,
-      classNamePrefix: classNamePrefix,
-      getRowProps: getRowProps
-    });
-  }), body), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_footer__WEBPACK_IMPORTED_MODULE_8__["default"], {
+    }),
+    rowDensity: rowDensity,
+    onRowClick: onRowClick,
+    classNamePrefix: classNamePrefix
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_footer__WEBPACK_IMPORTED_MODULE_8__["default"], {
     rowDensity: rowDensity,
     classNamePrefix: classNamePrefix
   }), !!stickyHeader && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_sticky_header__WEBPACK_IMPORTED_MODULE_11__["default"], {
@@ -30479,6 +30517,52 @@ var StyledTable = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.w
   componentId: "sc-ebeoik-1"
 })(["min-width:100%;border-spacing:0;border-collapse:separate;"]);
 StyledTable.displayName = 'StyledTable';
+var TableBody = function TableBody(props) {
+  var className = props.className,
+    rowDensity = props.rowDensity,
+    onRowClick = props.onRowClick,
+    classNamePrefix = props.classNamePrefix;
+  var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_7__.useTableContext)(),
+    getTableBodyProps = _useTableContext2.getTableBodyProps,
+    prepareRow = _useTableContext2.prepareRow,
+    page = _useTableContext2.page,
+    _useTableContext2$pin = _useTableContext2.pinnedRows,
+    pinnedRows = _useTableContext2$pin === void 0 ? [] : _useTableContext2$pin,
+    NoDataComp = _useTableContext2.NoDataComp,
+    LoadingComp = _useTableContext2.LoadingComp,
+    isLoading = _useTableContext2.isLoading,
+    getRowProps = _useTableContext2.getRowProps;
+  var body = function () {
+    if (isLoading) return (0,_util_flex_renderer__WEBPACK_IMPORTED_MODULE_6__.flexRender)(LoadingComp);
+    if (!page.length) return (0,_util_flex_renderer__WEBPACK_IMPORTED_MODULE_6__.flexRender)(NoDataComp);
+    return page.map(function (row, i, arr) {
+      prepareRow(row);
+      if (row.isPinned) return null;
+      return (0,_render_row__WEBPACK_IMPORTED_MODULE_10__["default"])({
+        row: row,
+        rowDensity: rowDensity,
+        onRowClick: onRowClick,
+        isLastRow: i == arr.length - 1,
+        classNamePrefix: classNamePrefix,
+        getRowProps: getRowProps
+      });
+    });
+  }();
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", _extends({
+    "data-rowgroup-type": "body"
+  }, getTableBodyProps(), {
+    className: className
+  }), pinnedRows.map(function (row) {
+    prepareRow(row);
+    return (0,_render_row__WEBPACK_IMPORTED_MODULE_10__["default"])({
+      row: row,
+      rowDensity: rowDensity,
+      onRowClick: onRowClick,
+      classNamePrefix: classNamePrefix,
+      getRowProps: getRowProps
+    });
+  }), body);
+};
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Table);
 
 /***/ }),
@@ -31955,20 +32039,20 @@ var getButtonColors = function getButtonColors(props) {
     },
     negative: {
       color: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.white,
-      backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.red_11,
+      backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.red_9,
       separator: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.white),
       hover: {
         backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.red_10
       },
       active: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.red_11,
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.red_9,
         boxShadow: '0 0 0 2px rgba(205, 43, 49, 0.4)'
       }
     },
     negative_secondary: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.red_11,
+      color: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.red_9,
       backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.white,
-      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.red_11),
+      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.red_9),
       hover: {
         backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.red_2
       },