@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.js
CHANGED
|
@@ -12705,10 +12705,22 @@ var Tooltip = ({
|
|
|
12705
12705
|
right: `border-r-tooltip-background border-t-transparent border-b-transparent`
|
|
12706
12706
|
};
|
|
12707
12707
|
const triangleStyle = {
|
|
12708
|
-
top: {
|
|
12709
|
-
|
|
12710
|
-
|
|
12711
|
-
|
|
12708
|
+
top: {
|
|
12709
|
+
borderWidth: `${triangleSize}rem ${triangleSize}rem 0 ${triangleSize}rem`,
|
|
12710
|
+
transform: `translate(0,${triangleSize}rem)`
|
|
12711
|
+
},
|
|
12712
|
+
bottom: {
|
|
12713
|
+
borderWidth: `0 ${triangleSize}rem ${triangleSize}rem ${triangleSize}rem`,
|
|
12714
|
+
transform: `translate(0,-${triangleSize}rem)`
|
|
12715
|
+
},
|
|
12716
|
+
left: {
|
|
12717
|
+
borderWidth: `${triangleSize}rem 0 ${triangleSize}rem ${triangleSize}rem`,
|
|
12718
|
+
transform: `translate(${triangleSize}rem,0)`
|
|
12719
|
+
},
|
|
12720
|
+
right: {
|
|
12721
|
+
borderWidth: `${triangleSize}rem ${triangleSize}rem ${triangleSize}rem 0`,
|
|
12722
|
+
transform: `translate(-${triangleSize}rem,0)`
|
|
12723
|
+
}
|
|
12712
12724
|
};
|
|
12713
12725
|
const isActive = !disabled && isShown;
|
|
12714
12726
|
const css = useFloatingElement({
|
|
@@ -12732,8 +12744,10 @@ var Tooltip = ({
|
|
|
12732
12744
|
{
|
|
12733
12745
|
ref: anchorRef,
|
|
12734
12746
|
className: (0, import_clsx45.clsx)("relative inline-block", containerClassName),
|
|
12735
|
-
|
|
12736
|
-
|
|
12747
|
+
onPointerEnter: () => setState((prevState) => {
|
|
12748
|
+
if (prevState.isShown) {
|
|
12749
|
+
return prevState;
|
|
12750
|
+
}
|
|
12737
12751
|
return {
|
|
12738
12752
|
...prevState,
|
|
12739
12753
|
timer: setTimeout(() => {
|
|
@@ -12744,7 +12758,7 @@ var Tooltip = ({
|
|
|
12744
12758
|
}, appearDelay)
|
|
12745
12759
|
};
|
|
12746
12760
|
}),
|
|
12747
|
-
|
|
12761
|
+
onPointerLeave: () => setState((prevState) => {
|
|
12748
12762
|
clearTimeout(prevState.timer);
|
|
12749
12763
|
return {
|
|
12750
12764
|
...prevState,
|