myshell-react-lib 0.1.10 → 0.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -5644,23 +5644,25 @@ var TooltipContent = React9.forwardRef(function(_param, ref) {
5644
5644
  "showArrow",
5645
5645
  "arrowClassName"
5646
5646
  ]);
5647
- return /* @__PURE__ */ jsxs5(TooltipPrimitive.Content, _object_spread_props(_object_spread({
5648
- ref: ref,
5649
- align: align,
5650
- sideOffset: sideOffset,
5651
- alignOffset: alignOffset,
5652
- side: side,
5653
- className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-lg px-3 py-2 text-left text-xs shadow-modal-bolder", "outline-none delay-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 [&[data-state=open]>span]:animate-none", "data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 [&[data-state=delayed-open]>span]:animate-none", "data-[state=closed]:animate-out data-[state=closed]:fade-out-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", variant === "default" ? "bg-cc-Tooltip-bg-default text-cc-Tooltip-fg-default border border-cc-Tooltip-border-default" : variant === "info" ? "bg-surface-accent-yellow-subtle text-Colors-Text-Warning-Bolder" : "bg-Colors-Utility-Lake-Blue-50 text-cc-Tooltip-fg-default", className)
5654
- }, props), {
5655
- children: [
5656
- props.children,
5657
- showArrow && /* @__PURE__ */ jsx12(TooltipArrow, {
5658
- width: 12,
5659
- height: 6,
5660
- className: cn(variant === "default" ? "fill-cc-Tooltip-bg-default stroke-cc-Tooltip-border-default -ml-[0.5px]" : variant === "info" ? "fill-surface-accent-yellow-subtle" : "fill-Colors-Utility-Lake-Blue-50", arrowClassName)
5661
- })
5662
- ]
5663
- }));
5647
+ return /* @__PURE__ */ jsx12(TooltipPrimitive.Portal, {
5648
+ children: /* @__PURE__ */ jsxs5(TooltipPrimitive.Content, _object_spread_props(_object_spread({
5649
+ ref: ref,
5650
+ align: align,
5651
+ sideOffset: sideOffset,
5652
+ alignOffset: alignOffset,
5653
+ side: side,
5654
+ className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-lg px-3 py-2 text-left text-xs shadow-modal-bolder", "outline-none delay-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 [&[data-state=open]>span]:animate-none", "data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 [&[data-state=delayed-open]>span]:animate-none", "data-[state=closed]:animate-out data-[state=closed]:fade-out-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", variant === "default" ? "bg-cc-Tooltip-bg-default text-cc-Tooltip-fg-default border border-cc-Tooltip-border-default" : variant === "info" ? "bg-surface-accent-yellow-subtle text-Colors-Text-Warning-Bolder" : "bg-Colors-Utility-Lake-Blue-50 text-cc-Tooltip-fg-default", className)
5655
+ }, props), {
5656
+ children: [
5657
+ props.children,
5658
+ showArrow && /* @__PURE__ */ jsx12(TooltipArrow, {
5659
+ width: 12,
5660
+ height: 6,
5661
+ className: cn(variant === "default" ? "fill-cc-Tooltip-bg-default stroke-cc-Tooltip-border-default -ml-[0.5px]" : variant === "info" ? "fill-surface-accent-yellow-subtle" : "fill-Colors-Utility-Lake-Blue-50", arrowClassName)
5662
+ })
5663
+ ]
5664
+ }))
5665
+ });
5664
5666
  });
5665
5667
  TooltipContent.displayName = TooltipPrimitive.Content.displayName;
5666
5668
  // src/components/button/icon-button.styles.ts