@luminati-io/uikit 1.9.11 → 1.9.13

package/dist/uikit.umd.js

@@ -23919,16 +23919,18 @@ __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_12__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
+/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
 /* harmony import */ var react_select_creatable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-select/creatable */ "./node_modules/react-select/creatable/dist/react-select-creatable.esm.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
-/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
 // LICENSE_CODE ZON
 
 
@@ -23956,7 +23958,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var Item = _menu__WEBPACK_IMPORTED_MODULE_6__["default"].Item;
+
 var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
   var label = props.label,
     labelIcon = props.labelIcon,
@@ -23984,17 +23986,17 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     menuPlacement = props.menuPlacement,
     components = props.components,
     rest = _objectWithoutProperties(props, _excluded);
-  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useLabelId)(props.id);
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_8__.useTranslate)();
+  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useLabelId)(props.id);
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_9__.useTranslate)();
   var styles = useCustomStyles(size);
-  var SelectComp = creatable ? react_select_creatable__WEBPACK_IMPORTED_MODULE_3__["default"] : react_select__WEBPACK_IMPORTED_MODULE_12__["default"];
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, _extends({
+  var SelectComp = creatable ? react_select_creatable__WEBPACK_IMPORTED_MODULE_3__["default"] : react_select__WEBPACK_IMPORTED_MODULE_13__["default"];
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_6__.Flex, _extends({
     ref: ref,
     "data-testid": "dropdown"
   }, rest, {
     flex_direction: "column",
-    gap: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"]
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_11__.InputLabel, {
+    gap: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].spacing["02"]
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_12__.InputLabel, {
     id: labelId,
     label: label,
     labelIcon: labelIcon,
@@ -24035,7 +24037,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_11__.HelperText, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_12__.HelperText, {
     invalid: invalid
   }, helperText));
 });
@@ -24081,7 +24083,7 @@ var DropdownIndicator = function DropdownIndicator(props) {
     height: "18px",
     viewBox: ic.viewBox,
     style: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_9,
+      color: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_9,
       cursor: isDisabled ? 'default' : 'pointer'
     }
   }, innerProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("use", {
@@ -24099,7 +24101,7 @@ var ClearIndicator = function ClearIndicator(props) {
     height: "18px",
     viewBox: ic.viewBox,
     style: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_9,
+      color: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_9,
       cursor: 'pointer'
     }
   }, innerProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("use", {
@@ -24107,6 +24109,12 @@ var ClearIndicator = function ClearIndicator(props) {
   }));
 };
 ClearIndicator.displayName = 'ClearIndicator';
+var StyledItem = styled_components__WEBPACK_IMPORTED_MODULE_4___default()(_menu__WEBPACK_IMPORTED_MODULE_7__["default"].Item).withConfig({
+  displayName: "StyledItem",
+  componentId: "sc-1clfzmr-0"
+})(["", ""], function (props) {
+  return props.selected ? "background-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.blue_3, ";") : undefined;
+});
 var Option = function Option(props) {
   var data = props.data,
     className = props.className,
@@ -24116,7 +24124,7 @@ var Option = function Option(props) {
     isSelected = props.isSelected,
     innerRef = props.innerRef,
     innerProps = props.innerProps;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Item, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledItem, _extends({
     ref: innerRef,
     type: "item",
     className: cx({
@@ -24141,7 +24149,7 @@ var Group = function Group(props) {
     innerProps = props.innerProps,
     children = props.children,
     isFirstItem = props.isFirstItem;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_6__.MenuItemGroup, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_7__.MenuItemGroup, _extends({
     ref: innerRef,
     isFirstItem: isFirstItem,
     className: cx({
@@ -24159,7 +24167,7 @@ var MenuList = function MenuList(props) {
     innerRef = props.innerRef,
     innerProps = props.innerProps,
     children = props.children;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_6__.MenuContainer, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_7__.MenuContainer, _extends({
     ref: innerRef,
     noShadow: true,
     role: "menu",
@@ -24183,25 +24191,25 @@ var useCustomStyles = function useCustomStyles(size) {
           md: 40,
           lg: 48
         };
-        var borderColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_7;
-        var color = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_11_50;
-        var backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.white;
+        var borderColor = _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_7;
+        var color = _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_11_50;
+        var backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.white;
         var cursor = 'text';
         if (state.isDisabled) {
-          color = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_9;
-          borderColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_6;
-          backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_2;
+          color = _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_9;
+          borderColor = _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_6;
+          backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_2;
           cursor = 'default';
-        } else if (state.selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.red_11;else if (state.isFocused) borderColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.blue_11;
+        } else if (state.selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.red_11;else if (state.isFocused) borderColor = _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.blue_11;
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          minHeight: (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(height[size] || height.sm),
-          padding: "".concat(_shared__WEBPACK_IMPORTED_MODULE_11__.inputVerticalPadding, "px ").concat(_shared__WEBPACK_IMPORTED_MODULE_11__.inputHorizontalPadding, "px"),
+          minHeight: (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(height[size] || height.sm),
+          padding: "".concat(_shared__WEBPACK_IMPORTED_MODULE_12__.inputVerticalPadding, "px ").concat(_shared__WEBPACK_IMPORTED_MODULE_12__.inputHorizontalPadding, "px"),
           /* Label/sm */
-          fontFamily: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].font_family.sans,
+          fontFamily: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].font_family.sans,
           fontStyle: 'normal',
-          fontWeight: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].font_weight.regular,
-          fontSize: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].font_size.sm,
-          lineHeight: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].line_height.none,
+          fontWeight: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].font_weight.regular,
+          fontSize: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].font_size.sm,
+          lineHeight: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].line_height.none,
           color: color,
           backgroundColor: backgroundColor,
           borderColor: borderColor,
@@ -24216,12 +24224,12 @@ var useCustomStyles = function useCustomStyles(size) {
       },
       placeholder: function placeholder(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          color: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_11
+          color: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_11
         });
       },
       indicatorsContainer: function indicatorsContainer(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          gap: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["03"],
+          gap: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].spacing["03"],
           minHeight: '24px'
         });
       },
@@ -24231,46 +24239,54 @@ var useCustomStyles = function useCustomStyles(size) {
           boxSizing: 'border-box',
           minWidth: '168px',
           maxWidth: '540px',
-          width: 'max-content',
-          backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.white,
-          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"],
-          boxShadow: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].box_shadow.md
+          width: '100%',
+          backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.white,
+          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].spacing["02"],
+          boxShadow: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].box_shadow.md
         });
       },
       menuPortal: function menuPortal(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          zIndex: _constants__WEBPACK_IMPORTED_MODULE_10__.Z_INDEX.dropdown
+          zIndex: _constants__WEBPACK_IMPORTED_MODULE_11__.Z_INDEX.dropdown
         });
       },
       multiValue: function multiValue(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_3,
-          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"]
+          backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_3,
+          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].spacing["02"]
         });
       },
       multiValueLabel: function multiValueLabel(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
           /* Label/sm */
-          fontFamily: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].font_family.sans,
+          fontFamily: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].font_family.sans,
           fontStyle: 'normal',
-          fontWeight: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].font_weight.regular,
-          fontSize: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].font_size.sm,
-          lineHeight: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].line_height.none,
-          color: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_11_25,
-          paddingLeft: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"],
-          paddingRight: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["00"]
+          fontWeight: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].font_weight.regular,
+          fontSize: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].font_size.sm,
+          lineHeight: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].line_height.none,
+          color: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_11_25,
+          paddingLeft: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].spacing["02"],
+          paddingRight: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].spacing["00"]
         });
       },
       multiValueRemove: function multiValueRemove(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"],
-          color: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_11,
+          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].spacing["02"],
+          color: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_11,
           cursor: 'pointer',
           ':hover': {
-            backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_3,
-            color: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_11_50
+            backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_3,
+            color: _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.gray_11_50
           }
         });
+      },
+      option: function option(baseStyles, state) {
+        console.log(baseStyles, state);
+        var backgroundColor = baseStyles.backgroundColor;
+        if (state.selected) backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_8__["default"].color.blue_3;
+        return _objectSpread(_objectSpread({}, baseStyles), {}, {
+          backgroundColor: backgroundColor
+        });
       }
     };
   }, [size]);
@@ -26858,6 +26874,7 @@ Provider.propTypes = {
   disablePinning: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   disableEditing: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   onRowClick: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  hideHeader: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   hideFooter: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   getHeaderProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   getColumnProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
@@ -27371,7 +27388,9 @@ var TableHeader = function TableHeader(props) {
     compact = props.compact,
     left = props.left;
   var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
-    headerGroups = _useTableContext.headerGroups;
+    headerGroups = _useTableContext.headerGroups,
+    hideHeader = _useTableContext.hideHeader;
+  if (hideHeader) return null;
   var style = {};
   if (typeof left != 'undefined') style.marginLeft = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.toPixel)(-left);
   var dataAttributes = {};
@@ -29374,15 +29393,13 @@ __webpack_require__.r(__webpack_exports__);
 /* 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");
 /* 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_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");
+/* harmony import */ var react_popper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-popper */ "./node_modules/react-popper/lib/esm/usePopper.js");
+/* 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 _theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./constants */ "./src/constants.js");
 // LICENSE_CODE ZON
 
 
@@ -29402,12 +29419,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
-
+var CLOSE_DELAY = 200;
 var Tooltip = function Tooltip(props) {
   var children = props.children,
     tooltip = props.tooltip,
     placement = props.placement,
-    noWrap = props.noWrap;
+    noWrap = props.noWrap,
+    interactive = props.interactive;
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null),
     _useState2 = _slicedToArray(_useState, 2),
     referenceElement = _useState2[0],
@@ -29424,13 +29442,23 @@ var Tooltip = function Tooltip(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     visible = _useState8[0],
     setVisible = _useState8[1];
+  var closeTimmer = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
   var show = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
-    return setVisible(true);
+    clearTimeout(closeTimmer.current);
+    setVisible(true);
   }, []);
   var hide = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
-    return setVisible(false);
+    clearTimeout(closeTimmer.current);
+    closeTimmer.current = setTimeout(function () {
+      return setVisible(false);
+    }, interactive ? CLOSE_DELAY : 0);
+  }, []);
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    return function () {
+      clearTimeout(closeTimmer.current);
+    };
   }, []);
-  var _usePopper = (0,react_popper__WEBPACK_IMPORTED_MODULE_8__.usePopper)(referenceElement, popperElement, {
+  var _usePopper = (0,react_popper__WEBPACK_IMPORTED_MODULE_7__.usePopper)(referenceElement, popperElement, {
       placement: placement,
       modifiers: [{
         name: 'arrow',
@@ -29442,21 +29470,26 @@ var Tooltip = function Tooltip(props) {
         options: {
           offset: [0, 8]
         }
-      }]
+      }],
+      strategy: 'fixed'
     }),
     styles = _usePopper.styles,
     attributes = _usePopper.attributes;
   if (!tooltip) return children;
-  var tooltipNode = visible ? /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_2___default().createPortal( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledTooltipBody, _extends({
+  var tooltipNode = visible ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledTooltipBody, _extends({
     ref: setPopperElement,
+    role: "tooltip",
     style: styles.popper
-  }, attributes.popper), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__.Label, {
+  }, attributes.popper, {
+    onPointerEnter: interactive ? show : undefined,
+    onPointerLeave: interactive ? hide : undefined
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
     variant: "sm",
     color: "white"
   }, tooltip), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledTooltipArrow, _extends({
     ref: setArrowElement,
     style: styles.arrow
-  }, attributes.arrow))), document.body) : null;
+  }, attributes.arrow))) : null;
   if (noWrap) {
     var child = react__WEBPACK_IMPORTED_MODULE_1__.Children.only(children);
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.cloneElement)(child, {
@@ -29476,23 +29509,24 @@ Tooltip.defaultProps = {
 };
 Tooltip.propTypes = {
   tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
-  placement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_6__.tooltipPlacements),
-  noWrap: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
+  placement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_5__.tooltipPlacements),
+  noWrap: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  interactive: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
 var withTooltip = function withTooltip(Comp, tooltipProps) {
   return function WithTooltip(props) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Tooltip, tooltipProps, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Comp, props));
   };
 };
-var StyledTooltipBody = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
+var StyledTooltipBody = styled_components__WEBPACK_IMPORTED_MODULE_2___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:", ";"], _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({
+})(["background-color:", ";padding:", ";width:fit-content;max-width:500px;border-radius:", ";transition:opacity 200ms;z-index:", ";"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["03"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["02"], _constants__WEBPACK_IMPORTED_MODULE_6__.Z_INDEX.tooltip);
+var StyledTooltipArrow = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "StyledTooltipArrow",
   componentId: "sc-146jrck-1"
-})(["&,&::before{position:absolute;width:", ";height:", ";background:inherit;border-radius:", ";}z-index:-1;visibility:hidden;&::before{visibility:visible;content:'';transform:rotate(45deg);}[data-popper-placement^='top'] > &{bottom:-", ";}[data-popper-placement^='right'] > &{left:-", ";}[data-popper-placement^='bottom'] > &{top:-", ";}[data-popper-placement^='left'] > &{right:-", ";}"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["04"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["04"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["01"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"]);
-var StyledTooltipReference = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
+})(["&,&::before{position:absolute;width:", ";height:", ";background:inherit;border-radius:", ";}z-index:-1;visibility:hidden;&::before{visibility:visible;content:'';transform:rotate(45deg);}[data-popper-placement^='top'] > &{bottom:-", ";}[data-popper-placement^='right'] > &{left:-", ";}[data-popper-placement^='bottom'] > &{top:-", ";}[data-popper-placement^='left'] > &{right:-", ";}"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["04"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["04"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["01"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["02"]);
+var StyledTooltipReference = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "StyledTooltipReference",
   componentId: "sc-146jrck-2"
 })(["width:fit-content;"]);