@adobe/react-spectrum 3.47.0 → 3.47.1

package/dist/private/tooltip/Tooltip.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAmCD,IAAI,gCAAU;IACZ,MAAM,CAAA,GAAA,+BAAQ;IACd,UAAU,CAAA,GAAA,kCAAW;IACrB,UAAU,CAAA,GAAA,gCAAS;AACrB;AAKO,MAAM,0DAAU,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,QAAQ,KAA2B,EAAE,GAAW;IAC/F,IAAI,EAAC,KAAK,UAAU,cAAE,UAAU,SAAE,KAAK,YAAE,QAAQ,EAAE,GAAG,sBAAqB,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAa;IACtG,IAAI,aAAa,CAAA,GAAA,aAAK,EAAE;IACxB,aAAa,cAAc;IAC3B,IAAI,kBAAkB,MAAM,SAAS;IACrC,QAAQ,CAAA,GAAA,iBAAS,EAAE,OAAO;IAC1B,IAAI,WACF,UAAU,sBACV,SAAS,UACT,MAAM,YACN,QAAQ,EACR,GAAG,YACJ,GAAG;IACJ,IAAI,aAAa,MACf,YAAY,mBAAmB;IAEjC,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,gBAAC,YAAY,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,OAAO;IAEvC,yCAAyC;IACzC,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAM,CAAA,GAAA,yCAAW,EAAE;IAE5C,IAAI,OAAO,6BAAO,CAAC,QAAQ;IAE3B,qBACE,gCAAC;QACE,GAAG,UAAU;QACb,GAAG,YAAY;QAChB,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,oDAAK,GACL,oBACA,CAAC,kBAAkB,EAAE,SAAS,EAC9B,CAAC,kBAAkB,EAAE,WAAW,EAChC;YACE,WAAW;YACX,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE;QAC7B,GACA,WAAW,SAAS;QAEtB,KAAK;OACJ,YAAY,YAAY,2BAAa,gCAAC;QAAK,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,oDAAK,GAAG;QAA8B,eAAA;QAC9G,MAAM,QAAQ,kBACb,gCAAC;QAAK,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,oDAAK,GAAG;OACjC,MAAM,QAAQ,iBAGnB,gCAAC;QAAM,GAAG,UAAU;QAAE,KAAK;QAAU,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,oDAAK,GAAG;;AAGzE","sources":["packages/@adobe/react-spectrum/src/tooltip/Tooltip.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\nimport AlertSmall from '@spectrum-icons/ui/AlertSmall';\nimport {AriaTooltipProps, useTooltip} from 'react-aria/useTooltipTrigger';\nimport {classNames} from '../utils/classNames';\nimport {createDOMRef} from '../utils/useDOMRef';\nimport {DOMRef, StyleProps} from '@react-types/shared';\nimport InfoSmall from '@spectrum-icons/ui/InfoSmall';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactNode, useContext, useImperativeHandle, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tooltip/vars.css';\nimport SuccessSmall from '@spectrum-icons/ui/SuccessSmall';\nimport {TooltipContext} from './context';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumTooltipProps extends AriaTooltipProps, StyleProps {\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/tooltip/#Semantic-variants) of the Tooltip.\n   */\n  variant?: 'neutral' | 'positive' | 'negative' | 'info',\n\n  /**\n   * The placement of the element with respect to its anchor element.\n   * @default 'top'\n   */\n  placement?: 'start' | 'end' | 'right' | 'left' | 'top' | 'bottom',\n\n  /**\n   * Whether the element is rendered.\n   */\n  showIcon?: boolean,\n\n  children: ReactNode\n}\n\nlet iconMap = {\n  info: InfoSmall,\n  positive: SuccessSmall,\n  negative: AlertSmall\n};\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nexport const Tooltip = React.forwardRef(function Tooltip(props: SpectrumTooltipProps, ref: DOMRef) {\n  let {ref: overlayRef, arrowProps, state, arrowRef, ...tooltipProviderProps} = useContext(TooltipContext);\n  let defaultRef = useRef(null);\n  overlayRef = overlayRef || defaultRef;\n  let backupPlacement = props.placement;\n  props = mergeProps(props, tooltipProviderProps);\n  let {\n    variant = 'neutral',\n    placement,\n    isOpen,\n    showIcon,\n    ...otherProps\n  } = props;\n  if (placement == null) {\n    placement = backupPlacement ?? 'top';\n  }\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          [`is-open--${placement}`]: 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} ref={arrowRef} className={classNames(styles, 'spectrum-Tooltip-tip')} />\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Tooltip.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAoCD,IAAI,gCAAU;IACZ,MAAM,CAAA,GAAA,+BAAQ;IACd,UAAU,CAAA,GAAA,kCAAW;IACrB,UAAU,CAAA,GAAA,gCAAS;AACrB;AAKO,MAAM,0DAAU,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,QAAQ,KAA2B,EAAE,GAAW;IAC/F,IAAI,EACF,KAAK,UAAU,cACf,UAAU,SACV,KAAK,YACL,QAAQ,EACR,GAAG,sBACJ,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAa;IAC5B,IAAI,aAAa,CAAA,GAAA,aAAK,EAAE;IACxB,aAAa,cAAc;IAC3B,IAAI,kBAAkB,MAAM,SAAS;IACrC,QAAQ,CAAA,GAAA,iBAAS,EAAE,OAAO;IAC1B,IAAI,WAAC,UAAU,sBAAW,SAAS,UAAE,MAAM,YAAE,QAAQ,EAAE,GAAG,YAAW,GAAG;IACxE,IAAI,aAAa,MACf,YAAY,mBAAmB;IAEjC,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,gBAAC,YAAY,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,OAAO;IAEvC,yCAAyC;IACzC,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAM,CAAA,GAAA,yCAAW,EAAE;IAE5C,IAAI,OAAO,6BAAO,CAAC,QAAQ;IAE3B,qBACE,gCAAC;QACE,GAAG,UAAU;QACb,GAAG,YAAY;QAChB,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,oDAAK,GACL,oBACA,CAAC,kBAAkB,EAAE,SAAS,EAC9B,CAAC,kBAAkB,EAAE,WAAW,EAChC;YACE,WAAW;YACX,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE;QAC7B,GACA,WAAW,SAAS;QAEtB,KAAK;OACJ,YAAY,YAAY,2BACvB,gCAAC;QAAK,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,oDAAK,GAAG;QAA8B,eAAA;QAE1E,MAAM,QAAQ,kBACb,gCAAC;QAAK,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,oDAAK,GAAG;OAA4B,MAAM,QAAQ,iBAEhF,gCAAC;QAAM,GAAG,UAAU;QAAE,KAAK;QAAU,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,oDAAK,GAAG;;AAGzE","sources":["packages/@adobe/react-spectrum/src/tooltip/Tooltip.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\nimport AlertSmall from '@spectrum-icons/ui/AlertSmall';\nimport {AriaTooltipProps, useTooltip} from 'react-aria/useTooltipTrigger';\nimport {classNames} from '../utils/classNames';\nimport {createDOMRef} from '../utils/useDOMRef';\nimport {DOMRef, StyleProps} from '@react-types/shared';\nimport InfoSmall from '@spectrum-icons/ui/InfoSmall';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactNode, useContext, useImperativeHandle, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tooltip/vars.css';\nimport SuccessSmall from '@spectrum-icons/ui/SuccessSmall';\nimport {TooltipContext} from './context';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumTooltipProps extends AriaTooltipProps, StyleProps {\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/tooltip/#Semantic-variants) of the Tooltip.\n   */\n  variant?: 'neutral' | 'positive' | 'negative' | 'info';\n\n  /**\n   * The placement of the element with respect to its anchor element.\n   *\n   * @default 'top'\n   */\n  placement?: 'start' | 'end' | 'right' | 'left' | 'top' | 'bottom';\n\n  /**\n   * Whether the element is rendered.\n   */\n  showIcon?: boolean;\n\n  children: ReactNode;\n}\n\nlet iconMap = {\n  info: InfoSmall,\n  positive: SuccessSmall,\n  negative: AlertSmall\n};\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nexport const Tooltip = React.forwardRef(function Tooltip(props: SpectrumTooltipProps, ref: DOMRef) {\n  let {\n    ref: overlayRef,\n    arrowProps,\n    state,\n    arrowRef,\n    ...tooltipProviderProps\n  } = useContext(TooltipContext);\n  let defaultRef = useRef(null);\n  overlayRef = overlayRef || defaultRef;\n  let backupPlacement = props.placement;\n  props = mergeProps(props, tooltipProviderProps);\n  let {variant = 'neutral', placement, isOpen, showIcon, ...otherProps} = props;\n  if (placement == null) {\n    placement = backupPlacement ?? 'top';\n  }\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          [`is-open--${placement}`]: isOpen\n        },\n        styleProps.className\n      )}\n      ref={overlayRef}>\n      {showIcon && variant !== 'neutral' && (\n        <Icon UNSAFE_className={classNames(styles, 'spectrum-Tooltip-typeIcon')} aria-hidden />\n      )}\n      {props.children && (\n        <span className={classNames(styles, 'spectrum-Tooltip-label')}>{props.children}</span>\n      )}\n      <span {...arrowProps} ref={arrowRef} className={classNames(styles, 'spectrum-Tooltip-tip')} />\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Tooltip.mjs.map"}

package/dist/private/tooltip/TooltipTrigger.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AA2BD,MAAM,uCAAiB,IAAI,yFAAyF;AACpH,MAAM,6CAAuB;AAC7B,MAAM,sDAAgC,MAAM,+DAA+D;AAE3G,SAAS,qCAAe,KAAkC;IACxD,IAAI,YACF,QAAQ,eACR,cAAc,wDACd,UAAU,UACV,SAAS,sCACT,SAAS,aAAa,sBACtB,qBAAqB,qDACtB,GAAG;IAEJ,IAAI,CAAC,SAAS,QAAQ,GAAG,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IAChD,IAAI,QAAQ,CAAA,GAAA,gEAAqB,EAAE;IAEnC,IAAI,oBAAoB,CAAA,GAAA,mBAAK,EAAe;IAC5C,IAAI,aAAa,CAAA,GAAA,mBAAK,EAAkB;IAExC,IAAI,gBAAC,YAAY,gBAAE,YAAY,EAAC,GAAG,CAAA,GAAA,mDAAgB,EAAE;oBACnD;QACA,SAAS;4BACT;IACF,GAAG,OAAO;IAEV,IAAI,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,qBAAO,EAAE;IAC/C,CAAA,GAAA,2DAAc,EAAE;QACd,IAAI,WAAW,OAAO,IAAI,MAAM,MAAM,EAAE;YACtC,IAAI,uBAAuB,OAAO,gBAAgB,CAAC,WAAW,OAAO,EAAE,YAAY;YACnF,IAAI,yBAAyB,IAC3B,gBAAgB,SAAS,sBAAsB;QAEnD;IACF,GAAG;QAAC,MAAM,MAAM;QAAE;KAAW;IAC7B,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAe;IACnC,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,qBAAO,EAAE;IAC3C,CAAA,GAAA,2DAAc,EAAE;QACd,IAAI,SAAS,OAAO,IAAI,MAAM,MAAM,EAClC,cAAc,SAAS,OAAO,CAAC,qBAAqB,GAAG,KAAK;IAEhE,GAAG;QAAC,MAAM,MAAM;QAAE;KAAS;IAE3B,IAAI,gBAAC,YAAY,cAAE,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,qDAAiB,EAAE;QAC7D,WAAW,MAAM,SAAS,IAAI;QAC9B,WAAW;oBACX;gBACA;qBACA;QACA,QAAQ,MAAM,MAAM;QACpB,YAAY,MAAM,UAAU;QAC5B,kBAAkB,MAAM,gBAAgB;QACxC,WAAW;QACX,qBAAqB;QACrB,SAAS,IAAM,MAAM,KAAK,CAAC;IAC7B;IAEA,qBACE,0DAAC,CAAA,GAAA,iEAAgB;QACd,GAAG,YAAY;QAChB,KAAK;OACJ,uBACD,0DAAC,CAAA,GAAA,wCAAa,EAAE,QAAQ;QACtB,OAAO;mBACL;uBACA;YACA,KAAK;YACL,cAAc,aAAa,KAAK;wBAChC;YACA,UAAU;YACV,GAAG,YAAY;QACjB;qBACA,0DAAC,CAAA,GAAA,iCAAM;QAAE,QAAQ,MAAM,MAAM;QAAE,SAAS;OACrC;AAKX;AAEA,oEAAoE;AACpE,qCAAe,iBAAiB,GAAG,UAAW,KAAkC;IAC9E,8EAA8E;IAC9E,IAAI,aAA6B,EAAE;IACnC,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,QAAQ,EAAE,CAAA;QACrC,kBAAI,CAAA,GAAA,sCAAI,EAAE,cAAc,CAAC,QACvB,WAAW,IAAI,CAAC;IAEpB;IACA,IAAI,CAAC,SAAS,QAAQ,GAAG;IACzB,MAAM;QACJ,SAAS;QACT,SAAS,CAAC,wBACR,0DAAC;gBAAe,KAAK,QAAQ,GAAG;gBAAG,GAAG,KAAK;eACxC,SACA;IAGP;AACF;AAEA;;;;CAIC,GACD,oEAAoE;AACpE,IAAI,4CAAkB","sources":["packages/@adobe/react-spectrum/src/tooltip/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\nimport {FocusableProvider} from 'react-aria/private/interactions/useFocusable';\nimport {Overlay} from '../overlays/Overlay';\nimport {Placement, PositionProps, useOverlayPosition} from 'react-aria/useOverlayPosition';\nimport React, {JSX, ReactElement, useRef, useState} from 'react';\nimport {TooltipContext} from './context';\nimport {TooltipTriggerProps, useTooltipTriggerState} from 'react-stately/useTooltipTriggerState';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useTooltipTrigger} from 'react-aria/useTooltipTrigger';\n\nexport interface SpectrumTooltipTriggerProps extends Omit<TooltipTriggerProps, 'closeDelay'>, PositionProps {\n  children: [ReactElement, ReactElement],\n\n  /**\n   * The additional offset applied along the main axis between the element and its\n   * anchor element.\n   * @default 7\n   */\n  offset?: number,\n  /**\n   * The placement of the tooltip with respect to the trigger.\n   * @default 'top'\n   */\n  placement?: Placement\n}\n\nconst DEFAULT_OFFSET = -1; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\nconst DEFAULT_SHOULD_CLOSE_ON_PRESS = true; // Whether the tooltip should close when the trigger is pressed\n\nfunction TooltipTrigger(props: SpectrumTooltipTriggerProps) {\n  let {\n    children,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    isDisabled,\n    offset = DEFAULT_OFFSET,\n    trigger: triggerAction,\n    shouldCloseOnPress = DEFAULT_SHOULD_CLOSE_ON_PRESS\n  } = props;\n\n  let [trigger, tooltip] = React.Children.toArray(children) as [ReactElement, ReactElement];\n  let state = useTooltipTriggerState(props);\n\n  let tooltipTriggerRef = useRef<HTMLElement>(null);\n  let overlayRef = useRef<HTMLDivElement>(null);\n\n  let {triggerProps, tooltipProps} = useTooltipTrigger({\n    isDisabled,\n    trigger: triggerAction,\n    shouldCloseOnPress\n  }, state, tooltipTriggerRef);\n\n  let [borderRadius, setBorderRadius] = useState(0);\n  useLayoutEffect(() => {\n    if (overlayRef.current && state.isOpen) {\n      let spectrumBorderRadius = window.getComputedStyle(overlayRef.current).borderRadius;\n      if (spectrumBorderRadius !== '') {\n        setBorderRadius(parseInt(spectrumBorderRadius, 10));\n      }\n    }\n  }, [state.isOpen, overlayRef]);\n  let arrowRef = useRef<HTMLElement>(null);\n  let [arrowWidth, setArrowWidth] = useState(0);\n  useLayoutEffect(() => {\n    if (arrowRef.current && state.isOpen) {\n      setArrowWidth(arrowRef.current.getBoundingClientRect().width);\n    }\n  }, [state.isOpen, arrowRef]);\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    shouldFlip: props.shouldFlip,\n    containerPadding: props.containerPadding,\n    arrowSize: arrowWidth,\n    arrowBoundaryOffset: borderRadius,\n    onClose: () => state.close(true)\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          arrowRef: arrowRef,\n          ...tooltipProps\n        }}>\n        <Overlay isOpen={state.isOpen} nodeRef={overlayRef}>\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.Children.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":"TooltipTrigger.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AA8BD,MAAM,uCAAiB,IAAI,yFAAyF;AACpH,MAAM,6CAAuB;AAC7B,MAAM,sDAAgC,MAAM,+DAA+D;AAE3G,SAAS,qCAAe,KAAkC;IACxD,IAAI,YACF,QAAQ,eACR,cAAc,wDACd,UAAU,UACV,SAAS,sCACT,SAAS,aAAa,sBACtB,qBAAqB,qDACtB,GAAG;IAEJ,IAAI,CAAC,SAAS,QAAQ,GAAG,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IAChD,IAAI,QAAQ,CAAA,GAAA,gEAAqB,EAAE;IAEnC,IAAI,oBAAoB,CAAA,GAAA,mBAAK,EAAe;IAC5C,IAAI,aAAa,CAAA,GAAA,mBAAK,EAAkB;IAExC,IAAI,gBAAC,YAAY,gBAAE,YAAY,EAAC,GAAG,CAAA,GAAA,mDAAgB,EACjD;oBACE;QACA,SAAS;4BACT;IACF,GACA,OACA;IAGF,IAAI,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,qBAAO,EAAE;IAC/C,CAAA,GAAA,2DAAc,EAAE;QACd,IAAI,WAAW,OAAO,IAAI,MAAM,MAAM,EAAE;YACtC,IAAI,uBAAuB,OAAO,gBAAgB,CAAC,WAAW,OAAO,EAAE,YAAY;YACnF,IAAI,yBAAyB,IAC3B,gBAAgB,SAAS,sBAAsB;QAEnD;IACF,GAAG;QAAC,MAAM,MAAM;QAAE;KAAW;IAC7B,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAe;IACnC,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,qBAAO,EAAE;IAC3C,CAAA,GAAA,2DAAc,EAAE;QACd,IAAI,SAAS,OAAO,IAAI,MAAM,MAAM,EAClC,cAAc,SAAS,OAAO,CAAC,qBAAqB,GAAG,KAAK;IAEhE,GAAG;QAAC,MAAM,MAAM;QAAE;KAAS;IAE3B,IAAI,gBAAC,YAAY,cAAE,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,qDAAiB,EAAE;QAC7D,WAAW,MAAM,SAAS,IAAI;QAC9B,WAAW;oBACX;gBACA;qBACA;QACA,QAAQ,MAAM,MAAM;QACpB,YAAY,MAAM,UAAU;QAC5B,kBAAkB,MAAM,gBAAgB;QACxC,WAAW;QACX,qBAAqB;QACrB,SAAS,IAAM,MAAM,KAAK,CAAC;IAC7B;IAEA,qBACE,0DAAC,CAAA,GAAA,iEAAgB;QAAG,GAAG,YAAY;QAAE,KAAK;OACvC,uBACD,0DAAC,CAAA,GAAA,wCAAa,EAAE,QAAQ;QACtB,OAAO;mBACL;uBACA;YACA,KAAK;YACL,cAAc,aAAa,KAAK;wBAChC;YACA,UAAU;YACV,GAAG,YAAY;QACjB;qBACA,0DAAC,CAAA,GAAA,iCAAM;QAAE,QAAQ,MAAM,MAAM;QAAE,SAAS;OACrC;AAKX;AAEA,oEAAoE;AACpE,qCAAe,iBAAiB,GAAG,UAAW,KAAkC;IAC9E,8EAA8E;IAC9E,IAAI,aAA6B,EAAE;IACnC,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,QAAQ,EAAE,CAAA;QACrC,kBAAI,CAAA,GAAA,sCAAI,EAAE,cAAc,CAAC,QACvB,WAAW,IAAI,CAAC;IAEpB;IACA,IAAI,CAAC,SAAS,QAAQ,GAAG;IACzB,MAAM;QACJ,SAAS;QACT,SAAS,CAAA,wBACP,0DAAC;gBAAe,KAAK,QAAQ,GAAG;gBAAG,GAAG,KAAK;eACxC,SACA;IAGP;AACF;AAEA;;;;CAIC,GACD,oEAAoE;AACpE,IAAI,4CAAkB","sources":["packages/@adobe/react-spectrum/src/tooltip/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\nimport {FocusableProvider} from 'react-aria/private/interactions/useFocusable';\nimport {Overlay} from '../overlays/Overlay';\nimport {Placement, PositionProps, useOverlayPosition} from 'react-aria/useOverlayPosition';\nimport React, {JSX, ReactElement, useRef, useState} from 'react';\nimport {TooltipContext} from './context';\nimport {TooltipTriggerProps, useTooltipTriggerState} from 'react-stately/useTooltipTriggerState';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useTooltipTrigger} from 'react-aria/useTooltipTrigger';\n\nexport interface SpectrumTooltipTriggerProps\n  extends Omit<TooltipTriggerProps, 'closeDelay'>, PositionProps {\n  children: [ReactElement, ReactElement];\n\n  /**\n   * The additional offset applied along the main axis between the element and its\n   * anchor element.\n   *\n   * @default 7\n   */\n  offset?: number;\n  /**\n   * The placement of the tooltip with respect to the trigger.\n   *\n   * @default 'top'\n   */\n  placement?: Placement;\n}\n\nconst DEFAULT_OFFSET = -1; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\nconst DEFAULT_SHOULD_CLOSE_ON_PRESS = true; // Whether the tooltip should close when the trigger is pressed\n\nfunction TooltipTrigger(props: SpectrumTooltipTriggerProps) {\n  let {\n    children,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    isDisabled,\n    offset = DEFAULT_OFFSET,\n    trigger: triggerAction,\n    shouldCloseOnPress = DEFAULT_SHOULD_CLOSE_ON_PRESS\n  } = props;\n\n  let [trigger, tooltip] = React.Children.toArray(children) as [ReactElement, ReactElement];\n  let state = useTooltipTriggerState(props);\n\n  let tooltipTriggerRef = useRef<HTMLElement>(null);\n  let overlayRef = useRef<HTMLDivElement>(null);\n\n  let {triggerProps, tooltipProps} = useTooltipTrigger(\n    {\n      isDisabled,\n      trigger: triggerAction,\n      shouldCloseOnPress\n    },\n    state,\n    tooltipTriggerRef\n  );\n\n  let [borderRadius, setBorderRadius] = useState(0);\n  useLayoutEffect(() => {\n    if (overlayRef.current && state.isOpen) {\n      let spectrumBorderRadius = window.getComputedStyle(overlayRef.current).borderRadius;\n      if (spectrumBorderRadius !== '') {\n        setBorderRadius(parseInt(spectrumBorderRadius, 10));\n      }\n    }\n  }, [state.isOpen, overlayRef]);\n  let arrowRef = useRef<HTMLElement>(null);\n  let [arrowWidth, setArrowWidth] = useState(0);\n  useLayoutEffect(() => {\n    if (arrowRef.current && state.isOpen) {\n      setArrowWidth(arrowRef.current.getBoundingClientRect().width);\n    }\n  }, [state.isOpen, arrowRef]);\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    shouldFlip: props.shouldFlip,\n    containerPadding: props.containerPadding,\n    arrowSize: arrowWidth,\n    arrowBoundaryOffset: borderRadius,\n    onClose: () => state.close(true)\n  });\n\n  return (\n    <FocusableProvider {...triggerProps} ref={tooltipTriggerRef}>\n      {trigger}\n      <TooltipContext.Provider\n        value={{\n          state,\n          placement,\n          ref: overlayRef,\n          UNSAFE_style: overlayProps.style,\n          arrowProps,\n          arrowRef: arrowRef,\n          ...tooltipProps\n        }}>\n        <Overlay isOpen={state.isOpen} nodeRef={overlayRef}>\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.Children.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":"TooltipTrigger.cjs.map"}

package/dist/private/tooltip/TooltipTrigger.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AA2BD,MAAM,uCAAiB,IAAI,yFAAyF;AACpH,MAAM,6CAAuB;AAC7B,MAAM,sDAAgC,MAAM,+DAA+D;AAE3G,SAAS,qCAAe,KAAkC;IACxD,IAAI,YACF,QAAQ,eACR,cAAc,wDACd,UAAU,UACV,SAAS,sCACT,SAAS,aAAa,sBACtB,qBAAqB,qDACtB,GAAG;IAEJ,IAAI,CAAC,SAAS,QAAQ,GAAG,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IAChD,IAAI,QAAQ,CAAA,GAAA,6BAAqB,EAAE;IAEnC,IAAI,oBAAoB,CAAA,GAAA,aAAK,EAAe;IAC5C,IAAI,aAAa,CAAA,GAAA,aAAK,EAAkB;IAExC,IAAI,gBAAC,YAAY,gBAAE,YAAY,EAAC,GAAG,CAAA,GAAA,wBAAgB,EAAE;oBACnD;QACA,SAAS;4BACT;IACF,GAAG,OAAO;IAEV,IAAI,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,eAAO,EAAE;IAC/C,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,WAAW,OAAO,IAAI,MAAM,MAAM,EAAE;YACtC,IAAI,uBAAuB,OAAO,gBAAgB,CAAC,WAAW,OAAO,EAAE,YAAY;YACnF,IAAI,yBAAyB,IAC3B,gBAAgB,SAAS,sBAAsB;QAEnD;IACF,GAAG;QAAC,MAAM,MAAM;QAAE;KAAW;IAC7B,IAAI,WAAW,CAAA,GAAA,aAAK,EAAe;IACnC,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,eAAO,EAAE;IAC3C,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,SAAS,OAAO,IAAI,MAAM,MAAM,EAClC,cAAc,SAAS,OAAO,CAAC,qBAAqB,GAAG,KAAK;IAEhE,GAAG;QAAC,MAAM,MAAM;QAAE;KAAS;IAE3B,IAAI,gBAAC,YAAY,cAAE,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,yBAAiB,EAAE;QAC7D,WAAW,MAAM,SAAS,IAAI;QAC9B,WAAW;oBACX;gBACA;qBACA;QACA,QAAQ,MAAM,MAAM;QACpB,YAAY,MAAM,UAAU;QAC5B,kBAAkB,MAAM,gBAAgB;QACxC,WAAW;QACX,qBAAqB;QACrB,SAAS,IAAM,MAAM,KAAK,CAAC;IAC7B;IAEA,qBACE,gCAAC,CAAA,GAAA,wBAAgB;QACd,GAAG,YAAY;QAChB,KAAK;OACJ,uBACD,gCAAC,CAAA,GAAA,yCAAa,EAAE,QAAQ;QACtB,OAAO;mBACL;uBACA;YACA,KAAK;YACL,cAAc,aAAa,KAAK;wBAChC;YACA,UAAU;YACV,GAAG,YAAY;QACjB;qBACA,gCAAC,CAAA,GAAA,yCAAM;QAAE,QAAQ,MAAM,MAAM;QAAE,SAAS;OACrC;AAKX;AAEA,oEAAoE;AACpE,qCAAe,iBAAiB,GAAG,UAAW,KAAkC;IAC9E,8EAA8E;IAC9E,IAAI,aAA6B,EAAE;IACnC,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,QAAQ,EAAE,CAAA;QACrC,kBAAI,CAAA,GAAA,YAAI,EAAE,cAAc,CAAC,QACvB,WAAW,IAAI,CAAC;IAEpB;IACA,IAAI,CAAC,SAAS,QAAQ,GAAG;IACzB,MAAM;QACJ,SAAS;QACT,SAAS,CAAC,wBACR,gCAAC;gBAAe,KAAK,QAAQ,GAAG;gBAAG,GAAG,KAAK;eACxC,SACA;IAGP;AACF;AAEA;;;;CAIC,GACD,oEAAoE;AACpE,IAAI,4CAAkB","sources":["packages/@adobe/react-spectrum/src/tooltip/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\nimport {FocusableProvider} from 'react-aria/private/interactions/useFocusable';\nimport {Overlay} from '../overlays/Overlay';\nimport {Placement, PositionProps, useOverlayPosition} from 'react-aria/useOverlayPosition';\nimport React, {JSX, ReactElement, useRef, useState} from 'react';\nimport {TooltipContext} from './context';\nimport {TooltipTriggerProps, useTooltipTriggerState} from 'react-stately/useTooltipTriggerState';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useTooltipTrigger} from 'react-aria/useTooltipTrigger';\n\nexport interface SpectrumTooltipTriggerProps extends Omit<TooltipTriggerProps, 'closeDelay'>, PositionProps {\n  children: [ReactElement, ReactElement],\n\n  /**\n   * The additional offset applied along the main axis between the element and its\n   * anchor element.\n   * @default 7\n   */\n  offset?: number,\n  /**\n   * The placement of the tooltip with respect to the trigger.\n   * @default 'top'\n   */\n  placement?: Placement\n}\n\nconst DEFAULT_OFFSET = -1; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\nconst DEFAULT_SHOULD_CLOSE_ON_PRESS = true; // Whether the tooltip should close when the trigger is pressed\n\nfunction TooltipTrigger(props: SpectrumTooltipTriggerProps) {\n  let {\n    children,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    isDisabled,\n    offset = DEFAULT_OFFSET,\n    trigger: triggerAction,\n    shouldCloseOnPress = DEFAULT_SHOULD_CLOSE_ON_PRESS\n  } = props;\n\n  let [trigger, tooltip] = React.Children.toArray(children) as [ReactElement, ReactElement];\n  let state = useTooltipTriggerState(props);\n\n  let tooltipTriggerRef = useRef<HTMLElement>(null);\n  let overlayRef = useRef<HTMLDivElement>(null);\n\n  let {triggerProps, tooltipProps} = useTooltipTrigger({\n    isDisabled,\n    trigger: triggerAction,\n    shouldCloseOnPress\n  }, state, tooltipTriggerRef);\n\n  let [borderRadius, setBorderRadius] = useState(0);\n  useLayoutEffect(() => {\n    if (overlayRef.current && state.isOpen) {\n      let spectrumBorderRadius = window.getComputedStyle(overlayRef.current).borderRadius;\n      if (spectrumBorderRadius !== '') {\n        setBorderRadius(parseInt(spectrumBorderRadius, 10));\n      }\n    }\n  }, [state.isOpen, overlayRef]);\n  let arrowRef = useRef<HTMLElement>(null);\n  let [arrowWidth, setArrowWidth] = useState(0);\n  useLayoutEffect(() => {\n    if (arrowRef.current && state.isOpen) {\n      setArrowWidth(arrowRef.current.getBoundingClientRect().width);\n    }\n  }, [state.isOpen, arrowRef]);\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    shouldFlip: props.shouldFlip,\n    containerPadding: props.containerPadding,\n    arrowSize: arrowWidth,\n    arrowBoundaryOffset: borderRadius,\n    onClose: () => state.close(true)\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          arrowRef: arrowRef,\n          ...tooltipProps\n        }}>\n        <Overlay isOpen={state.isOpen} nodeRef={overlayRef}>\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.Children.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":"TooltipTrigger.js.map"}
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AA8BD,MAAM,uCAAiB,IAAI,yFAAyF;AACpH,MAAM,6CAAuB;AAC7B,MAAM,sDAAgC,MAAM,+DAA+D;AAE3G,SAAS,qCAAe,KAAkC;IACxD,IAAI,YACF,QAAQ,eACR,cAAc,wDACd,UAAU,UACV,SAAS,sCACT,SAAS,aAAa,sBACtB,qBAAqB,qDACtB,GAAG;IAEJ,IAAI,CAAC,SAAS,QAAQ,GAAG,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IAChD,IAAI,QAAQ,CAAA,GAAA,6BAAqB,EAAE;IAEnC,IAAI,oBAAoB,CAAA,GAAA,aAAK,EAAe;IAC5C,IAAI,aAAa,CAAA,GAAA,aAAK,EAAkB;IAExC,IAAI,gBAAC,YAAY,gBAAE,YAAY,EAAC,GAAG,CAAA,GAAA,wBAAgB,EACjD;oBACE;QACA,SAAS;4BACT;IACF,GACA,OACA;IAGF,IAAI,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,eAAO,EAAE;IAC/C,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,WAAW,OAAO,IAAI,MAAM,MAAM,EAAE;YACtC,IAAI,uBAAuB,OAAO,gBAAgB,CAAC,WAAW,OAAO,EAAE,YAAY;YACnF,IAAI,yBAAyB,IAC3B,gBAAgB,SAAS,sBAAsB;QAEnD;IACF,GAAG;QAAC,MAAM,MAAM;QAAE;KAAW;IAC7B,IAAI,WAAW,CAAA,GAAA,aAAK,EAAe;IACnC,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,eAAO,EAAE;IAC3C,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,SAAS,OAAO,IAAI,MAAM,MAAM,EAClC,cAAc,SAAS,OAAO,CAAC,qBAAqB,GAAG,KAAK;IAEhE,GAAG;QAAC,MAAM,MAAM;QAAE;KAAS;IAE3B,IAAI,gBAAC,YAAY,cAAE,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,yBAAiB,EAAE;QAC7D,WAAW,MAAM,SAAS,IAAI;QAC9B,WAAW;oBACX;gBACA;qBACA;QACA,QAAQ,MAAM,MAAM;QACpB,YAAY,MAAM,UAAU;QAC5B,kBAAkB,MAAM,gBAAgB;QACxC,WAAW;QACX,qBAAqB;QACrB,SAAS,IAAM,MAAM,KAAK,CAAC;IAC7B;IAEA,qBACE,gCAAC,CAAA,GAAA,wBAAgB;QAAG,GAAG,YAAY;QAAE,KAAK;OACvC,uBACD,gCAAC,CAAA,GAAA,yCAAa,EAAE,QAAQ;QACtB,OAAO;mBACL;uBACA;YACA,KAAK;YACL,cAAc,aAAa,KAAK;wBAChC;YACA,UAAU;YACV,GAAG,YAAY;QACjB;qBACA,gCAAC,CAAA,GAAA,yCAAM;QAAE,QAAQ,MAAM,MAAM;QAAE,SAAS;OACrC;AAKX;AAEA,oEAAoE;AACpE,qCAAe,iBAAiB,GAAG,UAAW,KAAkC;IAC9E,8EAA8E;IAC9E,IAAI,aAA6B,EAAE;IACnC,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,QAAQ,EAAE,CAAA;QACrC,kBAAI,CAAA,GAAA,YAAI,EAAE,cAAc,CAAC,QACvB,WAAW,IAAI,CAAC;IAEpB;IACA,IAAI,CAAC,SAAS,QAAQ,GAAG;IACzB,MAAM;QACJ,SAAS;QACT,SAAS,CAAA,wBACP,gCAAC;gBAAe,KAAK,QAAQ,GAAG;gBAAG,GAAG,KAAK;eACxC,SACA;IAGP;AACF;AAEA;;;;CAIC,GACD,oEAAoE;AACpE,IAAI,4CAAkB","sources":["packages/@adobe/react-spectrum/src/tooltip/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\nimport {FocusableProvider} from 'react-aria/private/interactions/useFocusable';\nimport {Overlay} from '../overlays/Overlay';\nimport {Placement, PositionProps, useOverlayPosition} from 'react-aria/useOverlayPosition';\nimport React, {JSX, ReactElement, useRef, useState} from 'react';\nimport {TooltipContext} from './context';\nimport {TooltipTriggerProps, useTooltipTriggerState} from 'react-stately/useTooltipTriggerState';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useTooltipTrigger} from 'react-aria/useTooltipTrigger';\n\nexport interface SpectrumTooltipTriggerProps\n  extends Omit<TooltipTriggerProps, 'closeDelay'>, PositionProps {\n  children: [ReactElement, ReactElement];\n\n  /**\n   * The additional offset applied along the main axis between the element and its\n   * anchor element.\n   *\n   * @default 7\n   */\n  offset?: number;\n  /**\n   * The placement of the tooltip with respect to the trigger.\n   *\n   * @default 'top'\n   */\n  placement?: Placement;\n}\n\nconst DEFAULT_OFFSET = -1; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\nconst DEFAULT_SHOULD_CLOSE_ON_PRESS = true; // Whether the tooltip should close when the trigger is pressed\n\nfunction TooltipTrigger(props: SpectrumTooltipTriggerProps) {\n  let {\n    children,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    isDisabled,\n    offset = DEFAULT_OFFSET,\n    trigger: triggerAction,\n    shouldCloseOnPress = DEFAULT_SHOULD_CLOSE_ON_PRESS\n  } = props;\n\n  let [trigger, tooltip] = React.Children.toArray(children) as [ReactElement, ReactElement];\n  let state = useTooltipTriggerState(props);\n\n  let tooltipTriggerRef = useRef<HTMLElement>(null);\n  let overlayRef = useRef<HTMLDivElement>(null);\n\n  let {triggerProps, tooltipProps} = useTooltipTrigger(\n    {\n      isDisabled,\n      trigger: triggerAction,\n      shouldCloseOnPress\n    },\n    state,\n    tooltipTriggerRef\n  );\n\n  let [borderRadius, setBorderRadius] = useState(0);\n  useLayoutEffect(() => {\n    if (overlayRef.current && state.isOpen) {\n      let spectrumBorderRadius = window.getComputedStyle(overlayRef.current).borderRadius;\n      if (spectrumBorderRadius !== '') {\n        setBorderRadius(parseInt(spectrumBorderRadius, 10));\n      }\n    }\n  }, [state.isOpen, overlayRef]);\n  let arrowRef = useRef<HTMLElement>(null);\n  let [arrowWidth, setArrowWidth] = useState(0);\n  useLayoutEffect(() => {\n    if (arrowRef.current && state.isOpen) {\n      setArrowWidth(arrowRef.current.getBoundingClientRect().width);\n    }\n  }, [state.isOpen, arrowRef]);\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    shouldFlip: props.shouldFlip,\n    containerPadding: props.containerPadding,\n    arrowSize: arrowWidth,\n    arrowBoundaryOffset: borderRadius,\n    onClose: () => state.close(true)\n  });\n\n  return (\n    <FocusableProvider {...triggerProps} ref={tooltipTriggerRef}>\n      {trigger}\n      <TooltipContext.Provider\n        value={{\n          state,\n          placement,\n          ref: overlayRef,\n          UNSAFE_style: overlayProps.style,\n          arrowProps,\n          arrowRef: arrowRef,\n          ...tooltipProps\n        }}>\n        <Overlay isOpen={state.isOpen} nodeRef={overlayRef}>\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.Children.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":"TooltipTrigger.js.map"}

package/dist/private/tooltip/TooltipTrigger.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AA2BD,MAAM,uCAAiB,IAAI,yFAAyF;AACpH,MAAM,6CAAuB;AAC7B,MAAM,sDAAgC,MAAM,+DAA+D;AAE3G,SAAS,qCAAe,KAAkC;IACxD,IAAI,YACF,QAAQ,eACR,cAAc,wDACd,UAAU,UACV,SAAS,sCACT,SAAS,aAAa,sBACtB,qBAAqB,qDACtB,GAAG;IAEJ,IAAI,CAAC,SAAS,QAAQ,GAAG,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IAChD,IAAI,QAAQ,CAAA,GAAA,6BAAqB,EAAE;IAEnC,IAAI,oBAAoB,CAAA,GAAA,aAAK,EAAe;IAC5C,IAAI,aAAa,CAAA,GAAA,aAAK,EAAkB;IAExC,IAAI,gBAAC,YAAY,gBAAE,YAAY,EAAC,GAAG,CAAA,GAAA,wBAAgB,EAAE;oBACnD;QACA,SAAS;4BACT;IACF,GAAG,OAAO;IAEV,IAAI,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,eAAO,EAAE;IAC/C,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,WAAW,OAAO,IAAI,MAAM,MAAM,EAAE;YACtC,IAAI,uBAAuB,OAAO,gBAAgB,CAAC,WAAW,OAAO,EAAE,YAAY;YACnF,IAAI,yBAAyB,IAC3B,gBAAgB,SAAS,sBAAsB;QAEnD;IACF,GAAG;QAAC,MAAM,MAAM;QAAE;KAAW;IAC7B,IAAI,WAAW,CAAA,GAAA,aAAK,EAAe;IACnC,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,eAAO,EAAE;IAC3C,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,SAAS,OAAO,IAAI,MAAM,MAAM,EAClC,cAAc,SAAS,OAAO,CAAC,qBAAqB,GAAG,KAAK;IAEhE,GAAG;QAAC,MAAM,MAAM;QAAE;KAAS;IAE3B,IAAI,gBAAC,YAAY,cAAE,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,yBAAiB,EAAE;QAC7D,WAAW,MAAM,SAAS,IAAI;QAC9B,WAAW;oBACX;gBACA;qBACA;QACA,QAAQ,MAAM,MAAM;QACpB,YAAY,MAAM,UAAU;QAC5B,kBAAkB,MAAM,gBAAgB;QACxC,WAAW;QACX,qBAAqB;QACrB,SAAS,IAAM,MAAM,KAAK,CAAC;IAC7B;IAEA,qBACE,gCAAC,CAAA,GAAA,wBAAgB;QACd,GAAG,YAAY;QAChB,KAAK;OACJ,uBACD,gCAAC,CAAA,GAAA,yCAAa,EAAE,QAAQ;QACtB,OAAO;mBACL;uBACA;YACA,KAAK;YACL,cAAc,aAAa,KAAK;wBAChC;YACA,UAAU;YACV,GAAG,YAAY;QACjB;qBACA,gCAAC,CAAA,GAAA,yCAAM;QAAE,QAAQ,MAAM,MAAM;QAAE,SAAS;OACrC;AAKX;AAEA,oEAAoE;AACpE,qCAAe,iBAAiB,GAAG,UAAW,KAAkC;IAC9E,8EAA8E;IAC9E,IAAI,aAA6B,EAAE;IACnC,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,QAAQ,EAAE,CAAA;QACrC,kBAAI,CAAA,GAAA,YAAI,EAAE,cAAc,CAAC,QACvB,WAAW,IAAI,CAAC;IAEpB;IACA,IAAI,CAAC,SAAS,QAAQ,GAAG;IACzB,MAAM;QACJ,SAAS;QACT,SAAS,CAAC,wBACR,gCAAC;gBAAe,KAAK,QAAQ,GAAG;gBAAG,GAAG,KAAK;eACxC,SACA;IAGP;AACF;AAEA;;;;CAIC,GACD,oEAAoE;AACpE,IAAI,4CAAkB","sources":["packages/@adobe/react-spectrum/src/tooltip/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\nimport {FocusableProvider} from 'react-aria/private/interactions/useFocusable';\nimport {Overlay} from '../overlays/Overlay';\nimport {Placement, PositionProps, useOverlayPosition} from 'react-aria/useOverlayPosition';\nimport React, {JSX, ReactElement, useRef, useState} from 'react';\nimport {TooltipContext} from './context';\nimport {TooltipTriggerProps, useTooltipTriggerState} from 'react-stately/useTooltipTriggerState';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useTooltipTrigger} from 'react-aria/useTooltipTrigger';\n\nexport interface SpectrumTooltipTriggerProps extends Omit<TooltipTriggerProps, 'closeDelay'>, PositionProps {\n  children: [ReactElement, ReactElement],\n\n  /**\n   * The additional offset applied along the main axis between the element and its\n   * anchor element.\n   * @default 7\n   */\n  offset?: number,\n  /**\n   * The placement of the tooltip with respect to the trigger.\n   * @default 'top'\n   */\n  placement?: Placement\n}\n\nconst DEFAULT_OFFSET = -1; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\nconst DEFAULT_SHOULD_CLOSE_ON_PRESS = true; // Whether the tooltip should close when the trigger is pressed\n\nfunction TooltipTrigger(props: SpectrumTooltipTriggerProps) {\n  let {\n    children,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    isDisabled,\n    offset = DEFAULT_OFFSET,\n    trigger: triggerAction,\n    shouldCloseOnPress = DEFAULT_SHOULD_CLOSE_ON_PRESS\n  } = props;\n\n  let [trigger, tooltip] = React.Children.toArray(children) as [ReactElement, ReactElement];\n  let state = useTooltipTriggerState(props);\n\n  let tooltipTriggerRef = useRef<HTMLElement>(null);\n  let overlayRef = useRef<HTMLDivElement>(null);\n\n  let {triggerProps, tooltipProps} = useTooltipTrigger({\n    isDisabled,\n    trigger: triggerAction,\n    shouldCloseOnPress\n  }, state, tooltipTriggerRef);\n\n  let [borderRadius, setBorderRadius] = useState(0);\n  useLayoutEffect(() => {\n    if (overlayRef.current && state.isOpen) {\n      let spectrumBorderRadius = window.getComputedStyle(overlayRef.current).borderRadius;\n      if (spectrumBorderRadius !== '') {\n        setBorderRadius(parseInt(spectrumBorderRadius, 10));\n      }\n    }\n  }, [state.isOpen, overlayRef]);\n  let arrowRef = useRef<HTMLElement>(null);\n  let [arrowWidth, setArrowWidth] = useState(0);\n  useLayoutEffect(() => {\n    if (arrowRef.current && state.isOpen) {\n      setArrowWidth(arrowRef.current.getBoundingClientRect().width);\n    }\n  }, [state.isOpen, arrowRef]);\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    shouldFlip: props.shouldFlip,\n    containerPadding: props.containerPadding,\n    arrowSize: arrowWidth,\n    arrowBoundaryOffset: borderRadius,\n    onClose: () => state.close(true)\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          arrowRef: arrowRef,\n          ...tooltipProps\n        }}>\n        <Overlay isOpen={state.isOpen} nodeRef={overlayRef}>\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.Children.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":"TooltipTrigger.mjs.map"}
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AA8BD,MAAM,uCAAiB,IAAI,yFAAyF;AACpH,MAAM,6CAAuB;AAC7B,MAAM,sDAAgC,MAAM,+DAA+D;AAE3G,SAAS,qCAAe,KAAkC;IACxD,IAAI,YACF,QAAQ,eACR,cAAc,wDACd,UAAU,UACV,SAAS,sCACT,SAAS,aAAa,sBACtB,qBAAqB,qDACtB,GAAG;IAEJ,IAAI,CAAC,SAAS,QAAQ,GAAG,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IAChD,IAAI,QAAQ,CAAA,GAAA,6BAAqB,EAAE;IAEnC,IAAI,oBAAoB,CAAA,GAAA,aAAK,EAAe;IAC5C,IAAI,aAAa,CAAA,GAAA,aAAK,EAAkB;IAExC,IAAI,gBAAC,YAAY,gBAAE,YAAY,EAAC,GAAG,CAAA,GAAA,wBAAgB,EACjD;oBACE;QACA,SAAS;4BACT;IACF,GACA,OACA;IAGF,IAAI,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,eAAO,EAAE;IAC/C,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,WAAW,OAAO,IAAI,MAAM,MAAM,EAAE;YACtC,IAAI,uBAAuB,OAAO,gBAAgB,CAAC,WAAW,OAAO,EAAE,YAAY;YACnF,IAAI,yBAAyB,IAC3B,gBAAgB,SAAS,sBAAsB;QAEnD;IACF,GAAG;QAAC,MAAM,MAAM;QAAE;KAAW;IAC7B,IAAI,WAAW,CAAA,GAAA,aAAK,EAAe;IACnC,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,eAAO,EAAE;IAC3C,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,SAAS,OAAO,IAAI,MAAM,MAAM,EAClC,cAAc,SAAS,OAAO,CAAC,qBAAqB,GAAG,KAAK;IAEhE,GAAG;QAAC,MAAM,MAAM;QAAE;KAAS;IAE3B,IAAI,gBAAC,YAAY,cAAE,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,yBAAiB,EAAE;QAC7D,WAAW,MAAM,SAAS,IAAI;QAC9B,WAAW;oBACX;gBACA;qBACA;QACA,QAAQ,MAAM,MAAM;QACpB,YAAY,MAAM,UAAU;QAC5B,kBAAkB,MAAM,gBAAgB;QACxC,WAAW;QACX,qBAAqB;QACrB,SAAS,IAAM,MAAM,KAAK,CAAC;IAC7B;IAEA,qBACE,gCAAC,CAAA,GAAA,wBAAgB;QAAG,GAAG,YAAY;QAAE,KAAK;OACvC,uBACD,gCAAC,CAAA,GAAA,yCAAa,EAAE,QAAQ;QACtB,OAAO;mBACL;uBACA;YACA,KAAK;YACL,cAAc,aAAa,KAAK;wBAChC;YACA,UAAU;YACV,GAAG,YAAY;QACjB;qBACA,gCAAC,CAAA,GAAA,yCAAM;QAAE,QAAQ,MAAM,MAAM;QAAE,SAAS;OACrC;AAKX;AAEA,oEAAoE;AACpE,qCAAe,iBAAiB,GAAG,UAAW,KAAkC;IAC9E,8EAA8E;IAC9E,IAAI,aAA6B,EAAE;IACnC,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,QAAQ,EAAE,CAAA;QACrC,kBAAI,CAAA,GAAA,YAAI,EAAE,cAAc,CAAC,QACvB,WAAW,IAAI,CAAC;IAEpB;IACA,IAAI,CAAC,SAAS,QAAQ,GAAG;IACzB,MAAM;QACJ,SAAS;QACT,SAAS,CAAA,wBACP,gCAAC;gBAAe,KAAK,QAAQ,GAAG;gBAAG,GAAG,KAAK;eACxC,SACA;IAGP;AACF;AAEA;;;;CAIC,GACD,oEAAoE;AACpE,IAAI,4CAAkB","sources":["packages/@adobe/react-spectrum/src/tooltip/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\nimport {FocusableProvider} from 'react-aria/private/interactions/useFocusable';\nimport {Overlay} from '../overlays/Overlay';\nimport {Placement, PositionProps, useOverlayPosition} from 'react-aria/useOverlayPosition';\nimport React, {JSX, ReactElement, useRef, useState} from 'react';\nimport {TooltipContext} from './context';\nimport {TooltipTriggerProps, useTooltipTriggerState} from 'react-stately/useTooltipTriggerState';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useTooltipTrigger} from 'react-aria/useTooltipTrigger';\n\nexport interface SpectrumTooltipTriggerProps\n  extends Omit<TooltipTriggerProps, 'closeDelay'>, PositionProps {\n  children: [ReactElement, ReactElement];\n\n  /**\n   * The additional offset applied along the main axis between the element and its\n   * anchor element.\n   *\n   * @default 7\n   */\n  offset?: number;\n  /**\n   * The placement of the tooltip with respect to the trigger.\n   *\n   * @default 'top'\n   */\n  placement?: Placement;\n}\n\nconst DEFAULT_OFFSET = -1; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\nconst DEFAULT_SHOULD_CLOSE_ON_PRESS = true; // Whether the tooltip should close when the trigger is pressed\n\nfunction TooltipTrigger(props: SpectrumTooltipTriggerProps) {\n  let {\n    children,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    isDisabled,\n    offset = DEFAULT_OFFSET,\n    trigger: triggerAction,\n    shouldCloseOnPress = DEFAULT_SHOULD_CLOSE_ON_PRESS\n  } = props;\n\n  let [trigger, tooltip] = React.Children.toArray(children) as [ReactElement, ReactElement];\n  let state = useTooltipTriggerState(props);\n\n  let tooltipTriggerRef = useRef<HTMLElement>(null);\n  let overlayRef = useRef<HTMLDivElement>(null);\n\n  let {triggerProps, tooltipProps} = useTooltipTrigger(\n    {\n      isDisabled,\n      trigger: triggerAction,\n      shouldCloseOnPress\n    },\n    state,\n    tooltipTriggerRef\n  );\n\n  let [borderRadius, setBorderRadius] = useState(0);\n  useLayoutEffect(() => {\n    if (overlayRef.current && state.isOpen) {\n      let spectrumBorderRadius = window.getComputedStyle(overlayRef.current).borderRadius;\n      if (spectrumBorderRadius !== '') {\n        setBorderRadius(parseInt(spectrumBorderRadius, 10));\n      }\n    }\n  }, [state.isOpen, overlayRef]);\n  let arrowRef = useRef<HTMLElement>(null);\n  let [arrowWidth, setArrowWidth] = useState(0);\n  useLayoutEffect(() => {\n    if (arrowRef.current && state.isOpen) {\n      setArrowWidth(arrowRef.current.getBoundingClientRect().width);\n    }\n  }, [state.isOpen, arrowRef]);\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    shouldFlip: props.shouldFlip,\n    containerPadding: props.containerPadding,\n    arrowSize: arrowWidth,\n    arrowBoundaryOffset: borderRadius,\n    onClose: () => state.close(true)\n  });\n\n  return (\n    <FocusableProvider {...triggerProps} ref={tooltipTriggerRef}>\n      {trigger}\n      <TooltipContext.Provider\n        value={{\n          state,\n          placement,\n          ref: overlayRef,\n          UNSAFE_style: overlayProps.style,\n          arrowProps,\n          arrowRef: arrowRef,\n          ...tooltipProps\n        }}>\n        <Overlay isOpen={state.isOpen} nodeRef={overlayRef}>\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.Children.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":"TooltipTrigger.mjs.map"}

package/dist/private/tooltip/context.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;AAeM,MAAM,4CAAiB,CAAA,GAAA,sCAAI,EAAE,aAAa,CAAsB;IAAC,WAAW;AAAI","sources":["packages/@adobe/react-spectrum/src/tooltip/context.ts"],"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\nimport {PlacementAxis} from 'react-aria/useOverlayPosition';\nimport React, {HTMLAttributes} from 'react';\nimport {RefObject, StyleProps} from '@react-types/shared';\nimport {TooltipTriggerState} from 'react-stately/useTooltipTriggerState';\n\ninterface TooltipContextProps extends StyleProps {\n  state?: TooltipTriggerState,\n  ref?: RefObject<HTMLDivElement | null>,\n  placement: PlacementAxis | null,\n  arrowProps?: HTMLAttributes<HTMLElement>,\n  arrowRef?: RefObject<HTMLElement | null>\n}\n\nexport const TooltipContext = React.createContext<TooltipContextProps>({placement: null});\n"],"names":[],"version":3,"file":"context.cjs.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;AAeM,MAAM,4CAAiB,CAAA,GAAA,sCAAI,EAAE,aAAa,CAAsB;IAAC,WAAW;AAAI","sources":["packages/@adobe/react-spectrum/src/tooltip/context.ts"],"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\nimport {PlacementAxis} from 'react-aria/useOverlayPosition';\nimport React, {HTMLAttributes} from 'react';\nimport {RefObject, StyleProps} from '@react-types/shared';\nimport {TooltipTriggerState} from 'react-stately/useTooltipTriggerState';\n\ninterface TooltipContextProps extends StyleProps {\n  state?: TooltipTriggerState;\n  ref?: RefObject<HTMLDivElement | null>;\n  placement: PlacementAxis | null;\n  arrowProps?: HTMLAttributes<HTMLElement>;\n  arrowRef?: RefObject<HTMLElement | null>;\n}\n\nexport const TooltipContext = React.createContext<TooltipContextProps>({placement: null});\n"],"names":[],"version":3,"file":"context.cjs.map"}

package/dist/private/tooltip/context.js.map

@@ -1 +1 @@
-{"mappings":";;AAAA;;;;;;;;;;CAUC;AAeM,MAAM,4CAAiB,CAAA,GAAA,YAAI,EAAE,aAAa,CAAsB;IAAC,WAAW;AAAI","sources":["packages/@adobe/react-spectrum/src/tooltip/context.ts"],"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\nimport {PlacementAxis} from 'react-aria/useOverlayPosition';\nimport React, {HTMLAttributes} from 'react';\nimport {RefObject, StyleProps} from '@react-types/shared';\nimport {TooltipTriggerState} from 'react-stately/useTooltipTriggerState';\n\ninterface TooltipContextProps extends StyleProps {\n  state?: TooltipTriggerState,\n  ref?: RefObject<HTMLDivElement | null>,\n  placement: PlacementAxis | null,\n  arrowProps?: HTMLAttributes<HTMLElement>,\n  arrowRef?: RefObject<HTMLElement | null>\n}\n\nexport const TooltipContext = React.createContext<TooltipContextProps>({placement: null});\n"],"names":[],"version":3,"file":"context.js.map"}
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AAeM,MAAM,4CAAiB,CAAA,GAAA,YAAI,EAAE,aAAa,CAAsB;IAAC,WAAW;AAAI","sources":["packages/@adobe/react-spectrum/src/tooltip/context.ts"],"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\nimport {PlacementAxis} from 'react-aria/useOverlayPosition';\nimport React, {HTMLAttributes} from 'react';\nimport {RefObject, StyleProps} from '@react-types/shared';\nimport {TooltipTriggerState} from 'react-stately/useTooltipTriggerState';\n\ninterface TooltipContextProps extends StyleProps {\n  state?: TooltipTriggerState;\n  ref?: RefObject<HTMLDivElement | null>;\n  placement: PlacementAxis | null;\n  arrowProps?: HTMLAttributes<HTMLElement>;\n  arrowRef?: RefObject<HTMLElement | null>;\n}\n\nexport const TooltipContext = React.createContext<TooltipContextProps>({placement: null});\n"],"names":[],"version":3,"file":"context.js.map"}

package/dist/private/tooltip/context.mjs.map

@@ -1 +1 @@
-{"mappings":";;AAAA;;;;;;;;;;CAUC;AAeM,MAAM,4CAAiB,CAAA,GAAA,YAAI,EAAE,aAAa,CAAsB;IAAC,WAAW;AAAI","sources":["packages/@adobe/react-spectrum/src/tooltip/context.ts"],"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\nimport {PlacementAxis} from 'react-aria/useOverlayPosition';\nimport React, {HTMLAttributes} from 'react';\nimport {RefObject, StyleProps} from '@react-types/shared';\nimport {TooltipTriggerState} from 'react-stately/useTooltipTriggerState';\n\ninterface TooltipContextProps extends StyleProps {\n  state?: TooltipTriggerState,\n  ref?: RefObject<HTMLDivElement | null>,\n  placement: PlacementAxis | null,\n  arrowProps?: HTMLAttributes<HTMLElement>,\n  arrowRef?: RefObject<HTMLElement | null>\n}\n\nexport const TooltipContext = React.createContext<TooltipContextProps>({placement: null});\n"],"names":[],"version":3,"file":"context.mjs.map"}
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AAeM,MAAM,4CAAiB,CAAA,GAAA,YAAI,EAAE,aAAa,CAAsB;IAAC,WAAW;AAAI","sources":["packages/@adobe/react-spectrum/src/tooltip/context.ts"],"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\nimport {PlacementAxis} from 'react-aria/useOverlayPosition';\nimport React, {HTMLAttributes} from 'react';\nimport {RefObject, StyleProps} from '@react-types/shared';\nimport {TooltipTriggerState} from 'react-stately/useTooltipTriggerState';\n\ninterface TooltipContextProps extends StyleProps {\n  state?: TooltipTriggerState;\n  ref?: RefObject<HTMLDivElement | null>;\n  placement: PlacementAxis | null;\n  arrowProps?: HTMLAttributes<HTMLElement>;\n  arrowRef?: RefObject<HTMLElement | null>;\n}\n\nexport const TooltipContext = React.createContext<TooltipContextProps>({placement: null});\n"],"names":[],"version":3,"file":"context.mjs.map"}

package/dist/private/tooltip_vars.css

@@ -1,41 +1,41 @@
-.uv8yQW_i18nFontFamily {
+._4j8kDW_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
 }
 
-.uv8yQW_i18nFontFamily:lang(ar) {
+._4j8kDW_i18nFontFamily:lang(ar) {
   font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
 }
 
-.uv8yQW_i18nFontFamily:lang(he) {
+._4j8kDW_i18nFontFamily:lang(he) {
   font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
 }
 
-.uv8yQW_i18nFontFamily:lang(zh) {
+._4j8kDW_i18nFontFamily:lang(zh) {
   font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
 }
 
-.uv8yQW_i18nFontFamily:lang(zh-Hans) {
+._4j8kDW_i18nFontFamily:lang(zh-Hans) {
   font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
 }
 
-.uv8yQW_i18nFontFamily:lang(zh-Hant) {
+._4j8kDW_i18nFontFamily:lang(zh-Hant) {
   font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
 }
 
-.uv8yQW_i18nFontFamily:lang(zh-SG), .uv8yQW_i18nFontFamily:lang(zh-CN) {
+._4j8kDW_i18nFontFamily:lang(zh-SG), ._4j8kDW_i18nFontFamily:lang(zh-CN) {
   font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
 }
 
-.uv8yQW_i18nFontFamily:lang(ko) {
+._4j8kDW_i18nFontFamily:lang(ko) {
   font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
 }
 
-.uv8yQW_i18nFontFamily:lang(ja) {
+._4j8kDW_i18nFontFamily:lang(ja) {
   font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
 }
 
-.uv8yQW_spectrum-FocusRing-ring {
+._4j8kDW_spectrum-FocusRing-ring {
   --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
   --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
   --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
@@ -43,75 +43,76 @@
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
 }
 
-.uv8yQW_spectrum-FocusRing-ring:after {
+._4j8kDW_spectrum-FocusRing-ring:after {
   border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
   content: "";
   margin: calc(-1 * var(--spectrum-focus-ring-border-size));
   pointer-events: none;
   transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
-                margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
+      margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
   display: block;
   position: absolute;
   inset: 0;
 }
 
-.uv8yQW_spectrum-FocusRing.uv8yQW_focus-ring:after {
+._4j8kDW_spectrum-FocusRing._4j8kDW_focus-ring:after {
   margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
   box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
 }
 
-.uv8yQW_spectrum-FocusRing--quiet:after {
+._4j8kDW_spectrum-FocusRing--quiet:after {
   border-radius: 0;
 }
 
-.uv8yQW_spectrum-FocusRing--quiet.uv8yQW_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
+._4j8kDW_spectrum-FocusRing--quiet._4j8kDW_focus-ring:after {
+  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+        0;
   box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
 }
 
 @media (forced-colors: active) {
-  .uv8yQW_spectrum-FocusRing, .uv8yQW_spectrum-FocusRing-ring, .uv8yQW_spectrum-FocusRing--quiet {
+  ._4j8kDW_spectrum-FocusRing, ._4j8kDW_spectrum-FocusRing-ring, ._4j8kDW_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
   }
 
-  :is(.uv8yQW_spectrum-FocusRing, .uv8yQW_spectrum-FocusRing-ring, .uv8yQW_spectrum-FocusRing--quiet):after {
+  :is(._4j8kDW_spectrum-FocusRing, ._4j8kDW_spectrum-FocusRing-ring, ._4j8kDW_spectrum-FocusRing--quiet):after {
     forced-color-adjust: none;
   }
 }
 
-.uv8yQW_spectrum-overlay {
+._4j8kDW_spectrum-overlay {
   visibility: hidden;
   opacity: 0;
   transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out,
-              opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out,
-              visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);
+    opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out,
+    visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);
   pointer-events: none;
 }
 
-.uv8yQW_spectrum-overlay--open {
+._4j8kDW_spectrum-overlay--open {
   visibility: visible;
   opacity: .9999;
   pointer-events: auto;
   transition-delay: 0s;
 }
 
-.uv8yQW_spectrum-overlay--bottom--open {
+._4j8kDW_spectrum-overlay--bottom--open {
   transform: translateY(var(--spectrum-overlay-positive-transform-distance));
 }
 
-.uv8yQW_spectrum-overlay--top--open {
+._4j8kDW_spectrum-overlay--top--open {
   transform: translateY(var(--spectrum-overlay-negative-transform-distance));
 }
 
-.uv8yQW_spectrum-overlay--right--open {
+._4j8kDW_spectrum-overlay--right--open {
   transform: translateX(var(--spectrum-overlay-positive-transform-distance));
 }
 
-.uv8yQW_spectrum-overlay--left--open {
+._4j8kDW_spectrum-overlay--left--open {
   transform: translateX(var(--spectrum-overlay-negative-transform-distance));
 }
 
-.uv8yQW_spectrum-Tooltip {
+._4j8kDW_spectrum-Tooltip {
   box-sizing: border-box;
   vertical-align: top;
   inline-size: auto;
@@ -132,11 +133,11 @@
   position: relative;
 }
 
-.uv8yQW_spectrum-Tooltip p {
+._4j8kDW_spectrum-Tooltip p {
   margin: 0;
 }
 
-.uv8yQW_spectrum-Tooltip-tip {
+._4j8kDW_spectrum-Tooltip-tip {
   border-width: var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50));
   border-style: solid;
   border-bottom-color: #0000;
@@ -147,52 +148,52 @@
   position: absolute;
 }
 
-:is(.uv8yQW_spectrum-Tooltip--right, .uv8yQW_spectrum-Tooltip--left) .uv8yQW_spectrum-Tooltip-tip {
+:is(._4j8kDW_spectrum-Tooltip--right, ._4j8kDW_spectrum-Tooltip--left) ._4j8kDW_spectrum-Tooltip-tip {
   margin-top: calc(var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)) * -1);
   top: 50%;
 }
 
-.uv8yQW_spectrum-Tooltip--right {
+._4j8kDW_spectrum-Tooltip--right {
   margin-left: var(--spectrum-global-dimension-size-40);
 }
 
-.uv8yQW_spectrum-Tooltip--right .uv8yQW_spectrum-Tooltip-tip {
+._4j8kDW_spectrum-Tooltip--right ._4j8kDW_spectrum-Tooltip-tip {
   right: 100%;
   transform: rotate(90deg);
 }
 
-.uv8yQW_spectrum-Tooltip--left {
+._4j8kDW_spectrum-Tooltip--left {
   margin-right: var(--spectrum-global-dimension-size-40);
 }
 
-.uv8yQW_spectrum-Tooltip--left .uv8yQW_spectrum-Tooltip-tip {
+._4j8kDW_spectrum-Tooltip--left ._4j8kDW_spectrum-Tooltip-tip {
   left: 100%;
   transform: rotate(-90deg);
 }
 
-.uv8yQW_spectrum-Tooltip--top {
+._4j8kDW_spectrum-Tooltip--top {
   margin-bottom: var(--spectrum-global-dimension-size-40);
 }
 
-.uv8yQW_spectrum-Tooltip--top .uv8yQW_spectrum-Tooltip-tip {
+._4j8kDW_spectrum-Tooltip--top ._4j8kDW_spectrum-Tooltip-tip {
   top: 100%;
 }
 
-.uv8yQW_spectrum-Tooltip--bottom {
+._4j8kDW_spectrum-Tooltip--bottom {
   margin-top: var(--spectrum-global-dimension-size-40);
 }
 
-.uv8yQW_spectrum-Tooltip--bottom .uv8yQW_spectrum-Tooltip-tip {
+._4j8kDW_spectrum-Tooltip--bottom ._4j8kDW_spectrum-Tooltip-tip {
   bottom: 100%;
   transform: rotate(-180deg);
 }
 
-:is(.uv8yQW_spectrum-Tooltip--bottom, .uv8yQW_spectrum-Tooltip--top) .uv8yQW_spectrum-Tooltip-tip {
+:is(._4j8kDW_spectrum-Tooltip--bottom, ._4j8kDW_spectrum-Tooltip--top) ._4j8kDW_spectrum-Tooltip-tip {
   margin-left: calc(var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)) * -1);
   left: 50%;
 }
 
-.uv8yQW_spectrum-Tooltip-typeIcon {
+._4j8kDW_spectrum-Tooltip-typeIcon {
   inline-size: var(--spectrum-tooltip-icon-size, var(--spectrum-global-dimension-size-175));
   block-size: var(--spectrum-tooltip-icon-size, var(--spectrum-global-dimension-size-175));
   margin-inline-start: calc(var(--spectrum-tooltip-icon-margin-x, var(--spectrum-global-dimension-size-100)) - var(--spectrum-tooltip-padding-x, var(--spectrum-global-dimension-size-125)));
@@ -201,17 +202,17 @@
   margin-top: 1px;
 }
 
-.uv8yQW_spectrum-Tooltip-label {
+._4j8kDW_spectrum-Tooltip-label {
   max-inline-size: var(--spectrum-tooltip-content-max-width);
   line-height: var(--spectrum-tooltip-text-line-height, var(--spectrum-global-dimension-font-size-200));
 }
 
-.uv8yQW_u-tooltip-showOnHover {
+._4j8kDW_u-tooltip-showOnHover {
   display: inline-block;
   position: relative;
 }
 
-.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip {
+._4j8kDW_u-tooltip-showOnHover ._4j8kDW_spectrum-Tooltip {
   white-space: nowrap;
   transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
   position: absolute;
@@ -219,57 +220,57 @@
   visibility: visible !important;
 }
 
-.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip-label {
+._4j8kDW_u-tooltip-showOnHover ._4j8kDW_spectrum-Tooltip-label {
   max-inline-size: none;
 }
 
-.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--right, .uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--left, :is(.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--right, .uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--left) .uv8yQW_spectrum-Tooltip-tip {
+._4j8kDW_u-tooltip-showOnHover ._4j8kDW_spectrum-Tooltip--right, ._4j8kDW_u-tooltip-showOnHover ._4j8kDW_spectrum-Tooltip--left, :is(._4j8kDW_u-tooltip-showOnHover ._4j8kDW_spectrum-Tooltip--right, ._4j8kDW_u-tooltip-showOnHover ._4j8kDW_spectrum-Tooltip--left) ._4j8kDW_spectrum-Tooltip-tip {
   top: 50%;
 }
 
-.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--right {
+._4j8kDW_u-tooltip-showOnHover ._4j8kDW_spectrum-Tooltip--right {
   left: 100%;
   transform: translate(0, -50%);
 }
 
-.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--left {
+._4j8kDW_u-tooltip-showOnHover ._4j8kDW_spectrum-Tooltip--left {
   transform: translate(-100%, -50%);
 }
 
-.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--bottom, .uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--top, :is(.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--bottom, .uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--top) .uv8yQW_spectrum-Tooltip-tip {
+._4j8kDW_u-tooltip-showOnHover ._4j8kDW_spectrum-Tooltip--bottom, ._4j8kDW_u-tooltip-showOnHover ._4j8kDW_spectrum-Tooltip--top, :is(._4j8kDW_u-tooltip-showOnHover ._4j8kDW_spectrum-Tooltip--bottom, ._4j8kDW_u-tooltip-showOnHover ._4j8kDW_spectrum-Tooltip--top) ._4j8kDW_spectrum-Tooltip-tip {
   left: 50%;
 }
 
-.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--bottom {
+._4j8kDW_u-tooltip-showOnHover ._4j8kDW_spectrum-Tooltip--bottom {
   transform: translate(-50%, calc(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)) * -1));
   top: 100%;
 }
 
-.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--top {
+._4j8kDW_u-tooltip-showOnHover ._4j8kDW_spectrum-Tooltip--top {
   transform: translate(-50%, var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)));
 }
 
-.uv8yQW_u-tooltip-showOnHover.uv8yQW_is-hovered .uv8yQW_spectrum-Tooltip, .uv8yQW_u-tooltip-showOnHover:focus .uv8yQW_spectrum-Tooltip, .uv8yQW_u-tooltip-showOnHover.uv8yQW_is-focused .uv8yQW_spectrum-Tooltip, .uv8yQW_u-tooltip-showOnHover :focus .uv8yQW_spectrum-Tooltip {
+._4j8kDW_u-tooltip-showOnHover._4j8kDW_is-hovered ._4j8kDW_spectrum-Tooltip, ._4j8kDW_u-tooltip-showOnHover:focus ._4j8kDW_spectrum-Tooltip, ._4j8kDW_u-tooltip-showOnHover._4j8kDW_is-focused ._4j8kDW_spectrum-Tooltip, ._4j8kDW_u-tooltip-showOnHover :focus ._4j8kDW_spectrum-Tooltip {
   opacity: 1;
 }
 
-.uv8yQW_u-tooltip-showOnHover.uv8yQW_is-hovered .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--bottom, .uv8yQW_u-tooltip-showOnHover:focus .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--bottom, .uv8yQW_u-tooltip-showOnHover.uv8yQW_is-focused .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--bottom, .uv8yQW_u-tooltip-showOnHover :focus .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--bottom {
+._4j8kDW_u-tooltip-showOnHover._4j8kDW_is-hovered ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--bottom, ._4j8kDW_u-tooltip-showOnHover:focus ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--bottom, ._4j8kDW_u-tooltip-showOnHover._4j8kDW_is-focused ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--bottom, ._4j8kDW_u-tooltip-showOnHover :focus ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--bottom {
   transform: translate(-50%);
 }
 
-.uv8yQW_u-tooltip-showOnHover.uv8yQW_is-hovered .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--top, .uv8yQW_u-tooltip-showOnHover:focus .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--top, .uv8yQW_u-tooltip-showOnHover.uv8yQW_is-focused .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--top, .uv8yQW_u-tooltip-showOnHover :focus .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--top {
+._4j8kDW_u-tooltip-showOnHover._4j8kDW_is-hovered ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--top, ._4j8kDW_u-tooltip-showOnHover:focus ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--top, ._4j8kDW_u-tooltip-showOnHover._4j8kDW_is-focused ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--top, ._4j8kDW_u-tooltip-showOnHover :focus ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--top {
   transform: translate(-50%, calc(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)) * -1));
 }
 
-.uv8yQW_u-tooltip-showOnHover.uv8yQW_is-hovered .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--left, .uv8yQW_u-tooltip-showOnHover:focus .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--left, .uv8yQW_u-tooltip-showOnHover.uv8yQW_is-focused .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--left, .uv8yQW_u-tooltip-showOnHover :focus .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--left {
+._4j8kDW_u-tooltip-showOnHover._4j8kDW_is-hovered ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--left, ._4j8kDW_u-tooltip-showOnHover:focus ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--left, ._4j8kDW_u-tooltip-showOnHover._4j8kDW_is-focused ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--left, ._4j8kDW_u-tooltip-showOnHover :focus ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--left {
   transform: translate(calc(-100% - var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50))), -50%);
 }
 
-.uv8yQW_u-tooltip-showOnHover.uv8yQW_is-hovered .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--right, .uv8yQW_u-tooltip-showOnHover:focus .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--right, .uv8yQW_u-tooltip-showOnHover.uv8yQW_is-focused .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--right, .uv8yQW_u-tooltip-showOnHover :focus .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--right {
+._4j8kDW_u-tooltip-showOnHover._4j8kDW_is-hovered ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--right, ._4j8kDW_u-tooltip-showOnHover:focus ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--right, ._4j8kDW_u-tooltip-showOnHover._4j8kDW_is-focused ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--right, ._4j8kDW_u-tooltip-showOnHover :focus ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--right {
   transform: translate(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)), -50%);
 }
 
-.uv8yQW_spectrum-Tooltip {
+._4j8kDW_spectrum-Tooltip {
   --spectrum-tooltip-background-color: var(--spectrum-alias-neutral-background-color);
   --spectrum-tooltip-negative-background-color: var(--spectrum-negative-background-color-default);
   --spectrum-tooltip-positive-background-color: var(--spectrum-positive-background-color-default);
@@ -280,40 +281,40 @@
   will-change: filter;
 }
 
-.uv8yQW_spectrum-Tooltip-tip {
+._4j8kDW_spectrum-Tooltip-tip {
   border-top-color: var(--spectrum-tooltip-background-color, var(--spectrum-global-color-static-gray-700));
 }
 
-.uv8yQW_spectrum-Tooltip--negative, .uv8yQW_spectrum-Tooltip--error {
+._4j8kDW_spectrum-Tooltip--negative, ._4j8kDW_spectrum-Tooltip--error {
   background-color: var(--spectrum-tooltip-negative-background-color, var(--spectrum-global-color-static-red-700));
 }
 
-:is(.uv8yQW_spectrum-Tooltip--negative, .uv8yQW_spectrum-Tooltip--error) .uv8yQW_spectrum-Tooltip-tip {
+:is(._4j8kDW_spectrum-Tooltip--negative, ._4j8kDW_spectrum-Tooltip--error) ._4j8kDW_spectrum-Tooltip-tip {
   border-top-color: var(--spectrum-tooltip-negative-background-color, var(--spectrum-global-color-static-red-700));
 }
 
-.uv8yQW_spectrum-Tooltip--info, .uv8yQW_spectrum-Tooltip--help {
+._4j8kDW_spectrum-Tooltip--info, ._4j8kDW_spectrum-Tooltip--help {
   background-color: var(--spectrum-tooltip-info-background-color, var(--spectrum-global-color-static-blue-700));
 }
 
-:is(.uv8yQW_spectrum-Tooltip--info, .uv8yQW_spectrum-Tooltip--help) .uv8yQW_spectrum-Tooltip-tip {
+:is(._4j8kDW_spectrum-Tooltip--info, ._4j8kDW_spectrum-Tooltip--help) ._4j8kDW_spectrum-Tooltip-tip {
   border-top-color: var(--spectrum-tooltip-info-background-color, var(--spectrum-global-color-static-blue-700));
 }
 
-.uv8yQW_spectrum-Tooltip--positive, .uv8yQW_spectrum-Tooltip--success {
+._4j8kDW_spectrum-Tooltip--positive, ._4j8kDW_spectrum-Tooltip--success {
   background-color: var(--spectrum-tooltip-positive-background-color, var(--spectrum-global-color-static-green-700));
 }
 
-:is(.uv8yQW_spectrum-Tooltip--positive, .uv8yQW_spectrum-Tooltip--success) .uv8yQW_spectrum-Tooltip-tip {
+:is(._4j8kDW_spectrum-Tooltip--positive, ._4j8kDW_spectrum-Tooltip--success) ._4j8kDW_spectrum-Tooltip-tip {
   border-top-color: var(--spectrum-tooltip-positive-background-color, var(--spectrum-global-color-static-green-700));
 }
 
 @media (forced-colors: active) {
-  .uv8yQW_spectrum-Tooltip {
+  ._4j8kDW_spectrum-Tooltip {
     border: 1px solid #0000;
   }
 
-  .uv8yQW_spectrum-Tooltip-tip {
+  ._4j8kDW_spectrum-Tooltip-tip {
     forced-color-adjust: none;
     --spectrum-tooltip-background-color: CanvasText;
     --spectrum-tooltip-negative-background-color: Highlight;

package/dist/private/tooltip_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA","sources":["packages/@adobe/spectrum-css-temp/components/tooltip/vars.css"],"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@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"tooltip_vars.css.map"}
+{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FF;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA;;;;;;;;;;;;;;;;;;;;AA2BE;;;;;;;;;AAYA;;;;;;;;;AAYA;;;;AAKF;;;;AAME;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA;;;;AAGE;;;;;;;;;AAcF;;;;AAGE;;;;;;;;;AAcF;;;;AAOA;;;;AAOA;;;;AAOA;;;;AAOA;;;;AAoBF;;;;;;;;;;;;;;;AAoBA;;;;AAIE;;;;AAKF;;;;AAIE;;;;AAKF;;;;AAIE;;;;AAKF;;;;;EAIE","sources":["packages/@adobe/spectrum-css-temp/components/tooltip/vars.css"],"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@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"tooltip_vars.css.map"}