@react-spectrum/tooltip 3.6.6 → 3.6.7
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/Tooltip.main.js +7 -7
- package/dist/Tooltip.mjs +8 -8
- package/dist/Tooltip.module.js +7 -7
- package/dist/TooltipTrigger.main.js +2 -2
- package/dist/TooltipTrigger.mjs +3 -3
- package/dist/TooltipTrigger.module.js +2 -2
- package/dist/context.mjs +1 -1
- package/dist/tooltip_vars_css.mjs +1 -1
- package/package.json +13 -13
package/dist/Tooltip.main.js
CHANGED
@@ -48,7 +48,7 @@ function $55bd11986fcffc6f$var$Tooltip(props, ref) {
|
|
48
48
|
let defaultRef = (0, $l0Ry0$react.useRef)();
|
49
49
|
overlayRef = overlayRef || defaultRef;
|
50
50
|
props = (0, $l0Ry0$reactariautils.mergeProps)(props, tooltipProviderProps);
|
51
|
-
let { variant: variant =
|
51
|
+
let { variant: variant = 'neutral', placement: placement = 'top', isOpen: isOpen, showIcon: showIcon, ...otherProps } = props;
|
52
52
|
let { styleProps: styleProps } = (0, $l0Ry0$reactspectrumutils.useStyleProps)(otherProps);
|
53
53
|
let { tooltipProps: tooltipProps } = (0, $l0Ry0$reactariatooltip.useTooltip)(props, state);
|
54
54
|
// Sync ref with overlayRef from context.
|
@@ -57,20 +57,20 @@ function $55bd11986fcffc6f$var$Tooltip(props, ref) {
|
|
57
57
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($l0Ry0$react))).createElement("div", {
|
58
58
|
...styleProps,
|
59
59
|
...tooltipProps,
|
60
|
-
className: (0, $l0Ry0$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ba73465d6d9b6556$exports))),
|
61
|
-
|
60
|
+
className: (0, $l0Ry0$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ba73465d6d9b6556$exports))), 'spectrum-Tooltip', `spectrum-Tooltip--${variant}`, `spectrum-Tooltip--${placement}`, {
|
61
|
+
'is-open': isOpen,
|
62
62
|
[`is-open--${placement}`]: isOpen
|
63
63
|
}, styleProps.className),
|
64
64
|
ref: overlayRef
|
65
|
-
}, showIcon && variant !==
|
66
|
-
UNSAFE_className: (0, $l0Ry0$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ba73465d6d9b6556$exports))),
|
65
|
+
}, showIcon && variant !== 'neutral' && /*#__PURE__*/ (0, ($parcel$interopDefault($l0Ry0$react))).createElement(Icon, {
|
66
|
+
UNSAFE_className: (0, $l0Ry0$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ba73465d6d9b6556$exports))), 'spectrum-Tooltip-typeIcon'),
|
67
67
|
"aria-hidden": true
|
68
68
|
}), props.children && /*#__PURE__*/ (0, ($parcel$interopDefault($l0Ry0$react))).createElement("span", {
|
69
|
-
className: (0, $l0Ry0$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ba73465d6d9b6556$exports))),
|
69
|
+
className: (0, $l0Ry0$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ba73465d6d9b6556$exports))), 'spectrum-Tooltip-label')
|
70
70
|
}, props.children), /*#__PURE__*/ (0, ($parcel$interopDefault($l0Ry0$react))).createElement("span", {
|
71
71
|
...arrowProps,
|
72
72
|
ref: arrowRef,
|
73
|
-
className: (0, $l0Ry0$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ba73465d6d9b6556$exports))),
|
73
|
+
className: (0, $l0Ry0$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ba73465d6d9b6556$exports))), 'spectrum-Tooltip-tip')
|
74
74
|
}));
|
75
75
|
}
|
76
76
|
/**
|
package/dist/Tooltip.mjs
CHANGED
@@ -42,7 +42,7 @@ function $dc9e2a6f9971fb04$var$Tooltip(props, ref) {
|
|
42
42
|
let defaultRef = (0, $dcNtB$useRef)();
|
43
43
|
overlayRef = overlayRef || defaultRef;
|
44
44
|
props = (0, $dcNtB$mergeProps)(props, tooltipProviderProps);
|
45
|
-
let { variant: variant =
|
45
|
+
let { variant: variant = 'neutral', placement: placement = 'top', isOpen: isOpen, showIcon: showIcon, ...otherProps } = props;
|
46
46
|
let { styleProps: styleProps } = (0, $dcNtB$useStyleProps)(otherProps);
|
47
47
|
let { tooltipProps: tooltipProps } = (0, $dcNtB$useTooltip)(props, state);
|
48
48
|
// Sync ref with overlayRef from context.
|
@@ -51,20 +51,20 @@ function $dc9e2a6f9971fb04$var$Tooltip(props, ref) {
|
|
51
51
|
return /*#__PURE__*/ (0, $dcNtB$react).createElement("div", {
|
52
52
|
...styleProps,
|
53
53
|
...tooltipProps,
|
54
|
-
className: (0, $dcNtB$classNames)((0, ($parcel$interopDefault($dcNtB$tooltip_vars_cssmodulejs))),
|
55
|
-
|
54
|
+
className: (0, $dcNtB$classNames)((0, ($parcel$interopDefault($dcNtB$tooltip_vars_cssmodulejs))), 'spectrum-Tooltip', `spectrum-Tooltip--${variant}`, `spectrum-Tooltip--${placement}`, {
|
55
|
+
'is-open': isOpen,
|
56
56
|
[`is-open--${placement}`]: isOpen
|
57
57
|
}, styleProps.className),
|
58
58
|
ref: overlayRef
|
59
|
-
}, showIcon && variant !==
|
60
|
-
UNSAFE_className: (0, $dcNtB$classNames)((0, ($parcel$interopDefault($dcNtB$tooltip_vars_cssmodulejs))),
|
59
|
+
}, showIcon && variant !== 'neutral' && /*#__PURE__*/ (0, $dcNtB$react).createElement(Icon, {
|
60
|
+
UNSAFE_className: (0, $dcNtB$classNames)((0, ($parcel$interopDefault($dcNtB$tooltip_vars_cssmodulejs))), 'spectrum-Tooltip-typeIcon'),
|
61
61
|
"aria-hidden": true
|
62
62
|
}), props.children && /*#__PURE__*/ (0, $dcNtB$react).createElement("span", {
|
63
|
-
className: (0, $dcNtB$classNames)((0, ($parcel$interopDefault($dcNtB$tooltip_vars_cssmodulejs))),
|
63
|
+
className: (0, $dcNtB$classNames)((0, ($parcel$interopDefault($dcNtB$tooltip_vars_cssmodulejs))), 'spectrum-Tooltip-label')
|
64
64
|
}, props.children), /*#__PURE__*/ (0, $dcNtB$react).createElement("span", {
|
65
65
|
...arrowProps,
|
66
66
|
ref: arrowRef,
|
67
|
-
className: (0, $dcNtB$classNames)((0, ($parcel$interopDefault($dcNtB$tooltip_vars_cssmodulejs))),
|
67
|
+
className: (0, $dcNtB$classNames)((0, ($parcel$interopDefault($dcNtB$tooltip_vars_cssmodulejs))), 'spectrum-Tooltip-tip')
|
68
68
|
}));
|
69
69
|
}
|
70
70
|
/**
|
@@ -73,4 +73,4 @@ function $dc9e2a6f9971fb04$var$Tooltip(props, ref) {
|
|
73
73
|
|
74
74
|
|
75
75
|
export {$dc9e2a6f9971fb04$export$28c660c63b792dea as Tooltip};
|
76
|
-
//# sourceMappingURL=Tooltip.
|
76
|
+
//# sourceMappingURL=Tooltip.module.js.map
|
package/dist/Tooltip.module.js
CHANGED
@@ -42,7 +42,7 @@ function $dc9e2a6f9971fb04$var$Tooltip(props, ref) {
|
|
42
42
|
let defaultRef = (0, $dcNtB$useRef)();
|
43
43
|
overlayRef = overlayRef || defaultRef;
|
44
44
|
props = (0, $dcNtB$mergeProps)(props, tooltipProviderProps);
|
45
|
-
let { variant: variant =
|
45
|
+
let { variant: variant = 'neutral', placement: placement = 'top', isOpen: isOpen, showIcon: showIcon, ...otherProps } = props;
|
46
46
|
let { styleProps: styleProps } = (0, $dcNtB$useStyleProps)(otherProps);
|
47
47
|
let { tooltipProps: tooltipProps } = (0, $dcNtB$useTooltip)(props, state);
|
48
48
|
// Sync ref with overlayRef from context.
|
@@ -51,20 +51,20 @@ function $dc9e2a6f9971fb04$var$Tooltip(props, ref) {
|
|
51
51
|
return /*#__PURE__*/ (0, $dcNtB$react).createElement("div", {
|
52
52
|
...styleProps,
|
53
53
|
...tooltipProps,
|
54
|
-
className: (0, $dcNtB$classNames)((0, ($parcel$interopDefault($dcNtB$tooltip_vars_cssmodulejs))),
|
55
|
-
|
54
|
+
className: (0, $dcNtB$classNames)((0, ($parcel$interopDefault($dcNtB$tooltip_vars_cssmodulejs))), 'spectrum-Tooltip', `spectrum-Tooltip--${variant}`, `spectrum-Tooltip--${placement}`, {
|
55
|
+
'is-open': isOpen,
|
56
56
|
[`is-open--${placement}`]: isOpen
|
57
57
|
}, styleProps.className),
|
58
58
|
ref: overlayRef
|
59
|
-
}, showIcon && variant !==
|
60
|
-
UNSAFE_className: (0, $dcNtB$classNames)((0, ($parcel$interopDefault($dcNtB$tooltip_vars_cssmodulejs))),
|
59
|
+
}, showIcon && variant !== 'neutral' && /*#__PURE__*/ (0, $dcNtB$react).createElement(Icon, {
|
60
|
+
UNSAFE_className: (0, $dcNtB$classNames)((0, ($parcel$interopDefault($dcNtB$tooltip_vars_cssmodulejs))), 'spectrum-Tooltip-typeIcon'),
|
61
61
|
"aria-hidden": true
|
62
62
|
}), props.children && /*#__PURE__*/ (0, $dcNtB$react).createElement("span", {
|
63
|
-
className: (0, $dcNtB$classNames)((0, ($parcel$interopDefault($dcNtB$tooltip_vars_cssmodulejs))),
|
63
|
+
className: (0, $dcNtB$classNames)((0, ($parcel$interopDefault($dcNtB$tooltip_vars_cssmodulejs))), 'spectrum-Tooltip-label')
|
64
64
|
}, props.children), /*#__PURE__*/ (0, $dcNtB$react).createElement("span", {
|
65
65
|
...arrowProps,
|
66
66
|
ref: arrowRef,
|
67
|
-
className: (0, $dcNtB$classNames)((0, ($parcel$interopDefault($dcNtB$tooltip_vars_cssmodulejs))),
|
67
|
+
className: (0, $dcNtB$classNames)((0, ($parcel$interopDefault($dcNtB$tooltip_vars_cssmodulejs))), 'spectrum-Tooltip-tip')
|
68
68
|
}));
|
69
69
|
}
|
70
70
|
/**
|
@@ -51,7 +51,7 @@ function $19f06480c1c1a932$var$TooltipTrigger(props) {
|
|
51
51
|
(0, $1fBML$reactariautils.useLayoutEffect)(()=>{
|
52
52
|
if (overlayRef.current && state.isOpen) {
|
53
53
|
let spectrumBorderRadius = window.getComputedStyle(overlayRef.current).borderRadius;
|
54
|
-
if (spectrumBorderRadius !==
|
54
|
+
if (spectrumBorderRadius !== '') setBorderRadius(parseInt(spectrumBorderRadius, 10));
|
55
55
|
}
|
56
56
|
}, [
|
57
57
|
state.isOpen,
|
@@ -66,7 +66,7 @@ function $19f06480c1c1a932$var$TooltipTrigger(props) {
|
|
66
66
|
arrowRef
|
67
67
|
]);
|
68
68
|
let { overlayProps: overlayProps, arrowProps: arrowProps, placement: placement } = (0, $1fBML$reactariaoverlays.useOverlayPosition)({
|
69
|
-
placement: props.placement ||
|
69
|
+
placement: props.placement || 'top',
|
70
70
|
targetRef: tooltipTriggerRef,
|
71
71
|
overlayRef: overlayRef,
|
72
72
|
offset: offset,
|
package/dist/TooltipTrigger.mjs
CHANGED
@@ -41,7 +41,7 @@ function $019364e6919ef1db$var$TooltipTrigger(props) {
|
|
41
41
|
(0, $cQFGy$useLayoutEffect)(()=>{
|
42
42
|
if (overlayRef.current && state.isOpen) {
|
43
43
|
let spectrumBorderRadius = window.getComputedStyle(overlayRef.current).borderRadius;
|
44
|
-
if (spectrumBorderRadius !==
|
44
|
+
if (spectrumBorderRadius !== '') setBorderRadius(parseInt(spectrumBorderRadius, 10));
|
45
45
|
}
|
46
46
|
}, [
|
47
47
|
state.isOpen,
|
@@ -56,7 +56,7 @@ function $019364e6919ef1db$var$TooltipTrigger(props) {
|
|
56
56
|
arrowRef
|
57
57
|
]);
|
58
58
|
let { overlayProps: overlayProps, arrowProps: arrowProps, placement: placement } = (0, $cQFGy$useOverlayPosition)({
|
59
|
-
placement: props.placement ||
|
59
|
+
placement: props.placement || 'top',
|
60
60
|
targetRef: tooltipTriggerRef,
|
61
61
|
overlayRef: overlayRef,
|
62
62
|
offset: offset,
|
@@ -110,4 +110,4 @@ let $019364e6919ef1db$export$8c610744efcf8a1d = $019364e6919ef1db$var$TooltipTri
|
|
110
110
|
|
111
111
|
|
112
112
|
export {$019364e6919ef1db$export$8c610744efcf8a1d as TooltipTrigger};
|
113
|
-
//# sourceMappingURL=TooltipTrigger.
|
113
|
+
//# sourceMappingURL=TooltipTrigger.module.js.map
|
@@ -41,7 +41,7 @@ function $019364e6919ef1db$var$TooltipTrigger(props) {
|
|
41
41
|
(0, $cQFGy$useLayoutEffect)(()=>{
|
42
42
|
if (overlayRef.current && state.isOpen) {
|
43
43
|
let spectrumBorderRadius = window.getComputedStyle(overlayRef.current).borderRadius;
|
44
|
-
if (spectrumBorderRadius !==
|
44
|
+
if (spectrumBorderRadius !== '') setBorderRadius(parseInt(spectrumBorderRadius, 10));
|
45
45
|
}
|
46
46
|
}, [
|
47
47
|
state.isOpen,
|
@@ -56,7 +56,7 @@ function $019364e6919ef1db$var$TooltipTrigger(props) {
|
|
56
56
|
arrowRef
|
57
57
|
]);
|
58
58
|
let { overlayProps: overlayProps, arrowProps: arrowProps, placement: placement } = (0, $cQFGy$useOverlayPosition)({
|
59
|
-
placement: props.placement ||
|
59
|
+
placement: props.placement || 'top',
|
60
60
|
targetRef: tooltipTriggerRef,
|
61
61
|
overlayRef: overlayRef,
|
62
62
|
offset: offset,
|
package/dist/context.mjs
CHANGED
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@react-spectrum/tooltip",
|
3
|
-
"version": "3.6.
|
3
|
+
"version": "3.6.7",
|
4
4
|
"description": "Spectrum UI components in React",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "dist/main.js",
|
@@ -36,17 +36,17 @@
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
37
37
|
},
|
38
38
|
"dependencies": {
|
39
|
-
"@react-aria/focus": "^3.17.
|
40
|
-
"@react-aria/overlays": "^3.22.
|
41
|
-
"@react-aria/tooltip": "^3.7.
|
42
|
-
"@react-aria/utils": "^3.24.
|
43
|
-
"@react-spectrum/overlays": "^5.6.
|
44
|
-
"@react-spectrum/utils": "^3.11.
|
45
|
-
"@react-stately/tooltip": "^3.4.
|
46
|
-
"@react-types/overlays": "^3.8.
|
47
|
-
"@react-types/shared": "^3.23.
|
48
|
-
"@react-types/tooltip": "^3.4.
|
49
|
-
"@spectrum-icons/ui": "^3.6.
|
39
|
+
"@react-aria/focus": "^3.17.1",
|
40
|
+
"@react-aria/overlays": "^3.22.1",
|
41
|
+
"@react-aria/tooltip": "^3.7.4",
|
42
|
+
"@react-aria/utils": "^3.24.1",
|
43
|
+
"@react-spectrum/overlays": "^5.6.1",
|
44
|
+
"@react-spectrum/utils": "^3.11.7",
|
45
|
+
"@react-stately/tooltip": "^3.4.9",
|
46
|
+
"@react-types/overlays": "^3.8.7",
|
47
|
+
"@react-types/shared": "^3.23.1",
|
48
|
+
"@react-types/tooltip": "^3.4.9",
|
49
|
+
"@spectrum-icons/ui": "^3.6.7",
|
50
50
|
"@swc/helpers": "^0.5.0"
|
51
51
|
},
|
52
52
|
"devDependencies": {
|
@@ -60,5 +60,5 @@
|
|
60
60
|
"publishConfig": {
|
61
61
|
"access": "public"
|
62
62
|
},
|
63
|
-
"gitHead": "
|
63
|
+
"gitHead": "b77d7d594dff4dcfb5359bffbcfd18142b146433"
|
64
64
|
}
|