myshell-react-lib 0.1.28 → 0.1.29

package/dist/index.cjs

@@ -6146,7 +6146,7 @@ var PopoverRoot = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
 var PopoverContent = React7.forwardRef(function(_param, ref) {
-    var className = _param.className, _param_align = _param.align, align = _param_align === void 0 ? "center" : _param_align, _param_variant = _param.variant, variant = _param_variant === void 0 ? "default" : _param_variant, _param_side = _param.side, side = _param_side === void 0 ? "top" : _param_side, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, _param_alignOffset = _param.alignOffset, alignOffset = _param_alignOffset === void 0 ? 0 : _param_alignOffset, _param_arrowPadding = _param.arrowPadding, arrowPadding = _param_arrowPadding === void 0 ? 0 : _param_arrowPadding, _param_showArrow = _param.showArrow, showArrow = _param_showArrow === void 0 ? true : _param_showArrow, children = _param.children, container = _param.container, props = _object_without_properties(_param, [
+    var className = _param.className, _param_align = _param.align, align = _param_align === void 0 ? "center" : _param_align, _param_variant = _param.variant, variant = _param_variant === void 0 ? "default" : _param_variant, _param_side = _param.side, side = _param_side === void 0 ? "top" : _param_side, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, _param_alignOffset = _param.alignOffset, alignOffset = _param_alignOffset === void 0 ? 0 : _param_alignOffset, _param_arrowPadding = _param.arrowPadding, arrowPadding = _param_arrowPadding === void 0 ? 0 : _param_arrowPadding, _param_showArrow = _param.showArrow, showArrow = _param_showArrow === void 0 ? true : _param_showArrow, _param_mode = _param.mode, mode = _param_mode === void 0 ? "popover" : _param_mode, children = _param.children, container = _param.container, props = _object_without_properties(_param, [
         "className",
         "align",
         "variant",
@@ -6155,6 +6155,7 @@ var PopoverContent = React7.forwardRef(function(_param, ref) {
         "alignOffset",
         "arrowPadding",
         "showArrow",
+        "mode",
         "children",
         "container"
     ]);
@@ -6168,14 +6169,14 @@ var PopoverContent = React7.forwardRef(function(_param, ref) {
             arrowPadding: arrowPadding,
             side: side,
             forceMount: true,
-            className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-md border border-Colors-Border-Opaque p-3 text-left text-xs shadow-modal-default outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 [&[data-state=open]>span]:animate-none", variant === "default" ? "bg-cc-Tooltip-bg-default text-cc-Tooltip-fg-default border border-cc-Tooltip-border-default" : "bg-Colors-Utility-Lake-Blue-50 text-Colors-Text-Static-White", className)
+            className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-md border border-Colors-Border-Opaque p-3 text-left text-xs shadow-modal-default outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 [&[data-state=open]>span]:animate-none", variant === "default" ? mode === "popover" ? "bg-Colors-Background-Normal-Primary-Alt border-Colors-Border-Opaque text-Colors-Text-Default" : "bg-cc-Tooltip-bg-default text-cc-Tooltip-fg-default border border-cc-Tooltip-border-default" : "bg-Colors-Utility-Lake-Blue-50 text-Colors-Text-Static-White", className)
         }, props), {
             children: [
                 children,
                 showArrow && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PopoverPrimitive.Arrow, {
                     width: 16,
                     height: 6,
-                    className: cn("visible", variant === "default" ? "fill-cc-Tooltip-bg-default" : "fill-Colors-Utility-Lake-Blue-50")
+                    className: cn("visible", variant === "default" ? mode === "popover" ? "fill-[var(--Colors-Background-Normal-Primary-Alt)]" : "fill-cc-Tooltip-bg-default" : "fill-Colors-Utility-Lake-Blue-50")
                 })
             ]
         }))
@@ -6316,6 +6317,7 @@ var Tooltip = React8.forwardRef(function(_param, ref) {
                 ]
             })
         }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Popover, _object_spread_props(_object_spread({
+            mode: "tooltip",
             open: open,
             title: title,
             content: description,