npm - @react-spectrum/tooltip - Versions diffs - 3.1.1 → 3.1.5 - Mend

@react-spectrum/tooltip 3.1.1 → 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.

Files changed (9) hide show

package/dist/main.css CHANGED Viewed

@@ -1,2 +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:3px}._spectrum-Tooltip--right_23042 ._spectrum-Tooltip-tip_23042{right:100%;transform:rotate(90deg)}._spectrum-Tooltip--left_23042{margin-right:3px}._spectrum-Tooltip--left_23042 ._spectrum-Tooltip-tip_23042{left:100%;transform:rotate(-90deg)}._spectrum-Tooltip--top_23042{margin-bottom:3px}._spectrum-Tooltip--top_23042 ._spectrum-Tooltip-tip_23042{top:100%}._spectrum-Tooltip--bottom_23042{margin-top:3px}._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)}
-/*# sourceMappingURL=main.css.map */
+.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 Viewed

@@ -1,223 +1,222 @@
-var {
-  useTooltipTriggerState
-} = require("@react-stately/tooltip");
-var {
-  useOverlayPosition
-} = require("@react-aria/overlays");
-var {
-  Overlay
-} = require("@react-spectrum/overlays");
-var {
-  FocusableProvider
-} = require("@react-aria/focus");
-var {
-  useTooltip,
-  useTooltipTrigger
-} = require("@react-aria/tooltip");
-var _spectrumIconsUiSuccessSmall = $parcel$interopDefault(require("@spectrum-icons/ui/SuccessSmall"));
-var _react2 = require("react");
-var _react = $parcel$interopDefault(_react2);
-var {
-  useContext,
-  useImperativeHandle,
-  useRef
-} = _react2;
-var {
-  mergeProps
-} = require("@react-aria/utils");
-var _spectrumIconsUiInfoSmall = $parcel$interopDefault(require("@spectrum-icons/ui/InfoSmall"));
-var {
-  classNames,
-  createDOMRef,
-  useStyleProps
-} = require("@react-spectrum/utils");
-var _spectrumIconsUiAlertSmall = $parcel$interopDefault(require("@spectrum-icons/ui/AlertSmall"));
-var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
 require("./main.css");
+var $6afbW$spectrumiconsuiAlertSmall = require("@spectrum-icons/ui/AlertSmall");
+var $6afbW$reactspectrumutils = require("@react-spectrum/utils");
+var $6afbW$spectrumiconsuiInfoSmall = require("@spectrum-icons/ui/InfoSmall");
+var $6afbW$reactariautils = require("@react-aria/utils");
+var $6afbW$react = require("react");
+var $6afbW$spectrumiconsuiSuccessSmall = require("@spectrum-icons/ui/SuccessSmall");
+var $6afbW$reactariatooltip = require("@react-aria/tooltip");
+var $6afbW$reactariafocus = require("@react-aria/focus");
+var $6afbW$reactspectrumoverlays = require("@react-spectrum/overlays");
+var $6afbW$reactariaoverlays = require("@react-aria/overlays");
+var $6afbW$reactstatelytooltip = require("@react-stately/tooltip");
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+  return dest;
+}
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-// ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/tooltip/vars.css
-var $e02064c879d8df5d7c99552d96e8391$exports = {};
-$e02064c879d8df5d7c99552d96e8391$exports = {
-  "spectrum-Tooltip": "_spectrum-Tooltip_23042",
-  "is-open": "_is-open_23042",
-  "spectrum-Tooltip--bottom": "_spectrum-Tooltip--bottom_23042",
-  "spectrum-Tooltip--top": "_spectrum-Tooltip--top_23042",
-  "spectrum-Tooltip--right": "_spectrum-Tooltip--right_23042",
-  "spectrum-Tooltip--left": "_spectrum-Tooltip--left_23042",
-  "spectrum-Tooltip-tip": "_spectrum-Tooltip-tip_23042",
-  "spectrum-Tooltip-typeIcon": "_spectrum-Tooltip-typeIcon_23042",
-  "spectrum-Tooltip-label": "_spectrum-Tooltip-label_23042",
-  "u-tooltip-showOnHover": "_u-tooltip-showOnHover_23042",
-  "is-hovered": "_is-hovered_23042",
-  "is-focused": "_is-focused_23042",
-  "spectrum-Tooltip--negative": "_spectrum-Tooltip--negative_23042",
-  "spectrum-Tooltip--error": "_spectrum-Tooltip--error_23042",
-  "spectrum-Tooltip--info": "_spectrum-Tooltip--info_23042",
-  "spectrum-Tooltip--help": "_spectrum-Tooltip--help_23042",
-  "spectrum-Tooltip--positive": "_spectrum-Tooltip--positive_23042",
-  "spectrum-Tooltip--success": "_spectrum-Tooltip--success_23042"
-};
-const $a23748555680c48540a4239b15ea00bc$export$TooltipContext = _react.createContext({});
-let $ff273912ab399ba4f2bd386cbddf33$var$iconMap = {
-  info: _spectrumIconsUiInfoSmall,
-  positive: _spectrumIconsUiSuccessSmall,
-  negative: _spectrumIconsUiAlertSmall
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $7f53ab52b1a88f0c$exports = {};
+$parcel$export($7f53ab52b1a88f0c$exports, "Tooltip", () => $7f53ab52b1a88f0c$export$28c660c63b792dea);
+var $6cae2acb3fea7740$exports = {};
+$parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip", () => $6cae2acb3fea7740$export$f7bf7078d3d03f05, (v) => $6cae2acb3fea7740$export$f7bf7078d3d03f05 = v);
+$parcel$export($6cae2acb3fea7740$exports, "is-open", () => $6cae2acb3fea7740$export$a9781837241c946d, (v) => $6cae2acb3fea7740$export$a9781837241c946d = v);
+$parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--bottom", () => $6cae2acb3fea7740$export$4f420a9bbb442953, (v) => $6cae2acb3fea7740$export$4f420a9bbb442953 = v);
+$parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--top", () => $6cae2acb3fea7740$export$d7516df59e198fc7, (v) => $6cae2acb3fea7740$export$d7516df59e198fc7 = v);
+$parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--right", () => $6cae2acb3fea7740$export$c094187772823b2e, (v) => $6cae2acb3fea7740$export$c094187772823b2e = v);
+$parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--left", () => $6cae2acb3fea7740$export$47f060b68b4cab2c, (v) => $6cae2acb3fea7740$export$47f060b68b4cab2c = v);
+$parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip-tip", () => $6cae2acb3fea7740$export$9deb89a7a91de30, (v) => $6cae2acb3fea7740$export$9deb89a7a91de30 = v);
+$parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip-typeIcon", () => $6cae2acb3fea7740$export$ff23d46fee8272e4, (v) => $6cae2acb3fea7740$export$ff23d46fee8272e4 = v);
+$parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip-label", () => $6cae2acb3fea7740$export$f4096e0dc445b255, (v) => $6cae2acb3fea7740$export$f4096e0dc445b255 = v);
+$parcel$export($6cae2acb3fea7740$exports, "u-tooltip-showOnHover", () => $6cae2acb3fea7740$export$6ea3237f62800d00, (v) => $6cae2acb3fea7740$export$6ea3237f62800d00 = v);
+$parcel$export($6cae2acb3fea7740$exports, "is-hovered", () => $6cae2acb3fea7740$export$b8813cd5d7824ce7, (v) => $6cae2acb3fea7740$export$b8813cd5d7824ce7 = v);
+$parcel$export($6cae2acb3fea7740$exports, "is-focused", () => $6cae2acb3fea7740$export$e7dc768d35940237, (v) => $6cae2acb3fea7740$export$e7dc768d35940237 = v);
+$parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--negative", () => $6cae2acb3fea7740$export$92fe45b4260594f6, (v) => $6cae2acb3fea7740$export$92fe45b4260594f6 = v);
+$parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--error", () => $6cae2acb3fea7740$export$2b291890a5577893, (v) => $6cae2acb3fea7740$export$2b291890a5577893 = v);
+$parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--info", () => $6cae2acb3fea7740$export$e995d5780591d0a8, (v) => $6cae2acb3fea7740$export$e995d5780591d0a8 = v);
+$parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--help", () => $6cae2acb3fea7740$export$d33ca445ae528241, (v) => $6cae2acb3fea7740$export$d33ca445ae528241 = v);
+$parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--positive", () => $6cae2acb3fea7740$export$11cbf31e1b6e51ac, (v) => $6cae2acb3fea7740$export$11cbf31e1b6e51ac = v);
+$parcel$export($6cae2acb3fea7740$exports, "spectrum-Tooltip--success", () => $6cae2acb3fea7740$export$4eae622bc9b08cac, (v) => $6cae2acb3fea7740$export$4eae622bc9b08cac = v);
+var $6cae2acb3fea7740$export$f7bf7078d3d03f05;
+var $6cae2acb3fea7740$export$a9781837241c946d;
+var $6cae2acb3fea7740$export$4f420a9bbb442953;
+var $6cae2acb3fea7740$export$d7516df59e198fc7;
+var $6cae2acb3fea7740$export$c094187772823b2e;
+var $6cae2acb3fea7740$export$47f060b68b4cab2c;
+var $6cae2acb3fea7740$export$9deb89a7a91de30;
+var $6cae2acb3fea7740$export$ff23d46fee8272e4;
+var $6cae2acb3fea7740$export$f4096e0dc445b255;
+var $6cae2acb3fea7740$export$6ea3237f62800d00;
+var $6cae2acb3fea7740$export$b8813cd5d7824ce7;
+var $6cae2acb3fea7740$export$e7dc768d35940237;
+var $6cae2acb3fea7740$export$92fe45b4260594f6;
+var $6cae2acb3fea7740$export$2b291890a5577893;
+var $6cae2acb3fea7740$export$e995d5780591d0a8;
+var $6cae2acb3fea7740$export$d33ca445ae528241;
+var $6cae2acb3fea7740$export$11cbf31e1b6e51ac;
+var $6cae2acb3fea7740$export$4eae622bc9b08cac;
+$6cae2acb3fea7740$export$f7bf7078d3d03f05 = "spectrum-Tooltip_22ae94";
+$6cae2acb3fea7740$export$a9781837241c946d = "is-open_22ae94";
+$6cae2acb3fea7740$export$4f420a9bbb442953 = "spectrum-Tooltip--bottom_22ae94";
+$6cae2acb3fea7740$export$d7516df59e198fc7 = "spectrum-Tooltip--top_22ae94";
+$6cae2acb3fea7740$export$c094187772823b2e = "spectrum-Tooltip--right_22ae94";
+$6cae2acb3fea7740$export$47f060b68b4cab2c = "spectrum-Tooltip--left_22ae94";
+$6cae2acb3fea7740$export$9deb89a7a91de30 = "spectrum-Tooltip-tip_22ae94";
+$6cae2acb3fea7740$export$ff23d46fee8272e4 = "spectrum-Tooltip-typeIcon_22ae94";
+$6cae2acb3fea7740$export$f4096e0dc445b255 = "spectrum-Tooltip-label_22ae94";
+$6cae2acb3fea7740$export$6ea3237f62800d00 = "u-tooltip-showOnHover_22ae94";
+$6cae2acb3fea7740$export$b8813cd5d7824ce7 = "is-hovered_22ae94";
+$6cae2acb3fea7740$export$e7dc768d35940237 = "is-focused_22ae94";
+$6cae2acb3fea7740$export$92fe45b4260594f6 = "spectrum-Tooltip--negative_22ae94";
+$6cae2acb3fea7740$export$2b291890a5577893 = "spectrum-Tooltip--error_22ae94";
+$6cae2acb3fea7740$export$e995d5780591d0a8 = "spectrum-Tooltip--info_22ae94";
+$6cae2acb3fea7740$export$d33ca445ae528241 = "spectrum-Tooltip--help_22ae94";
+$6cae2acb3fea7740$export$11cbf31e1b6e51ac = "spectrum-Tooltip--positive_22ae94";
+$6cae2acb3fea7740$export$4eae622bc9b08cac = "spectrum-Tooltip--success_22ae94";
+const $4d4881daa91c71ef$export$39ae08fa83328b12 = ($parcel$interopDefault($6afbW$react)).createContext({
+});
+let $7f53ab52b1a88f0c$var$iconMap = {
+    info: ($parcel$interopDefault($6afbW$spectrumiconsuiInfoSmall)),
+    positive: ($parcel$interopDefault($6afbW$spectrumiconsuiSuccessSmall)),
+    negative: ($parcel$interopDefault($6afbW$spectrumiconsuiAlertSmall))
 };
-var $e02064c879d8df5d7c99552d96e8391$$interop$default = $parcel$interopDefault($e02064c879d8df5d7c99552d96e8391$exports);
-function $ff273912ab399ba4f2bd386cbddf33$var$Tooltip(props, ref) {
-  let _useContext = useContext($a23748555680c48540a4239b15ea00bc$export$TooltipContext),
-      {
-    ref: overlayRef,
-    arrowProps,
-    state
-  } = _useContext,
-      tooltipProviderProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(_useContext, ["ref", "arrowProps", "state"]);
-  let defaultRef = useRef();
-  overlayRef = overlayRef || defaultRef;
-  props = mergeProps(props, tooltipProviderProps);
-  let {
-    variant = 'neutral',
-    placement = 'top',
-    isOpen,
-    showIcon
-  } = props,
-      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["variant", "placement", "isOpen", "showIcon"]);
-  let {
-    styleProps
-  } = useStyleProps(otherProps);
-  let {
-    tooltipProps
-  } = useTooltip(props, state); // Sync ref with overlayRef from context.
-  useImperativeHandle(ref, () => createDOMRef(overlayRef));
-  let Icon = $ff273912ab399ba4f2bd386cbddf33$var$iconMap[variant];
-  return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, styleProps, tooltipProps, {
-    className: classNames($e02064c879d8df5d7c99552d96e8391$$interop$default, 'spectrum-Tooltip', "spectrum-Tooltip--" + variant, "spectrum-Tooltip--" + placement, {
-      'is-open': isOpen
-    }, styleProps.className),
-    ref: overlayRef
-  }), showIcon && variant !== 'neutral' && /*#__PURE__*/_react.createElement(Icon, {
-    UNSAFE_className: classNames($e02064c879d8df5d7c99552d96e8391$$interop$default, 'spectrum-Tooltip-typeIcon'),
-    "aria-hidden": true
-  }), props.children && /*#__PURE__*/_react.createElement("span", {
-    className: classNames($e02064c879d8df5d7c99552d96e8391$$interop$default, 'spectrum-Tooltip-label')
-  }, props.children), /*#__PURE__*/_react.createElement("span", _babelRuntimeHelpersExtends({}, arrowProps, {
-    className: classNames($e02064c879d8df5d7c99552d96e8391$$interop$default, 'spectrum-Tooltip-tip')
-  })));
+function $7f53ab52b1a88f0c$var$Tooltip(props, ref) {
+    let { ref: overlayRef , arrowProps: arrowProps , state: state , ...tooltipProviderProps } = $6afbW$react.useContext($4d4881daa91c71ef$export$39ae08fa83328b12);
+    let defaultRef = $6afbW$react.useRef();
+    overlayRef = overlayRef || defaultRef;
+    props = $6afbW$reactariautils.mergeProps(props, tooltipProviderProps);
+    let { variant: variant = 'neutral' , placement: placement = 'top' , isOpen: isOpen , showIcon: showIcon , ...otherProps } = props;
+    let { styleProps: styleProps  } = $6afbW$reactspectrumutils.useStyleProps(otherProps);
+    let { tooltipProps: tooltipProps  } = $6afbW$reactariatooltip.useTooltip(props, state);
+    // Sync ref with overlayRef from context.
+    $6afbW$react.useImperativeHandle(ref, ()=>$6afbW$reactspectrumutils.createDOMRef(overlayRef)
+    );
+    let Icon = $7f53ab52b1a88f0c$var$iconMap[variant];
+    return(/*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).createElement("div", {
+        ...styleProps,
+        ...tooltipProps,
+        className: $6afbW$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($6cae2acb3fea7740$exports)), 'spectrum-Tooltip', `spectrum-Tooltip--${variant}`, `spectrum-Tooltip--${placement}`, {
+            'is-open': isOpen
+        }, styleProps.className),
+        ref: overlayRef
+    }, showIcon && variant !== 'neutral' && /*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).createElement(Icon, {
+        UNSAFE_className: $6afbW$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($6cae2acb3fea7740$exports)), 'spectrum-Tooltip-typeIcon'),
+        "aria-hidden": true
+    }), props.children && /*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).createElement("span", {
+        className: $6afbW$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($6cae2acb3fea7740$exports)), 'spectrum-Tooltip-label')
+    }, props.children), /*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).createElement("span", {
+        ...arrowProps,
+        className: $6afbW$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($6cae2acb3fea7740$exports)), 'spectrum-Tooltip-tip')
+    })));
 }
 /**
  * Display container for Tooltip content. Has a directional arrow dependent on its placement.
- */
-let Tooltip = _react.forwardRef($ff273912ab399ba4f2bd386cbddf33$var$Tooltip);
-exports.Tooltip = Tooltip;
-const $b29140c6a34ca04560623b3e2e0d4c0b$var$DEFAULT_OFFSET = 7; // Closest visual match to Spectrum's mocks
-const $b29140c6a34ca04560623b3e2e0d4c0b$var$DEFAULT_CROSS_OFFSET = 0;
-function $b29140c6a34ca04560623b3e2e0d4c0b$var$TooltipTrigger(props) {
-  let {
-    children,
-    crossOffset = $b29140c6a34ca04560623b3e2e0d4c0b$var$DEFAULT_CROSS_OFFSET,
-    isDisabled,
-    offset = $b29140c6a34ca04560623b3e2e0d4c0b$var$DEFAULT_OFFSET,
-    trigger: triggerAction
-  } = props;
-  let [trigger, tooltip] = _react.Children.toArray(children);
-  let state = useTooltipTriggerState(props);
-  let tooltipTriggerRef = useRef();
-  let overlayRef = useRef();
-  let {
-    triggerProps,
-    tooltipProps
-  } = useTooltipTrigger({
-    isDisabled,
-    trigger: triggerAction
-  }, state, tooltipTriggerRef);
-  let {
-    overlayProps,
-    arrowProps,
-    placement
-  } = useOverlayPosition({
-    placement: props.placement || 'top',
-    targetRef: tooltipTriggerRef,
-    overlayRef,
-    offset,
-    crossOffset,
-    isOpen: state.isOpen
-  });
-  return /*#__PURE__*/_react.createElement(FocusableProvider, _babelRuntimeHelpersExtends({}, triggerProps, {
-    ref: tooltipTriggerRef
-  }), trigger, /*#__PURE__*/_react.createElement($a23748555680c48540a4239b15ea00bc$export$TooltipContext.Provider, {
-    value: _babelRuntimeHelpersExtends({
-      state,
-      placement,
-      ref: overlayRef,
-      UNSAFE_style: overlayProps.style,
-      arrowProps
-    }, tooltipProps)
-  }, /*#__PURE__*/_react.createElement(Overlay, {
-    isOpen: state.isOpen
-  }, tooltip)));
-} // Support TooltipTrigger inside components using CollectionBuilder.
-$b29140c6a34ca04560623b3e2e0d4c0b$var$TooltipTrigger.getCollectionNode = function* (props) {
-  // Replaced the use of React.Childern.toArray because it mutates the key prop.
-  let childArray = [];
-  _react.Children.forEach(props.children, child => {
-    if (_react.isValidElement(child)) {
-      childArray.push(child);
-    }
-  });
-  let [trigger, tooltip] = childArray;
-  yield {
-    element: trigger,
-    wrapper: element => /*#__PURE__*/_react.createElement($b29140c6a34ca04560623b3e2e0d4c0b$var$TooltipTrigger, _babelRuntimeHelpersExtends({
-      key: element.key
-    }, props), element, tooltip)
-  };
+ */ let $7f53ab52b1a88f0c$export$28c660c63b792dea = /*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).forwardRef($7f53ab52b1a88f0c$var$Tooltip);
+var $6ebffad3b1800206$exports = {};
+$parcel$export($6ebffad3b1800206$exports, "TooltipTrigger", () => $6ebffad3b1800206$export$8c610744efcf8a1d);
+const $6ebffad3b1800206$var$DEFAULT_OFFSET = -1; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button
+const $6ebffad3b1800206$var$DEFAULT_CROSS_OFFSET = 0;
+function $6ebffad3b1800206$var$TooltipTrigger(props) {
+    let { children: children , crossOffset: crossOffset = $6ebffad3b1800206$var$DEFAULT_CROSS_OFFSET , isDisabled: isDisabled , offset: offset = $6ebffad3b1800206$var$DEFAULT_OFFSET , trigger: triggerAction  } = props;
+    let [trigger, tooltip] = ($parcel$interopDefault($6afbW$react)).Children.toArray(children);
+    let state = $6afbW$reactstatelytooltip.useTooltipTriggerState(props);
+    let tooltipTriggerRef = $6afbW$react.useRef();
+    let overlayRef = $6afbW$react.useRef();
+    let { triggerProps: triggerProps , tooltipProps: tooltipProps  } = $6afbW$reactariatooltip.useTooltipTrigger({
+        isDisabled: isDisabled,
+        trigger: triggerAction
+    }, state, tooltipTriggerRef);
+    let { overlayProps: overlayProps , arrowProps: arrowProps , placement: placement  } = $6afbW$reactariaoverlays.useOverlayPosition({
+        placement: props.placement || 'top',
+        targetRef: tooltipTriggerRef,
+        overlayRef: overlayRef,
+        offset: offset,
+        crossOffset: crossOffset,
+        isOpen: state.isOpen
+    });
+    return(/*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).createElement($6afbW$reactariafocus.FocusableProvider, {
+        ...triggerProps,
+        ref: tooltipTriggerRef
+    }, trigger, /*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).createElement($4d4881daa91c71ef$export$39ae08fa83328b12.Provider, {
+        value: {
+            state: state,
+            placement: placement,
+            ref: overlayRef,
+            UNSAFE_style: overlayProps.style,
+            arrowProps: arrowProps,
+            ...tooltipProps
+        }
+    }, /*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).createElement($6afbW$reactspectrumoverlays.Overlay, {
+        isOpen: state.isOpen
+    }, tooltip))));
+}
+// Support TooltipTrigger inside components using CollectionBuilder.
+$6ebffad3b1800206$var$TooltipTrigger.getCollectionNode = function*(props) {
+    // Replaced the use of React.Childern.toArray because it mutates the key prop.
+    let childArray = [];
+    ($parcel$interopDefault($6afbW$react)).Children.forEach(props.children, (child)=>{
+        if (/*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).isValidElement(child)) childArray.push(child);
+    });
+    let [trigger, tooltip] = childArray;
+    yield {
+        element: trigger,
+        wrapper: (element)=>/*#__PURE__*/ ($parcel$interopDefault($6afbW$react)).createElement($6ebffad3b1800206$var$TooltipTrigger, {
+                key: element.key,
+                ...props
+            }, element, tooltip)
+    };
 };
 /**
  * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing
  * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip
  * relative to the trigger.
- */
-// We don't want getCollectionNode to show up in the type definition
+ */ // We don't want getCollectionNode to show up in the type definition
+let $6ebffad3b1800206$export$8c610744efcf8a1d = $6ebffad3b1800206$var$TooltipTrigger;
+$parcel$exportWildcard(module.exports, $7f53ab52b1a88f0c$exports);
+$parcel$exportWildcard(module.exports, $6ebffad3b1800206$exports);
-let TooltipTrigger = $b29140c6a34ca04560623b3e2e0d4c0b$var$TooltipTrigger;
-exports.TooltipTrigger = TooltipTrigger;
 //# sourceMappingURL=main.js.map

package/dist/main.js.map CHANGED Viewed

	@@ -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 = 7; // Closest visual match to Spectrum's mocks\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":"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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":"main.js.map"}

package/dist/module.js CHANGED Viewed

@@ -1,182 +1,205 @@
-import { useTooltipTriggerState } from "@react-stately/tooltip";
-import { useOverlayPosition } from "@react-aria/overlays";
-import { Overlay } from "@react-spectrum/overlays";
-import { FocusableProvider } from "@react-aria/focus";
-import { useTooltip, useTooltipTrigger } from "@react-aria/tooltip";
-import _spectrumIconsUiSuccessSmall from "@spectrum-icons/ui/SuccessSmall";
-import _react, { useContext, useImperativeHandle, useRef } from "react";
-import { mergeProps } from "@react-aria/utils";
-import _spectrumIconsUiInfoSmall from "@spectrum-icons/ui/InfoSmall";
-import { classNames, createDOMRef, useStyleProps } from "@react-spectrum/utils";
-import _spectrumIconsUiAlertSmall from "@spectrum-icons/ui/AlertSmall";
-import _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
 import "./main.css";
+import $GsYXh$spectrumiconsuiAlertSmall from "@spectrum-icons/ui/AlertSmall";
+import {useStyleProps as $GsYXh$useStyleProps, createDOMRef as $GsYXh$createDOMRef, classNames as $GsYXh$classNames} from "@react-spectrum/utils";
+import $GsYXh$spectrumiconsuiInfoSmall from "@spectrum-icons/ui/InfoSmall";
+import {mergeProps as $GsYXh$mergeProps} from "@react-aria/utils";
+import $GsYXh$react, {useContext as $GsYXh$useContext, useRef as $GsYXh$useRef, useImperativeHandle as $GsYXh$useImperativeHandle} from "react";
+import $GsYXh$spectrumiconsuiSuccessSmall from "@spectrum-icons/ui/SuccessSmall";
+import {useTooltip as $GsYXh$useTooltip, useTooltipTrigger as $GsYXh$useTooltipTrigger} from "@react-aria/tooltip";
+import {FocusableProvider as $GsYXh$FocusableProvider} from "@react-aria/focus";
+import {Overlay as $GsYXh$Overlay} from "@react-spectrum/overlays";
+import {useOverlayPosition as $GsYXh$useOverlayPosition} from "@react-aria/overlays";
+import {useTooltipTriggerState as $GsYXh$useTooltipTriggerState} from "@react-stately/tooltip";
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-// ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/tooltip/vars.css
-var $fce0adf931fbcb6e5bbc907c5444$exports = {};
-$fce0adf931fbcb6e5bbc907c5444$exports = {
-  "spectrum-Tooltip": "_spectrum-Tooltip_23042",
-  "is-open": "_is-open_23042",
-  "spectrum-Tooltip--bottom": "_spectrum-Tooltip--bottom_23042",
-  "spectrum-Tooltip--top": "_spectrum-Tooltip--top_23042",
-  "spectrum-Tooltip--right": "_spectrum-Tooltip--right_23042",
-  "spectrum-Tooltip--left": "_spectrum-Tooltip--left_23042",
-  "spectrum-Tooltip-tip": "_spectrum-Tooltip-tip_23042",
-  "spectrum-Tooltip-typeIcon": "_spectrum-Tooltip-typeIcon_23042",
-  "spectrum-Tooltip-label": "_spectrum-Tooltip-label_23042",
-  "u-tooltip-showOnHover": "_u-tooltip-showOnHover_23042",
-  "is-hovered": "_is-hovered_23042",
-  "is-focused": "_is-focused_23042",
-  "spectrum-Tooltip--negative": "_spectrum-Tooltip--negative_23042",
-  "spectrum-Tooltip--error": "_spectrum-Tooltip--error_23042",
-  "spectrum-Tooltip--info": "_spectrum-Tooltip--info_23042",
-  "spectrum-Tooltip--help": "_spectrum-Tooltip--help_23042",
-  "spectrum-Tooltip--positive": "_spectrum-Tooltip--positive_23042",
-  "spectrum-Tooltip--success": "_spectrum-Tooltip--success_23042"
-};
-const $d79690ed71d0e589905a11b2fa970c7$export$TooltipContext = _react.createContext({});
-let $bbf06d7c74e4575391edac06758d45$var$iconMap = {
-  info: _spectrumIconsUiInfoSmall,
-  positive: _spectrumIconsUiSuccessSmall,
-  negative: _spectrumIconsUiAlertSmall
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $f5ff0a7b08ee263c$exports = {};
+$parcel$export($f5ff0a7b08ee263c$exports, "Tooltip", () => $f5ff0a7b08ee263c$export$28c660c63b792dea);
+var $efde1aa8ba0e052d$exports = {};
+$parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip", () => $efde1aa8ba0e052d$export$f7bf7078d3d03f05, (v) => $efde1aa8ba0e052d$export$f7bf7078d3d03f05 = v);
+$parcel$export($efde1aa8ba0e052d$exports, "is-open", () => $efde1aa8ba0e052d$export$a9781837241c946d, (v) => $efde1aa8ba0e052d$export$a9781837241c946d = v);
+$parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--bottom", () => $efde1aa8ba0e052d$export$4f420a9bbb442953, (v) => $efde1aa8ba0e052d$export$4f420a9bbb442953 = v);
+$parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--top", () => $efde1aa8ba0e052d$export$d7516df59e198fc7, (v) => $efde1aa8ba0e052d$export$d7516df59e198fc7 = v);
+$parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--right", () => $efde1aa8ba0e052d$export$c094187772823b2e, (v) => $efde1aa8ba0e052d$export$c094187772823b2e = v);
+$parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--left", () => $efde1aa8ba0e052d$export$47f060b68b4cab2c, (v) => $efde1aa8ba0e052d$export$47f060b68b4cab2c = v);
+$parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip-tip", () => $efde1aa8ba0e052d$export$9deb89a7a91de30, (v) => $efde1aa8ba0e052d$export$9deb89a7a91de30 = v);
+$parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip-typeIcon", () => $efde1aa8ba0e052d$export$ff23d46fee8272e4, (v) => $efde1aa8ba0e052d$export$ff23d46fee8272e4 = v);
+$parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip-label", () => $efde1aa8ba0e052d$export$f4096e0dc445b255, (v) => $efde1aa8ba0e052d$export$f4096e0dc445b255 = v);
+$parcel$export($efde1aa8ba0e052d$exports, "u-tooltip-showOnHover", () => $efde1aa8ba0e052d$export$6ea3237f62800d00, (v) => $efde1aa8ba0e052d$export$6ea3237f62800d00 = v);
+$parcel$export($efde1aa8ba0e052d$exports, "is-hovered", () => $efde1aa8ba0e052d$export$b8813cd5d7824ce7, (v) => $efde1aa8ba0e052d$export$b8813cd5d7824ce7 = v);
+$parcel$export($efde1aa8ba0e052d$exports, "is-focused", () => $efde1aa8ba0e052d$export$e7dc768d35940237, (v) => $efde1aa8ba0e052d$export$e7dc768d35940237 = v);
+$parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--negative", () => $efde1aa8ba0e052d$export$92fe45b4260594f6, (v) => $efde1aa8ba0e052d$export$92fe45b4260594f6 = v);
+$parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--error", () => $efde1aa8ba0e052d$export$2b291890a5577893, (v) => $efde1aa8ba0e052d$export$2b291890a5577893 = v);
+$parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--info", () => $efde1aa8ba0e052d$export$e995d5780591d0a8, (v) => $efde1aa8ba0e052d$export$e995d5780591d0a8 = v);
+$parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--help", () => $efde1aa8ba0e052d$export$d33ca445ae528241, (v) => $efde1aa8ba0e052d$export$d33ca445ae528241 = v);
+$parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--positive", () => $efde1aa8ba0e052d$export$11cbf31e1b6e51ac, (v) => $efde1aa8ba0e052d$export$11cbf31e1b6e51ac = v);
+$parcel$export($efde1aa8ba0e052d$exports, "spectrum-Tooltip--success", () => $efde1aa8ba0e052d$export$4eae622bc9b08cac, (v) => $efde1aa8ba0e052d$export$4eae622bc9b08cac = v);
+var $efde1aa8ba0e052d$export$f7bf7078d3d03f05;
+var $efde1aa8ba0e052d$export$a9781837241c946d;
+var $efde1aa8ba0e052d$export$4f420a9bbb442953;
+var $efde1aa8ba0e052d$export$d7516df59e198fc7;
+var $efde1aa8ba0e052d$export$c094187772823b2e;
+var $efde1aa8ba0e052d$export$47f060b68b4cab2c;
+var $efde1aa8ba0e052d$export$9deb89a7a91de30;
+var $efde1aa8ba0e052d$export$ff23d46fee8272e4;
+var $efde1aa8ba0e052d$export$f4096e0dc445b255;
+var $efde1aa8ba0e052d$export$6ea3237f62800d00;
+var $efde1aa8ba0e052d$export$b8813cd5d7824ce7;
+var $efde1aa8ba0e052d$export$e7dc768d35940237;
+var $efde1aa8ba0e052d$export$92fe45b4260594f6;
+var $efde1aa8ba0e052d$export$2b291890a5577893;
+var $efde1aa8ba0e052d$export$e995d5780591d0a8;
+var $efde1aa8ba0e052d$export$d33ca445ae528241;
+var $efde1aa8ba0e052d$export$11cbf31e1b6e51ac;
+var $efde1aa8ba0e052d$export$4eae622bc9b08cac;
+$efde1aa8ba0e052d$export$f7bf7078d3d03f05 = "spectrum-Tooltip_22ae94";
+$efde1aa8ba0e052d$export$a9781837241c946d = "is-open_22ae94";
+$efde1aa8ba0e052d$export$4f420a9bbb442953 = "spectrum-Tooltip--bottom_22ae94";
+$efde1aa8ba0e052d$export$d7516df59e198fc7 = "spectrum-Tooltip--top_22ae94";
+$efde1aa8ba0e052d$export$c094187772823b2e = "spectrum-Tooltip--right_22ae94";
+$efde1aa8ba0e052d$export$47f060b68b4cab2c = "spectrum-Tooltip--left_22ae94";
+$efde1aa8ba0e052d$export$9deb89a7a91de30 = "spectrum-Tooltip-tip_22ae94";
+$efde1aa8ba0e052d$export$ff23d46fee8272e4 = "spectrum-Tooltip-typeIcon_22ae94";
+$efde1aa8ba0e052d$export$f4096e0dc445b255 = "spectrum-Tooltip-label_22ae94";
+$efde1aa8ba0e052d$export$6ea3237f62800d00 = "u-tooltip-showOnHover_22ae94";
+$efde1aa8ba0e052d$export$b8813cd5d7824ce7 = "is-hovered_22ae94";
+$efde1aa8ba0e052d$export$e7dc768d35940237 = "is-focused_22ae94";
+$efde1aa8ba0e052d$export$92fe45b4260594f6 = "spectrum-Tooltip--negative_22ae94";
+$efde1aa8ba0e052d$export$2b291890a5577893 = "spectrum-Tooltip--error_22ae94";
+$efde1aa8ba0e052d$export$e995d5780591d0a8 = "spectrum-Tooltip--info_22ae94";
+$efde1aa8ba0e052d$export$d33ca445ae528241 = "spectrum-Tooltip--help_22ae94";
+$efde1aa8ba0e052d$export$11cbf31e1b6e51ac = "spectrum-Tooltip--positive_22ae94";
+$efde1aa8ba0e052d$export$4eae622bc9b08cac = "spectrum-Tooltip--success_22ae94";
+const $aa93b9f151774347$export$39ae08fa83328b12 = $GsYXh$react.createContext({
+});
+let $f5ff0a7b08ee263c$var$iconMap = {
+    info: $GsYXh$spectrumiconsuiInfoSmall,
+    positive: $GsYXh$spectrumiconsuiSuccessSmall,
+    negative: $GsYXh$spectrumiconsuiAlertSmall
 };
-var $fce0adf931fbcb6e5bbc907c5444$$interop$default = $parcel$interopDefault($fce0adf931fbcb6e5bbc907c5444$exports);
-function $bbf06d7c74e4575391edac06758d45$var$Tooltip(props, ref) {
-  let _useContext = useContext($d79690ed71d0e589905a11b2fa970c7$export$TooltipContext),
-      {
-    ref: overlayRef,
-    arrowProps,
-    state
-  } = _useContext,
-      tooltipProviderProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(_useContext, ["ref", "arrowProps", "state"]);
-  let defaultRef = useRef();
-  overlayRef = overlayRef || defaultRef;
-  props = mergeProps(props, tooltipProviderProps);
-  let {
-    variant = 'neutral',
-    placement = 'top',
-    isOpen,
-    showIcon
-  } = props,
-      otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["variant", "placement", "isOpen", "showIcon"]);
-  let {
-    styleProps
-  } = useStyleProps(otherProps);
-  let {
-    tooltipProps
-  } = useTooltip(props, state); // Sync ref with overlayRef from context.
-  useImperativeHandle(ref, () => createDOMRef(overlayRef));
-  let Icon = $bbf06d7c74e4575391edac06758d45$var$iconMap[variant];
-  return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({}, styleProps, tooltipProps, {
-    className: classNames($fce0adf931fbcb6e5bbc907c5444$$interop$default, 'spectrum-Tooltip', "spectrum-Tooltip--" + variant, "spectrum-Tooltip--" + placement, {
-      'is-open': isOpen
-    }, styleProps.className),
-    ref: overlayRef
-  }), showIcon && variant !== 'neutral' && /*#__PURE__*/_react.createElement(Icon, {
-    UNSAFE_className: classNames($fce0adf931fbcb6e5bbc907c5444$$interop$default, 'spectrum-Tooltip-typeIcon'),
-    "aria-hidden": true
-  }), props.children && /*#__PURE__*/_react.createElement("span", {
-    className: classNames($fce0adf931fbcb6e5bbc907c5444$$interop$default, 'spectrum-Tooltip-label')
-  }, props.children), /*#__PURE__*/_react.createElement("span", _babelRuntimeHelpersEsmExtends({}, arrowProps, {
-    className: classNames($fce0adf931fbcb6e5bbc907c5444$$interop$default, 'spectrum-Tooltip-tip')
-  })));
+function $f5ff0a7b08ee263c$var$Tooltip(props, ref) {
+    let { ref: overlayRef , arrowProps: arrowProps , state: state , ...tooltipProviderProps } = $GsYXh$useContext($aa93b9f151774347$export$39ae08fa83328b12);
+    let defaultRef = $GsYXh$useRef();
+    overlayRef = overlayRef || defaultRef;
+    props = $GsYXh$mergeProps(props, tooltipProviderProps);
+    let { variant: variant = 'neutral' , placement: placement = 'top' , isOpen: isOpen , showIcon: showIcon , ...otherProps } = props;
+    let { styleProps: styleProps  } = $GsYXh$useStyleProps(otherProps);
+    let { tooltipProps: tooltipProps  } = $GsYXh$useTooltip(props, state);
+    // Sync ref with overlayRef from context.
+    $GsYXh$useImperativeHandle(ref, ()=>$GsYXh$createDOMRef(overlayRef)
+    );
+    let Icon = $f5ff0a7b08ee263c$var$iconMap[variant];
+    return(/*#__PURE__*/ $GsYXh$react.createElement("div", {
+        ...styleProps,
+        ...tooltipProps,
+        className: $GsYXh$classNames((/*@__PURE__*/$parcel$interopDefault($efde1aa8ba0e052d$exports)), 'spectrum-Tooltip', `spectrum-Tooltip--${variant}`, `spectrum-Tooltip--${placement}`, {
+            'is-open': isOpen
+        }, styleProps.className),
+        ref: overlayRef
+    }, showIcon && variant !== 'neutral' && /*#__PURE__*/ $GsYXh$react.createElement(Icon, {
+        UNSAFE_className: $GsYXh$classNames((/*@__PURE__*/$parcel$interopDefault($efde1aa8ba0e052d$exports)), 'spectrum-Tooltip-typeIcon'),
+        "aria-hidden": true
+    }), props.children && /*#__PURE__*/ $GsYXh$react.createElement("span", {
+        className: $GsYXh$classNames((/*@__PURE__*/$parcel$interopDefault($efde1aa8ba0e052d$exports)), 'spectrum-Tooltip-label')
+    }, props.children), /*#__PURE__*/ $GsYXh$react.createElement("span", {
+        ...arrowProps,
+        className: $GsYXh$classNames((/*@__PURE__*/$parcel$interopDefault($efde1aa8ba0e052d$exports)), 'spectrum-Tooltip-tip')
+    })));
 }
 /**
  * Display container for Tooltip content. Has a directional arrow dependent on its placement.
- */
-export let Tooltip = _react.forwardRef($bbf06d7c74e4575391edac06758d45$var$Tooltip);
-const $af9462b3a75853dd6b5cae0d0c0ce5a$var$DEFAULT_OFFSET = 7; // Closest visual match to Spectrum's mocks
-const $af9462b3a75853dd6b5cae0d0c0ce5a$var$DEFAULT_CROSS_OFFSET = 0;
-function $af9462b3a75853dd6b5cae0d0c0ce5a$var$TooltipTrigger(props) {
-  let {
-    children,
-    crossOffset = $af9462b3a75853dd6b5cae0d0c0ce5a$var$DEFAULT_CROSS_OFFSET,
-    isDisabled,
-    offset = $af9462b3a75853dd6b5cae0d0c0ce5a$var$DEFAULT_OFFSET,
-    trigger: triggerAction
-  } = props;
-  let [trigger, tooltip] = _react.Children.toArray(children);
-  let state = useTooltipTriggerState(props);
-  let tooltipTriggerRef = useRef();
-  let overlayRef = useRef();
-  let {
-    triggerProps,
-    tooltipProps
-  } = useTooltipTrigger({
-    isDisabled,
-    trigger: triggerAction
-  }, state, tooltipTriggerRef);
-  let {
-    overlayProps,
-    arrowProps,
-    placement
-  } = useOverlayPosition({
-    placement: props.placement || 'top',
-    targetRef: tooltipTriggerRef,
-    overlayRef,
-    offset,
-    crossOffset,
-    isOpen: state.isOpen
-  });
-  return /*#__PURE__*/_react.createElement(FocusableProvider, _babelRuntimeHelpersEsmExtends({}, triggerProps, {
-    ref: tooltipTriggerRef
-  }), trigger, /*#__PURE__*/_react.createElement($d79690ed71d0e589905a11b2fa970c7$export$TooltipContext.Provider, {
-    value: _babelRuntimeHelpersEsmExtends({
-      state,
-      placement,
-      ref: overlayRef,
-      UNSAFE_style: overlayProps.style,
-      arrowProps
-    }, tooltipProps)
-  }, /*#__PURE__*/_react.createElement(Overlay, {
-    isOpen: state.isOpen
-  }, tooltip)));
-} // Support TooltipTrigger inside components using CollectionBuilder.
-$af9462b3a75853dd6b5cae0d0c0ce5a$var$TooltipTrigger.getCollectionNode = function* (props) {
-  // Replaced the use of React.Childern.toArray because it mutates the key prop.
-  let childArray = [];
-  _react.Children.forEach(props.children, child => {
-    if (_react.isValidElement(child)) {
-      childArray.push(child);
-    }
-  });
-  let [trigger, tooltip] = childArray;
-  yield {
-    element: trigger,
-    wrapper: element => /*#__PURE__*/_react.createElement($af9462b3a75853dd6b5cae0d0c0ce5a$var$TooltipTrigger, _babelRuntimeHelpersEsmExtends({
-      key: element.key
-    }, props), element, tooltip)
-  };
+ */ let $f5ff0a7b08ee263c$export$28c660c63b792dea = /*#__PURE__*/ $GsYXh$react.forwardRef($f5ff0a7b08ee263c$var$Tooltip);
+var $7fb69c4f37e1dfe6$exports = {};
+$parcel$export($7fb69c4f37e1dfe6$exports, "TooltipTrigger", () => $7fb69c4f37e1dfe6$export$8c610744efcf8a1d);
+const $7fb69c4f37e1dfe6$var$DEFAULT_OFFSET = -1; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button
+const $7fb69c4f37e1dfe6$var$DEFAULT_CROSS_OFFSET = 0;
+function $7fb69c4f37e1dfe6$var$TooltipTrigger(props) {
+    let { children: children , crossOffset: crossOffset = $7fb69c4f37e1dfe6$var$DEFAULT_CROSS_OFFSET , isDisabled: isDisabled , offset: offset = $7fb69c4f37e1dfe6$var$DEFAULT_OFFSET , trigger: triggerAction  } = props;
+    let [trigger, tooltip] = $GsYXh$react.Children.toArray(children);
+    let state = $GsYXh$useTooltipTriggerState(props);
+    let tooltipTriggerRef = $GsYXh$useRef();
+    let overlayRef = $GsYXh$useRef();
+    let { triggerProps: triggerProps , tooltipProps: tooltipProps  } = $GsYXh$useTooltipTrigger({
+        isDisabled: isDisabled,
+        trigger: triggerAction
+    }, state, tooltipTriggerRef);
+    let { overlayProps: overlayProps , arrowProps: arrowProps , placement: placement  } = $GsYXh$useOverlayPosition({
+        placement: props.placement || 'top',
+        targetRef: tooltipTriggerRef,
+        overlayRef: overlayRef,
+        offset: offset,
+        crossOffset: crossOffset,
+        isOpen: state.isOpen
+    });
+    return(/*#__PURE__*/ $GsYXh$react.createElement($GsYXh$FocusableProvider, {
+        ...triggerProps,
+        ref: tooltipTriggerRef
+    }, trigger, /*#__PURE__*/ $GsYXh$react.createElement($aa93b9f151774347$export$39ae08fa83328b12.Provider, {
+        value: {
+            state: state,
+            placement: placement,
+            ref: overlayRef,
+            UNSAFE_style: overlayProps.style,
+            arrowProps: arrowProps,
+            ...tooltipProps
+        }
+    }, /*#__PURE__*/ $GsYXh$react.createElement($GsYXh$Overlay, {
+        isOpen: state.isOpen
+    }, tooltip))));
+}
+// Support TooltipTrigger inside components using CollectionBuilder.
+$7fb69c4f37e1dfe6$var$TooltipTrigger.getCollectionNode = function*(props) {
+    // Replaced the use of React.Childern.toArray because it mutates the key prop.
+    let childArray = [];
+    $GsYXh$react.Children.forEach(props.children, (child)=>{
+        if (/*#__PURE__*/ $GsYXh$react.isValidElement(child)) childArray.push(child);
+    });
+    let [trigger, tooltip] = childArray;
+    yield {
+        element: trigger,
+        wrapper: (element)=>/*#__PURE__*/ $GsYXh$react.createElement($7fb69c4f37e1dfe6$var$TooltipTrigger, {
+                key: element.key,
+                ...props
+            }, element, tooltip)
+    };
 };
 /**
  * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing
  * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip
  * relative to the trigger.
- */
-// We don't want getCollectionNode to show up in the type definition
+ */ // We don't want getCollectionNode to show up in the type definition
+let $7fb69c4f37e1dfe6$export$8c610744efcf8a1d = $7fb69c4f37e1dfe6$var$TooltipTrigger;
-export let TooltipTrigger = $af9462b3a75853dd6b5cae0d0c0ce5a$var$TooltipTrigger;
+export {$f5ff0a7b08ee263c$export$28c660c63b792dea as Tooltip, $7fb69c4f37e1dfe6$export$8c610744efcf8a1d as TooltipTrigger};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":";;;;;;;;;;;;;;;AAAA,SAASA,sBAAT,CAAgCC,CAAhC,EAAmC;AACjC,SAAOA,CAAC,IAAIA,CAAC,CAACC,UAAP,GAAoBD,CAAC,CAACE,OAAtB,GAAgCF,CAAvC;AACD;;;;ACFD,wCAAiB;AACf,sBAAoB,yBADL;AAEf,aAAW,gBAFI;AAGf,8BAA4B,iCAHb;AAIf,2BAAyB,8BAJV;AAKf,6BAA2B,gCALZ;AAMf,4BAA0B,+BANX;AAOf,0BAAwB,6BAPT;AAQf,+BAA6B,kCARd;AASf,4BAA0B,+BATX;AAUf,2BAAyB,8BAVV;AAWf,gBAAc,mBAXC;AAYf,gBAAc,mBAZC;AAaf,gCAA8B,mCAbf;AAcf,6BAA2B,gCAdZ;AAef,4BAA0B,+BAfX;AAgBf,4BAA0B,+BAhBX;AAiBf,gCAA8B,mCAjBf;AAkBf,+BAA6B;AAlBd,CAAjB;;ACwBO,MAAMG,sDAAc,GAAGC,MAAK,CAACC,aAAN,CAAyC,EAAzC,CAAvB;;ACAP,IAAIC,2CAAO,GAAG;AACZC,EAAAA,IAAI,EAAEC,yBADM;AAEZC,EAAAA,QAAQ,EAAEC,4BAFE;AAGZC,EAAAA,QAAQ,EAAEC;AAHE,CAAd;;;AAMA,SAASC,2CAAT,CAAiBC,KAAjB,EAA8CC,GAA9C,EAA2D;AACzD,oBAAoEC,UAAU,wDAA9E;AAAA,MAAI;AAACD,IAAAA,GAAG,EAAEE,UAAN;AAAkBC,IAAAA,UAAlB;AAA8BC,IAAAA;AAA9B,GAAJ;AAAA,MAA4CC,oBAA5C;;AACA,MAAIC,UAAU,GAAGC,MAAM,EAAvB;AACAL,EAAAA,UAAU,GAAGA,UAAU,IAAII,UAA3B;AACAP,EAAAA,KAAK,GAAGS,UAAU,CAACT,KAAD,EAAQM,oBAAR,CAAlB;;AACA,MAAI;AACFI,IAAAA,OAAO,GAAG,SADR;AAEFC,IAAAA,SAAS,GAAG,KAFV;AAGFC,IAAAA,MAHE;AAIFC,IAAAA;AAJE,MAMAb,KANJ;AAAA,MAKKc,UALL,uDAMId,KANJ;;AAOA,MAAI;AAACe,IAAAA;AAAD,MAAeC,aAAa,CAACF,UAAD,CAAhC;AACA,MAAI;AAACG,IAAAA;AAAD,MAAiBC,UAAU,CAAClB,KAAD,EAAQK,KAAR,CAA/B,CAbyD,CAezD;;AACAc,EAAAA,mBAAmB,CAAClB,GAAD,EAAM,MAAMmB,YAAY,CAACjB,UAAD,CAAxB,CAAnB;AAEA,MAAIkB,IAAI,GAAG7B,2CAAO,CAACkB,OAAD,CAAlB;AAEA,sBACE,+DACMK,UADN,EAEME,YAFN;AAGE,IAAA,SAAS,EAAEK,UAAU,iDAEnB,kBAFmB,yBAGEZ,OAHF,yBAIEC,SAJF,EAKnB;AACE,iBAAWC;AADb,KALmB,EAQnBG,UAAU,CAACQ,SARQ,CAHvB;AAaE,IAAA,GAAG,EAAEpB;AAbP,MAcGU,QAAQ,IAAIH,OAAO,KAAK,SAAxB,iBAAqC,qBAAC,IAAD;AAAM,IAAA,gBAAgB,EAAEY,UAAU,iDAAS,2BAAT,CAAlC;AAAyE;AAAzE,IAdxC,EAeGtB,KAAK,CAACwB,QAAN,iBACC;AAAM,IAAA,SAAS,EAAEF,UAAU,iDAAS,wBAAT;AAA3B,KACGtB,KAAK,CAACwB,QADT,CAhBJ,eAoBE,gEAAUpB,UAAV;AAAsB,IAAA,SAAS,EAAEkB,UAAU,iDAAS,sBAAT;AAA3C,KApBF,CADF;AAwBD;AAED;;;;;OAGA,IAAIG,OAAQ,GAAGnC,MAAK,CAACoC,UAAN,CAAiB3B,2CAAjB,CAAf;AC1DA,MAAM4B,mDAAc,GAAG,CAAvB,C,CAA0B;;AAC1B,MAAMC,yDAAoB,GAAG,CAA7B;;AAEA,SAASC,mDAAT,CAAwB7B,KAAxB,EAA4D;AAC1D,MAAI;AACFwB,IAAAA,QADE;AAEFM,IAAAA,WAAW,GAAGF,yDAFZ;AAGFG,IAAAA,UAHE;AAIFC,IAAAA,MAAM,GAAGL,mDAJP;AAKFM,IAAAA,OAAO,EAAEC;AALP,MAMAlC,KANJ;;AAQA,MAAI,CAACiC,OAAD,EAAUE,OAAV,IAAqB7C,MAAK,CAAC8C,QAAN,CAAeC,OAAf,CAAuBb,QAAvB,CAAzB;;AAEA,MAAInB,KAAK,GAAGiC,sBAAsB,CAACtC,KAAD,CAAlC;AAEA,MAAIuC,iBAAiB,GAAG/B,MAAM,EAA9B;AACA,MAAIL,UAAU,GAAGK,MAAM,EAAvB;AAEA,MAAI;AAACgC,IAAAA,YAAD;AAAevB,IAAAA;AAAf,MAA+BwB,iBAAiB,CAAC;AACnDV,IAAAA,UADmD;AAEnDE,IAAAA,OAAO,EAAEC;AAF0C,GAAD,EAGjD7B,KAHiD,EAG1CkC,iBAH0C,CAApD;AAKA,MAAI;AAACG,IAAAA,YAAD;AAAetC,IAAAA,UAAf;AAA2BO,IAAAA;AAA3B,MAAwCgC,kBAAkB,CAAC;AAC7DhC,IAAAA,SAAS,EAAEX,KAAK,CAACW,SAAN,IAAmB,KAD+B;AAE7DiC,IAAAA,SAAS,EAAEL,iBAFkD;AAG7DpC,IAAAA,UAH6D;AAI7D6B,IAAAA,MAJ6D;AAK7DF,IAAAA,WAL6D;AAM7DlB,IAAAA,MAAM,EAAEP,KAAK,CAACO;AAN+C,GAAD,CAA9D;AASA,sBACE,qBAAC,iBAAD,qCACM4B,YADN;AAEE,IAAA,GAAG,EAAED;AAFP,MAGGN,OAHH,eAIE,4EAAgB,QAAhB;AACE,IAAA,KAAK;AACH5B,MAAAA,KADG;AAEHM,MAAAA,SAFG;AAGHV,MAAAA,GAAG,EAAEE,UAHF;AAIH0C,MAAAA,YAAY,EAAEH,YAAY,CAACI,KAJxB;AAKH1C,MAAAA;AALG,OAMAa,YANA;AADP,kBASE,qBAAC,OAAD;AAAS,IAAA,MAAM,EAAEZ,KAAK,CAACO;AAAvB,KACGuB,OADH,CATF,CAJF,CADF;AAoBD,C,CAED;;;AACAN,mDAAc,CAACkB,iBAAf,GAAmC,WAAW/C,KAAX,EAA+C;AAChF;AACA,MAAIgD,UAA0B,GAAG,EAAjC;;AACA1D,EAAAA,MAAK,CAAC8C,QAAN,CAAea,OAAf,CAAuBjD,KAAK,CAACwB,QAA7B,EAAuC0B,KAAK,IAAI;AAC9C,QAAI5D,MAAK,CAAC6D,cAAN,CAAqBD,KAArB,CAAJ,EAAiC;AAC/BF,MAAAA,UAAU,CAACI,IAAX,CAAgBF,KAAhB;AACD;AACF,GAJD;;AAKA,MAAI,CAACjB,OAAD,EAAUE,OAAV,IAAqBa,UAAzB;AACA,QAAM;AACJK,IAAAA,OAAO,EAAEpB,OADL;AAEJqB,IAAAA,OAAO,EAAGD,OAAD,iBACP,qBAAC,mDAAD;AAAgB,MAAA,GAAG,EAAEA,OAAO,CAACE;AAA7B,OAAsCvD,KAAtC,GACGqD,OADH,EAEGlB,OAFH;AAHE,GAAN;AASD,CAlBD;AAoBA;;;;;AAKA;;;OACA,IAAIqB,cAAe,GAAG3B,mDAAtB","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 = 7; // Closest visual match to Spectrum's mocks\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"}

package/dist/types.d.ts.map CHANGED Viewed

	@@ -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 Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/tooltip",
-  "version": "3.1.1",
+  "version": "3.1.5",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -32,29 +32,30 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-aria/focus": "^3.2.2",
-    "@react-aria/interactions": "^3.3.3",
-    "@react-aria/overlays": "^3.6.1",
-    "@react-aria/tooltip": "^3.1.1",
-    "@react-aria/utils": "^3.6.0",
-    "@react-spectrum/overlays": "^3.4.0",
-    "@react-spectrum/utils": "^3.5.1",
-    "@react-stately/tooltip": "^3.0.2",
-    "@react-stately/utils": "^3.2.0",
-    "@react-types/overlays": "^3.4.0",
-    "@react-types/shared": "^3.4.0",
-    "@react-types/tooltip": "^3.1.1",
-    "@spectrum-icons/ui": "^3.2.0"
+    "@react-aria/focus": "^3.5.1",
+    "@react-aria/interactions": "^3.8.0",
+    "@react-aria/overlays": "^3.7.4",
+    "@react-aria/tooltip": "^3.1.4",
+    "@react-aria/utils": "^3.11.1",
+    "@react-spectrum/overlays": "^3.4.5",
+    "@react-spectrum/utils": "^3.6.4",
+    "@react-stately/tooltip": "^3.0.6",
+    "@react-stately/utils": "^3.4.0",
+    "@react-types/overlays": "^3.5.2",
+    "@react-types/shared": "^3.11.0",
+    "@react-types/tooltip": "^3.1.3",
+    "@spectrum-icons/ui": "^3.2.2"
   },
   "devDependencies": {
     "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
   },
   "peerDependencies": {
-    "@react-spectrum/provider": "^3.0.0-rc.1",
-    "react": "^16.8.0 || ^17.0.0-rc.1"
+    "@react-spectrum/provider": "^3.0.0",
+    "react": "^16.8.0 || ^17.0.0-rc.1",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7f9dc7fa5144679d2dc733170cb5c1f40d0c5ee5"
+  "gitHead": "54c2366c4f31bd4bf619126131cd583c12972acc"
 }

package/src/TooltipTrigger.tsx CHANGED Viewed

@@ -19,7 +19,7 @@ import {useOverlayPosition} from '@react-aria/overlays';
 import {useTooltipTrigger} from '@react-aria/tooltip';
 import {useTooltipTriggerState} from '@react-stately/tooltip';
-const DEFAULT_OFFSET = 7; // Closest visual match to Spectrum's mocks
+const DEFAULT_OFFSET = -1; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button
 const DEFAULT_CROSS_OFFSET = 0;
 function TooltipTrigger(props: SpectrumTooltipTriggerProps) {

package/dist/main.css.map DELETED Viewed

@@ -1 +0,0 @@

- {"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,eAQF,CAJE,6DACE,UAAW,CACX,uBACF,CAGF,+BACE,gBAQF,CAJE,4DACE,SAAU,CACV,wBACF,CAGF,8BACE,iBAOF,CAHE,2DACE,QACF,CAGF,iCACE,cAQF,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: 3px;\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"}