@luminati-io/uikit 1.9.6 → 1.9.8

package/dist/uikit.umd.js

@@ -22480,6 +22480,36 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ "./src/constants.js":
+/*!**************************!*\
+  !*** ./src/constants.js ***!
+  \**************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z_INDEX": () => (/* binding */ Z_INDEX)
+/* harmony export */ });
+
+
+/*jslint react:true*/
+var Z_INDEX = {
+  editingCell: 1,
+  cellResizer: 1,
+  pinnedColumn: 2,
+  headerButton: 2,
+  pinnedColumnHeader: 3,
+  stickyHeader: 3,
+  popover: 1000,
+  backdrop: 1040,
+  datepicker: 2000,
+  tooltip: 9999,
+  dropdown: 999999
+};
+
+/***/ }),
+
 /***/ "./src/core.js":
 /*!*********************!*\
   !*** ./src/core.js ***!
@@ -22629,12 +22659,13 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 react_popper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-popper */ "./node_modules/react-popper/lib/esm/usePopper.js");
+/* harmony import */ var react_popper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-popper */ "./node_modules/react-popper/lib/esm/usePopper.js");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./util */ "./src/hoc/util.js");
-/* harmony import */ var _with_portal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./with_portal */ "./src/hoc/with_portal.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ "./src/hoc/util.js");
+/* harmony import */ var _with_portal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./with_portal */ "./src/hoc/with_portal.js");
 // LICENSE_CODE ZON
 
 
@@ -22656,6 +22687,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
+var assign = Object.assign;
 var withPopover = function withPopover(Comp, PopoverComp) {
   var popoverOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var WithPopover = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
@@ -22666,6 +22699,7 @@ var withPopover = function withPopover(Comp, PopoverComp) {
     var portalTarget = popoverProps.portalTarget,
       restPopoverProps = _objectWithoutProperties(popoverProps, _excluded2);
     var placement = popoverOptions.placement,
+      zIndex = popoverOptions.zIndex,
       wrapperClassName = popoverOptions.wrapperClassName,
       wrapperStyle = popoverOptions.wrapperStyle;
     var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
@@ -22691,7 +22725,7 @@ var withPopover = function withPopover(Comp, PopoverComp) {
         return !v;
       });
     }, []);
-    var _usePopper = (0,react_popper__WEBPACK_IMPORTED_MODULE_5__.usePopper)(referenceElement, popperElement, {
+    var _usePopper = (0,react_popper__WEBPACK_IMPORTED_MODULE_6__.usePopper)(referenceElement, popperElement, {
         placement: placement,
         modifiers: [{
           name: 'offset',
@@ -22732,36 +22766,34 @@ var withPopover = function withPopover(Comp, PopoverComp) {
       style: styles.popper,
       attributes: attributes.popper,
       visible: popoverVisible,
-      portalTarget: target
+      portalTarget: target,
+      zIndex: zIndex
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverComp, _extends({}, restPopoverProps, {
       popover: popoverApi
     }))));
   });
-  WithPopover.displayName = "WithPopover(".concat((0,_util__WEBPACK_IMPORTED_MODULE_3__.getDisplayName)(Comp), ")");
+  WithPopover.displayName = "WithPopover(".concat((0,_util__WEBPACK_IMPORTED_MODULE_4__.getDisplayName)(Comp), ")");
   return WithPopover;
 };
-var PopoverContainer = (0,_with_portal__WEBPACK_IMPORTED_MODULE_4__["default"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function _PopoverContainer(props, ref) {
-  var style = props.style,
-    children = props.children,
+var PopoverContainer = (0,_with_portal__WEBPACK_IMPORTED_MODULE_5__["default"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function _PopoverContainer(props, ref) {
+  var children = props.children,
     attributes = props.attributes,
+    _props$zIndex = props.zIndex,
+    zIndex = _props$zIndex === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_3__.Z_INDEX.popover : _props$zIndex,
     visible = props.visible;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledPopoverContainer, _extends({
+  var style = assign({}, props.style, {
+    zIndex: zIndex,
+    visibility: visible ? 'visible' : 'hidden'
+  });
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RefCompContainer, _extends({
     ref: ref,
     style: style
-  }, attributes, {
-    visible: visible
-  }), children);
+  }, attributes), children);
 }));
 var RefCompContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "RefCompContainer",
   componentId: "sc-1hvrlux-0"
 })(["width:fit-content;"]);
-var StyledPopoverContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(RefCompContainer).withConfig({
-  displayName: "StyledPopoverContainer",
-  componentId: "sc-1hvrlux-1"
-})(["z-index:1000;visibility:", ";"], function (props) {
-  return props.visible ? 'visible' : 'hidden';
-});
 var useStateWithCallback = function useStateWithCallback(initialValue, callback) {
   var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialValue),
     _useState6 = _slicedToArray(_useState5, 2),
@@ -23601,7 +23633,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "StyledDayPicker": () => (/* binding */ StyledDayPicker),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var date_fns_format__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! date-fns/format */ "./node_modules/date-fns/esm/format/index.js");
+/* harmony import */ var date_fns_format__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! date-fns/format */ "./node_modules/date-fns/esm/format/index.js");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
@@ -23612,7 +23644,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _hoc_with_popover__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hoc/with_popover */ "./src/hoc/with_popover.js");
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
 /* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
 // LICENSE_CODE ZON
 
 
@@ -23636,6 +23669,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
+
 var DatePicker = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
   var onChange = props.onChange,
     disabledDays = props.disabledDays,
@@ -23717,15 +23751,15 @@ var PickerField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forw
     type: 'text',
     readOnly: true
   });
-  var heightCalculationCallback = (0,_shared__WEBPACK_IMPORTED_MODULE_7__.useHeightCalculationCallback)(size);
+  var heightCalculationCallback = (0,_shared__WEBPACK_IMPORTED_MODULE_8__.useHeightCalculationCallback)(size);
   var t = (0,_translation__WEBPACK_IMPORTED_MODULE_6__.useTranslate)();
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_7__.FieldWrapper, _extends({}, props, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_8__.FieldWrapper, _extends({}, props, {
     ref: ref,
     innerWrapper: innerWrapperRef,
     heightCalculationCallback: heightCalculationCallback,
     autoresize: false,
     verticalAlign: "center",
-    Field: _shared__WEBPACK_IMPORTED_MODULE_7__.Field,
+    Field: _shared__WEBPACK_IMPORTED_MODULE_8__.Field,
     value: getDateText(props),
     placeholder: t(placeholder),
     inputProps: inputProps
@@ -23778,7 +23812,8 @@ var PickerPopover = function PickerPopover(props) {
 };
 PickerPopover.displayName = 'PickerPopover';
 var Picker = (0,_hoc_with_popover__WEBPACK_IMPORTED_MODULE_4__["default"])(PickerField, PickerPopover, {
-  placement: 'bottom'
+  placement: 'bottom',
+  zIndex: _constants__WEBPACK_IMPORTED_MODULE_7__.Z_INDEX.datepicker
 });
 var borderRadius = '4px';
 var DayPickerWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
@@ -23833,9 +23868,9 @@ var getDateText = function getDateText(props) {
   if (isRange) {
     var from = value.from,
       to = value.to;
-    return (from ? (0,date_fns_format__WEBPACK_IMPORTED_MODULE_8__["default"])(from, fmt) : placeholder || '') + ' - ' + (to ? (0,date_fns_format__WEBPACK_IMPORTED_MODULE_8__["default"])(to, fmt) : placeholder || '');
+    return (from ? (0,date_fns_format__WEBPACK_IMPORTED_MODULE_9__["default"])(from, fmt) : placeholder || '') + ' - ' + (to ? (0,date_fns_format__WEBPACK_IMPORTED_MODULE_9__["default"])(to, fmt) : placeholder || '');
   }
-  return (0,date_fns_format__WEBPACK_IMPORTED_MODULE_8__["default"])(value, fmt);
+  return (0,date_fns_format__WEBPACK_IMPORTED_MODULE_9__["default"])(value, fmt);
 };
 var getDefaultMonth = function getDefaultMonth(value) {
   if (value instanceof Date) return value;
@@ -23880,14 +23915,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
+/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
 /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
 /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
 /* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
 // LICENSE_CODE ZON
 
 
@@ -23913,6 +23949,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var Item = _menu__WEBPACK_IMPORTED_MODULE_5__["default"].Item;
 var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
   var label = props.label,
@@ -23943,14 +23980,14 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
   var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(props.id);
   var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useTranslate)();
   var styles = useCustomStyles(size);
-  var SelectComp = creatable ? react_select__WEBPACK_IMPORTED_MODULE_10__["default"].Creatable : react_select__WEBPACK_IMPORTED_MODULE_10__["default"];
+  var SelectComp = creatable ? react_select__WEBPACK_IMPORTED_MODULE_11__["default"].Creatable : react_select__WEBPACK_IMPORTED_MODULE_11__["default"];
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex, _extends({
     ref: ref,
     "data-testid": "dropdown"
   }, rest, {
     flex_direction: "column",
     gap: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["02"]
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_9__.InputLabel, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_10__.InputLabel, {
     id: labelId,
     label: label,
     labelIcon: labelIcon,
@@ -23990,7 +24027,7 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     },
     closeMenuOnSelect: !multiselect,
     menuPlacement: menuPlacement
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_9__.HelperText, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_10__.HelperText, {
     invalid: invalid
   }, helperText));
 });
@@ -24149,7 +24186,7 @@ var useCustomStyles = function useCustomStyles(size) {
         } else if (state.selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.red_11;else if (state.isFocused) borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11;
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
           minHeight: (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(height[size] || height.sm),
-          padding: "".concat(_shared__WEBPACK_IMPORTED_MODULE_9__.inputVerticalPadding, "px ").concat(_shared__WEBPACK_IMPORTED_MODULE_9__.inputHorizontalPadding, "px"),
+          padding: "".concat(_shared__WEBPACK_IMPORTED_MODULE_10__.inputVerticalPadding, "px ").concat(_shared__WEBPACK_IMPORTED_MODULE_10__.inputHorizontalPadding, "px"),
           /* Label/sm */
           fontFamily: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans,
           fontStyle: 'normal',
@@ -24193,7 +24230,7 @@ var useCustomStyles = function useCustomStyles(size) {
       },
       menuPortal: function menuPortal(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          zIndex: 99999
+          zIndex: _constants__WEBPACK_IMPORTED_MODULE_9__.Z_INDEX.dropdown
         });
       },
       multiValue: function multiValue(baseStyles) {
@@ -25087,7 +25124,8 @@ Textbox.propTypes = {
   label: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
   labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
   helperText: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
-  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg'])
+  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg']),
+  autofocus: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
 };
 Textbox.defaultProps = {
   size: 'sm'
@@ -26242,6 +26280,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
 /* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
 // LICENSE_CODE ZON
 
 
@@ -26260,13 +26299,13 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var Z_INDEX = 1040;
+
 var withBackdrop = function withBackdrop(Comp) {
   var WithBackdrop = function WithBackdrop(props) {
     // XXX davidg: support close on outside-click
     var show = props.show,
       _props$zIndex = props.zIndex,
-      zIndex = _props$zIndex === void 0 ? Z_INDEX : _props$zIndex,
+      zIndex = _props$zIndex === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_5__.Z_INDEX.backdrop : _props$zIndex,
       restProps = _objectWithoutProperties(props, _excluded);
     var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -26511,7 +26550,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _table_row__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table_row */ "./src/table/table_row.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _table_row__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./table_row */ "./src/table/table_row.js");
 // LICENSE_CODE ZON
 
 
@@ -26522,6 +26562,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
+
 var assign = Object.assign;
 var Cell = function Cell(props) {
   var className = props.className,
@@ -26574,7 +26615,7 @@ var StyledCell = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.wi
   componentId: "sc-b034il-0"
 })(["padding:5px 15px;overflow-x:clip;", " background-color:", ";border:1px solid ", ";", ":hover &{background-color:", ";border-left-color:", ";border-right-color:", ";}", " ", " &[data-pinned-last]{", "}", ""], function (props) {
   return props.type == 'number' ? 'text-align: right;' : null;
-}, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _table_row__WEBPACK_IMPORTED_MODULE_4__["default"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, function (props) {
+}, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _table_row__WEBPACK_IMPORTED_MODULE_5__["default"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, function (props) {
   if (props.border == 'top') return "border-top-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
   if (props.border == 'bottom') return "border-bottom-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
 }, function (props) {
@@ -26592,7 +26633,7 @@ var StyledCell = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.wi
 }, function (props) {
   if (props.canEdit) {
     if (props.isEditing) {
-      return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["border:1px solid ", " !important;box-shadow:inset 0px 0px 0px 3px rgba(0,106,220,0.4);z-index:1;"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_11);
+      return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["border:1px solid ", " !important;box-shadow:inset 0px 0px 0px 3px rgba(0,106,220,0.4);z-index:", ";"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_11, _constants__WEBPACK_IMPORTED_MODULE_4__.Z_INDEX.editingCell);
     }
     return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["&:hover{border-color:", " !important;}"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_9);
   }
@@ -27252,10 +27293,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
-/* harmony import */ var _header_functions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./header_functions */ "./src/table/header_functions.js");
-/* harmony import */ var _sort_icon__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./sort_icon */ "./src/table/sort_icon.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+/* harmony import */ var _header_functions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./header_functions */ "./src/table/header_functions.js");
+/* harmony import */ var _sort_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./sort_icon */ "./src/table/sort_icon.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
 // LICENSE_CODE ZON
 
 
@@ -27279,11 +27321,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var TableHeader = function TableHeader(props) {
   var classNamePrefix = props.classNamePrefix,
     compact = props.compact,
     left = props.left;
-  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_5__.useTableContext)(),
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
     headerGroups = _useTableContext.headerGroups;
   var style = {};
   if (typeof left != 'undefined') style.marginLeft = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.toPixel)(-left);
@@ -27336,7 +27379,7 @@ var HeaderCell = function HeaderCell(props) {
     getHeaderProps = header.getHeaderProps,
     getResizerProps = header.getResizerProps,
     classNamePrefix = header.classNamePrefix;
-  var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_5__.useTableContext)(),
+  var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
     columnsSort = _useTableContext2.columnsSort,
     fullWidth = _useTableContext2.fullWidth;
   var sort = columnsSort[id];
@@ -27370,16 +27413,16 @@ var HeaderCell = function HeaderCell(props) {
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCellWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCellLeft, {
     $canSort: canSort,
     onClick: handleSort
-  }, !compact && (0,_util__WEBPACK_IMPORTED_MODULE_8__.renderCellContent)(header, 'Header', {
+  }, !compact && (0,_util__WEBPACK_IMPORTED_MODULE_9__.renderCellContent)(header, 'Header', {
     compact: compact
   }), compact && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__.Label, {
     variant: "sm",
     color: "gray_11",
     no_wrap: true
-  }, name || id), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_sort_icon__WEBPACK_IMPORTED_MODULE_7__["default"], {
+  }, name || id), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_sort_icon__WEBPACK_IMPORTED_MODULE_8__["default"], {
     visible: !!iconVisible,
     reverse: sort == 'desc'
-  })), !compact && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_header_functions__WEBPACK_IMPORTED_MODULE_6__["default"], {
+  })), !compact && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_header_functions__WEBPACK_IMPORTED_MODULE_7__["default"], {
     header: header,
     visible: hovered,
     onItemClick: function onItemClick() {
@@ -27393,7 +27436,7 @@ HeaderCell.displayName = 'HeaderCell';
 var HeaderCellContent = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "HeaderCellContent",
   componentId: "sc-8zg5t0-0"
-})(["background-color:", ";&:hover{background-color:", ";}border-bottom:1px solid ", ";&[data-pinned]{z-index:3 !important;}&[data-pinned-last]{box-shadow:2px 0px 4px -2px rgba(24,39,75,0.12),4px 0px 4px -2px rgba(24,39,75,0.08);}"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3);
+})(["background-color:", ";&:hover{background-color:", ";}border-bottom:1px solid ", ";&[data-pinned]{z-index:", " !important;}&[data-pinned-last]{box-shadow:2px 0px 4px -2px rgba(24,39,75,0.12),4px 0px 4px -2px rgba(24,39,75,0.08);}"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, _constants__WEBPACK_IMPORTED_MODULE_5__.Z_INDEX.pinnedColumnHeader);
 var HeaderCellWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "HeaderCellWrapper",
   componentId: "sc-8zg5t0-1"
@@ -27409,7 +27452,7 @@ HeaderCellLeft.displayName = 'HeaderCellLeft';
 var HeaderCellResizer = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "HeaderCellResizer",
   componentId: "sc-8zg5t0-3"
-})(["display:inline-block;width:10px;height:100%;position:absolute;right:0;top:0;transform:translateX(50%);z-index:1;touch-action:none;", ""], function (props) {
+})(["display:inline-block;width:10px;height:100%;position:absolute;right:0;top:0;transform:translateX(50%);z-index:", ";touch-action:none;", ""], _constants__WEBPACK_IMPORTED_MODULE_5__.Z_INDEX.cellResizer, function (props) {
   if (props.isResizing) {
     return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["&:after{content:\" \";display:block;width:2px;height:24px;background:", ";position:absolute;bottom:0;left:4px;}"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_10);
   }
@@ -27439,7 +27482,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _sort_icon__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./sort_icon */ "./src/table/sort_icon.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _sort_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./sort_icon */ "./src/table/sort_icon.js");
 // LICENSE_CODE ZON
 
 
@@ -27453,6 +27497,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
+
 var HeaderFunctions = function HeaderFunctions(props) {
   var header = props.header,
     visible = props.visible,
@@ -27527,7 +27572,7 @@ var MenuButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_icon_
 }).withConfig({
   displayName: "MenuButton",
   componentId: "sc-1oo76mu-0"
-})(["cursor:pointer;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%);z-index:2;width:16px;height:16px;background-color:", ";border-radius:4px;width:16px;height:16px;&:hover:not(:disabled){background-color:", ";}"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_6, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_6);
+})(["cursor:pointer;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%);z-index:", ";width:16px;height:16px;background-color:", ";border-radius:4px;width:16px;height:16px;&:hover:not(:disabled){background-color:", ";}"], _constants__WEBPACK_IMPORTED_MODULE_7__.Z_INDEX.headerButton, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_6, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_6);
 var MenuWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "MenuWrapper",
   componentId: "sc-1oo76mu-1"
@@ -27561,7 +27606,7 @@ var SortColumn = function SortColumn(props) {
   }, [id, sort, onSort]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FunctionWrapper, {
     onClick: handleClick
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_sort_icon__WEBPACK_IMPORTED_MODULE_7__["default"], {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_sort_icon__WEBPACK_IMPORTED_MODULE_8__["default"], {
     color: "gray_9",
     reverse: sort != 'asc'
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, {
@@ -27915,7 +27960,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-table */ "react-table");
 /* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_table__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
 // LICENSE_CODE ZON
 
 
@@ -27936,6 +27982,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 
 
+
 var assign = Object.assign;
 react_table__WEBPACK_IMPORTED_MODULE_1__.actions.togglePinColumn = 'togglePinColumn';
 var checkPinnedErrors = function checkPinnedErrors(columns) {
@@ -27984,7 +28031,7 @@ var findHeadersSameLevel = function findHeadersSameLevel(header, flat_headers) {
 };
 var cellStylesPinned = {
   position: 'sticky',
-  zIndex: 2
+  zIndex: _constants__WEBPACK_IMPORTED_MODULE_3__.Z_INDEX.pinnedColumn
 };
 var getPinnedProps = function getPinnedProps(header, instance) {
   var style = {};
@@ -28028,7 +28075,7 @@ var orderByPinned = function orderByPinned(columns, columnId, isPinned) {
     result[length] = column;
   }
   result.sort(function (a, b) {
-    return +b.isPinned - +a.isPinned;
+    return +b.isPinned - a.isPinned;
   });
   return result;
 };
@@ -28061,7 +28108,7 @@ var usePinnedInstanceBeforeDimensions = function usePinnedInstanceBeforeDimensio
     flatHeaders = instance.flatHeaders,
     pinnedColumns = instance.state.pinnedColumns;
   flatHeaders.forEach(function (header) {
-    header.canPin = (0,_util__WEBPACK_IMPORTED_MODULE_3__.firstDefined)(header.disablePinning === true ? false : undefined, disablePinning === true ? false : undefined, header.parent ? false : undefined, true);
+    header.canPin = (0,_util__WEBPACK_IMPORTED_MODULE_4__.firstDefined)(header.disablePinning === true ? false : undefined, disablePinning === true ? false : undefined, header.parent ? false : undefined, true);
     header.isPinned = pinnedColumns.includes(header.id);
   });
 };
@@ -28263,9 +28310,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
-/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./header */ "./src/table/header.js");
-/* harmony import */ var _render_row__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./render_row */ "./src/table/render_row.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./header */ "./src/table/header.js");
+/* harmony import */ var _render_row__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./render_row */ "./src/table/render_row.js");
 // LICENSE_CODE ZON
 
 
@@ -28276,6 +28324,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 var StickyHeader = function StickyHeader(props) {
   var classNamePrefix = props.classNamePrefix,
     top = props.top,
@@ -28283,7 +28332,7 @@ var StickyHeader = function StickyHeader(props) {
     left = props.left,
     onRowClick = props.onRowClick,
     rowDensity = props.rowDensity;
-  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_3__.useTableContext)(),
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_4__.useTableContext)(),
     prepareRow = _useTableContext.prepareRow,
     columnStartEditing = _useTableContext.columnStartEditing,
     columnDoneEditing = _useTableContext.columnDoneEditing,
@@ -28298,13 +28347,13 @@ var StickyHeader = function StickyHeader(props) {
     className: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.classNames)(classNamePrefix, {
       stickyHeader: true
     })
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_header__WEBPACK_IMPORTED_MODULE_4__["default"], {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_header__WEBPACK_IMPORTED_MODULE_5__["default"], {
     left: left,
     classNamePrefix: classNamePrefix,
     compact: true
   }), pinnedRows.map(function (row) {
     prepareRow(row);
-    return (0,_render_row__WEBPACK_IMPORTED_MODULE_5__["default"])({
+    return (0,_render_row__WEBPACK_IMPORTED_MODULE_6__["default"])({
       row: row,
       columnStartEditing: columnStartEditing,
       columnDoneEditing: columnDoneEditing,
@@ -28318,7 +28367,7 @@ StickyHeader.displayName = 'StickyHeader';
 var StickyHeaderWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "StickyHeaderWrapper",
   componentId: "sc-hh47bp-0"
-})(["position:fixed;z-index:3;overflow-x:hidden;box-shadow:0px 2px 4px -2px rgba(24,39,75,0.12);"]);
+})(["position:fixed;z-index:", ";overflow-x:hidden;box-shadow:0px 2px 4px -2px rgba(24,39,75,0.12);"], _constants__WEBPACK_IMPORTED_MODULE_3__.Z_INDEX.stickyHeader);
 StickyHeaderWrapper.displayName = 'StickyHeaderWrapper';
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (StickyHeader);
 
@@ -29284,12 +29333,13 @@ __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 react_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-dom */ "react-dom");
 /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_popper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-popper */ "./node_modules/react-popper/lib/esm/usePopper.js");
+/* harmony import */ var react_popper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-popper */ "./node_modules/react-popper/lib/esm/usePopper.js");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./constants */ "./src/constants.js");
 // LICENSE_CODE ZON
 
 
@@ -29309,6 +29359,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
+
 var Tooltip = function Tooltip(props) {
   var children = props.children,
     tooltip = props.tooltip,
@@ -29336,7 +29387,7 @@ var Tooltip = function Tooltip(props) {
   var hide = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
     return setVisible(false);
   }, []);
-  var _usePopper = (0,react_popper__WEBPACK_IMPORTED_MODULE_7__.usePopper)(referenceElement, popperElement, {
+  var _usePopper = (0,react_popper__WEBPACK_IMPORTED_MODULE_8__.usePopper)(referenceElement, popperElement, {
       placement: placement,
       modifiers: [{
         name: 'arrow',
@@ -29393,7 +29444,7 @@ var withTooltip = function withTooltip(Comp, tooltipProps) {
 var StyledTooltipBody = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "StyledTooltipBody",
   componentId: "sc-146jrck-0"
-})(["background-color:", ";padding:", ";width:fit-content;max-width:500px;border-radius:", ";transition:opacity 200ms;z-index:9999;"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["03"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"]);
+})(["background-color:", ";padding:", ";width:fit-content;max-width:500px;border-radius:", ";transition:opacity 200ms;z-index:", ";"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["03"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"], _constants__WEBPACK_IMPORTED_MODULE_7__.Z_INDEX.tooltip);
 var StyledTooltipArrow = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "StyledTooltipArrow",
   componentId: "sc-146jrck-1"