@react-spectrum/tooltip 3.1.4 → 3.1.5

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/main.css CHANGED
@@ -1,2 +1 @@
1
- ._spectrum-Tooltip_23042{visibility:hidden;opacity:0;transition:transform .13s ease-in-out,opacity .13s ease-in-out,visibility 0ms linear .13s;pointer-events:none}._spectrum-Tooltip_23042._is-open_23042{visibility:visible;opacity:.9999;transition-delay:0ms;pointer-events:auto}._spectrum-Tooltip--bottom_23042._is-open_23042{transform:translateY(var(--spectrum-overlay-positive-transform-distance))}._spectrum-Tooltip--top_23042._is-open_23042{transform:translateY(var(--spectrum-overlay-negative-transform-distance))}._spectrum-Tooltip--right_23042._is-open_23042{transform:translateX(var(--spectrum-overlay-positive-transform-distance))}._spectrum-Tooltip--left_23042._is-open_23042{transform:translateX(var(--spectrum-overlay-negative-transform-distance))}._spectrum-Tooltip_23042{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;box-sizing:border-box;vertical-align:top;width:auto;padding:var(--spectrum-global-dimension-size-50) var(--spectrum-global-dimension-size-125);border-radius:var(--spectrum-global-dimension-size-50);min-height:var(--spectrum-global-dimension-size-300);font-size:var(--spectrum-global-dimension-font-size-75);font-weight:var(--spectrum-global-font-weight-regular,400);line-height:var(--spectrum-global-dimension-font-size-200);word-break:break-word;-webkit-font-smoothing:antialiased;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}._spectrum-Tooltip_23042 p{margin:0}._spectrum-Tooltip-tip_23042{position:absolute;height:0;width:0;border-top-width:var(--spectrum-global-dimension-size-50);border-top-style:solid;border-left:var(--spectrum-global-dimension-size-50) solid transparent;border-right:var(--spectrum-global-dimension-size-50) solid transparent;border-bottom:var(--spectrum-global-dimension-size-50) solid transparent}._spectrum-Tooltip--left_23042 ._spectrum-Tooltip-tip_23042,._spectrum-Tooltip--right_23042 ._spectrum-Tooltip-tip_23042{top:50%;margin-top:calc(var(--spectrum-global-dimension-size-50) * -1)}._spectrum-Tooltip--right_23042{margin-left:var(--spectrum-global-dimension-size-40)}._spectrum-Tooltip--right_23042 ._spectrum-Tooltip-tip_23042{right:100%;transform:rotate(90deg)}._spectrum-Tooltip--left_23042{margin-right:var(--spectrum-global-dimension-size-40)}._spectrum-Tooltip--left_23042 ._spectrum-Tooltip-tip_23042{left:100%;transform:rotate(-90deg)}._spectrum-Tooltip--top_23042{margin-bottom:var(--spectrum-global-dimension-size-40)}._spectrum-Tooltip--top_23042 ._spectrum-Tooltip-tip_23042{top:100%}._spectrum-Tooltip--bottom_23042{margin-top:var(--spectrum-global-dimension-size-40)}._spectrum-Tooltip--bottom_23042 ._spectrum-Tooltip-tip_23042{bottom:100%;transform:rotate(-180deg)}._spectrum-Tooltip--bottom_23042 ._spectrum-Tooltip-tip_23042,._spectrum-Tooltip--top_23042 ._spectrum-Tooltip-tip_23042{left:50%;margin-left:calc(var(--spectrum-global-dimension-size-50) * -1)}[dir=ltr] ._spectrum-Tooltip-typeIcon_23042{margin-left:calc(var(--spectrum-global-dimension-size-100) - var(--spectrum-global-dimension-size-125))}[dir=rtl] ._spectrum-Tooltip-typeIcon_23042{margin-right:calc(var(--spectrum-global-dimension-size-100) - var(--spectrum-global-dimension-size-125))}[dir=ltr] ._spectrum-Tooltip-typeIcon_23042{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] ._spectrum-Tooltip-typeIcon_23042{margin-left:var(--spectrum-global-dimension-size-100)}._spectrum-Tooltip-typeIcon_23042{width:var(--spectrum-global-dimension-size-175);height:var(--spectrum-global-dimension-size-175);-ms-flex-item-align:start;align-self:flex-start;margin-top:1px}._spectrum-Tooltip-label_23042{max-width:var(--spectrum-tooltip-content-max-width);line-height:var(--spectrum-global-dimension-font-size-200)}._u-tooltip-showOnHover_23042{display:inline-block;position:relative}._u-tooltip-showOnHover_23042 ._spectrum-Tooltip_23042{position:absolute;white-space:nowrap;visibility:visible!important;transition:transform .13s ease-in-out;top:-100%}._u-tooltip-showOnHover_23042 ._spectrum-Tooltip-label_23042{max-width:none}._u-tooltip-showOnHover_23042 ._spectrum-Tooltip--left_23042,._u-tooltip-showOnHover_23042 ._spectrum-Tooltip--left_23042 ._spectrum-Tooltip-tip_23042,._u-tooltip-showOnHover_23042 ._spectrum-Tooltip--right_23042,._u-tooltip-showOnHover_23042 ._spectrum-Tooltip--right_23042 ._spectrum-Tooltip-tip_23042{top:50%}._u-tooltip-showOnHover_23042 ._spectrum-Tooltip--right_23042{left:100%;transform:translateY(-50%)}._u-tooltip-showOnHover_23042 ._spectrum-Tooltip--left_23042{transform:translate(-100%,-50%)}._u-tooltip-showOnHover_23042 ._spectrum-Tooltip--bottom_23042,._u-tooltip-showOnHover_23042 ._spectrum-Tooltip--bottom_23042 ._spectrum-Tooltip-tip_23042,._u-tooltip-showOnHover_23042 ._spectrum-Tooltip--top_23042,._u-tooltip-showOnHover_23042 ._spectrum-Tooltip--top_23042 ._spectrum-Tooltip-tip_23042{left:50%}._u-tooltip-showOnHover_23042 ._spectrum-Tooltip--bottom_23042{top:100%;transform:translate(-50%,calc(var(--spectrum-global-dimension-size-50) * -1))}._u-tooltip-showOnHover_23042 ._spectrum-Tooltip--top_23042{transform:translate(-50%,var(--spectrum-global-dimension-size-50))}._u-tooltip-showOnHover_23042 :focus ._spectrum-Tooltip_23042,._u-tooltip-showOnHover_23042._is-focused_23042 ._spectrum-Tooltip_23042,._u-tooltip-showOnHover_23042._is-hovered_23042 ._spectrum-Tooltip_23042,._u-tooltip-showOnHover_23042:focus ._spectrum-Tooltip_23042{opacity:1}._u-tooltip-showOnHover_23042 :focus ._spectrum-Tooltip_23042._spectrum-Tooltip--bottom_23042,._u-tooltip-showOnHover_23042._is-focused_23042 ._spectrum-Tooltip_23042._spectrum-Tooltip--bottom_23042,._u-tooltip-showOnHover_23042._is-hovered_23042 ._spectrum-Tooltip_23042._spectrum-Tooltip--bottom_23042,._u-tooltip-showOnHover_23042:focus ._spectrum-Tooltip_23042._spectrum-Tooltip--bottom_23042{transform:translate(-50%)}._u-tooltip-showOnHover_23042 :focus ._spectrum-Tooltip_23042._spectrum-Tooltip--top_23042,._u-tooltip-showOnHover_23042._is-focused_23042 ._spectrum-Tooltip_23042._spectrum-Tooltip--top_23042,._u-tooltip-showOnHover_23042._is-hovered_23042 ._spectrum-Tooltip_23042._spectrum-Tooltip--top_23042,._u-tooltip-showOnHover_23042:focus ._spectrum-Tooltip_23042._spectrum-Tooltip--top_23042{transform:translate(-50%,calc(var(--spectrum-global-dimension-size-50) * -1))}._u-tooltip-showOnHover_23042 :focus ._spectrum-Tooltip_23042._spectrum-Tooltip--left_23042,._u-tooltip-showOnHover_23042._is-focused_23042 ._spectrum-Tooltip_23042._spectrum-Tooltip--left_23042,._u-tooltip-showOnHover_23042._is-hovered_23042 ._spectrum-Tooltip_23042._spectrum-Tooltip--left_23042,._u-tooltip-showOnHover_23042:focus ._spectrum-Tooltip_23042._spectrum-Tooltip--left_23042{transform:translate(calc(-100% - var(--spectrum-global-dimension-size-50)),-50%)}._u-tooltip-showOnHover_23042 :focus ._spectrum-Tooltip_23042._spectrum-Tooltip--right_23042,._u-tooltip-showOnHover_23042._is-focused_23042 ._spectrum-Tooltip_23042._spectrum-Tooltip--right_23042,._u-tooltip-showOnHover_23042._is-hovered_23042 ._spectrum-Tooltip_23042._spectrum-Tooltip--right_23042,._u-tooltip-showOnHover_23042:focus ._spectrum-Tooltip_23042._spectrum-Tooltip--right_23042{transform:translate(var(--spectrum-global-dimension-size-50),-50%)}._spectrum-Tooltip_23042{background-color:var(--spectrum-global-color-static-gray-700,#747474);color:var(--spectrum-global-color-static-white,#fff)}._spectrum-Tooltip-tip_23042{border-top-color:var(--spectrum-global-color-static-gray-700,#747474)}._spectrum-Tooltip--error_23042,._spectrum-Tooltip--negative_23042{background-color:var(--spectrum-global-color-static-red-700,#c9252d)}._spectrum-Tooltip--error_23042 ._spectrum-Tooltip-tip_23042,._spectrum-Tooltip--negative_23042 ._spectrum-Tooltip-tip_23042{border-top-color:var(--spectrum-global-color-static-red-700,#c9252d)}._spectrum-Tooltip--help_23042,._spectrum-Tooltip--info_23042{background-color:var(--spectrum-global-color-static-blue-700,#0d66d0)}._spectrum-Tooltip--help_23042 ._spectrum-Tooltip-tip_23042,._spectrum-Tooltip--info_23042 ._spectrum-Tooltip-tip_23042{border-top-color:var(--spectrum-global-color-static-blue-700,#0d66d0)}._spectrum-Tooltip--positive_23042,._spectrum-Tooltip--success_23042{background-color:var(--spectrum-global-color-static-green-700,#12805c)}._spectrum-Tooltip--positive_23042 ._spectrum-Tooltip-tip_23042,._spectrum-Tooltip--success_23042 ._spectrum-Tooltip-tip_23042{border-top-color:var(--spectrum-global-color-static-green-700,#12805c)}
2
- /*# sourceMappingURL=main.css.map */
1
+ .spectrum-Tooltip_22ae94{visibility:hidden;opacity:0;transition:transform var(--spectrum-global-animation-duration-100,130ms)ease-in-out,opacity var(--spectrum-global-animation-duration-100,130ms)ease-in-out,visibility 0ms linear var(--spectrum-global-animation-duration-100,130ms);pointer-events:none}.spectrum-Tooltip_22ae94.is-open_22ae94{visibility:visible;opacity:.9999;pointer-events:auto;transition-delay:0s}.spectrum-Tooltip--bottom_22ae94.is-open_22ae94{transform:translateY(var(--spectrum-overlay-positive-transform-distance))}.spectrum-Tooltip--top_22ae94.is-open_22ae94{transform:translateY(var(--spectrum-overlay-negative-transform-distance))}.spectrum-Tooltip--right_22ae94.is-open_22ae94{transform:translateX(var(--spectrum-overlay-positive-transform-distance))}.spectrum-Tooltip--left_22ae94.is-open_22ae94{transform:translateX(var(--spectrum-overlay-negative-transform-distance))}.spectrum-Tooltip_22ae94{box-sizing:border-box;vertical-align:top;width:auto;padding:var(--spectrum-tooltip-padding-top,var(--spectrum-global-dimension-size-50))var(--spectrum-tooltip-padding-x,var(--spectrum-global-dimension-size-125));border-radius:var(--spectrum-tooltip-border-radius,var(--spectrum-global-dimension-size-50));min-height:var(--spectrum-tooltip-min-height,var(--spectrum-global-dimension-size-300));font-size:var(--spectrum-tooltip-text-size,var(--spectrum-global-dimension-font-size-75));font-weight:var(--spectrum-tooltip-text-font-weight,var(--spectrum-global-font-weight-regular));line-height:var(--spectrum-tooltip-text-line-height,var(--spectrum-global-dimension-font-size-200));word-break:break-word;-webkit-font-smoothing:antialiased;cursor:default;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;display:inline-flex;position:relative}.spectrum-Tooltip_22ae94 p{margin:0}.spectrum-Tooltip-tip_22ae94{height:0;width:0;border-width:var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50));border-style:solid;border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;position:absolute}.spectrum-Tooltip--right_22ae94 .spectrum-Tooltip-tip_22ae94,.spectrum-Tooltip--left_22ae94 .spectrum-Tooltip-tip_22ae94{margin-top:calc(var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50))*-1);top:50%}.spectrum-Tooltip--right_22ae94{margin-left:var(--spectrum-global-dimension-size-40)}.spectrum-Tooltip--right_22ae94 .spectrum-Tooltip-tip_22ae94{right:100%;transform:rotate(90deg)}.spectrum-Tooltip--left_22ae94{margin-right:var(--spectrum-global-dimension-size-40)}.spectrum-Tooltip--left_22ae94 .spectrum-Tooltip-tip_22ae94{left:100%;transform:rotate(-90deg)}.spectrum-Tooltip--top_22ae94{margin-bottom:var(--spectrum-global-dimension-size-40)}.spectrum-Tooltip--top_22ae94 .spectrum-Tooltip-tip_22ae94{top:100%}.spectrum-Tooltip--bottom_22ae94{margin-top:var(--spectrum-global-dimension-size-40)}.spectrum-Tooltip--bottom_22ae94 .spectrum-Tooltip-tip_22ae94{bottom:100%;transform:rotate(180deg)}.spectrum-Tooltip--bottom_22ae94 .spectrum-Tooltip-tip_22ae94,.spectrum-Tooltip--top_22ae94 .spectrum-Tooltip-tip_22ae94{margin-left:calc(var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50))*-1);left:50%}[dir=ltr] .spectrum-Tooltip-typeIcon_22ae94{margin-left:calc(var(--spectrum-tooltip-icon-margin-x,var(--spectrum-global-dimension-size-100)) - var(--spectrum-tooltip-padding-x,var(--spectrum-global-dimension-size-125)))}[dir=rtl] .spectrum-Tooltip-typeIcon_22ae94{margin-right:calc(var(--spectrum-tooltip-icon-margin-x,var(--spectrum-global-dimension-size-100)) - var(--spectrum-tooltip-padding-x,var(--spectrum-global-dimension-size-125)))}[dir=ltr] .spectrum-Tooltip-typeIcon_22ae94{margin-right:var(--spectrum-tooltip-icon-margin-x,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Tooltip-typeIcon_22ae94{margin-left:var(--spectrum-tooltip-icon-margin-x,var(--spectrum-global-dimension-size-100))}.spectrum-Tooltip-typeIcon_22ae94{width:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));height:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));align-self:flex-start;margin-top:1px}.spectrum-Tooltip-label_22ae94{max-width:var(--spectrum-tooltip-content-max-width);line-height:var(--spectrum-tooltip-text-line-height,var(--spectrum-global-dimension-font-size-200))}.u-tooltip-showOnHover_22ae94{display:inline-block;position:relative}.u-tooltip-showOnHover_22ae94 .spectrum-Tooltip_22ae94{white-space:nowrap;transition:transform var(--spectrum-global-animation-duration-100,130ms)ease-in-out;position:absolute;top:-100%;visibility:visible!important}.u-tooltip-showOnHover_22ae94 .spectrum-Tooltip-label_22ae94{max-width:none}.u-tooltip-showOnHover_22ae94 .spectrum-Tooltip--right_22ae94,.u-tooltip-showOnHover_22ae94 .spectrum-Tooltip--left_22ae94,.u-tooltip-showOnHover_22ae94 .spectrum-Tooltip--right_22ae94 .spectrum-Tooltip-tip_22ae94,.u-tooltip-showOnHover_22ae94 .spectrum-Tooltip--left_22ae94 .spectrum-Tooltip-tip_22ae94{top:50%}.u-tooltip-showOnHover_22ae94 .spectrum-Tooltip--right_22ae94{left:100%;transform:translateY(-50%)}.u-tooltip-showOnHover_22ae94 .spectrum-Tooltip--left_22ae94{transform:translate(-100%,-50%)}.u-tooltip-showOnHover_22ae94 .spectrum-Tooltip--bottom_22ae94,.u-tooltip-showOnHover_22ae94 .spectrum-Tooltip--top_22ae94,.u-tooltip-showOnHover_22ae94 .spectrum-Tooltip--bottom_22ae94 .spectrum-Tooltip-tip_22ae94,.u-tooltip-showOnHover_22ae94 .spectrum-Tooltip--top_22ae94 .spectrum-Tooltip-tip_22ae94{left:50%}.u-tooltip-showOnHover_22ae94 .spectrum-Tooltip--bottom_22ae94{transform:translate(-50%,calc(var(--spectrum-tooltip-tip-margin,var(--spectrum-global-dimension-size-50))*-1));top:100%}.u-tooltip-showOnHover_22ae94 .spectrum-Tooltip--top_22ae94{transform:translate(-50%,var(--spectrum-tooltip-tip-margin,var(--spectrum-global-dimension-size-50)))}.u-tooltip-showOnHover_22ae94.is-hovered_22ae94 .spectrum-Tooltip_22ae94,.u-tooltip-showOnHover_22ae94:focus .spectrum-Tooltip_22ae94,.u-tooltip-showOnHover_22ae94.is-focused_22ae94 .spectrum-Tooltip_22ae94,.u-tooltip-showOnHover_22ae94 :focus .spectrum-Tooltip_22ae94{opacity:1}.u-tooltip-showOnHover_22ae94.is-hovered_22ae94 .spectrum-Tooltip_22ae94.spectrum-Tooltip--bottom_22ae94,.u-tooltip-showOnHover_22ae94:focus .spectrum-Tooltip_22ae94.spectrum-Tooltip--bottom_22ae94,.u-tooltip-showOnHover_22ae94.is-focused_22ae94 .spectrum-Tooltip_22ae94.spectrum-Tooltip--bottom_22ae94,.u-tooltip-showOnHover_22ae94 :focus .spectrum-Tooltip_22ae94.spectrum-Tooltip--bottom_22ae94{transform:translate(-50%)}.u-tooltip-showOnHover_22ae94.is-hovered_22ae94 .spectrum-Tooltip_22ae94.spectrum-Tooltip--top_22ae94,.u-tooltip-showOnHover_22ae94:focus .spectrum-Tooltip_22ae94.spectrum-Tooltip--top_22ae94,.u-tooltip-showOnHover_22ae94.is-focused_22ae94 .spectrum-Tooltip_22ae94.spectrum-Tooltip--top_22ae94,.u-tooltip-showOnHover_22ae94 :focus .spectrum-Tooltip_22ae94.spectrum-Tooltip--top_22ae94{transform:translate(-50%,calc(var(--spectrum-tooltip-tip-margin,var(--spectrum-global-dimension-size-50))*-1))}.u-tooltip-showOnHover_22ae94.is-hovered_22ae94 .spectrum-Tooltip_22ae94.spectrum-Tooltip--left_22ae94,.u-tooltip-showOnHover_22ae94:focus .spectrum-Tooltip_22ae94.spectrum-Tooltip--left_22ae94,.u-tooltip-showOnHover_22ae94.is-focused_22ae94 .spectrum-Tooltip_22ae94.spectrum-Tooltip--left_22ae94,.u-tooltip-showOnHover_22ae94 :focus .spectrum-Tooltip_22ae94.spectrum-Tooltip--left_22ae94{transform:translate(calc(-100% - var(--spectrum-tooltip-tip-margin,var(--spectrum-global-dimension-size-50))),-50%)}.u-tooltip-showOnHover_22ae94.is-hovered_22ae94 .spectrum-Tooltip_22ae94.spectrum-Tooltip--right_22ae94,.u-tooltip-showOnHover_22ae94:focus .spectrum-Tooltip_22ae94.spectrum-Tooltip--right_22ae94,.u-tooltip-showOnHover_22ae94.is-focused_22ae94 .spectrum-Tooltip_22ae94.spectrum-Tooltip--right_22ae94,.u-tooltip-showOnHover_22ae94 :focus .spectrum-Tooltip_22ae94.spectrum-Tooltip--right_22ae94{transform:translate(var(--spectrum-tooltip-tip-margin,var(--spectrum-global-dimension-size-50)),-50%)}.spectrum-Tooltip_22ae94{background-color:var(--spectrum-tooltip-background-color,var(--spectrum-global-color-static-gray-700));color:var(--spectrum-tooltip-text-color,var(--spectrum-global-color-static-white))}.spectrum-Tooltip-tip_22ae94{border-top-color:var(--spectrum-tooltip-background-color,var(--spectrum-global-color-static-gray-700))}.spectrum-Tooltip--negative_22ae94,.spectrum-Tooltip--error_22ae94{background-color:var(--spectrum-tooltip-negative-background-color,var(--spectrum-global-color-static-red-700))}.spectrum-Tooltip--negative_22ae94 .spectrum-Tooltip-tip_22ae94,.spectrum-Tooltip--error_22ae94 .spectrum-Tooltip-tip_22ae94{border-top-color:var(--spectrum-tooltip-negative-background-color,var(--spectrum-global-color-static-red-700))}.spectrum-Tooltip--info_22ae94,.spectrum-Tooltip--help_22ae94{background-color:var(--spectrum-tooltip-info-background-color,var(--spectrum-global-color-static-blue-700))}.spectrum-Tooltip--info_22ae94 .spectrum-Tooltip-tip_22ae94,.spectrum-Tooltip--help_22ae94 .spectrum-Tooltip-tip_22ae94{border-top-color:var(--spectrum-tooltip-info-background-color,var(--spectrum-global-color-static-blue-700))}.spectrum-Tooltip--positive_22ae94,.spectrum-Tooltip--success_22ae94{background-color:var(--spectrum-tooltip-positive-background-color,var(--spectrum-global-color-static-green-700))}.spectrum-Tooltip--positive_22ae94 .spectrum-Tooltip-tip_22ae94,.spectrum-Tooltip--success_22ae94 .spectrum-Tooltip-tip_22ae94{border-top-color:var(--spectrum-tooltip-positive-background-color,var(--spectrum-global-color-static-green-700))}@media (forced-colors:active){.spectrum-Tooltip_22ae94{border:1px solid #0000}.spectrum-Tooltip-tip_22ae94{forced-color-adjust:none;--spectrum-tooltip-background-color:CanvasText;--spectrum-tooltip-negative-background-color:Highlight;--spectrum-tooltip-info-background-color:Highlight;--spectrum-tooltip-positive-background-color:Highlight}}
package/dist/main.js CHANGED
@@ -1,223 +1,222 @@
1
- var {
2
- useTooltipTriggerState
3
- } = require("@react-stately/tooltip");
4
-
5
- var {
6
- useOverlayPosition
7
- } = require("@react-aria/overlays");
8
-
9
- var {
10
- Overlay
11
- } = require("@react-spectrum/overlays");
12
-
13
- var {
14
- FocusableProvider
15
- } = require("@react-aria/focus");
16
-
17
- var {
18
- useTooltip,
19
- useTooltipTrigger
20
- } = require("@react-aria/tooltip");
21
-
22
- var _spectrumIconsUiSuccessSmall = $parcel$interopDefault(require("@spectrum-icons/ui/SuccessSmall"));
23
-
24
- var _react2 = require("react");
25
-
26
- var _react = $parcel$interopDefault(_react2);
27
-
28
- var {
29
- useContext,
30
- useImperativeHandle,
31
- useRef
32
- } = _react2;
33
-
34
- var {
35
- mergeProps
36
- } = require("@react-aria/utils");
37
-
38
- var _spectrumIconsUiInfoSmall = $parcel$interopDefault(require("@spectrum-icons/ui/InfoSmall"));
39
-
40
- var {
41
- classNames,
42
- createDOMRef,
43
- useStyleProps
44
- } = require("@react-spectrum/utils");
45
-
46
- var _spectrumIconsUiAlertSmall = $parcel$interopDefault(require("@spectrum-icons/ui/AlertSmall"));
47
-
48
- var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
49
-
50
- var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
51
-
52
1
  require("./main.css");
2
+ var $6afbW$spectrumiconsuiAlertSmall = require("@spectrum-icons/ui/AlertSmall");
3
+ var $6afbW$reactspectrumutils = require("@react-spectrum/utils");
4
+ var $6afbW$spectrumiconsuiInfoSmall = require("@spectrum-icons/ui/InfoSmall");
5
+ var $6afbW$reactariautils = require("@react-aria/utils");
6
+ var $6afbW$react = require("react");
7
+ var $6afbW$spectrumiconsuiSuccessSmall = require("@spectrum-icons/ui/SuccessSmall");
8
+ var $6afbW$reactariatooltip = require("@react-aria/tooltip");
9
+ var $6afbW$reactariafocus = require("@react-aria/focus");
10
+ var $6afbW$reactspectrumoverlays = require("@react-spectrum/overlays");
11
+ var $6afbW$reactariaoverlays = require("@react-aria/overlays");
12
+ var $6afbW$reactstatelytooltip = require("@react-stately/tooltip");
13
+
14
+ function $parcel$exportWildcard(dest, source) {
15
+ Object.keys(source).forEach(function(key) {
16
+ if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
17
+ return;
18
+ }
53
19
 
20
+ Object.defineProperty(dest, key, {
21
+ enumerable: true,
22
+ get: function get() {
23
+ return source[key];
24
+ }
25
+ });
26
+ });
27
+
28
+ return dest;
29
+ }
54
30
  function $parcel$interopDefault(a) {
55
31
  return a && a.__esModule ? a.default : a;
56
32
  }
57
-
58
- // ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/tooltip/vars.css
59
- var $e02064c879d8df5d7c99552d96e8391$exports = {};
60
- $e02064c879d8df5d7c99552d96e8391$exports = {
61
- "spectrum-Tooltip": "_spectrum-Tooltip_23042",
62
- "is-open": "_is-open_23042",
63
- "spectrum-Tooltip--bottom": "_spectrum-Tooltip--bottom_23042",
64
- "spectrum-Tooltip--top": "_spectrum-Tooltip--top_23042",
65
- "spectrum-Tooltip--right": "_spectrum-Tooltip--right_23042",
66
- "spectrum-Tooltip--left": "_spectrum-Tooltip--left_23042",
67
- "spectrum-Tooltip-tip": "_spectrum-Tooltip-tip_23042",
68
- "spectrum-Tooltip-typeIcon": "_spectrum-Tooltip-typeIcon_23042",
69
- "spectrum-Tooltip-label": "_spectrum-Tooltip-label_23042",
70
- "u-tooltip-showOnHover": "_u-tooltip-showOnHover_23042",
71
- "is-hovered": "_is-hovered_23042",
72
- "is-focused": "_is-focused_23042",
73
- "spectrum-Tooltip--negative": "_spectrum-Tooltip--negative_23042",
74
- "spectrum-Tooltip--error": "_spectrum-Tooltip--error_23042",
75
- "spectrum-Tooltip--info": "_spectrum-Tooltip--info_23042",
76
- "spectrum-Tooltip--help": "_spectrum-Tooltip--help_23042",
77
- "spectrum-Tooltip--positive": "_spectrum-Tooltip--positive_23042",
78
- "spectrum-Tooltip--success": "_spectrum-Tooltip--success_23042"
79
- };
80
-
81
- const $a23748555680c48540a4239b15ea00bc$export$TooltipContext = /*#__PURE__*/_react.createContext({});
82
-
83
- let $ff273912ab399ba4f2bd386cbddf33$var$iconMap = {
84
- info: _spectrumIconsUiInfoSmall,
85
- positive: _spectrumIconsUiSuccessSmall,
86
- negative: _spectrumIconsUiAlertSmall
33
+ function $parcel$export(e, n, v, s) {
34
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
35
+ }
36
+ var $7f53ab52b1a88f0c$exports = {};
37
+
38
+ $parcel$export($7f53ab52b1a88f0c$exports, "Tooltip", () => $7f53ab52b1a88f0c$export$28c660c63b792dea);
39
+
40
+
41
+
42
+
43
+
44
+ var $6cae2acb3fea7740$exports = {};
45
+
46
+ $parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip", () => $6cae2acb3fea7740$export$f7bf7078d3d03f05, (v) => $6cae2acb3fea7740$export$f7bf7078d3d03f05 = v);
47
+ $parcel$export($6cae2acb3fea7740$exports, "is-open", () => $6cae2acb3fea7740$export$a9781837241c946d, (v) => $6cae2acb3fea7740$export$a9781837241c946d = v);
48
+ $parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--bottom", () => $6cae2acb3fea7740$export$4f420a9bbb442953, (v) => $6cae2acb3fea7740$export$4f420a9bbb442953 = v);
49
+ $parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--top", () => $6cae2acb3fea7740$export$d7516df59e198fc7, (v) => $6cae2acb3fea7740$export$d7516df59e198fc7 = v);
50
+ $parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--right", () => $6cae2acb3fea7740$export$c094187772823b2e, (v) => $6cae2acb3fea7740$export$c094187772823b2e = v);
51
+ $parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--left", () => $6cae2acb3fea7740$export$47f060b68b4cab2c, (v) => $6cae2acb3fea7740$export$47f060b68b4cab2c = v);
52
+ $parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip-tip", () => $6cae2acb3fea7740$export$9deb89a7a91de30, (v) => $6cae2acb3fea7740$export$9deb89a7a91de30 = v);
53
+ $parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip-typeIcon", () => $6cae2acb3fea7740$export$ff23d46fee8272e4, (v) => $6cae2acb3fea7740$export$ff23d46fee8272e4 = v);
54
+ $parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip-label", () => $6cae2acb3fea7740$export$f4096e0dc445b255, (v) => $6cae2acb3fea7740$export$f4096e0dc445b255 = v);
55
+ $parcel$export($6cae2acb3fea7740$exports, "u-tooltip-showOnHover", () => $6cae2acb3fea7740$export$6ea3237f62800d00, (v) => $6cae2acb3fea7740$export$6ea3237f62800d00 = v);
56
+ $parcel$export($6cae2acb3fea7740$exports, "is-hovered", () => $6cae2acb3fea7740$export$b8813cd5d7824ce7, (v) => $6cae2acb3fea7740$export$b8813cd5d7824ce7 = v);
57
+ $parcel$export($6cae2acb3fea7740$exports, "is-focused", () => $6cae2acb3fea7740$export$e7dc768d35940237, (v) => $6cae2acb3fea7740$export$e7dc768d35940237 = v);
58
+ $parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--negative", () => $6cae2acb3fea7740$export$92fe45b4260594f6, (v) => $6cae2acb3fea7740$export$92fe45b4260594f6 = v);
59
+ $parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--error", () => $6cae2acb3fea7740$export$2b291890a5577893, (v) => $6cae2acb3fea7740$export$2b291890a5577893 = v);
60
+ $parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--info", () => $6cae2acb3fea7740$export$e995d5780591d0a8, (v) => $6cae2acb3fea7740$export$e995d5780591d0a8 = v);
61
+ $parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--help", () => $6cae2acb3fea7740$export$d33ca445ae528241, (v) => $6cae2acb3fea7740$export$d33ca445ae528241 = v);
62
+ $parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--positive", () => $6cae2acb3fea7740$export$11cbf31e1b6e51ac, (v) => $6cae2acb3fea7740$export$11cbf31e1b6e51ac = v);
63
+ $parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--success", () => $6cae2acb3fea7740$export$4eae622bc9b08cac, (v) => $6cae2acb3fea7740$export$4eae622bc9b08cac = v);
64
+ var $6cae2acb3fea7740$export$f7bf7078d3d03f05;
65
+ var $6cae2acb3fea7740$export$a9781837241c946d;
66
+ var $6cae2acb3fea7740$export$4f420a9bbb442953;
67
+ var $6cae2acb3fea7740$export$d7516df59e198fc7;
68
+ var $6cae2acb3fea7740$export$c094187772823b2e;
69
+ var $6cae2acb3fea7740$export$47f060b68b4cab2c;
70
+ var $6cae2acb3fea7740$export$9deb89a7a91de30;
71
+ var $6cae2acb3fea7740$export$ff23d46fee8272e4;
72
+ var $6cae2acb3fea7740$export$f4096e0dc445b255;
73
+ var $6cae2acb3fea7740$export$6ea3237f62800d00;
74
+ var $6cae2acb3fea7740$export$b8813cd5d7824ce7;
75
+ var $6cae2acb3fea7740$export$e7dc768d35940237;
76
+ var $6cae2acb3fea7740$export$92fe45b4260594f6;
77
+ var $6cae2acb3fea7740$export$2b291890a5577893;
78
+ var $6cae2acb3fea7740$export$e995d5780591d0a8;
79
+ var $6cae2acb3fea7740$export$d33ca445ae528241;
80
+ var $6cae2acb3fea7740$export$11cbf31e1b6e51ac;
81
+ var $6cae2acb3fea7740$export$4eae622bc9b08cac;
82
+ $6cae2acb3fea7740$export$f7bf7078d3d03f05 = "spectrum-Tooltip_22ae94";
83
+ $6cae2acb3fea7740$export$a9781837241c946d = "is-open_22ae94";
84
+ $6cae2acb3fea7740$export$4f420a9bbb442953 = "spectrum-Tooltip--bottom_22ae94";
85
+ $6cae2acb3fea7740$export$d7516df59e198fc7 = "spectrum-Tooltip--top_22ae94";
86
+ $6cae2acb3fea7740$export$c094187772823b2e = "spectrum-Tooltip--right_22ae94";
87
+ $6cae2acb3fea7740$export$47f060b68b4cab2c = "spectrum-Tooltip--left_22ae94";
88
+ $6cae2acb3fea7740$export$9deb89a7a91de30 = "spectrum-Tooltip-tip_22ae94";
89
+ $6cae2acb3fea7740$export$ff23d46fee8272e4 = "spectrum-Tooltip-typeIcon_22ae94";
90
+ $6cae2acb3fea7740$export$f4096e0dc445b255 = "spectrum-Tooltip-label_22ae94";
91
+ $6cae2acb3fea7740$export$6ea3237f62800d00 = "u-tooltip-showOnHover_22ae94";
92
+ $6cae2acb3fea7740$export$b8813cd5d7824ce7 = "is-hovered_22ae94";
93
+ $6cae2acb3fea7740$export$e7dc768d35940237 = "is-focused_22ae94";
94
+ $6cae2acb3fea7740$export$92fe45b4260594f6 = "spectrum-Tooltip--negative_22ae94";
95
+ $6cae2acb3fea7740$export$2b291890a5577893 = "spectrum-Tooltip--error_22ae94";
96
+ $6cae2acb3fea7740$export$e995d5780591d0a8 = "spectrum-Tooltip--info_22ae94";
97
+ $6cae2acb3fea7740$export$d33ca445ae528241 = "spectrum-Tooltip--help_22ae94";
98
+ $6cae2acb3fea7740$export$11cbf31e1b6e51ac = "spectrum-Tooltip--positive_22ae94";
99
+ $6cae2acb3fea7740$export$4eae622bc9b08cac = "spectrum-Tooltip--success_22ae94";
100
+
101
+
102
+
103
+
104
+ const $4d4881daa91c71ef$export$39ae08fa83328b12 = ($parcel$interopDefault($6afbW$react)).createContext({
105
+ });
106
+
107
+
108
+
109
+ let $7f53ab52b1a88f0c$var$iconMap = {
110
+ info: ($parcel$interopDefault($6afbW$spectrumiconsuiInfoSmall)),
111
+ positive: ($parcel$interopDefault($6afbW$spectrumiconsuiSuccessSmall)),
112
+ negative: ($parcel$interopDefault($6afbW$spectrumiconsuiAlertSmall))
87
113
  };
88
- var $e02064c879d8df5d7c99552d96e8391$$interop$default = $parcel$interopDefault($e02064c879d8df5d7c99552d96e8391$exports);
89
-
90
- function $ff273912ab399ba4f2bd386cbddf33$var$Tooltip(props, ref) {
91
- let _useContext = useContext($a23748555680c48540a4239b15ea00bc$export$TooltipContext),
92
- {
93
- ref: overlayRef,
94
- arrowProps,
95
- state
96
- } = _useContext,
97
- tooltipProviderProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(_useContext, ["ref", "arrowProps", "state"]);
98
-
99
- let defaultRef = useRef();
100
- overlayRef = overlayRef || defaultRef;
101
- props = mergeProps(props, tooltipProviderProps);
102
-
103
- let {
104
- variant = 'neutral',
105
- placement = 'top',
106
- isOpen,
107
- showIcon
108
- } = props,
109
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["variant", "placement", "isOpen", "showIcon"]);
110
-
111
- let {
112
- styleProps
113
- } = useStyleProps(otherProps);
114
- let {
115
- tooltipProps
116
- } = useTooltip(props, state); // Sync ref with overlayRef from context.
117
-
118
- useImperativeHandle(ref, () => createDOMRef(overlayRef));
119
- let Icon = $ff273912ab399ba4f2bd386cbddf33$var$iconMap[variant];
120
- return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, styleProps, tooltipProps, {
121
- className: classNames($e02064c879d8df5d7c99552d96e8391$$interop$default, 'spectrum-Tooltip', "spectrum-Tooltip--" + variant, "spectrum-Tooltip--" + placement, {
122
- 'is-open': isOpen
123
- }, styleProps.className),
124
- ref: overlayRef
125
- }), showIcon && variant !== 'neutral' && /*#__PURE__*/_react.createElement(Icon, {
126
- UNSAFE_className: classNames($e02064c879d8df5d7c99552d96e8391$$interop$default, 'spectrum-Tooltip-typeIcon'),
127
- "aria-hidden": true
128
- }), props.children && /*#__PURE__*/_react.createElement("span", {
129
- className: classNames($e02064c879d8df5d7c99552d96e8391$$interop$default, 'spectrum-Tooltip-label')
130
- }, props.children), /*#__PURE__*/_react.createElement("span", _babelRuntimeHelpersExtends({}, arrowProps, {
131
- className: classNames($e02064c879d8df5d7c99552d96e8391$$interop$default, 'spectrum-Tooltip-tip')
132
- })));
114
+ function $7f53ab52b1a88f0c$var$Tooltip(props, ref) {
115
+ let { ref: overlayRef , arrowProps: arrowProps , state: state , ...tooltipProviderProps } = $6afbW$react.useContext($4d4881daa91c71ef$export$39ae08fa83328b12);
116
+ let defaultRef = $6afbW$react.useRef();
117
+ overlayRef = overlayRef || defaultRef;
118
+ props = $6afbW$reactariautils.mergeProps(props, tooltipProviderProps);
119
+ let { variant: variant = 'neutral' , placement: placement = 'top' , isOpen: isOpen , showIcon: showIcon , ...otherProps } = props;
120
+ let { styleProps: styleProps } = $6afbW$reactspectrumutils.useStyleProps(otherProps);
121
+ let { tooltipProps: tooltipProps } = $6afbW$reactariatooltip.useTooltip(props, state);
122
+ // Sync ref with overlayRef from context.
123
+ $6afbW$react.useImperativeHandle(ref, ()=>$6afbW$reactspectrumutils.createDOMRef(overlayRef)
124
+ );
125
+ let Icon = $7f53ab52b1a88f0c$var$iconMap[variant];
126
+ return(/*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).createElement("div", {
127
+ ...styleProps,
128
+ ...tooltipProps,
129
+ className: $6afbW$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($6cae2acb3fea7740$exports)), 'spectrum-Tooltip', `spectrum-Tooltip--${variant}`, `spectrum-Tooltip--${placement}`, {
130
+ 'is-open': isOpen
131
+ }, styleProps.className),
132
+ ref: overlayRef
133
+ }, showIcon && variant !== 'neutral' && /*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).createElement(Icon, {
134
+ UNSAFE_className: $6afbW$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($6cae2acb3fea7740$exports)), 'spectrum-Tooltip-typeIcon'),
135
+ "aria-hidden": true
136
+ }), props.children && /*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).createElement("span", {
137
+ className: $6afbW$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($6cae2acb3fea7740$exports)), 'spectrum-Tooltip-label')
138
+ }, props.children), /*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).createElement("span", {
139
+ ...arrowProps,
140
+ className: $6afbW$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($6cae2acb3fea7740$exports)), 'spectrum-Tooltip-tip')
141
+ })));
133
142
  }
134
143
  /**
135
144
  * Display container for Tooltip content. Has a directional arrow dependent on its placement.
136
- */
137
-
138
-
139
- let Tooltip = /*#__PURE__*/_react.forwardRef($ff273912ab399ba4f2bd386cbddf33$var$Tooltip);
140
-
141
- exports.Tooltip = Tooltip;
142
- const $b29140c6a34ca04560623b3e2e0d4c0b$var$DEFAULT_OFFSET = -1; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button
143
-
144
- const $b29140c6a34ca04560623b3e2e0d4c0b$var$DEFAULT_CROSS_OFFSET = 0;
145
-
146
- function $b29140c6a34ca04560623b3e2e0d4c0b$var$TooltipTrigger(props) {
147
- let {
148
- children,
149
- crossOffset = $b29140c6a34ca04560623b3e2e0d4c0b$var$DEFAULT_CROSS_OFFSET,
150
- isDisabled,
151
- offset = $b29140c6a34ca04560623b3e2e0d4c0b$var$DEFAULT_OFFSET,
152
- trigger: triggerAction
153
- } = props;
154
-
155
- let [trigger, tooltip] = _react.Children.toArray(children);
156
-
157
- let state = useTooltipTriggerState(props);
158
- let tooltipTriggerRef = useRef();
159
- let overlayRef = useRef();
160
- let {
161
- triggerProps,
162
- tooltipProps
163
- } = useTooltipTrigger({
164
- isDisabled,
165
- trigger: triggerAction
166
- }, state, tooltipTriggerRef);
167
- let {
168
- overlayProps,
169
- arrowProps,
170
- placement
171
- } = useOverlayPosition({
172
- placement: props.placement || 'top',
173
- targetRef: tooltipTriggerRef,
174
- overlayRef,
175
- offset,
176
- crossOffset,
177
- isOpen: state.isOpen
178
- });
179
- return /*#__PURE__*/_react.createElement(FocusableProvider, _babelRuntimeHelpersExtends({}, triggerProps, {
180
- ref: tooltipTriggerRef
181
- }), trigger, /*#__PURE__*/_react.createElement($a23748555680c48540a4239b15ea00bc$export$TooltipContext.Provider, {
182
- value: _babelRuntimeHelpersExtends({
183
- state,
184
- placement,
185
- ref: overlayRef,
186
- UNSAFE_style: overlayProps.style,
187
- arrowProps
188
- }, tooltipProps)
189
- }, /*#__PURE__*/_react.createElement(Overlay, {
190
- isOpen: state.isOpen
191
- }, tooltip)));
192
- } // Support TooltipTrigger inside components using CollectionBuilder.
193
-
194
-
195
- $b29140c6a34ca04560623b3e2e0d4c0b$var$TooltipTrigger.getCollectionNode = function* (props) {
196
- // Replaced the use of React.Childern.toArray because it mutates the key prop.
197
- let childArray = [];
198
-
199
- _react.Children.forEach(props.children, child => {
200
- if ( /*#__PURE__*/_react.isValidElement(child)) {
201
- childArray.push(child);
202
- }
203
- });
204
-
205
- let [trigger, tooltip] = childArray;
206
- yield {
207
- element: trigger,
208
- wrapper: element => /*#__PURE__*/_react.createElement($b29140c6a34ca04560623b3e2e0d4c0b$var$TooltipTrigger, _babelRuntimeHelpersExtends({
209
- key: element.key
210
- }, props), element, tooltip)
211
- };
145
+ */ let $7f53ab52b1a88f0c$export$28c660c63b792dea = /*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).forwardRef($7f53ab52b1a88f0c$var$Tooltip);
146
+
147
+
148
+ var $6ebffad3b1800206$exports = {};
149
+
150
+ $parcel$export($6ebffad3b1800206$exports, "TooltipTrigger", () => $6ebffad3b1800206$export$8c610744efcf8a1d);
151
+
152
+
153
+
154
+
155
+
156
+
157
+
158
+ const $6ebffad3b1800206$var$DEFAULT_OFFSET = -1; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button
159
+ const $6ebffad3b1800206$var$DEFAULT_CROSS_OFFSET = 0;
160
+ function $6ebffad3b1800206$var$TooltipTrigger(props) {
161
+ let { children: children , crossOffset: crossOffset = $6ebffad3b1800206$var$DEFAULT_CROSS_OFFSET , isDisabled: isDisabled , offset: offset = $6ebffad3b1800206$var$DEFAULT_OFFSET , trigger: triggerAction } = props;
162
+ let [trigger, tooltip] = ($parcel$interopDefault($6afbW$react)).Children.toArray(children);
163
+ let state = $6afbW$reactstatelytooltip.useTooltipTriggerState(props);
164
+ let tooltipTriggerRef = $6afbW$react.useRef();
165
+ let overlayRef = $6afbW$react.useRef();
166
+ let { triggerProps: triggerProps , tooltipProps: tooltipProps } = $6afbW$reactariatooltip.useTooltipTrigger({
167
+ isDisabled: isDisabled,
168
+ trigger: triggerAction
169
+ }, state, tooltipTriggerRef);
170
+ let { overlayProps: overlayProps , arrowProps: arrowProps , placement: placement } = $6afbW$reactariaoverlays.useOverlayPosition({
171
+ placement: props.placement || 'top',
172
+ targetRef: tooltipTriggerRef,
173
+ overlayRef: overlayRef,
174
+ offset: offset,
175
+ crossOffset: crossOffset,
176
+ isOpen: state.isOpen
177
+ });
178
+ return(/*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).createElement($6afbW$reactariafocus.FocusableProvider, {
179
+ ...triggerProps,
180
+ ref: tooltipTriggerRef
181
+ }, trigger, /*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).createElement($4d4881daa91c71ef$export$39ae08fa83328b12.Provider, {
182
+ value: {
183
+ state: state,
184
+ placement: placement,
185
+ ref: overlayRef,
186
+ UNSAFE_style: overlayProps.style,
187
+ arrowProps: arrowProps,
188
+ ...tooltipProps
189
+ }
190
+ }, /*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).createElement($6afbW$reactspectrumoverlays.Overlay, {
191
+ isOpen: state.isOpen
192
+ }, tooltip))));
193
+ }
194
+ // Support TooltipTrigger inside components using CollectionBuilder.
195
+ $6ebffad3b1800206$var$TooltipTrigger.getCollectionNode = function*(props) {
196
+ // Replaced the use of React.Childern.toArray because it mutates the key prop.
197
+ let childArray = [];
198
+ ($parcel$interopDefault($6afbW$react)).Children.forEach(props.children, (child)=>{
199
+ if (/*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).isValidElement(child)) childArray.push(child);
200
+ });
201
+ let [trigger, tooltip] = childArray;
202
+ yield {
203
+ element: trigger,
204
+ wrapper: (element)=>/*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).createElement($6ebffad3b1800206$var$TooltipTrigger, {
205
+ key: element.key,
206
+ ...props
207
+ }, element, tooltip)
208
+ };
212
209
  };
213
210
  /**
214
211
  * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing
215
212
  * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip
216
213
  * relative to the trigger.
217
- */
218
- // We don't want getCollectionNode to show up in the type definition
214
+ */ // We don't want getCollectionNode to show up in the type definition
215
+ let $6ebffad3b1800206$export$8c610744efcf8a1d = $6ebffad3b1800206$var$TooltipTrigger;
216
+
217
+
218
+ $parcel$exportWildcard(module.exports, $7f53ab52b1a88f0c$exports);
219
+ $parcel$exportWildcard(module.exports, $6ebffad3b1800206$exports);
219
220
 
220
221
 
221
- let TooltipTrigger = $b29140c6a34ca04560623b3e2e0d4c0b$var$TooltipTrigger;
222
- exports.TooltipTrigger = TooltipTrigger;
223
222
  //# sourceMappingURL=main.js.map
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/tooltip/vars.css","./packages/@react-spectrum/tooltip/src/context.ts","./packages/@react-spectrum/tooltip/src/Tooltip.tsx","./packages/@react-spectrum/tooltip/src/TooltipTrigger.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' || key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {PlacementAxis} from '@react-types/overlays';\nimport React, {HTMLAttributes, RefObject} from 'react';\nimport {StyleProps} from '@react-types/shared';\nimport {TooltipTriggerState} from '@react-stately/tooltip';\n\ninterface TooltipContextProps extends StyleProps {\n state?: TooltipTriggerState,\n ref?: RefObject<HTMLDivElement>,\n placement?: PlacementAxis,\n arrowProps?: HTMLAttributes<HTMLElement>\n}\n\nexport const TooltipContext = React.createContext<TooltipContextProps>({});\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertSmall from '@spectrum-icons/ui/AlertSmall';\nimport {classNames, createDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport InfoSmall from '@spectrum-icons/ui/InfoSmall';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useContext, useImperativeHandle, useRef} from 'react';\nimport {SpectrumTooltipProps} from '@react-types/tooltip';\nimport styles from '@adobe/spectrum-css-temp/components/tooltip/vars.css';\nimport SuccessSmall from '@spectrum-icons/ui/SuccessSmall';\nimport {TooltipContext} from './context';\nimport {useTooltip} from '@react-aria/tooltip';\n\nlet iconMap = {\n info: InfoSmall,\n positive: SuccessSmall,\n negative: AlertSmall\n};\n\nfunction Tooltip(props: SpectrumTooltipProps, ref: DOMRef) {\n let {ref: overlayRef, arrowProps, state, ...tooltipProviderProps} = useContext(TooltipContext);\n let defaultRef = useRef();\n overlayRef = overlayRef || defaultRef;\n props = mergeProps(props, tooltipProviderProps);\n let {\n variant = 'neutral',\n placement = 'top',\n isOpen,\n showIcon,\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n let {tooltipProps} = useTooltip(props, state);\n\n // Sync ref with overlayRef from context.\n useImperativeHandle(ref, () => createDOMRef(overlayRef));\n\n let Icon = iconMap[variant];\n\n return (\n <div\n {...styleProps}\n {...tooltipProps}\n className={classNames(\n styles,\n 'spectrum-Tooltip',\n `spectrum-Tooltip--${variant}`,\n `spectrum-Tooltip--${placement}`,\n {\n 'is-open': isOpen\n },\n styleProps.className\n )}\n ref={overlayRef}>\n {showIcon && variant !== 'neutral' && <Icon UNSAFE_className={classNames(styles, 'spectrum-Tooltip-typeIcon')} aria-hidden />}\n {props.children && (\n <span className={classNames(styles, 'spectrum-Tooltip-label')}>\n {props.children}\n </span>\n )}\n <span {...arrowProps} className={classNames(styles, 'spectrum-Tooltip-tip')} />\n </div>\n );\n}\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nlet _Tooltip = React.forwardRef(Tooltip);\nexport {_Tooltip as Tooltip};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {FocusableProvider} from '@react-aria/focus';\nimport {Overlay} from '@react-spectrum/overlays';\nimport React, {ReactElement, useRef} from 'react';\nimport {SpectrumTooltipTriggerProps} from '@react-types/tooltip';\nimport {TooltipContext} from './context';\nimport {useOverlayPosition} from '@react-aria/overlays';\nimport {useTooltipTrigger} from '@react-aria/tooltip';\nimport {useTooltipTriggerState} from '@react-stately/tooltip';\n\nconst DEFAULT_OFFSET = -1; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\n\nfunction TooltipTrigger(props: SpectrumTooltipTriggerProps) {\n let {\n children,\n crossOffset = DEFAULT_CROSS_OFFSET,\n isDisabled,\n offset = DEFAULT_OFFSET,\n trigger: triggerAction\n } = props;\n\n let [trigger, tooltip] = React.Children.toArray(children);\n\n let state = useTooltipTriggerState(props);\n\n let tooltipTriggerRef = useRef<HTMLElement>();\n let overlayRef = useRef<HTMLDivElement>();\n\n let {triggerProps, tooltipProps} = useTooltipTrigger({\n isDisabled,\n trigger: triggerAction\n }, state, tooltipTriggerRef);\n\n let {overlayProps, arrowProps, placement} = useOverlayPosition({\n placement: props.placement || 'top',\n targetRef: tooltipTriggerRef,\n overlayRef,\n offset,\n crossOffset,\n isOpen: state.isOpen\n });\n\n return (\n <FocusableProvider\n {...triggerProps}\n ref={tooltipTriggerRef}>\n {trigger}\n <TooltipContext.Provider\n value={{\n state,\n placement,\n ref: overlayRef,\n UNSAFE_style: overlayProps.style,\n arrowProps,\n ...tooltipProps\n }}>\n <Overlay isOpen={state.isOpen}>\n {tooltip}\n </Overlay>\n </TooltipContext.Provider>\n </FocusableProvider>\n );\n}\n\n// Support TooltipTrigger inside components using CollectionBuilder.\nTooltipTrigger.getCollectionNode = function* (props: SpectrumTooltipTriggerProps) {\n // Replaced the use of React.Childern.toArray because it mutates the key prop.\n let childArray: ReactElement[] = [];\n React.Children.forEach(props.children, child => {\n if (React.isValidElement(child)) {\n childArray.push(child);\n }\n });\n let [trigger, tooltip] = childArray;\n yield {\n element: trigger,\n wrapper: (element) => (\n <TooltipTrigger key={element.key} {...props}>\n {element}\n {tooltip}\n </TooltipTrigger>\n )\n };\n};\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\n// We don't want getCollectionNode to show up in the type definition\nlet _TooltipTrigger = TooltipTrigger as (props: SpectrumTooltipTriggerProps) => JSX.Element;\nexport {_TooltipTrigger as TooltipTrigger};\n"],"names":["$parcel$interopDefault","a","__esModule","default","TooltipContext","React","createContext","iconMap","info","InfoSmall","positive","SuccessSmall","negative","AlertSmall","Tooltip","props","ref","useContext","overlayRef","arrowProps","state","tooltipProviderProps","defaultRef","useRef","mergeProps","variant","placement","isOpen","showIcon","otherProps","styleProps","useStyleProps","tooltipProps","useTooltip","useImperativeHandle","createDOMRef","Icon","classNames","className","children","_Tooltip","forwardRef","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","TooltipTrigger","crossOffset","isDisabled","offset","trigger","triggerAction","tooltip","Children","toArray","useTooltipTriggerState","tooltipTriggerRef","triggerProps","useTooltipTrigger","overlayProps","useOverlayPosition","targetRef","UNSAFE_style","style","getCollectionNode","childArray","forEach","child","isValidElement","push","element","wrapper","key","_TooltipTrigger"],"version":3,"file":"main.js.map"}
1
+ {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AEAA,GAAkC;AAClC,GAAyB;AACzB,GAA0C;AAC1C,GAAuC;AACvC,GAAyC;AACzC,GAAwC;AACxC,GAAsC;AACtC,GAA2C;AAC3C,GAAwC;AACxC,GAAuC;AACvC,GAA4B;AAC5B,GAA4B;AAC5B,GAA4C;AAC5C,GAAyC;AACzC,GAAwC;AACxC,GAAwC;AACxC,GAA4C;AAC5C,GAA2C;AAjB3C,yCAAkC,GAAG,CAAyB;AAC9D,yCAAyB,GAAG,CAAgB;AAC5C,yCAA0C,GAAG,CAAiC;AAC9E,yCAAuC,GAAG,CAA8B;AACxE,yCAAyC,GAAG,CAAgC;AAC5E,yCAAwC,GAAG,CAA+B;AAC1E,wCAAsC,GAAG,CAA6B;AACtE,yCAA2C,GAAG,CAAkC;AAChF,yCAAwC,GAAG,CAA+B;AAC1E,yCAAuC,GAAG,CAA8B;AACxE,yCAA4B,GAAG,CAAmB;AAClD,yCAA4B,GAAG,CAAmB;AAClD,yCAA4C,GAAG,CAAmC;AAClF,yCAAyC,GAAG,CAAgC;AAC5E,yCAAwC,GAAG,CAA+B;AAC1E,yCAAwC,GAAG,CAA+B;AAC1E,yCAA4C,GAAG,CAAmC;AAClF,yCAA2C,GAAG,CAAkC;;;;;ACOzE,KAAK,CAAC,yCAAc,GAAG,sCAAK,CAAC,aAAa,CAAsB,CAAC;AAAA,CAAC;;;;AFAzE,GAAG,CAAC,6BAAO,GAAG,CAAC;IACb,IAAI,EAAE,yDAAS;IACf,QAAQ,EAAE,4DAAY;IACtB,QAAQ,EAAE,0DAAU;AACtB,CAAC;SAEQ,6BAAO,CAAC,KAA2B,EAAE,GAAW,EAAE,CAAC;IAC1D,GAAG,CAAC,CAAC,CAAA,GAAG,EAAE,UAAU,eAAE,UAAU,UAAE,KAAK,MAAK,oBAAoB,CAAA,CAAC,GAAG,uBAAU,CAAC,yCAAc;IAC7F,GAAG,CAAC,UAAU,GAAG,mBAAM;IACvB,UAAU,GAAG,UAAU,IAAI,UAAU;IACrC,KAAK,GAAG,gCAAU,CAAC,KAAK,EAAE,oBAAoB;IAC9C,GAAG,CAAC,CAAC,UACH,OAAO,GAAG,CAAS,sBACnB,SAAS,GAAG,CAAK,eACjB,MAAM,aACN,QAAQ,MACL,UAAU,CACf,CAAC,GAAG,KAAK;IACT,GAAG,CAAC,CAAC,aAAA,UAAU,EAAA,CAAC,GAAG,uCAAa,CAAC,UAAU;IAC3C,GAAG,CAAC,CAAC,eAAA,YAAY,EAAA,CAAC,GAAG,kCAAU,CAAC,KAAK,EAAE,KAAK;IAE5C,EAAyC,AAAzC,uCAAyC;IACzC,gCAAmB,CAAC,GAAG,MAAQ,sCAAY,CAAC,UAAU;;IAEtD,GAAG,CAAC,IAAI,GAAG,6BAAO,CAAC,OAAO;IAE1B,MAAM,oEACH,CAAG;WACE,UAAU;WACV,YAAY;QAChB,SAAS,EAAE,oCAAU,CACnB,gEAAM,EACN,CAAkB,oBACjB,kBAAkB,EAAE,OAAO,KAC3B,kBAAkB,EAAE,SAAS,IAC9B,CAAC;YACC,CAAS,UAAE,MAAM;QACnB,CAAC,EACD,UAAU,CAAC,SAAS;QAEtB,GAAG,EAAE,UAAU;OACd,QAAQ,IAAI,OAAO,KAAK,CAAS,+EAAK,IAAI;QAAC,gBAAgB,EAAE,oCAAU,CAAC,gEAAM,EAAE,CAA2B;QAAG,CAAW,cAAX,IAAW;QACzH,KAAK,CAAC,QAAQ,uEACZ,CAAI;QAAC,SAAS,EAAE,oCAAU,CAAC,gEAAM,EAAE,CAAwB;OACzD,KAAK,CAAC,QAAQ,sEAGlB,CAAI;WAAK,UAAU;QAAE,SAAS,EAAE,oCAAU,CAAC,gEAAM,EAAE,CAAsB;;AAGhF,CAAC;AAED,EAEG,AAFH;;CAEG,AAFH,EAEG,CACH,GAAG,CAAC,yCAAQ,iBAAG,sCAAK,CAAC,UAAU,CAAC,6BAAO;;;;;;;;;;;;;AG1DvC,KAAK,CAAC,oCAAc,GAAG,EAAE,CAAE,CAAyF,AAAzF,EAAyF,AAAzF,uFAAyF;AACpH,KAAK,CAAC,0CAAoB,GAAG,CAAC;SAErB,oCAAc,CAAC,KAAkC,EAAE,CAAC;IAC3D,GAAG,CAAC,CAAC,WACH,QAAQ,gBACR,WAAW,GAAG,0CAAoB,eAClC,UAAU,WACV,MAAM,GAAG,oCAAc,GACvB,OAAO,EAAE,aAAa,EACxB,CAAC,GAAG,KAAK;IAET,GAAG,EAAE,OAAO,EAAE,OAAO,IAAI,sCAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ;IAExD,GAAG,CAAC,KAAK,GAAG,iDAAsB,CAAC,KAAK;IAExC,GAAG,CAAC,iBAAiB,GAAG,mBAAM;IAC9B,GAAG,CAAC,UAAU,GAAG,mBAAM;IAEvB,GAAG,CAAC,CAAC,eAAA,YAAY,iBAAE,YAAY,EAAA,CAAC,GAAG,yCAAiB,CAAC,CAAC;oBACpD,UAAU;QACV,OAAO,EAAE,aAAa;IACxB,CAAC,EAAE,KAAK,EAAE,iBAAiB;IAE3B,GAAG,CAAC,CAAC,eAAA,YAAY,eAAE,UAAU,cAAE,SAAS,EAAA,CAAC,GAAG,2CAAkB,CAAC,CAAC;QAC9D,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,CAAK;QACnC,SAAS,EAAE,iBAAiB;oBAC5B,UAAU;gBACV,MAAM;qBACN,WAAW;QACX,MAAM,EAAE,KAAK,CAAC,MAAM;IACtB,CAAC;IAED,MAAM,oEACH,uCAAiB;WACZ,YAAY;QAChB,GAAG,EAAE,iBAAiB;OACrB,OAAO,qEACP,yCAAc,CAAC,QAAQ;QACtB,KAAK,EAAE,CAAC;mBACN,KAAK;uBACL,SAAS;YACT,GAAG,EAAE,UAAU;YACf,YAAY,EAAE,YAAY,CAAC,KAAK;wBAChC,UAAU;eACP,YAAY;QACjB,CAAC;0EACA,oCAAO;QAAC,MAAM,EAAE,KAAK,CAAC,MAAM;OAC1B,OAAO;AAKlB,CAAC;AAED,EAAoE,AAApE,kEAAoE;AACpE,oCAAc,CAAC,iBAAiB,GAAG,QAAQ,EAAG,KAAkC,EAAE,CAAC;IACjF,EAA8E,AAA9E,4EAA8E;IAC9E,GAAG,CAAC,UAAU,GAAmB,CAAC,CAAC;IACnC,sCAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAE,KAAK,GAAI,CAAC;QAC/C,EAAE,gBAAE,sCAAK,CAAC,cAAc,CAAC,KAAK,GAC5B,UAAU,CAAC,IAAI,CAAC,KAAK;IAEzB,CAAC;IACD,GAAG,EAAE,OAAO,EAAE,OAAO,IAAI,UAAU;UAC7B,CAAC;QACL,OAAO,EAAE,OAAO;QAChB,OAAO,GAAG,OAAO,sEACd,oCAAc;gBAAC,GAAG,EAAE,OAAO,CAAC,GAAG;mBAAM,KAAK;eACxC,OAAO,EACP,OAAO;IAGd,CAAC;AACH,CAAC;AAED,EAIG,AAJH;;;;CAIG,AAJH,EAIG,CACH,EAAoE,AAApE,kEAAoE;AACpE,GAAG,CAAC,yCAAe,GAAG,oCAAc;;","sources":["packages/@react-spectrum/tooltip/src/index.ts","packages/@react-spectrum/tooltip/src/Tooltip.tsx","packages/@adobe/spectrum-css-temp/components/tooltip/vars.css","packages/@react-spectrum/tooltip/src/context.ts","packages/@react-spectrum/tooltip/src/TooltipTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport * from './Tooltip';\nexport * from './TooltipTrigger';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertSmall from '@spectrum-icons/ui/AlertSmall';\nimport {classNames, createDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport InfoSmall from '@spectrum-icons/ui/InfoSmall';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useContext, useImperativeHandle, useRef} from 'react';\nimport {SpectrumTooltipProps} from '@react-types/tooltip';\nimport styles from '@adobe/spectrum-css-temp/components/tooltip/vars.css';\nimport SuccessSmall from '@spectrum-icons/ui/SuccessSmall';\nimport {TooltipContext} from './context';\nimport {useTooltip} from '@react-aria/tooltip';\n\nlet iconMap = {\n info: InfoSmall,\n positive: SuccessSmall,\n negative: AlertSmall\n};\n\nfunction Tooltip(props: SpectrumTooltipProps, ref: DOMRef) {\n let {ref: overlayRef, arrowProps, state, ...tooltipProviderProps} = useContext(TooltipContext);\n let defaultRef = useRef();\n overlayRef = overlayRef || defaultRef;\n props = mergeProps(props, tooltipProviderProps);\n let {\n variant = 'neutral',\n placement = 'top',\n isOpen,\n showIcon,\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n let {tooltipProps} = useTooltip(props, state);\n\n // Sync ref with overlayRef from context.\n useImperativeHandle(ref, () => createDOMRef(overlayRef));\n\n let Icon = iconMap[variant];\n\n return (\n <div\n {...styleProps}\n {...tooltipProps}\n className={classNames(\n styles,\n 'spectrum-Tooltip',\n `spectrum-Tooltip--${variant}`,\n `spectrum-Tooltip--${placement}`,\n {\n 'is-open': isOpen\n },\n styleProps.className\n )}\n ref={overlayRef}>\n {showIcon && variant !== 'neutral' && <Icon UNSAFE_className={classNames(styles, 'spectrum-Tooltip-typeIcon')} aria-hidden />}\n {props.children && (\n <span className={classNames(styles, 'spectrum-Tooltip-label')}>\n {props.children}\n </span>\n )}\n <span {...arrowProps} className={classNames(styles, 'spectrum-Tooltip-tip')} />\n </div>\n );\n}\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nlet _Tooltip = React.forwardRef(Tooltip);\nexport {_Tooltip as Tooltip};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {PlacementAxis} from '@react-types/overlays';\nimport React, {HTMLAttributes, RefObject} from 'react';\nimport {StyleProps} from '@react-types/shared';\nimport {TooltipTriggerState} from '@react-stately/tooltip';\n\ninterface TooltipContextProps extends StyleProps {\n state?: TooltipTriggerState,\n ref?: RefObject<HTMLDivElement>,\n placement?: PlacementAxis,\n arrowProps?: HTMLAttributes<HTMLElement>\n}\n\nexport const TooltipContext = React.createContext<TooltipContextProps>({});\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {FocusableProvider} from '@react-aria/focus';\nimport {Overlay} from '@react-spectrum/overlays';\nimport React, {ReactElement, useRef} from 'react';\nimport {SpectrumTooltipTriggerProps} from '@react-types/tooltip';\nimport {TooltipContext} from './context';\nimport {useOverlayPosition} from '@react-aria/overlays';\nimport {useTooltipTrigger} from '@react-aria/tooltip';\nimport {useTooltipTriggerState} from '@react-stately/tooltip';\n\nconst DEFAULT_OFFSET = -1; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\n\nfunction TooltipTrigger(props: SpectrumTooltipTriggerProps) {\n let {\n children,\n crossOffset = DEFAULT_CROSS_OFFSET,\n isDisabled,\n offset = DEFAULT_OFFSET,\n trigger: triggerAction\n } = props;\n\n let [trigger, tooltip] = React.Children.toArray(children);\n\n let state = useTooltipTriggerState(props);\n\n let tooltipTriggerRef = useRef<HTMLElement>();\n let overlayRef = useRef<HTMLDivElement>();\n\n let {triggerProps, tooltipProps} = useTooltipTrigger({\n isDisabled,\n trigger: triggerAction\n }, state, tooltipTriggerRef);\n\n let {overlayProps, arrowProps, placement} = useOverlayPosition({\n placement: props.placement || 'top',\n targetRef: tooltipTriggerRef,\n overlayRef,\n offset,\n crossOffset,\n isOpen: state.isOpen\n });\n\n return (\n <FocusableProvider\n {...triggerProps}\n ref={tooltipTriggerRef}>\n {trigger}\n <TooltipContext.Provider\n value={{\n state,\n placement,\n ref: overlayRef,\n UNSAFE_style: overlayProps.style,\n arrowProps,\n ...tooltipProps\n }}>\n <Overlay isOpen={state.isOpen}>\n {tooltip}\n </Overlay>\n </TooltipContext.Provider>\n </FocusableProvider>\n );\n}\n\n// Support TooltipTrigger inside components using CollectionBuilder.\nTooltipTrigger.getCollectionNode = function* (props: SpectrumTooltipTriggerProps) {\n // Replaced the use of React.Childern.toArray because it mutates the key prop.\n let childArray: ReactElement[] = [];\n React.Children.forEach(props.children, child => {\n if (React.isValidElement(child)) {\n childArray.push(child);\n }\n });\n let [trigger, tooltip] = childArray;\n yield {\n element: trigger,\n wrapper: (element) => (\n <TooltipTrigger key={element.key} {...props}>\n {element}\n {tooltip}\n </TooltipTrigger>\n )\n };\n};\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\n// We don't want getCollectionNode to show up in the type definition\nlet _TooltipTrigger = TooltipTrigger as (props: SpectrumTooltipTriggerProps) => JSX.Element;\nexport {_TooltipTrigger as TooltipTrigger};\n"],"names":[],"version":3,"file":"main.js.map"}
package/dist/module.js CHANGED
@@ -1,182 +1,205 @@
1
- import { useTooltipTriggerState } from "@react-stately/tooltip";
2
- import { useOverlayPosition } from "@react-aria/overlays";
3
- import { Overlay } from "@react-spectrum/overlays";
4
- import { FocusableProvider } from "@react-aria/focus";
5
- import { useTooltip, useTooltipTrigger } from "@react-aria/tooltip";
6
- import _spectrumIconsUiSuccessSmall from "@spectrum-icons/ui/SuccessSmall";
7
- import _react, { useContext, useImperativeHandle, useRef } from "react";
8
- import { mergeProps } from "@react-aria/utils";
9
- import _spectrumIconsUiInfoSmall from "@spectrum-icons/ui/InfoSmall";
10
- import { classNames, createDOMRef, useStyleProps } from "@react-spectrum/utils";
11
- import _spectrumIconsUiAlertSmall from "@spectrum-icons/ui/AlertSmall";
12
- import _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
13
- import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
14
1
  import "./main.css";
2
+ import $GsYXh$spectrumiconsuiAlertSmall from "@spectrum-icons/ui/AlertSmall";
3
+ import {useStyleProps as $GsYXh$useStyleProps, createDOMRef as $GsYXh$createDOMRef, classNames as $GsYXh$classNames} from "@react-spectrum/utils";
4
+ import $GsYXh$spectrumiconsuiInfoSmall from "@spectrum-icons/ui/InfoSmall";
5
+ import {mergeProps as $GsYXh$mergeProps} from "@react-aria/utils";
6
+ import $GsYXh$react, {useContext as $GsYXh$useContext, useRef as $GsYXh$useRef, useImperativeHandle as $GsYXh$useImperativeHandle} from "react";
7
+ import $GsYXh$spectrumiconsuiSuccessSmall from "@spectrum-icons/ui/SuccessSmall";
8
+ import {useTooltip as $GsYXh$useTooltip, useTooltipTrigger as $GsYXh$useTooltipTrigger} from "@react-aria/tooltip";
9
+ import {FocusableProvider as $GsYXh$FocusableProvider} from "@react-aria/focus";
10
+ import {Overlay as $GsYXh$Overlay} from "@react-spectrum/overlays";
11
+ import {useOverlayPosition as $GsYXh$useOverlayPosition} from "@react-aria/overlays";
12
+ import {useTooltipTriggerState as $GsYXh$useTooltipTriggerState} from "@react-stately/tooltip";
15
13
 
16
14
  function $parcel$interopDefault(a) {
17
15
  return a && a.__esModule ? a.default : a;
18
16
  }
19
-
20
- // ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/tooltip/vars.css
21
- var $fce0adf931fbcb6e5bbc907c5444$exports = {};
22
- $fce0adf931fbcb6e5bbc907c5444$exports = {
23
- "spectrum-Tooltip": "_spectrum-Tooltip_23042",
24
- "is-open": "_is-open_23042",
25
- "spectrum-Tooltip--bottom": "_spectrum-Tooltip--bottom_23042",
26
- "spectrum-Tooltip--top": "_spectrum-Tooltip--top_23042",
27
- "spectrum-Tooltip--right": "_spectrum-Tooltip--right_23042",
28
- "spectrum-Tooltip--left": "_spectrum-Tooltip--left_23042",
29
- "spectrum-Tooltip-tip": "_spectrum-Tooltip-tip_23042",
30
- "spectrum-Tooltip-typeIcon": "_spectrum-Tooltip-typeIcon_23042",
31
- "spectrum-Tooltip-label": "_spectrum-Tooltip-label_23042",
32
- "u-tooltip-showOnHover": "_u-tooltip-showOnHover_23042",
33
- "is-hovered": "_is-hovered_23042",
34
- "is-focused": "_is-focused_23042",
35
- "spectrum-Tooltip--negative": "_spectrum-Tooltip--negative_23042",
36
- "spectrum-Tooltip--error": "_spectrum-Tooltip--error_23042",
37
- "spectrum-Tooltip--info": "_spectrum-Tooltip--info_23042",
38
- "spectrum-Tooltip--help": "_spectrum-Tooltip--help_23042",
39
- "spectrum-Tooltip--positive": "_spectrum-Tooltip--positive_23042",
40
- "spectrum-Tooltip--success": "_spectrum-Tooltip--success_23042"
41
- };
42
-
43
- const $d79690ed71d0e589905a11b2fa970c7$export$TooltipContext = /*#__PURE__*/_react.createContext({});
44
-
45
- let $bbf06d7c74e4575391edac06758d45$var$iconMap = {
46
- info: _spectrumIconsUiInfoSmall,
47
- positive: _spectrumIconsUiSuccessSmall,
48
- negative: _spectrumIconsUiAlertSmall
17
+ function $parcel$export(e, n, v, s) {
18
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
19
+ }
20
+ var $f5ff0a7b08ee263c$exports = {};
21
+
22
+ $parcel$export($f5ff0a7b08ee263c$exports, "Tooltip", () => $f5ff0a7b08ee263c$export$28c660c63b792dea);
23
+
24
+
25
+
26
+
27
+
28
+ var $efde1aa8ba0e052d$exports = {};
29
+
30
+ $parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip", () => $efde1aa8ba0e052d$export$f7bf7078d3d03f05, (v) => $efde1aa8ba0e052d$export$f7bf7078d3d03f05 = v);
31
+ $parcel$export($efde1aa8ba0e052d$exports, "is-open", () => $efde1aa8ba0e052d$export$a9781837241c946d, (v) => $efde1aa8ba0e052d$export$a9781837241c946d = v);
32
+ $parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--bottom", () => $efde1aa8ba0e052d$export$4f420a9bbb442953, (v) => $efde1aa8ba0e052d$export$4f420a9bbb442953 = v);
33
+ $parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--top", () => $efde1aa8ba0e052d$export$d7516df59e198fc7, (v) => $efde1aa8ba0e052d$export$d7516df59e198fc7 = v);
34
+ $parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--right", () => $efde1aa8ba0e052d$export$c094187772823b2e, (v) => $efde1aa8ba0e052d$export$c094187772823b2e = v);
35
+ $parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--left", () => $efde1aa8ba0e052d$export$47f060b68b4cab2c, (v) => $efde1aa8ba0e052d$export$47f060b68b4cab2c = v);
36
+ $parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip-tip", () => $efde1aa8ba0e052d$export$9deb89a7a91de30, (v) => $efde1aa8ba0e052d$export$9deb89a7a91de30 = v);
37
+ $parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip-typeIcon", () => $efde1aa8ba0e052d$export$ff23d46fee8272e4, (v) => $efde1aa8ba0e052d$export$ff23d46fee8272e4 = v);
38
+ $parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip-label", () => $efde1aa8ba0e052d$export$f4096e0dc445b255, (v) => $efde1aa8ba0e052d$export$f4096e0dc445b255 = v);
39
+ $parcel$export($efde1aa8ba0e052d$exports, "u-tooltip-showOnHover", () => $efde1aa8ba0e052d$export$6ea3237f62800d00, (v) => $efde1aa8ba0e052d$export$6ea3237f62800d00 = v);
40
+ $parcel$export($efde1aa8ba0e052d$exports, "is-hovered", () => $efde1aa8ba0e052d$export$b8813cd5d7824ce7, (v) => $efde1aa8ba0e052d$export$b8813cd5d7824ce7 = v);
41
+ $parcel$export($efde1aa8ba0e052d$exports, "is-focused", () => $efde1aa8ba0e052d$export$e7dc768d35940237, (v) => $efde1aa8ba0e052d$export$e7dc768d35940237 = v);
42
+ $parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--negative", () => $efde1aa8ba0e052d$export$92fe45b4260594f6, (v) => $efde1aa8ba0e052d$export$92fe45b4260594f6 = v);
43
+ $parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--error", () => $efde1aa8ba0e052d$export$2b291890a5577893, (v) => $efde1aa8ba0e052d$export$2b291890a5577893 = v);
44
+ $parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--info", () => $efde1aa8ba0e052d$export$e995d5780591d0a8, (v) => $efde1aa8ba0e052d$export$e995d5780591d0a8 = v);
45
+ $parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--help", () => $efde1aa8ba0e052d$export$d33ca445ae528241, (v) => $efde1aa8ba0e052d$export$d33ca445ae528241 = v);
46
+ $parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--positive", () => $efde1aa8ba0e052d$export$11cbf31e1b6e51ac, (v) => $efde1aa8ba0e052d$export$11cbf31e1b6e51ac = v);
47
+ $parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--success", () => $efde1aa8ba0e052d$export$4eae622bc9b08cac, (v) => $efde1aa8ba0e052d$export$4eae622bc9b08cac = v);
48
+ var $efde1aa8ba0e052d$export$f7bf7078d3d03f05;
49
+ var $efde1aa8ba0e052d$export$a9781837241c946d;
50
+ var $efde1aa8ba0e052d$export$4f420a9bbb442953;
51
+ var $efde1aa8ba0e052d$export$d7516df59e198fc7;
52
+ var $efde1aa8ba0e052d$export$c094187772823b2e;
53
+ var $efde1aa8ba0e052d$export$47f060b68b4cab2c;
54
+ var $efde1aa8ba0e052d$export$9deb89a7a91de30;
55
+ var $efde1aa8ba0e052d$export$ff23d46fee8272e4;
56
+ var $efde1aa8ba0e052d$export$f4096e0dc445b255;
57
+ var $efde1aa8ba0e052d$export$6ea3237f62800d00;
58
+ var $efde1aa8ba0e052d$export$b8813cd5d7824ce7;
59
+ var $efde1aa8ba0e052d$export$e7dc768d35940237;
60
+ var $efde1aa8ba0e052d$export$92fe45b4260594f6;
61
+ var $efde1aa8ba0e052d$export$2b291890a5577893;
62
+ var $efde1aa8ba0e052d$export$e995d5780591d0a8;
63
+ var $efde1aa8ba0e052d$export$d33ca445ae528241;
64
+ var $efde1aa8ba0e052d$export$11cbf31e1b6e51ac;
65
+ var $efde1aa8ba0e052d$export$4eae622bc9b08cac;
66
+ $efde1aa8ba0e052d$export$f7bf7078d3d03f05 = "spectrum-Tooltip_22ae94";
67
+ $efde1aa8ba0e052d$export$a9781837241c946d = "is-open_22ae94";
68
+ $efde1aa8ba0e052d$export$4f420a9bbb442953 = "spectrum-Tooltip--bottom_22ae94";
69
+ $efde1aa8ba0e052d$export$d7516df59e198fc7 = "spectrum-Tooltip--top_22ae94";
70
+ $efde1aa8ba0e052d$export$c094187772823b2e = "spectrum-Tooltip--right_22ae94";
71
+ $efde1aa8ba0e052d$export$47f060b68b4cab2c = "spectrum-Tooltip--left_22ae94";
72
+ $efde1aa8ba0e052d$export$9deb89a7a91de30 = "spectrum-Tooltip-tip_22ae94";
73
+ $efde1aa8ba0e052d$export$ff23d46fee8272e4 = "spectrum-Tooltip-typeIcon_22ae94";
74
+ $efde1aa8ba0e052d$export$f4096e0dc445b255 = "spectrum-Tooltip-label_22ae94";
75
+ $efde1aa8ba0e052d$export$6ea3237f62800d00 = "u-tooltip-showOnHover_22ae94";
76
+ $efde1aa8ba0e052d$export$b8813cd5d7824ce7 = "is-hovered_22ae94";
77
+ $efde1aa8ba0e052d$export$e7dc768d35940237 = "is-focused_22ae94";
78
+ $efde1aa8ba0e052d$export$92fe45b4260594f6 = "spectrum-Tooltip--negative_22ae94";
79
+ $efde1aa8ba0e052d$export$2b291890a5577893 = "spectrum-Tooltip--error_22ae94";
80
+ $efde1aa8ba0e052d$export$e995d5780591d0a8 = "spectrum-Tooltip--info_22ae94";
81
+ $efde1aa8ba0e052d$export$d33ca445ae528241 = "spectrum-Tooltip--help_22ae94";
82
+ $efde1aa8ba0e052d$export$11cbf31e1b6e51ac = "spectrum-Tooltip--positive_22ae94";
83
+ $efde1aa8ba0e052d$export$4eae622bc9b08cac = "spectrum-Tooltip--success_22ae94";
84
+
85
+
86
+
87
+
88
+ const $aa93b9f151774347$export$39ae08fa83328b12 = $GsYXh$react.createContext({
89
+ });
90
+
91
+
92
+
93
+ let $f5ff0a7b08ee263c$var$iconMap = {
94
+ info: $GsYXh$spectrumiconsuiInfoSmall,
95
+ positive: $GsYXh$spectrumiconsuiSuccessSmall,
96
+ negative: $GsYXh$spectrumiconsuiAlertSmall
49
97
  };
50
- var $fce0adf931fbcb6e5bbc907c5444$$interop$default = $parcel$interopDefault($fce0adf931fbcb6e5bbc907c5444$exports);
51
-
52
- function $bbf06d7c74e4575391edac06758d45$var$Tooltip(props, ref) {
53
- let _useContext = useContext($d79690ed71d0e589905a11b2fa970c7$export$TooltipContext),
54
- {
55
- ref: overlayRef,
56
- arrowProps,
57
- state
58
- } = _useContext,
59
- tooltipProviderProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(_useContext, ["ref", "arrowProps", "state"]);
60
-
61
- let defaultRef = useRef();
62
- overlayRef = overlayRef || defaultRef;
63
- props = mergeProps(props, tooltipProviderProps);
64
-
65
- let {
66
- variant = 'neutral',
67
- placement = 'top',
68
- isOpen,
69
- showIcon
70
- } = props,
71
- otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["variant", "placement", "isOpen", "showIcon"]);
72
-
73
- let {
74
- styleProps
75
- } = useStyleProps(otherProps);
76
- let {
77
- tooltipProps
78
- } = useTooltip(props, state); // Sync ref with overlayRef from context.
79
-
80
- useImperativeHandle(ref, () => createDOMRef(overlayRef));
81
- let Icon = $bbf06d7c74e4575391edac06758d45$var$iconMap[variant];
82
- return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({}, styleProps, tooltipProps, {
83
- className: classNames($fce0adf931fbcb6e5bbc907c5444$$interop$default, 'spectrum-Tooltip', "spectrum-Tooltip--" + variant, "spectrum-Tooltip--" + placement, {
84
- 'is-open': isOpen
85
- }, styleProps.className),
86
- ref: overlayRef
87
- }), showIcon && variant !== 'neutral' && /*#__PURE__*/_react.createElement(Icon, {
88
- UNSAFE_className: classNames($fce0adf931fbcb6e5bbc907c5444$$interop$default, 'spectrum-Tooltip-typeIcon'),
89
- "aria-hidden": true
90
- }), props.children && /*#__PURE__*/_react.createElement("span", {
91
- className: classNames($fce0adf931fbcb6e5bbc907c5444$$interop$default, 'spectrum-Tooltip-label')
92
- }, props.children), /*#__PURE__*/_react.createElement("span", _babelRuntimeHelpersEsmExtends({}, arrowProps, {
93
- className: classNames($fce0adf931fbcb6e5bbc907c5444$$interop$default, 'spectrum-Tooltip-tip')
94
- })));
98
+ function $f5ff0a7b08ee263c$var$Tooltip(props, ref) {
99
+ let { ref: overlayRef , arrowProps: arrowProps , state: state , ...tooltipProviderProps } = $GsYXh$useContext($aa93b9f151774347$export$39ae08fa83328b12);
100
+ let defaultRef = $GsYXh$useRef();
101
+ overlayRef = overlayRef || defaultRef;
102
+ props = $GsYXh$mergeProps(props, tooltipProviderProps);
103
+ let { variant: variant = 'neutral' , placement: placement = 'top' , isOpen: isOpen , showIcon: showIcon , ...otherProps } = props;
104
+ let { styleProps: styleProps } = $GsYXh$useStyleProps(otherProps);
105
+ let { tooltipProps: tooltipProps } = $GsYXh$useTooltip(props, state);
106
+ // Sync ref with overlayRef from context.
107
+ $GsYXh$useImperativeHandle(ref, ()=>$GsYXh$createDOMRef(overlayRef)
108
+ );
109
+ let Icon = $f5ff0a7b08ee263c$var$iconMap[variant];
110
+ return(/*#__PURE__*/ $GsYXh$react.createElement("div", {
111
+ ...styleProps,
112
+ ...tooltipProps,
113
+ className: $GsYXh$classNames((/*@__PURE__*/$parcel$interopDefault($efde1aa8ba0e052d$exports)), 'spectrum-Tooltip', `spectrum-Tooltip--${variant}`, `spectrum-Tooltip--${placement}`, {
114
+ 'is-open': isOpen
115
+ }, styleProps.className),
116
+ ref: overlayRef
117
+ }, showIcon && variant !== 'neutral' && /*#__PURE__*/ $GsYXh$react.createElement(Icon, {
118
+ UNSAFE_className: $GsYXh$classNames((/*@__PURE__*/$parcel$interopDefault($efde1aa8ba0e052d$exports)), 'spectrum-Tooltip-typeIcon'),
119
+ "aria-hidden": true
120
+ }), props.children && /*#__PURE__*/ $GsYXh$react.createElement("span", {
121
+ className: $GsYXh$classNames((/*@__PURE__*/$parcel$interopDefault($efde1aa8ba0e052d$exports)), 'spectrum-Tooltip-label')
122
+ }, props.children), /*#__PURE__*/ $GsYXh$react.createElement("span", {
123
+ ...arrowProps,
124
+ className: $GsYXh$classNames((/*@__PURE__*/$parcel$interopDefault($efde1aa8ba0e052d$exports)), 'spectrum-Tooltip-tip')
125
+ })));
95
126
  }
96
127
  /**
97
128
  * Display container for Tooltip content. Has a directional arrow dependent on its placement.
98
- */
99
-
100
-
101
- export let Tooltip = /*#__PURE__*/_react.forwardRef($bbf06d7c74e4575391edac06758d45$var$Tooltip);
102
- const $af9462b3a75853dd6b5cae0d0c0ce5a$var$DEFAULT_OFFSET = -1; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button
103
-
104
- const $af9462b3a75853dd6b5cae0d0c0ce5a$var$DEFAULT_CROSS_OFFSET = 0;
105
-
106
- function $af9462b3a75853dd6b5cae0d0c0ce5a$var$TooltipTrigger(props) {
107
- let {
108
- children,
109
- crossOffset = $af9462b3a75853dd6b5cae0d0c0ce5a$var$DEFAULT_CROSS_OFFSET,
110
- isDisabled,
111
- offset = $af9462b3a75853dd6b5cae0d0c0ce5a$var$DEFAULT_OFFSET,
112
- trigger: triggerAction
113
- } = props;
114
-
115
- let [trigger, tooltip] = _react.Children.toArray(children);
116
-
117
- let state = useTooltipTriggerState(props);
118
- let tooltipTriggerRef = useRef();
119
- let overlayRef = useRef();
120
- let {
121
- triggerProps,
122
- tooltipProps
123
- } = useTooltipTrigger({
124
- isDisabled,
125
- trigger: triggerAction
126
- }, state, tooltipTriggerRef);
127
- let {
128
- overlayProps,
129
- arrowProps,
130
- placement
131
- } = useOverlayPosition({
132
- placement: props.placement || 'top',
133
- targetRef: tooltipTriggerRef,
134
- overlayRef,
135
- offset,
136
- crossOffset,
137
- isOpen: state.isOpen
138
- });
139
- return /*#__PURE__*/_react.createElement(FocusableProvider, _babelRuntimeHelpersEsmExtends({}, triggerProps, {
140
- ref: tooltipTriggerRef
141
- }), trigger, /*#__PURE__*/_react.createElement($d79690ed71d0e589905a11b2fa970c7$export$TooltipContext.Provider, {
142
- value: _babelRuntimeHelpersEsmExtends({
143
- state,
144
- placement,
145
- ref: overlayRef,
146
- UNSAFE_style: overlayProps.style,
147
- arrowProps
148
- }, tooltipProps)
149
- }, /*#__PURE__*/_react.createElement(Overlay, {
150
- isOpen: state.isOpen
151
- }, tooltip)));
152
- } // Support TooltipTrigger inside components using CollectionBuilder.
153
-
154
-
155
- $af9462b3a75853dd6b5cae0d0c0ce5a$var$TooltipTrigger.getCollectionNode = function* (props) {
156
- // Replaced the use of React.Childern.toArray because it mutates the key prop.
157
- let childArray = [];
158
-
159
- _react.Children.forEach(props.children, child => {
160
- if ( /*#__PURE__*/_react.isValidElement(child)) {
161
- childArray.push(child);
162
- }
163
- });
164
-
165
- let [trigger, tooltip] = childArray;
166
- yield {
167
- element: trigger,
168
- wrapper: element => /*#__PURE__*/_react.createElement($af9462b3a75853dd6b5cae0d0c0ce5a$var$TooltipTrigger, _babelRuntimeHelpersEsmExtends({
169
- key: element.key
170
- }, props), element, tooltip)
171
- };
129
+ */ let $f5ff0a7b08ee263c$export$28c660c63b792dea = /*#__PURE__*/ $GsYXh$react.forwardRef($f5ff0a7b08ee263c$var$Tooltip);
130
+
131
+
132
+ var $7fb69c4f37e1dfe6$exports = {};
133
+
134
+ $parcel$export($7fb69c4f37e1dfe6$exports, "TooltipTrigger", () => $7fb69c4f37e1dfe6$export$8c610744efcf8a1d);
135
+
136
+
137
+
138
+
139
+
140
+
141
+
142
+ const $7fb69c4f37e1dfe6$var$DEFAULT_OFFSET = -1; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button
143
+ const $7fb69c4f37e1dfe6$var$DEFAULT_CROSS_OFFSET = 0;
144
+ function $7fb69c4f37e1dfe6$var$TooltipTrigger(props) {
145
+ let { children: children , crossOffset: crossOffset = $7fb69c4f37e1dfe6$var$DEFAULT_CROSS_OFFSET , isDisabled: isDisabled , offset: offset = $7fb69c4f37e1dfe6$var$DEFAULT_OFFSET , trigger: triggerAction } = props;
146
+ let [trigger, tooltip] = $GsYXh$react.Children.toArray(children);
147
+ let state = $GsYXh$useTooltipTriggerState(props);
148
+ let tooltipTriggerRef = $GsYXh$useRef();
149
+ let overlayRef = $GsYXh$useRef();
150
+ let { triggerProps: triggerProps , tooltipProps: tooltipProps } = $GsYXh$useTooltipTrigger({
151
+ isDisabled: isDisabled,
152
+ trigger: triggerAction
153
+ }, state, tooltipTriggerRef);
154
+ let { overlayProps: overlayProps , arrowProps: arrowProps , placement: placement } = $GsYXh$useOverlayPosition({
155
+ placement: props.placement || 'top',
156
+ targetRef: tooltipTriggerRef,
157
+ overlayRef: overlayRef,
158
+ offset: offset,
159
+ crossOffset: crossOffset,
160
+ isOpen: state.isOpen
161
+ });
162
+ return(/*#__PURE__*/ $GsYXh$react.createElement($GsYXh$FocusableProvider, {
163
+ ...triggerProps,
164
+ ref: tooltipTriggerRef
165
+ }, trigger, /*#__PURE__*/ $GsYXh$react.createElement($aa93b9f151774347$export$39ae08fa83328b12.Provider, {
166
+ value: {
167
+ state: state,
168
+ placement: placement,
169
+ ref: overlayRef,
170
+ UNSAFE_style: overlayProps.style,
171
+ arrowProps: arrowProps,
172
+ ...tooltipProps
173
+ }
174
+ }, /*#__PURE__*/ $GsYXh$react.createElement($GsYXh$Overlay, {
175
+ isOpen: state.isOpen
176
+ }, tooltip))));
177
+ }
178
+ // Support TooltipTrigger inside components using CollectionBuilder.
179
+ $7fb69c4f37e1dfe6$var$TooltipTrigger.getCollectionNode = function*(props) {
180
+ // Replaced the use of React.Childern.toArray because it mutates the key prop.
181
+ let childArray = [];
182
+ $GsYXh$react.Children.forEach(props.children, (child)=>{
183
+ if (/*#__PURE__*/ $GsYXh$react.isValidElement(child)) childArray.push(child);
184
+ });
185
+ let [trigger, tooltip] = childArray;
186
+ yield {
187
+ element: trigger,
188
+ wrapper: (element)=>/*#__PURE__*/ $GsYXh$react.createElement($7fb69c4f37e1dfe6$var$TooltipTrigger, {
189
+ key: element.key,
190
+ ...props
191
+ }, element, tooltip)
192
+ };
172
193
  };
173
194
  /**
174
195
  * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing
175
196
  * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip
176
197
  * relative to the trigger.
177
- */
178
- // We don't want getCollectionNode to show up in the type definition
198
+ */ // We don't want getCollectionNode to show up in the type definition
199
+ let $7fb69c4f37e1dfe6$export$8c610744efcf8a1d = $7fb69c4f37e1dfe6$var$TooltipTrigger;
200
+
201
+
179
202
 
180
203
 
181
- export let TooltipTrigger = $af9462b3a75853dd6b5cae0d0c0ce5a$var$TooltipTrigger;
204
+ export {$f5ff0a7b08ee263c$export$28c660c63b792dea as Tooltip, $7fb69c4f37e1dfe6$export$8c610744efcf8a1d as TooltipTrigger};
182
205
  //# sourceMappingURL=module.js.map
@@ -1 +1 @@
1
- {"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/tooltip/vars.css","./packages/@react-spectrum/tooltip/src/context.ts","./packages/@react-spectrum/tooltip/src/Tooltip.tsx","./packages/@react-spectrum/tooltip/src/TooltipTrigger.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' || key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {PlacementAxis} from '@react-types/overlays';\nimport React, {HTMLAttributes, RefObject} from 'react';\nimport {StyleProps} from '@react-types/shared';\nimport {TooltipTriggerState} from '@react-stately/tooltip';\n\ninterface TooltipContextProps extends StyleProps {\n state?: TooltipTriggerState,\n ref?: RefObject<HTMLDivElement>,\n placement?: PlacementAxis,\n arrowProps?: HTMLAttributes<HTMLElement>\n}\n\nexport const TooltipContext = React.createContext<TooltipContextProps>({});\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertSmall from '@spectrum-icons/ui/AlertSmall';\nimport {classNames, createDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport InfoSmall from '@spectrum-icons/ui/InfoSmall';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useContext, useImperativeHandle, useRef} from 'react';\nimport {SpectrumTooltipProps} from '@react-types/tooltip';\nimport styles from '@adobe/spectrum-css-temp/components/tooltip/vars.css';\nimport SuccessSmall from '@spectrum-icons/ui/SuccessSmall';\nimport {TooltipContext} from './context';\nimport {useTooltip} from '@react-aria/tooltip';\n\nlet iconMap = {\n info: InfoSmall,\n positive: SuccessSmall,\n negative: AlertSmall\n};\n\nfunction Tooltip(props: SpectrumTooltipProps, ref: DOMRef) {\n let {ref: overlayRef, arrowProps, state, ...tooltipProviderProps} = useContext(TooltipContext);\n let defaultRef = useRef();\n overlayRef = overlayRef || defaultRef;\n props = mergeProps(props, tooltipProviderProps);\n let {\n variant = 'neutral',\n placement = 'top',\n isOpen,\n showIcon,\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n let {tooltipProps} = useTooltip(props, state);\n\n // Sync ref with overlayRef from context.\n useImperativeHandle(ref, () => createDOMRef(overlayRef));\n\n let Icon = iconMap[variant];\n\n return (\n <div\n {...styleProps}\n {...tooltipProps}\n className={classNames(\n styles,\n 'spectrum-Tooltip',\n `spectrum-Tooltip--${variant}`,\n `spectrum-Tooltip--${placement}`,\n {\n 'is-open': isOpen\n },\n styleProps.className\n )}\n ref={overlayRef}>\n {showIcon && variant !== 'neutral' && <Icon UNSAFE_className={classNames(styles, 'spectrum-Tooltip-typeIcon')} aria-hidden />}\n {props.children && (\n <span className={classNames(styles, 'spectrum-Tooltip-label')}>\n {props.children}\n </span>\n )}\n <span {...arrowProps} className={classNames(styles, 'spectrum-Tooltip-tip')} />\n </div>\n );\n}\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nlet _Tooltip = React.forwardRef(Tooltip);\nexport {_Tooltip as Tooltip};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {FocusableProvider} from '@react-aria/focus';\nimport {Overlay} from '@react-spectrum/overlays';\nimport React, {ReactElement, useRef} from 'react';\nimport {SpectrumTooltipTriggerProps} from '@react-types/tooltip';\nimport {TooltipContext} from './context';\nimport {useOverlayPosition} from '@react-aria/overlays';\nimport {useTooltipTrigger} from '@react-aria/tooltip';\nimport {useTooltipTriggerState} from '@react-stately/tooltip';\n\nconst DEFAULT_OFFSET = -1; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\n\nfunction TooltipTrigger(props: SpectrumTooltipTriggerProps) {\n let {\n children,\n crossOffset = DEFAULT_CROSS_OFFSET,\n isDisabled,\n offset = DEFAULT_OFFSET,\n trigger: triggerAction\n } = props;\n\n let [trigger, tooltip] = React.Children.toArray(children);\n\n let state = useTooltipTriggerState(props);\n\n let tooltipTriggerRef = useRef<HTMLElement>();\n let overlayRef = useRef<HTMLDivElement>();\n\n let {triggerProps, tooltipProps} = useTooltipTrigger({\n isDisabled,\n trigger: triggerAction\n }, state, tooltipTriggerRef);\n\n let {overlayProps, arrowProps, placement} = useOverlayPosition({\n placement: props.placement || 'top',\n targetRef: tooltipTriggerRef,\n overlayRef,\n offset,\n crossOffset,\n isOpen: state.isOpen\n });\n\n return (\n <FocusableProvider\n {...triggerProps}\n ref={tooltipTriggerRef}>\n {trigger}\n <TooltipContext.Provider\n value={{\n state,\n placement,\n ref: overlayRef,\n UNSAFE_style: overlayProps.style,\n arrowProps,\n ...tooltipProps\n }}>\n <Overlay isOpen={state.isOpen}>\n {tooltip}\n </Overlay>\n </TooltipContext.Provider>\n </FocusableProvider>\n );\n}\n\n// Support TooltipTrigger inside components using CollectionBuilder.\nTooltipTrigger.getCollectionNode = function* (props: SpectrumTooltipTriggerProps) {\n // Replaced the use of React.Childern.toArray because it mutates the key prop.\n let childArray: ReactElement[] = [];\n React.Children.forEach(props.children, child => {\n if (React.isValidElement(child)) {\n childArray.push(child);\n }\n });\n let [trigger, tooltip] = childArray;\n yield {\n element: trigger,\n wrapper: (element) => (\n <TooltipTrigger key={element.key} {...props}>\n {element}\n {tooltip}\n </TooltipTrigger>\n )\n };\n};\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\n// We don't want getCollectionNode to show up in the type definition\nlet _TooltipTrigger = TooltipTrigger as (props: SpectrumTooltipTriggerProps) => JSX.Element;\nexport {_TooltipTrigger as TooltipTrigger};\n"],"names":["$parcel$interopDefault","a","__esModule","default","TooltipContext","React","createContext","iconMap","info","InfoSmall","positive","SuccessSmall","negative","AlertSmall","Tooltip","props","ref","useContext","overlayRef","arrowProps","state","tooltipProviderProps","defaultRef","useRef","mergeProps","variant","placement","isOpen","showIcon","otherProps","styleProps","useStyleProps","tooltipProps","useTooltip","useImperativeHandle","createDOMRef","Icon","classNames","className","children","_Tooltip","forwardRef","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","TooltipTrigger","crossOffset","isDisabled","offset","trigger","triggerAction","tooltip","Children","toArray","useTooltipTriggerState","tooltipTriggerRef","triggerProps","useTooltipTrigger","overlayProps","useOverlayPosition","targetRef","UNSAFE_style","style","getCollectionNode","childArray","forEach","child","isValidElement","push","element","wrapper","key","_TooltipTrigger"],"version":3,"file":"module.js.map"}
1
+ {"mappings":"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","sources":["packages/@react-spectrum/tooltip/src/index.ts","packages/@react-spectrum/tooltip/src/Tooltip.tsx","packages/@adobe/spectrum-css-temp/components/tooltip/vars.css","packages/@react-spectrum/tooltip/src/context.ts","packages/@react-spectrum/tooltip/src/TooltipTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport * from './Tooltip';\nexport * from './TooltipTrigger';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertSmall from '@spectrum-icons/ui/AlertSmall';\nimport {classNames, createDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport InfoSmall from '@spectrum-icons/ui/InfoSmall';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useContext, useImperativeHandle, useRef} from 'react';\nimport {SpectrumTooltipProps} from '@react-types/tooltip';\nimport styles from '@adobe/spectrum-css-temp/components/tooltip/vars.css';\nimport SuccessSmall from '@spectrum-icons/ui/SuccessSmall';\nimport {TooltipContext} from './context';\nimport {useTooltip} from '@react-aria/tooltip';\n\nlet iconMap = {\n info: InfoSmall,\n positive: SuccessSmall,\n negative: AlertSmall\n};\n\nfunction Tooltip(props: SpectrumTooltipProps, ref: DOMRef) {\n let {ref: overlayRef, arrowProps, state, ...tooltipProviderProps} = useContext(TooltipContext);\n let defaultRef = useRef();\n overlayRef = overlayRef || defaultRef;\n props = mergeProps(props, tooltipProviderProps);\n let {\n variant = 'neutral',\n placement = 'top',\n isOpen,\n showIcon,\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n let {tooltipProps} = useTooltip(props, state);\n\n // Sync ref with overlayRef from context.\n useImperativeHandle(ref, () => createDOMRef(overlayRef));\n\n let Icon = iconMap[variant];\n\n return (\n <div\n {...styleProps}\n {...tooltipProps}\n className={classNames(\n styles,\n 'spectrum-Tooltip',\n `spectrum-Tooltip--${variant}`,\n `spectrum-Tooltip--${placement}`,\n {\n 'is-open': isOpen\n },\n styleProps.className\n )}\n ref={overlayRef}>\n {showIcon && variant !== 'neutral' && <Icon UNSAFE_className={classNames(styles, 'spectrum-Tooltip-typeIcon')} aria-hidden />}\n {props.children && (\n <span className={classNames(styles, 'spectrum-Tooltip-label')}>\n {props.children}\n </span>\n )}\n <span {...arrowProps} className={classNames(styles, 'spectrum-Tooltip-tip')} />\n </div>\n );\n}\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nlet _Tooltip = React.forwardRef(Tooltip);\nexport {_Tooltip as Tooltip};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {PlacementAxis} from '@react-types/overlays';\nimport React, {HTMLAttributes, RefObject} from 'react';\nimport {StyleProps} from '@react-types/shared';\nimport {TooltipTriggerState} from '@react-stately/tooltip';\n\ninterface TooltipContextProps extends StyleProps {\n state?: TooltipTriggerState,\n ref?: RefObject<HTMLDivElement>,\n placement?: PlacementAxis,\n arrowProps?: HTMLAttributes<HTMLElement>\n}\n\nexport const TooltipContext = React.createContext<TooltipContextProps>({});\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {FocusableProvider} from '@react-aria/focus';\nimport {Overlay} from '@react-spectrum/overlays';\nimport React, {ReactElement, useRef} from 'react';\nimport {SpectrumTooltipTriggerProps} from '@react-types/tooltip';\nimport {TooltipContext} from './context';\nimport {useOverlayPosition} from '@react-aria/overlays';\nimport {useTooltipTrigger} from '@react-aria/tooltip';\nimport {useTooltipTriggerState} from '@react-stately/tooltip';\n\nconst DEFAULT_OFFSET = -1; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\n\nfunction TooltipTrigger(props: SpectrumTooltipTriggerProps) {\n let {\n children,\n crossOffset = DEFAULT_CROSS_OFFSET,\n isDisabled,\n offset = DEFAULT_OFFSET,\n trigger: triggerAction\n } = props;\n\n let [trigger, tooltip] = React.Children.toArray(children);\n\n let state = useTooltipTriggerState(props);\n\n let tooltipTriggerRef = useRef<HTMLElement>();\n let overlayRef = useRef<HTMLDivElement>();\n\n let {triggerProps, tooltipProps} = useTooltipTrigger({\n isDisabled,\n trigger: triggerAction\n }, state, tooltipTriggerRef);\n\n let {overlayProps, arrowProps, placement} = useOverlayPosition({\n placement: props.placement || 'top',\n targetRef: tooltipTriggerRef,\n overlayRef,\n offset,\n crossOffset,\n isOpen: state.isOpen\n });\n\n return (\n <FocusableProvider\n {...triggerProps}\n ref={tooltipTriggerRef}>\n {trigger}\n <TooltipContext.Provider\n value={{\n state,\n placement,\n ref: overlayRef,\n UNSAFE_style: overlayProps.style,\n arrowProps,\n ...tooltipProps\n }}>\n <Overlay isOpen={state.isOpen}>\n {tooltip}\n </Overlay>\n </TooltipContext.Provider>\n </FocusableProvider>\n );\n}\n\n// Support TooltipTrigger inside components using CollectionBuilder.\nTooltipTrigger.getCollectionNode = function* (props: SpectrumTooltipTriggerProps) {\n // Replaced the use of React.Childern.toArray because it mutates the key prop.\n let childArray: ReactElement[] = [];\n React.Children.forEach(props.children, child => {\n if (React.isValidElement(child)) {\n childArray.push(child);\n }\n });\n let [trigger, tooltip] = childArray;\n yield {\n element: trigger,\n wrapper: (element) => (\n <TooltipTrigger key={element.key} {...props}>\n {element}\n {tooltip}\n </TooltipTrigger>\n )\n };\n};\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\n// We don't want getCollectionNode to show up in the type definition\nlet _TooltipTrigger = TooltipTrigger as (props: SpectrumTooltipTriggerProps) => JSX.Element;\nexport {_TooltipTrigger as TooltipTrigger};\n"],"names":[],"version":3,"file":"module.js.map"}
@@ -1 +1 @@
1
- {"mappings":"A;A;AC4EA;A;GAEG;AACH,OAAA,IAAI,4IAAoC,CAAC;ACkBzC;A;A;A;GAIG;AAEH,OAAA,IAAI,mEAAuF,CAAC","sources":["./packages/@react-spectrum/tooltip/src/packages/@react-spectrum/tooltip/src/context.ts","./packages/@react-spectrum/tooltip/src/packages/@react-spectrum/tooltip/src/Tooltip.tsx","./packages/@react-spectrum/tooltip/src/packages/@react-spectrum/tooltip/src/TooltipTrigger.tsx","./packages/@react-spectrum/tooltip/src/packages/@react-spectrum/tooltip/src/index.ts"],"sourcesContent":[null,null,null,null],"names":[],"version":3,"file":"types.d.ts.map"}
1
+ {"mappings":";;AC4EA;;GAEG;AACH,OAAA,IAAI,4IAAoC,CAAC;ACkBzC;;;;GAIG;AAEH,OAAA,IAAI,wBAA4C,2BAA2B,KAAK,WAAW,CAAC","sources":["packages/@react-spectrum/tooltip/src/packages/@react-spectrum/tooltip/src/context.ts","packages/@react-spectrum/tooltip/src/packages/@react-spectrum/tooltip/src/Tooltip.tsx","packages/@react-spectrum/tooltip/src/packages/@react-spectrum/tooltip/src/TooltipTrigger.tsx","packages/@react-spectrum/tooltip/src/packages/@react-spectrum/tooltip/src/index.ts","packages/@react-spectrum/tooltip/src/index.ts"],"sourcesContent":[null,null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport * from './Tooltip';\nexport * from './TooltipTrigger';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/tooltip",
3
- "version": "3.1.4",
3
+ "version": "3.1.5",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -32,19 +32,19 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@babel/runtime": "^7.6.2",
35
- "@react-aria/focus": "^3.4.1",
36
- "@react-aria/interactions": "^3.5.1",
37
- "@react-aria/overlays": "^3.7.2",
38
- "@react-aria/tooltip": "^3.1.3",
39
- "@react-aria/utils": "^3.8.2",
40
- "@react-spectrum/overlays": "^3.4.4",
41
- "@react-spectrum/utils": "^3.6.2",
42
- "@react-stately/tooltip": "^3.0.5",
43
- "@react-stately/utils": "^3.2.2",
44
- "@react-types/overlays": "^3.5.1",
45
- "@react-types/shared": "^3.8.0",
46
- "@react-types/tooltip": "^3.1.2",
47
- "@spectrum-icons/ui": "^3.2.1"
35
+ "@react-aria/focus": "^3.5.1",
36
+ "@react-aria/interactions": "^3.8.0",
37
+ "@react-aria/overlays": "^3.7.4",
38
+ "@react-aria/tooltip": "^3.1.4",
39
+ "@react-aria/utils": "^3.11.1",
40
+ "@react-spectrum/overlays": "^3.4.5",
41
+ "@react-spectrum/utils": "^3.6.4",
42
+ "@react-stately/tooltip": "^3.0.6",
43
+ "@react-stately/utils": "^3.4.0",
44
+ "@react-types/overlays": "^3.5.2",
45
+ "@react-types/shared": "^3.11.0",
46
+ "@react-types/tooltip": "^3.1.3",
47
+ "@spectrum-icons/ui": "^3.2.2"
48
48
  },
49
49
  "devDependencies": {
50
50
  "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
@@ -57,5 +57,5 @@
57
57
  "publishConfig": {
58
58
  "access": "public"
59
59
  },
60
- "gitHead": "9204e1b8cb61dac767e91087fb16203611dc67c5"
60
+ "gitHead": "54c2366c4f31bd4bf619126131cd583c12972acc"
61
61
  }
package/dist/main.css.map DELETED
@@ -1 +0,0 @@
1
- {"mappings":"AAYA,yBACE,iBAAkB,CAElB,SAAU,CAEV,yFAE+E,CAE/E,mBACF,CAEA,wCACE,kBAAmB,CAGnB,aAAe,CAEf,oBAAqB,CAErB,mBACF,CAEA,gDACE,yEACF,CAEA,6CAOE,yEACF,CAEA,+CACE,yEACF,CAEA,8CACE,yEACF,CClCA,yBAGE,iBAAkB,CAElB,0BAAoB,CAApB,mBAAoB,CACpB,sBAAmB,CAAnB,kBAAmB,CACnB,qBAAmB,CAAnB,kBAAmB,CACnB,qBAAsB,CAEtB,kBAAmB,CAEnB,UAAiB,CACjB,0FAA8E,CAC9E,sDAAoD,CACpD,oDAAkD,CAElD,uDAA4C,CAC5C,0DAAqD,CACrD,0DAAqD,CACrD,qBAAsB,CACtB,kCAAmC,CAOjC,cAAe,CACf,wBAAyB,CAEzB,oBAAqB,CACrB,gBAMJ,CAHE,2BACE,QACF,CAGF,6BACE,iBAAkB,CAElB,QAAS,CACT,OAAQ,CAER,yDAA+C,CAC/C,sBAAmB,CACnB,sEAA8B,CAC9B,uEAA+B,CAC/B,wEACF,CAIE,yHACE,OAAQ,CACR,8DACF,CAGF,gCACE,oDAQF,CAJE,6DACE,UAAW,CACX,uBACF,CAGF,+BACE,qDAQF,CAJE,4DACE,SAAU,CACV,wBACF,CAGF,8BACE,sDAOF,CAHE,2DACE,QACF,CAGF,iCACE,mDAQF,CAJE,8DACE,WAAY,CACZ,yBACF,CAKA,yHACE,QAAS,CACT,+DACF,CAGF,4CACE,uGAQF,CATA,4CACE,wGAQF,CATA,4CAEE,sDAOF,CATA,4CAEE,qDAOF,CATA,kCAGE,+CAA8C,CAC9C,gDAA6C,CAC7C,yBAAsB,CAAtB,qBAAsB,CAGtB,cACF,CAEA,+BACE,mDAA0D,CAG1D,0DACF,CAEA,8BACE,oBAAqB,CACrB,iBAoFF,CAlFE,uDACE,iBAAkB,CAClB,kBAAmB,CAEnB,4BAA8B,CAC9B,qCAA+E,CAC/E,SACF,CAEA,6DAEE,cACF,CAKE,gTACE,OACF,CAGF,8DACE,SAAU,CACV,0BACF,CAEA,6DACE,+BACF,CAKE,gTACE,QACF,CAGF,+DACE,QAAS,CACT,6EACF,CAEA,4DACE,kEACF,CAEA,6QAIE,SACF,CAEA,6YAIE,yBACF,CAEA,iYAIE,6EACF,CAEA,qYAIE,gFACF,CAEA,yYAIE,kEACF,CChOF,yBACE,qEAA0D,CAE1D,oDACF,CAEA,6BACE,qEACF,CAEA,mEAEE,oEAKF,CAHE,6HACE,oEACF,CAGF,8DAEE,qEAKF,CAHE,wHACE,qEACF,CAGF,qEAEE,sEAKF,CAHE,+HACE,sEACF","sources":["./node_modules/@adobe/spectrum-css-temp/components/overlay/index.css","./node_modules/@adobe/spectrum-css-temp/components/tooltip/index.css","./node_modules/@adobe/spectrum-css-temp/components/tooltip/skin.css"],"sourcesContent":["/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n%spectrum-overlay {\n visibility: hidden;\n\n opacity: 0;\n\n transition: transform var(--spectrum-global-animation-duration-100) ease-in-out,\n opacity var(--spectrum-global-animation-duration-100) ease-in-out,\n visibility 0ms linear var(--spectrum-global-animation-duration-100);\n\n pointer-events: none;\n}\n\n%spectrum-overlay--open {\n visibility: visible;\n /* In Edge (pre chromium), a stacking context is formed for opacity less then 1, and then its removed for 1. \n It causes a rendering flicker that is visible when css transition is applied. */\n opacity: 0.9999;\n\n transition-delay: 0ms;\n\n pointer-events: auto;\n}\n\n%spectrum-overlay--bottom--open {\n transform: translateY(var(--spectrum-overlay-positive-transform-distance));\n}\n\n%spectrum-overlay--top--open {\n /*\n Edge does not support combination of translate, calc and var.\n New var equal to negative calculation result is added instead.\n TODO: for Chromium Edge return to\n transform: translateX(calc(var(--spectrum-global-dimension-size-75) * -1));\n */\n transform: translateY(var(--spectrum-overlay-negative-transform-distance));\n}\n\n%spectrum-overlay--right--open {\n transform: translateX(var(--spectrum-overlay-positive-transform-distance));\n}\n\n%spectrum-overlay--left--open {\n transform: translateX(var(--spectrum-overlay-negative-transform-distance));\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n@import '../overlay/index.css';\n\n:root {\n --spectrum-tooltip-target-offset: var(--spectrum-global-dimension-size-40);\n /* This variable needs to be updated in Spectrum DNA. Using the height variable so it scales to spectrum-large */\n --spectrum-tooltip-tip-width: var(--spectrum-tooltip-tip-height);\n}\n\n.spectrum-Tooltip {\n @inherit: %spectrum-overlay;\n\n position: relative;\n\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n\n vertical-align: top;\n\n inline-size: auto;\n padding: var(--spectrum-tooltip-padding-top) var(--spectrum-tooltip-padding-x);\n border-radius: var(--spectrum-tooltip-border-radius);\n min-block-size: var(--spectrum-tooltip-min-height);\n\n font-size: var(--spectrum-tooltip-text-size);\n font-weight: var(--spectrum-tooltip-text-font-weight);\n line-height: var(--spectrum-tooltip-text-line-height);\n word-break: break-word;\n -webkit-font-smoothing: antialiased;\n\n &.is-open {\n @inherit: %spectrum-overlay--open;\n }\n\n & {\n cursor: default;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n\n p {\n margin: 0;\n }\n}\n\n.spectrum-Tooltip-tip {\n position: absolute;\n\n height: 0;\n width: 0;\n\n border-width: var(--spectrum-tooltip-tip-width);\n border-style: solid;\n border-left-color: transparent;\n border-right-color: transparent;\n border-bottom-color: transparent;\n}\n\n.spectrum-Tooltip--right,\n.spectrum-Tooltip--left {\n .spectrum-Tooltip-tip {\n top: 50%;\n margin-top: calc(var(--spectrum-tooltip-tip-width) * -1);\n }\n}\n\n.spectrum-Tooltip--right {\n margin-left: var(--spectrum-tooltip-target-offset);\n &.is-open {\n @inherit: %spectrum-overlay--right--open;\n }\n .spectrum-Tooltip-tip {\n right: 100%;\n transform: rotate(90deg);\n }\n}\n\n.spectrum-Tooltip--left {\n margin-right: var(--spectrum-tooltip-target-offset);\n &.is-open {\n @inherit: %spectrum-overlay--left--open;\n }\n .spectrum-Tooltip-tip {\n left: 100%;\n transform: rotate(-90deg);\n }\n}\n\n.spectrum-Tooltip--top {\n margin-bottom: var(--spectrum-tooltip-target-offset);\n &.is-open {\n @inherit: %spectrum-overlay--top--open;\n }\n .spectrum-Tooltip-tip {\n top: 100%;\n }\n}\n\n.spectrum-Tooltip--bottom {\n margin-top: var(--spectrum-tooltip-target-offset);\n &.is-open {\n @inherit: %spectrum-overlay--bottom--open;\n }\n .spectrum-Tooltip-tip {\n bottom: 100%;\n transform: rotate(-180deg);\n }\n}\n\n.spectrum-Tooltip--bottom,\n.spectrum-Tooltip--top {\n .spectrum-Tooltip-tip {\n left: 50%;\n margin-left: calc(var(--spectrum-tooltip-tip-width) * -1);\n }\n}\n\n.spectrum-Tooltip-typeIcon {\n margin-inline-start: calc(var(--spectrum-tooltip-icon-margin-x) - var(--spectrum-tooltip-padding-x));\n margin-inline-end: var(--spectrum-tooltip-icon-margin-x);\n inline-size: var(--spectrum-tooltip-icon-size);\n block-size: var(--spectrum-tooltip-icon-size);\n align-self: flex-start;\n\n /* Adjusts for weird misalignment */\n margin-top: 1px;\n}\n\n.spectrum-Tooltip-label {\n max-inline-size: var(--spectrum-tooltip-content-max-width);\n\n /* Make sure line height is correct to prevent problems in Windows */\n line-height: var(--spectrum-tooltip-text-line-height);\n}\n\n.u-tooltip-showOnHover {\n display: inline-block;\n position: relative;\n\n .spectrum-Tooltip {\n position: absolute;\n white-space: nowrap;\n /* Required for animations to work, !important for diff scaling to work */\n visibility: visible !important;\n transition: transform var(--spectrum-global-animation-duration-100) ease-in-out;\n top: -100%;\n }\n\n .spectrum-Tooltip-label {\n /* Don't try to wrap as the mechanism used for this helper does not support wrapping */\n max-inline-size: none;\n }\n\n .spectrum-Tooltip--right,\n .spectrum-Tooltip--left {\n top: 50%;\n .spectrum-Tooltip-tip {\n top: 50%;\n }\n }\n\n .spectrum-Tooltip--right {\n left: 100%;\n transform: translate(0, -50%);\n }\n\n .spectrum-Tooltip--left {\n transform: translate(-100%, -50%);\n }\n\n .spectrum-Tooltip--bottom,\n .spectrum-Tooltip--top {\n left: 50%;\n .spectrum-Tooltip-tip {\n left: 50%;\n }\n }\n\n .spectrum-Tooltip--bottom {\n top: 100%;\n transform: translate(-50%, calc(var(--spectrum-tooltip-tip-margin) * -1));\n }\n\n .spectrum-Tooltip--top {\n transform: translate(-50%, var(--spectrum-tooltip-tip-margin));\n }\n\n &:hover .spectrum-Tooltip,\n &:focus .spectrum-Tooltip,\n &.is-focused .spectrum-Tooltip,\n *:focus .spectrum-Tooltip {\n opacity: 1;\n }\n\n &:hover .spectrum-Tooltip.spectrum-Tooltip--bottom,\n &:focus .spectrum-Tooltip.spectrum-Tooltip--bottom,\n &.is-focused .spectrum-Tooltip.spectrum-Tooltip--bottom,\n *:focus .spectrum-Tooltip.spectrum-Tooltip--bottom {\n transform: translate(-50%, 0);\n }\n\n &:hover .spectrum-Tooltip.spectrum-Tooltip--top,\n &:focus .spectrum-Tooltip.spectrum-Tooltip--top,\n &.is-focused .spectrum-Tooltip.spectrum-Tooltip--top,\n *:focus .spectrum-Tooltip.spectrum-Tooltip--top {\n transform: translate(-50%, calc(var(--spectrum-tooltip-tip-margin) * -1));\n }\n\n &:hover .spectrum-Tooltip.spectrum-Tooltip--left,\n &:focus .spectrum-Tooltip.spectrum-Tooltip--left,\n &.is-focused .spectrum-Tooltip.spectrum-Tooltip--left,\n *:focus .spectrum-Tooltip.spectrum-Tooltip--left {\n transform: translate(calc(-100% - var(--spectrum-tooltip-tip-margin)), -50%);\n }\n\n &:hover .spectrum-Tooltip.spectrum-Tooltip--right,\n &:focus .spectrum-Tooltip.spectrum-Tooltip--right,\n &.is-focused .spectrum-Tooltip.spectrum-Tooltip--right,\n *:focus .spectrum-Tooltip.spectrum-Tooltip--right {\n transform: translate(var(--spectrum-tooltip-tip-margin), -50%);\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n.spectrum-Tooltip {\n background-color: var(--spectrum-tooltip-background-color);\n\n color: var(--spectrum-tooltip-text-color);\n}\n\n.spectrum-Tooltip-tip {\n border-top-color: var(--spectrum-tooltip-background-color);\n}\n\n.spectrum-Tooltip--negative,\n/** @deprecated */.spectrum-Tooltip--error {\n background-color: var(--spectrum-tooltip-negative-background-color);\n\n .spectrum-Tooltip-tip {\n border-top-color: var(--spectrum-tooltip-negative-background-color);\n }\n}\n\n.spectrum-Tooltip--info,\n/** @deprecated */.spectrum-Tooltip--help {\n background-color: var(--spectrum-tooltip-info-background-color);\n\n .spectrum-Tooltip-tip {\n border-top-color: var(--spectrum-tooltip-info-background-color);\n }\n}\n\n.spectrum-Tooltip--positive,\n/** @deprecated */.spectrum-Tooltip--success {\n background-color: var(--spectrum-tooltip-positive-background-color);\n\n .spectrum-Tooltip-tip {\n border-top-color: var(--spectrum-tooltip-positive-background-color);\n }\n}\n"],"names":[],"version":3,"file":"main.css.map"}