@react-spectrum/tooltip 3.0.0-nightly.2912 → 3.0.0-nightly.2917
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
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
|
/**
|
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,
|
@@ -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/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@react-spectrum/tooltip",
|
3
|
-
"version": "3.0.0-nightly.
|
3
|
+
"version": "3.0.0-nightly.2917+c34886769",
|
4
4
|
"description": "Spectrum UI components in React",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "dist/main.js",
|
@@ -36,21 +36,21 @@
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
37
37
|
},
|
38
38
|
"dependencies": {
|
39
|
-
"@react-aria/focus": "3.0.0-nightly.
|
40
|
-
"@react-aria/overlays": "3.0.0-nightly.
|
41
|
-
"@react-aria/tooltip": "3.0.0-nightly.
|
42
|
-
"@react-aria/utils": "3.0.0-nightly.
|
43
|
-
"@react-spectrum/overlays": "3.0.0-nightly.
|
44
|
-
"@react-spectrum/utils": "3.0.0-nightly.
|
45
|
-
"@react-stately/tooltip": "3.4.
|
46
|
-
"@react-types/overlays": "3.8.
|
47
|
-
"@react-types/shared": "3.0.0-nightly.
|
48
|
-
"@react-types/tooltip": "3.4.
|
49
|
-
"@spectrum-icons/ui": "3.0.0-nightly.
|
39
|
+
"@react-aria/focus": "3.0.0-nightly.2917+c34886769",
|
40
|
+
"@react-aria/overlays": "3.0.0-nightly.2917+c34886769",
|
41
|
+
"@react-aria/tooltip": "3.0.0-nightly.2917+c34886769",
|
42
|
+
"@react-aria/utils": "3.0.0-nightly.2917+c34886769",
|
43
|
+
"@react-spectrum/overlays": "3.0.0-nightly.2917+c34886769",
|
44
|
+
"@react-spectrum/utils": "3.0.0-nightly.2917+c34886769",
|
45
|
+
"@react-stately/tooltip": "3.4.10-nightly.4629+c34886769",
|
46
|
+
"@react-types/overlays": "3.8.8-nightly.4629+c34886769",
|
47
|
+
"@react-types/shared": "3.0.0-nightly.2917+c34886769",
|
48
|
+
"@react-types/tooltip": "3.4.10-nightly.4629+c34886769",
|
49
|
+
"@spectrum-icons/ui": "3.0.0-nightly.2917+c34886769",
|
50
50
|
"@swc/helpers": "^0.5.0"
|
51
51
|
},
|
52
52
|
"devDependencies": {
|
53
|
-
"@adobe/spectrum-css-temp": "3.0.0-nightly.
|
53
|
+
"@adobe/spectrum-css-temp": "3.0.0-nightly.2917+c34886769"
|
54
54
|
},
|
55
55
|
"peerDependencies": {
|
56
56
|
"@react-spectrum/provider": "^3.0.0",
|
@@ -60,5 +60,5 @@
|
|
60
60
|
"publishConfig": {
|
61
61
|
"access": "public"
|
62
62
|
},
|
63
|
-
"gitHead": "
|
63
|
+
"gitHead": "c34886769d3e69bb56553a02eead6a0fd877e754"
|
64
64
|
}
|