@firecms/ui 3.0.0-canary.86 → 3.0.0-canary.88
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.
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export type TooltipProps = {
|
|
3
3
|
open?: boolean;
|
|
4
|
+
defaultOpen?: boolean;
|
|
4
5
|
onOpenChange?: (open: boolean) => void;
|
|
5
6
|
side?: "top" | "bottom" | "left" | "right";
|
|
6
7
|
align?: "start" | "center" | "end";
|
|
@@ -9,7 +10,8 @@ export type TooltipProps = {
|
|
|
9
10
|
delayDuration?: number;
|
|
10
11
|
className?: string;
|
|
11
12
|
tooltipClassName?: string;
|
|
13
|
+
tooltipStyle?: React.CSSProperties;
|
|
12
14
|
children: React.ReactNode;
|
|
13
15
|
style?: React.CSSProperties;
|
|
14
16
|
};
|
|
15
|
-
export declare const Tooltip: ({ open, side, delayDuration, sideOffset, align, onOpenChange, title, className, style, tooltipClassName, children }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare const Tooltip: ({ open, defaultOpen, side, delayDuration, sideOffset, align, onOpenChange, title, className, style, tooltipClassName, tooltipStyle, children }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
package/dist/index.es.js
CHANGED
|
@@ -17237,7 +17237,7 @@ const Sheet = ({
|
|
|
17237
17237
|
{
|
|
17238
17238
|
className: cls(
|
|
17239
17239
|
"fixed inset-0 transition-opacity z-20 ease-in-out duration-200 backdrop-blur-sm",
|
|
17240
|
-
"bg-
|
|
17240
|
+
"bg-white bg-opacity-80",
|
|
17241
17241
|
"dark:bg-gray-900 dark:bg-opacity-60",
|
|
17242
17242
|
displayed && open ? "opacity-100" : "opacity-0"
|
|
17243
17243
|
),
|
|
@@ -17630,6 +17630,7 @@ function TextField({
|
|
|
17630
17630
|
}
|
|
17631
17631
|
const Tooltip = ({
|
|
17632
17632
|
open,
|
|
17633
|
+
defaultOpen,
|
|
17633
17634
|
side = "bottom",
|
|
17634
17635
|
delayDuration = 200,
|
|
17635
17636
|
sideOffset,
|
|
@@ -17639,12 +17640,13 @@ const Tooltip = ({
|
|
|
17639
17640
|
className,
|
|
17640
17641
|
style,
|
|
17641
17642
|
tooltipClassName,
|
|
17643
|
+
tooltipStyle,
|
|
17642
17644
|
children
|
|
17643
17645
|
}) => {
|
|
17644
17646
|
useInjectStyles("Tooltip", styles);
|
|
17645
17647
|
if (!title)
|
|
17646
17648
|
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
17647
|
-
return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ jsxs(TooltipPrimitive.Root, { open, onOpenChange, children: [
|
|
17649
|
+
return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ jsxs(TooltipPrimitive.Root, { open, onOpenChange, defaultOpen, children: [
|
|
17648
17650
|
/* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className, style, children }) }),
|
|
17649
17651
|
/* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
|
|
17650
17652
|
TooltipPrimitive.Content,
|
|
@@ -17655,6 +17657,7 @@ const Tooltip = ({
|
|
|
17655
17657
|
"z-50 rounded px-3 py-2 text-xs leading-none bg-slate-700 dark:bg-slate-800 bg-opacity-90 font-medium text-slate-50 shadow-2xl select-none duration-400 ease-in transform opacity-100",
|
|
17656
17658
|
tooltipClassName
|
|
17657
17659
|
),
|
|
17660
|
+
style: tooltipStyle,
|
|
17658
17661
|
sideOffset: sideOffset === void 0 ? 4 : sideOffset,
|
|
17659
17662
|
align,
|
|
17660
17663
|
side,
|