@epam/ai-dial-ui-kit 0.15.0-dev.5 → 0.15.0-dev.50

package/dist/components/Tooltip/TooltipContent.js

@@ -4,28 +4,28 @@ import c from "classnames";
 import { useRef as f } from "react";
 import { useHasHover as d } from "../../hooks/use-has-hover.js";
 import { useTooltipContext as x } from "./TooltipContext.js";
-const F = ({ style: e, ...o }) => {
-  const r = x(), s = d(), a = f(null), l = n([r.refs.setFloating, a]);
-  return !r.open || !s ? null : /* @__PURE__ */ t(p, { id: "tooltip-portal", children: /* @__PURE__ */ i(
+const F = ({ style: e, ...r }) => {
+  const o = x(), s = d(), l = f(null), a = n([o.refs.setFloating, l]);
+  return !o.open || !s ? null : /* @__PURE__ */ t(p, { id: "tooltip-portal", children: /* @__PURE__ */ i(
     "div",
     {
-      ref: l,
+      ref: a,
       style: {
-        ...r.floatingStyles,
+        ...o.floatingStyles,
         ...e
       },
-      ...r.getFloatingProps(o),
+      ...o.getFloatingProps(r),
       className: c(
-        "z-[55] whitespace-pre-wrap break-words rounded border border-primary bg-layer-0 px-2 py-1 dial-tiny-text shadow max-w-[300px]",
-        r.getFloatingProps(o).className
+        "z-tooltip whitespace-pre-wrap break-words rounded border border-primary bg-layer-0 px-2 py-1 dial-tiny-text shadow max-w-[300px]",
+        o.getFloatingProps(r).className
       ),
       children: [
-        o.children,
+        r.children,
         /* @__PURE__ */ t(
           m,
           {
-            ref: r.arrowRef,
-            context: r.context,
+            ref: o.arrowRef,
+            context: o.context,
             fill: "currentColor",
             strokeWidth: 1,
             className: "stroke-primary text-[var(--bg-layer-0,_#000000)]"