@versini/ui-tooltip 5.1.3 → 5.3.0
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 +12 -14
- package/package.json +2 -3
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
@versini/ui-tooltip v5.
|
|
3
|
-
©
|
|
2
|
+
@versini/ui-tooltip v5.3.0
|
|
3
|
+
© 2026 gizmette.com
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -10,23 +10,15 @@ import { useInterval } from "@versini/ui-hooks/use-interval";
|
|
|
10
10
|
import { useCallback, useEffect, useRef, useState } from "react";
|
|
11
11
|
import clsx from "clsx";
|
|
12
12
|
|
|
13
|
-
;// CONCATENATED MODULE: ./src/common/constants.ts
|
|
14
13
|
const TOOLTIP_CLASSNAME = "av-tooltip";
|
|
15
14
|
const TOOLTIP_ARROW_CLASSNAME = "av-tooltip-arrow";
|
|
16
15
|
|
|
17
|
-
;// CONCATENATED MODULE: external "react/jsx-runtime"
|
|
18
16
|
|
|
19
|
-
;// CONCATENATED MODULE: external "@floating-ui/dom"
|
|
20
17
|
|
|
21
|
-
;// CONCATENATED MODULE: external "@versini/ui-hooks/use-click-outside"
|
|
22
18
|
|
|
23
|
-
;// CONCATENATED MODULE: external "@versini/ui-hooks/use-interval"
|
|
24
19
|
|
|
25
|
-
;// CONCATENATED MODULE: external "react"
|
|
26
20
|
|
|
27
|
-
;// CONCATENATED MODULE: external "clsx"
|
|
28
21
|
|
|
29
|
-
;// CONCATENATED MODULE: ./src/components/Tooltip/utilities.ts
|
|
30
22
|
|
|
31
23
|
|
|
32
24
|
const roundInteger = (value, suffix = "px")=>{
|
|
@@ -38,8 +30,8 @@ const getTooltipBaseClasses = ()=>{
|
|
|
38
30
|
const getTooltipBackgroundColorClasses = ({ mode })=>{
|
|
39
31
|
return clsx({
|
|
40
32
|
"bg-surface-darker": mode === "dark" || mode === "system",
|
|
41
|
-
"bg-surface-
|
|
42
|
-
"dark:bg-surface-
|
|
33
|
+
"bg-surface-lighter": mode === "light" || mode === "alt-system",
|
|
34
|
+
"dark:bg-surface-lighter": mode === "system",
|
|
43
35
|
"dark:bg-surface-darker": mode === "alt-system"
|
|
44
36
|
});
|
|
45
37
|
};
|
|
@@ -51,6 +43,12 @@ const getTooltipTextCopyColorClasses = ({ mode })=>{
|
|
|
51
43
|
"dark:text-copy-light": mode === "alt-system"
|
|
52
44
|
});
|
|
53
45
|
};
|
|
46
|
+
const getTooltipShadowClasses = ({ mode })=>{
|
|
47
|
+
return clsx({
|
|
48
|
+
"shadow-md": mode === "light" || mode === "alt-system",
|
|
49
|
+
"dark:shadow-md": mode === "system"
|
|
50
|
+
});
|
|
51
|
+
};
|
|
54
52
|
const getTooltipArrowBaseClasses = ()=>{
|
|
55
53
|
return clsx("absolute", "size-2", "transform rotate-45");
|
|
56
54
|
};
|
|
@@ -60,6 +58,8 @@ const getTooltipClasses = ({ mode, className, tooltipClassName, arrowClassName }
|
|
|
60
58
|
mode
|
|
61
59
|
}), getTooltipTextCopyColorClasses({
|
|
62
60
|
mode
|
|
61
|
+
}), getTooltipShadowClasses({
|
|
62
|
+
mode
|
|
63
63
|
}), tooltipClassName);
|
|
64
64
|
const arrow = clsx(TOOLTIP_ARROW_CLASSNAME, getTooltipArrowBaseClasses(), getTooltipBackgroundColorClasses({
|
|
65
65
|
mode
|
|
@@ -76,7 +76,6 @@ const getAnimationStyles = ({ animationDuration = 300 })=>{
|
|
|
76
76
|
};
|
|
77
77
|
};
|
|
78
78
|
|
|
79
|
-
;// CONCATENATED MODULE: ./src/components/Tooltip/Tooltip.tsx
|
|
80
79
|
|
|
81
80
|
|
|
82
81
|
|
|
@@ -230,7 +229,6 @@ const Tooltip = ({ trigger, label, placement = "top", mode = "system", animation
|
|
|
230
229
|
});
|
|
231
230
|
};
|
|
232
231
|
|
|
233
|
-
;// CONCATENATED MODULE: ./src/components/index.ts
|
|
234
232
|
|
|
235
233
|
|
|
236
234
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-tooltip",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.3.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -42,7 +42,6 @@
|
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@floating-ui/dom": "1.7.4",
|
|
45
|
-
"@tailwindcss/typography": "0.5.19",
|
|
46
45
|
"@versini/ui-hooks": "6.1.1",
|
|
47
46
|
"clsx": "2.1.1",
|
|
48
47
|
"tailwindcss": "4.1.18"
|
|
@@ -50,5 +49,5 @@
|
|
|
50
49
|
"sideEffects": [
|
|
51
50
|
"**/*.css"
|
|
52
51
|
],
|
|
53
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "6f0ba5933ab114566dc2065b20ca9ffb14c5aba4"
|
|
54
53
|
}
|