@infomaximum/ui-kit 0.13.0 → 0.13.2

package/dist/components/BaseSelect/BaseSelect.styles.d.ts

@@ -5,12 +5,11 @@ interface GetSelectDefaultStyleProps {
     disabled: boolean;
     variant: VariantType;
     multiple: boolean;
-    isHover: boolean;
     maxTagCount: maxTagCountType | undefined;
     withPrefix: boolean;
     isEmpty: boolean;
 }
-export declare const getSelectDefaultStyle: ({ status, disabled, variant, multiple, isHover, maxTagCount, withPrefix, isEmpty, }: GetSelectDefaultStyleProps) => {
+export declare const getSelectDefaultStyle: ({ status, disabled, variant, multiple, maxTagCount, withPrefix, isEmpty, }: GetSelectDefaultStyleProps) => {
     wrapper: (theme: Theme) => {
         readonly display: "inline-flex";
         readonly flexDirection: "column";
@@ -44,14 +43,6 @@ export declare const getSelectDefaultStyle: ({ status, disabled, variant, multip
         readonly cursor: "pointer" | "not-allowed";
         readonly overflow: "hidden";
         readonly width: "100%";
-        readonly ".clean-button": {
-            readonly display: "none";
-        };
-        readonly ":hover": {
-            readonly ".clean-button": {
-                readonly display: "block" | "none";
-            };
-        };
     };
     prefixAndContent: (theme: Theme) => {
         display: string;
@@ -96,19 +87,14 @@ export declare const getSelectDefaultStyle: ({ status, disabled, variant, multip
         alineItems: string;
     };
     cleanIcon: (theme: Theme) => {
-        readonly visibility: "hidden" | "visible";
-        readonly color: "#BFBFBF";
+        readonly color: `rgba(${number}, ${number}, ${number}, 0.3)`;
         readonly fontSize: 16;
         readonly ":hover": {
-            color: "#262626";
-        };
-    };
-    drawerIcon: (theme: Theme) => {
-        color: "#BFBFBF";
-        fontSize: 16;
-        ":hover": {
-            color: "#262626";
+            color: `rgba(${number}, ${number}, ${number}, 0.7)`;
         };
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "center";
     };
     searchInput: (theme: Theme) => {
         color: "#262626" | "#8C8C8C";

package/dist/components/BaseSelect/BaseSelect.styles.js

@@ -1,5 +1,4 @@
 import { getSelectTokens } from "./BaseSelect.tokens.js";
-const cleanButtonSelector = ".clean-button";
 const lettersWidthOfSearchInput = 7;
 const iconStyles = (theme, disabled) => {
   const selectTokens = getSelectTokens(theme);
@@ -59,12 +58,11 @@ const getBodyPadding = (selectTokens, isMultipleAndNotResponsive, multiple, isEm
   return `${verticalPadding}px ${selectTokens.selectPaddingHorizontal}px`;
 };
 const getIconStyles = (theme) => {
-  const selectTokens = getSelectTokens(theme);
   return {
-    color: selectTokens.selectPlaceholder,
+    color: theme.textIcon,
     fontSize: theme.iconM,
     ":hover": {
-      color: selectTokens.selectText
+      color: theme.textIconHover
     }
   };
 };
@@ -73,7 +71,6 @@ const getSelectDefaultStyle = ({
   disabled,
   variant,
   multiple,
-  isHover,
   maxTagCount,
   withPrefix,
   isEmpty
@@ -120,15 +117,7 @@ const getSelectDefaultStyle = ({
         boxSizing: "border-box",
         cursor: disabled ? "not-allowed" : "pointer",
         overflow: "hidden",
-        width: "100%",
-        [cleanButtonSelector]: {
-          display: "none"
-        },
-        ":hover": {
-          [cleanButtonSelector]: {
-            display: disabled ? "none" : "block"
-          }
-        }
+        width: "100%"
       };
     },
     prefixAndContent: (theme) => ({
@@ -170,10 +159,11 @@ const getSelectDefaultStyle = ({
     },
     suffixIcon: (theme) => iconStyles(theme, disabled),
     cleanIcon: (theme) => ({
-      ...getIconStyles(theme),
-      visibility: isHover ? "visible" : "hidden"
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      ...getIconStyles(theme)
     }),
-    drawerIcon: (theme) => getIconStyles(theme),
     searchInput: (theme) => {
       const selectTokens = getSelectTokens(theme);
       return {

package/dist/components/BaseSelect/BaseSelect.types.d.ts

@@ -17,7 +17,6 @@ export interface BaseSelectStyles {
     prefix?: (theme: Theme) => Interpolation;
     suffixIcon?: (theme: Theme) => Interpolation;
     cleanIcon?: (theme: Theme) => Interpolation;
-    drawerIcon?: (theme: Theme) => Interpolation;
 }
 export interface BaseSelectProps<Option extends BaseSelectOptionInterface<OptionValue>, OptionValue> {
     options?: Option[];
@@ -50,7 +49,6 @@ export interface BaseSelectProps<Option extends BaseSelectOptionInterface<Option
     filterOption?: boolean | ((inputValue: string, option: Option) => boolean);
     searchValue?: string;
     notFoundContent?: ReactNode;
-    drawer?: boolean;
     filterSort?: (optionA: Option, optionB: Option, searchValue: string) => number;
     styles?: BaseSelectStyles;
     autoClearSearchValue?: boolean;

package/dist/components/BaseTooltip/BaseTooltip.js

@@ -1,10 +1,11 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { memo, useState, useEffect } from "react";
 import { offset, flip, arrow, useFloating, autoUpdate, FloatingArrow } from "@floating-ui/react";
-import { ARROW_PADDING, convertBaseTooltipPlacement, getArrowPlacementCorrection, ARROW_WIDTH, ARROW_HEIGHT } from "./BaseTooltip.utils.js";
+import { ARROW_PADDING, convertBaseTooltipPlacement, getArrowPlacementCorrection, Max_ZIndex, ARROW_WIDTH, ARROW_HEIGHT } from "./BaseTooltip.utils.js";
 import { createPortal } from "react-dom";
 import { useShowTooltipController } from "./hooks/useShowTooltipController.js";
 import { baseTooltipReferenceWrapperStyle, getBaseTooltipFloatingWrapperStyle } from "./BaseTooltip.styles.js";
+import { useTheme } from "../../hooks/useTheme/useTheme.js";
 const floatingMiddleware = [offset()];
 const BaseTooltip = memo(({
   floatingElement,
@@ -14,15 +15,18 @@ const BaseTooltip = memo(({
   autoAdjustOverflow = true,
   defaultOpen = false,
   open,
-  zIndex,
+  zIndex = Max_ZIndex,
   trigger = ["click"],
   mouseEnterDelay = 0.1,
   mouseLeaveDelay = 0.1,
   className,
   onOpenChange,
   children,
+  styles,
   getPopupContainer = () => document.body
 }) => {
+  var _a;
+  const theme = useTheme();
   const [arrowRef, setArrowRef] = useState(null);
   useEffect(() => {
     if (autoAdjustOverflow) {
@@ -67,7 +71,8 @@ const BaseTooltip = memo(({
   });
   const arrowPlacementCorrection = getArrowPlacementCorrection(floatingPlacement, context);
   const renderFloatingElement = () => {
-    return /* @__PURE__ */ jsxs("div", { ref: refs.setFloating, css: getBaseTooltipFloatingWrapperStyle(floatingPlacement, withArrow), style: {
+    var _a2;
+    return /* @__PURE__ */ jsxs("div", { ref: refs.setFloating, css: [getBaseTooltipFloatingWrapperStyle(floatingPlacement, withArrow), (_a2 = styles == null ? void 0 : styles.floatingWrapper) == null ? void 0 : _a2.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:renderFloatingElement;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRGVSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgRkMsIG1lbW8sIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQmFzZVRvb2x0aXBQcm9wcywgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZSB9IGZyb20gXCIuL0Jhc2VUb29sdGlwLnR5cGVzXCI7XG5pbXBvcnQgeyBhcnJvdywgYXV0b1VwZGF0ZSwgZmxpcCwgRmxvYXRpbmdBcnJvdywgb2Zmc2V0LCB1c2VGbG9hdGluZyB9IGZyb20gXCJAZmxvYXRpbmctdWkvcmVhY3RcIjtcbmltcG9ydCB7XG4gIEFSUk9XX0hFSUdIVCxcbiAgQVJST1dfUEFERElORyxcbiAgQVJST1dfV0lEVEgsXG4gIGNvbnZlcnRCYXNlVG9vbHRpcFBsYWNlbWVudCxcbiAgZ2V0QXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uLFxuICBNYXhfWkluZGV4LFxufSBmcm9tIFwiLi9CYXNlVG9vbHRpcC51dGlsc1wiO1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSBcInJlYWN0LWRvbVwiO1xuaW1wb3J0IHsgdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyIH0gZnJvbSBcIi4vaG9va3MvdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyXCI7XG5pbXBvcnQge1xuICBiYXNlVG9vbHRpcFJlZmVyZW5jZVdyYXBwZXJTdHlsZSxcbiAgZ2V0QmFzZVRvb2x0aXBGbG9hdGluZ1dyYXBwZXJTdHlsZSxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAuc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuXG5jb25zdCBmbG9hdGluZ01pZGRsZXdhcmUgPSBbb2Zmc2V0KCldO1xuXG5leHBvcnQgY29uc3QgQmFzZVRvb2x0aXA6IEZDPFByb3BzV2l0aENoaWxkcmVuPEJhc2VUb29sdGlwUHJvcHM+PiA9IG1lbW8oXG4gICh7XG4gICAgZmxvYXRpbmdFbGVtZW50LFxuICAgIGFycm93Q29sb3IsXG4gICAgd2l0aEFycm93ID0gdHJ1ZSxcbiAgICBwbGFjZW1lbnQgPSBcInRvcFwiLFxuICAgIGF1dG9BZGp1c3RPdmVyZmxvdyA9IHRydWUsXG4gICAgZGVmYXVsdE9wZW4gPSBmYWxzZSxcbiAgICBvcGVuLFxuICAgIHpJbmRleCA9IE1heF9aSW5kZXgsXG4gICAgdHJpZ2dlciA9IFtcImNsaWNrXCIgYXMgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZV0sXG4gICAgbW91c2VFbnRlckRlbGF5ID0gMC4xLFxuICAgIG1vdXNlTGVhdmVEZWxheSA9IDAuMSxcbiAgICBjbGFzc05hbWUsXG4gICAgb25PcGVuQ2hhbmdlLFxuICAgIGNoaWxkcmVuLFxuICAgIHN0eWxlcyxcbiAgICBnZXRQb3B1cENvbnRhaW5lciA9ICgpID0+IGRvY3VtZW50LmJvZHksXG4gIH0pID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCBbYXJyb3dSZWYsIHNldEFycm93UmVmXSA9IHVzZVN0YXRlPFNWR1NWR0VsZW1lbnQgfCBudWxsPihudWxsKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAoYXV0b0FkanVzdE92ZXJmbG93KSB7XG4gICAgICAgIGZsb2F0aW5nTWlkZGxld2FyZS5wdXNoKGZsaXAoKSk7XG4gICAgICB9XG4gICAgfSwgW2Fycm93UmVmLCBhdXRvQWRqdXN0T3ZlcmZsb3ddKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAoYXJyb3dSZWYgJiYgd2l0aEFycm93KSB7XG4gICAgICAgIGZsb2F0aW5nTWlkZGxld2FyZS5wdXNoKGFycm93KHsgZWxlbWVudDogYXJyb3dSZWYsIHBhZGRpbmc6IEFSUk9XX1BBRERJTkcgfSkpO1xuICAgICAgfVxuICAgIH0sIFthcnJvd1JlZiwgd2l0aEFycm93XSk7XG5cbiAgICBjb25zdCB7XG4gICAgICByZWZzLFxuICAgICAgZmxvYXRpbmdTdHlsZXMsXG4gICAgICBjb250ZXh0LFxuICAgICAgcGxhY2VtZW50OiBmbG9hdGluZ1BsYWNlbWVudCxcbiAgICB9ID0gdXNlRmxvYXRpbmc8SFRNTERpdkVsZW1lbnQ+KHtcbiAgICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgICAgcGxhY2VtZW50OiBjb252ZXJ0QmFzZVRvb2x0aXBQbGFjZW1lbnQocGxhY2VtZW50KSxcbiAgICAgIG1pZGRsZXdhcmU6IGZsb2F0aW5nTWlkZGxld2FyZSxcbiAgICB9KTtcblxuICAgIGNvbnN0IHtcbiAgICAgIGlzT3BlbixcbiAgICAgIGhhbmRsZVBvaW50ZXJPdmVyLFxuICAgICAgaGFuZGxlUG9pbnRlck91dCxcbiAgICAgIGhhbmRsZUZvY3VzLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBtb3VzZVVwSGFuZGxlLFxuICAgIH0gPSB1c2VTaG93VG9vbHRpcENvbnRyb2xsZXIoe1xuICAgICAgdHJpZ2dlcixcbiAgICAgIGRlZmF1bHRPcGVuLFxuICAgICAgb3BlbixcbiAgICAgIG1vdXNlRW50ZXJEZWxheSxcbiAgICAgIG1vdXNlTGVhdmVEZWxheSxcbiAgICAgIHJlZnMsXG4gICAgICBvbk9wZW5DaGFuZ2UsXG4gICAgfSk7XG5cbiAgICBjb25zdCBhcnJvd1BsYWNlbWVudENvcnJlY3Rpb24gPSBnZXRBcnJvd1BsYWNlbWVudENvcnJlY3Rpb24oZmxvYXRpbmdQbGFjZW1lbnQsIGNvbnRleHQpO1xuXG4gICAgY29uc3QgcmVuZGVyRmxvYXRpbmdFbGVtZW50ID0gKCkgPT4ge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIHJlZj17cmVmcy5zZXRGbG9hdGluZ31cbiAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgIGdldEJhc2VUb29sdGlwRmxvYXRpbmdXcmFwcGVyU3R5bGUoZmxvYXRpbmdQbGFjZW1lbnQsIHdpdGhBcnJvdyksXG4gICAgICAgICAgICBzdHlsZXM/LmZsb2F0aW5nV3JhcHBlcj8uKHRoZW1lKSxcbiAgICAgICAgICBdfVxuICAgICAgICAgIHN0eWxlPXt7IC4uLmZsb2F0aW5nU3R5bGVzLCB6SW5kZXggfX1cbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtmbG9hdGluZ0VsZW1lbnR9XG4gICAgICAgICAge3dpdGhBcnJvdyAmJiAoXG4gICAgICAgICAgICA8RmxvYXRpbmdBcnJvd1xuICAgICAgICAgICAgICByZWY9e3NldEFycm93UmVmfVxuICAgICAgICAgICAgICBjb250ZXh0PXtjb250ZXh0fVxuICAgICAgICAgICAgICB3aWR0aD17QVJST1dfV0lEVEh9XG4gICAgICAgICAgICAgIGhlaWdodD17QVJST1dfSEVJR0hUfVxuICAgICAgICAgICAgICBmaWxsPXthcnJvd0NvbG9yfVxuICAgICAgICAgICAgICBzdHlsZT17eyAuLi5hcnJvd1BsYWNlbWVudENvcnJlY3Rpb24gfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9e3JlZnMuc2V0UmVmZXJlbmNlfVxuICAgICAgICBjc3M9e1tiYXNlVG9vbHRpcFJlZmVyZW5jZVdyYXBwZXJTdHlsZSwgc3R5bGVzPy5yZWZlcmVuY2VXcmFwcGVyPy4odGhlbWUpXX1cbiAgICAgICAgb25Qb2ludGVyT3Zlcj17aGFuZGxlUG9pbnRlck92ZXJ9XG4gICAgICAgIG9uUG9pbnRlck91dD17aGFuZGxlUG9pbnRlck91dH1cbiAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgIG9uQmx1cj17aGFuZGxlQmx1cn1cbiAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgIG9uQ29udGV4dE1lbnU9e2hhbmRsZUNvbnRleHRNZW51fVxuICAgICAgICBvbk1vdXNlVXA9e21vdXNlVXBIYW5kbGV9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cblxuICAgICAgICB7aXNPcGVuICYmIGNyZWF0ZVBvcnRhbChyZW5kZXJGbG9hdGluZ0VsZW1lbnQoKSwgZ2V0UG9wdXBDb250YWluZXIoKSl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], style: {
       ...floatingStyles,
       zIndex
     }, className, children: [
@@ -77,7 +82,7 @@ const BaseTooltip = memo(({
       } })
     ] });
   };
-  return /* @__PURE__ */ jsxs("div", { ref: refs.setReference, css: baseTooltipReferenceWrapperStyle, onPointerOver: handlePointerOver, onPointerOut: handlePointerOut, onFocus: handleFocus, onBlur: handleBlur, onClick: handleClick, onContextMenu: handleContextMenu, onMouseUp: mouseUpHandle, children: [
+  return /* @__PURE__ */ jsxs("div", { ref: refs.setReference, css: [baseTooltipReferenceWrapperStyle, (_a = styles == null ? void 0 : styles.referenceWrapper) == null ? void 0 : _a.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:BaseTooltip;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFIUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgRkMsIG1lbW8sIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQmFzZVRvb2x0aXBQcm9wcywgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZSB9IGZyb20gXCIuL0Jhc2VUb29sdGlwLnR5cGVzXCI7XG5pbXBvcnQgeyBhcnJvdywgYXV0b1VwZGF0ZSwgZmxpcCwgRmxvYXRpbmdBcnJvdywgb2Zmc2V0LCB1c2VGbG9hdGluZyB9IGZyb20gXCJAZmxvYXRpbmctdWkvcmVhY3RcIjtcbmltcG9ydCB7XG4gIEFSUk9XX0hFSUdIVCxcbiAgQVJST1dfUEFERElORyxcbiAgQVJST1dfV0lEVEgsXG4gIGNvbnZlcnRCYXNlVG9vbHRpcFBsYWNlbWVudCxcbiAgZ2V0QXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uLFxuICBNYXhfWkluZGV4LFxufSBmcm9tIFwiLi9CYXNlVG9vbHRpcC51dGlsc1wiO1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSBcInJlYWN0LWRvbVwiO1xuaW1wb3J0IHsgdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyIH0gZnJvbSBcIi4vaG9va3MvdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyXCI7XG5pbXBvcnQge1xuICBiYXNlVG9vbHRpcFJlZmVyZW5jZVdyYXBwZXJTdHlsZSxcbiAgZ2V0QmFzZVRvb2x0aXBGbG9hdGluZ1dyYXBwZXJTdHlsZSxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAuc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuXG5jb25zdCBmbG9hdGluZ01pZGRsZXdhcmUgPSBbb2Zmc2V0KCldO1xuXG5leHBvcnQgY29uc3QgQmFzZVRvb2x0aXA6IEZDPFByb3BzV2l0aENoaWxkcmVuPEJhc2VUb29sdGlwUHJvcHM+PiA9IG1lbW8oXG4gICh7XG4gICAgZmxvYXRpbmdFbGVtZW50LFxuICAgIGFycm93Q29sb3IsXG4gICAgd2l0aEFycm93ID0gdHJ1ZSxcbiAgICBwbGFjZW1lbnQgPSBcInRvcFwiLFxuICAgIGF1dG9BZGp1c3RPdmVyZmxvdyA9IHRydWUsXG4gICAgZGVmYXVsdE9wZW4gPSBmYWxzZSxcbiAgICBvcGVuLFxuICAgIHpJbmRleCA9IE1heF9aSW5kZXgsXG4gICAgdHJpZ2dlciA9IFtcImNsaWNrXCIgYXMgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZV0sXG4gICAgbW91c2VFbnRlckRlbGF5ID0gMC4xLFxuICAgIG1vdXNlTGVhdmVEZWxheSA9IDAuMSxcbiAgICBjbGFzc05hbWUsXG4gICAgb25PcGVuQ2hhbmdlLFxuICAgIGNoaWxkcmVuLFxuICAgIHN0eWxlcyxcbiAgICBnZXRQb3B1cENvbnRhaW5lciA9ICgpID0+IGRvY3VtZW50LmJvZHksXG4gIH0pID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCBbYXJyb3dSZWYsIHNldEFycm93UmVmXSA9IHVzZVN0YXRlPFNWR1NWR0VsZW1lbnQgfCBudWxsPihudWxsKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAoYXV0b0FkanVzdE92ZXJmbG93KSB7XG4gICAgICAgIGZsb2F0aW5nTWlkZGxld2FyZS5wdXNoKGZsaXAoKSk7XG4gICAgICB9XG4gICAgfSwgW2Fycm93UmVmLCBhdXRvQWRqdXN0T3ZlcmZsb3ddKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAoYXJyb3dSZWYgJiYgd2l0aEFycm93KSB7XG4gICAgICAgIGZsb2F0aW5nTWlkZGxld2FyZS5wdXNoKGFycm93KHsgZWxlbWVudDogYXJyb3dSZWYsIHBhZGRpbmc6IEFSUk9XX1BBRERJTkcgfSkpO1xuICAgICAgfVxuICAgIH0sIFthcnJvd1JlZiwgd2l0aEFycm93XSk7XG5cbiAgICBjb25zdCB7XG4gICAgICByZWZzLFxuICAgICAgZmxvYXRpbmdTdHlsZXMsXG4gICAgICBjb250ZXh0LFxuICAgICAgcGxhY2VtZW50OiBmbG9hdGluZ1BsYWNlbWVudCxcbiAgICB9ID0gdXNlRmxvYXRpbmc8SFRNTERpdkVsZW1lbnQ+KHtcbiAgICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgICAgcGxhY2VtZW50OiBjb252ZXJ0QmFzZVRvb2x0aXBQbGFjZW1lbnQocGxhY2VtZW50KSxcbiAgICAgIG1pZGRsZXdhcmU6IGZsb2F0aW5nTWlkZGxld2FyZSxcbiAgICB9KTtcblxuICAgIGNvbnN0IHtcbiAgICAgIGlzT3BlbixcbiAgICAgIGhhbmRsZVBvaW50ZXJPdmVyLFxuICAgICAgaGFuZGxlUG9pbnRlck91dCxcbiAgICAgIGhhbmRsZUZvY3VzLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBtb3VzZVVwSGFuZGxlLFxuICAgIH0gPSB1c2VTaG93VG9vbHRpcENvbnRyb2xsZXIoe1xuICAgICAgdHJpZ2dlcixcbiAgICAgIGRlZmF1bHRPcGVuLFxuICAgICAgb3BlbixcbiAgICAgIG1vdXNlRW50ZXJEZWxheSxcbiAgICAgIG1vdXNlTGVhdmVEZWxheSxcbiAgICAgIHJlZnMsXG4gICAgICBvbk9wZW5DaGFuZ2UsXG4gICAgfSk7XG5cbiAgICBjb25zdCBhcnJvd1BsYWNlbWVudENvcnJlY3Rpb24gPSBnZXRBcnJvd1BsYWNlbWVudENvcnJlY3Rpb24oZmxvYXRpbmdQbGFjZW1lbnQsIGNvbnRleHQpO1xuXG4gICAgY29uc3QgcmVuZGVyRmxvYXRpbmdFbGVtZW50ID0gKCkgPT4ge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIHJlZj17cmVmcy5zZXRGbG9hdGluZ31cbiAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgIGdldEJhc2VUb29sdGlwRmxvYXRpbmdXcmFwcGVyU3R5bGUoZmxvYXRpbmdQbGFjZW1lbnQsIHdpdGhBcnJvdyksXG4gICAgICAgICAgICBzdHlsZXM/LmZsb2F0aW5nV3JhcHBlcj8uKHRoZW1lKSxcbiAgICAgICAgICBdfVxuICAgICAgICAgIHN0eWxlPXt7IC4uLmZsb2F0aW5nU3R5bGVzLCB6SW5kZXggfX1cbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtmbG9hdGluZ0VsZW1lbnR9XG4gICAgICAgICAge3dpdGhBcnJvdyAmJiAoXG4gICAgICAgICAgICA8RmxvYXRpbmdBcnJvd1xuICAgICAgICAgICAgICByZWY9e3NldEFycm93UmVmfVxuICAgICAgICAgICAgICBjb250ZXh0PXtjb250ZXh0fVxuICAgICAgICAgICAgICB3aWR0aD17QVJST1dfV0lEVEh9XG4gICAgICAgICAgICAgIGhlaWdodD17QVJST1dfSEVJR0hUfVxuICAgICAgICAgICAgICBmaWxsPXthcnJvd0NvbG9yfVxuICAgICAgICAgICAgICBzdHlsZT17eyAuLi5hcnJvd1BsYWNlbWVudENvcnJlY3Rpb24gfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9e3JlZnMuc2V0UmVmZXJlbmNlfVxuICAgICAgICBjc3M9e1tiYXNlVG9vbHRpcFJlZmVyZW5jZVdyYXBwZXJTdHlsZSwgc3R5bGVzPy5yZWZlcmVuY2VXcmFwcGVyPy4odGhlbWUpXX1cbiAgICAgICAgb25Qb2ludGVyT3Zlcj17aGFuZGxlUG9pbnRlck92ZXJ9XG4gICAgICAgIG9uUG9pbnRlck91dD17aGFuZGxlUG9pbnRlck91dH1cbiAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgIG9uQmx1cj17aGFuZGxlQmx1cn1cbiAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgIG9uQ29udGV4dE1lbnU9e2hhbmRsZUNvbnRleHRNZW51fVxuICAgICAgICBvbk1vdXNlVXA9e21vdXNlVXBIYW5kbGV9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cblxuICAgICAgICB7aXNPcGVuICYmIGNyZWF0ZVBvcnRhbChyZW5kZXJGbG9hdGluZ0VsZW1lbnQoKSwgZ2V0UG9wdXBDb250YWluZXIoKSl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], onPointerOver: handlePointerOver, onPointerOut: handlePointerOut, onFocus: handleFocus, onBlur: handleBlur, onClick: handleClick, onContextMenu: handleContextMenu, onMouseUp: mouseUpHandle, children: [
     children,
     isOpen && createPortal(renderFloatingElement(), getPopupContainer())
   ] });

package/dist/components/BaseTooltip/BaseTooltip.types.d.ts

@@ -1,4 +1,6 @@
+import { Interpolation } from '@emotion/react';
 import { ReactNode } from 'react';
+import { Theme } from 'themes';
 export type BaseTooltipPlacementType = "top" | "left" | "right" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
 export type BaseTooltipTriggerType = "hover" | "focus" | "click" | "contextMenu";
 export interface BaseTooltipProps {
@@ -14,6 +16,10 @@ export interface BaseTooltipProps {
     open?: boolean;
     zIndex?: number;
     className?: string;
+    styles?: {
+        floatingWrapper?: (theme: Theme) => Interpolation;
+        referenceWrapper?: (theme: Theme) => Interpolation;
+    };
     getPopupContainer?: () => HTMLElement;
     onOpenChange?: (open: boolean) => void;
 }

package/dist/components/BaseTooltip/BaseTooltip.utils.d.ts

@@ -4,6 +4,7 @@ export declare const ARROW_WIDTH = 8;
 export declare const ARROW_HEIGHT = 4;
 export declare const ARROW_PADDING = 6;
 export declare const FLOATING_OFFSET_WITH_ARROW_HEIGHT: number;
+export declare const Max_ZIndex = 2147483647;
 export declare const getArrowPlacementCorrection: (placement: Placement, context: FloatingContext) => {};
 export declare const isTopSide: (placement: Placement) => boolean;
 export declare const isBottomSide: (placement: Placement) => boolean;

package/dist/components/BaseTooltip/BaseTooltip.utils.js

@@ -4,6 +4,7 @@ const ARROW_WIDTH = 8;
 const ARROW_HEIGHT = 4;
 const ARROW_PADDING = 6;
 const FLOATING_OFFSET_WITH_ARROW_HEIGHT = FLOATING_OFFSET + ARROW_HEIGHT;
+const Max_ZIndex = 2147483647;
 const leftCorrectionValues = ["top", "bottom", "top-start", "bottom-start", "top-end", "bottom-end"];
 const arrowCenterValues = ["left", "right", "top", "bottom"];
 const arrowStartValues = ["left-start", "right-start", "top-start", "bottom-start"];
@@ -92,6 +93,7 @@ export {
   ARROW_PADDING,
   ARROW_WIDTH,
   FLOATING_OFFSET_WITH_ARROW_HEIGHT,
+  Max_ZIndex,
   convertBaseTooltipPlacement,
   getArrowPlacementCorrection,
   isBottomSide,

package/dist/components/Dropdown/Dropdown.types.d.ts

@@ -1,7 +1,8 @@
 import { BaseTooltipProps } from '../BaseTooltip/BaseTooltip.types';
-import { CSSProperties, MouseEvent, ReactNode } from 'react';
+import { MouseEvent, ReactNode } from 'react';
 import { Theme } from '../../themes';
 import { DropdownSubMenuTrigger } from './components/SubMenu/SubMenu.types';
+import { Interpolation } from '@emotion/react';
 type ExcludedFields = "floatingElement" | "arrowColor" | "withArrow" | "defaultOpen" | "mouseEnterDelay" | "mouseLeaveDelay" | "trigger" | "placement";
 export type DropdownPlacement = "bottom" | "bottomLeft" | "bottomRight" | "top" | "topLeft" | "topRight";
 export type DropdownTrigger = "click" | "hover" | "contextMenu";
@@ -22,7 +23,7 @@ export interface DropdownMenu {
     forceSubMenuRender?: boolean;
     triggerSubMenuAction?: DropdownSubMenuTrigger;
     styles?: {
-        wrapper: (theme: Theme) => CSSProperties;
+        wrapper: (theme: Theme) => Interpolation;
     };
     onClick?: (props: {
         item: ItemType;

package/dist/components/Input/Input.d.ts

@@ -1,3 +1,3 @@
 import { MemoExoticComponent, ForwardRefExoticComponent, RefAttributes } from 'react';
-import { InputProps, WithPassword, WithTextArea } from './Input.types';
-export declare const Input: MemoExoticComponent<ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>> & WithPassword & WithTextArea;
+import { InputProps, InputRef, WithPassword, WithTextArea } from './Input.types';
+export declare const Input: MemoExoticComponent<ForwardRefExoticComponent<InputProps & RefAttributes<InputRef>>> & WithPassword & WithTextArea;