@helpwave/hightide 0.5.0 → 0.5.1
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 +21 -7
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +21 -7
- package/dist/index.mjs.map +1 -1
- package/dist/style/globals.css +3 -0
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -12547,10 +12547,22 @@ var Tooltip = ({
|
|
|
12547
12547
|
right: `border-r-tooltip-background border-t-transparent border-b-transparent`
|
|
12548
12548
|
};
|
|
12549
12549
|
const triangleStyle = {
|
|
12550
|
-
top: {
|
|
12551
|
-
|
|
12552
|
-
|
|
12553
|
-
|
|
12550
|
+
top: {
|
|
12551
|
+
borderWidth: `${triangleSize}rem ${triangleSize}rem 0 ${triangleSize}rem`,
|
|
12552
|
+
transform: `translate(0,${triangleSize}rem)`
|
|
12553
|
+
},
|
|
12554
|
+
bottom: {
|
|
12555
|
+
borderWidth: `0 ${triangleSize}rem ${triangleSize}rem ${triangleSize}rem`,
|
|
12556
|
+
transform: `translate(0,-${triangleSize}rem)`
|
|
12557
|
+
},
|
|
12558
|
+
left: {
|
|
12559
|
+
borderWidth: `${triangleSize}rem 0 ${triangleSize}rem ${triangleSize}rem`,
|
|
12560
|
+
transform: `translate(${triangleSize}rem,0)`
|
|
12561
|
+
},
|
|
12562
|
+
right: {
|
|
12563
|
+
borderWidth: `${triangleSize}rem ${triangleSize}rem ${triangleSize}rem 0`,
|
|
12564
|
+
transform: `translate(-${triangleSize}rem,0)`
|
|
12565
|
+
}
|
|
12554
12566
|
};
|
|
12555
12567
|
const isActive = !disabled && isShown;
|
|
12556
12568
|
const css = useFloatingElement({
|
|
@@ -12574,8 +12586,10 @@ var Tooltip = ({
|
|
|
12574
12586
|
{
|
|
12575
12587
|
ref: anchorRef,
|
|
12576
12588
|
className: clsx45("relative inline-block", containerClassName),
|
|
12577
|
-
|
|
12578
|
-
|
|
12589
|
+
onPointerEnter: () => setState((prevState) => {
|
|
12590
|
+
if (prevState.isShown) {
|
|
12591
|
+
return prevState;
|
|
12592
|
+
}
|
|
12579
12593
|
return {
|
|
12580
12594
|
...prevState,
|
|
12581
12595
|
timer: setTimeout(() => {
|
|
@@ -12586,7 +12600,7 @@ var Tooltip = ({
|
|
|
12586
12600
|
}, appearDelay)
|
|
12587
12601
|
};
|
|
12588
12602
|
}),
|
|
12589
|
-
|
|
12603
|
+
onPointerLeave: () => setState((prevState) => {
|
|
12590
12604
|
clearTimeout(prevState.timer);
|
|
12591
12605
|
return {
|
|
12592
12606
|
...prevState,
|