@fluentui/react-tooltip 0.0.0-nightly-20230321-0440.1 → 0.0.0-nightly-20230322-0439.1

package/lib-commonjs/components/Tooltip/useTooltip.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_positioning_1","react_shared_contexts_1","react_utilities_1","constants_1","keyboard_keys_1","useTooltip_unstable","props","context","useTooltipVisibility_unstable","isServerSideRender","useIsSSR","targetDocument","useFluent_unstable","setDelayTimeout","clearDelayTimeout","useTimeout","appearance","children","content","withArrow","positioning","onVisibleChange","relationship","showDelay","hideDelay","mountNode","visible","setVisibleInternal","useControllableState","state","initialState","setVisible","useCallback","newVisible","ev","oldVisible","shouldRenderTooltip","components","resolveShorthand","defaultProps","role","required","id","useId","positioningOptions","enabled","arrowPadding","tooltipBorderRadius","position","align","offset","resolvePositioningShorthand","mergeArrowOffset","arrowHeight","targetRef","containerRef","arrowRef","usePositioning","ref","useMergedRefs","useIsomorphicLayoutEffect","thisTooltip","hide","_a","visibleTooltip","onDocumentKeyDown","key","Escape","stopPropagation","addEventListener","capture","undefined","removeEventListener","ignoreNextFocusEventRef","useRef","onEnterTrigger","type","current","delay","persist","onLeaveTrigger","activeElement","target","onPointerEnter","mergeCallbacks","onPointerLeave","onFocus","onBlur","child","getTriggerChild","triggerAriaProps","childTargetRef","applyTriggerPropsToChildren","useEventCallback","_b","_c","_d","exports"],"sources":["../../../../../../../../../packages/react-components/react-tooltip/src/components/Tooltip/useTooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeArrowOffset, resolvePositioningShorthand, usePositioning } from '@fluentui/react-positioning';\nimport {\n  useTooltipVisibility_unstable as useTooltipVisibility,\n  useFluent_unstable as useFluent,\n} from '@fluentui/react-shared-contexts';\nimport {\n  applyTriggerPropsToChildren,\n  resolveShorthand,\n  useControllableState,\n  useId,\n  useIsomorphicLayoutEffect,\n  useIsSSR,\n  useMergedRefs,\n  useTimeout,\n  getTriggerChild,\n  mergeCallbacks,\n  useEventCallback,\n} from '@fluentui/react-utilities';\nimport type { TooltipProps, TooltipState, TooltipChildProps } from './Tooltip.types';\nimport { arrowHeight, tooltipBorderRadius } from './private/constants';\nimport { Escape } from '@fluentui/keyboard-keys';\n\n/**\n * Create the state required to render Tooltip.\n *\n * The returned state can be modified with hooks such as useTooltipStyles_unstable,\n * before being passed to renderTooltip_unstable.\n *\n * @param props - props from this instance of Tooltip\n */\nexport const useTooltip_unstable = (props: TooltipProps): TooltipState => {\n  const context = useTooltipVisibility();\n  const isServerSideRender = useIsSSR();\n  const { targetDocument } = useFluent();\n  const [setDelayTimeout, clearDelayTimeout] = useTimeout();\n\n  const {\n    appearance = 'normal',\n    children,\n    content,\n    withArrow = false,\n    positioning = 'above',\n    onVisibleChange,\n    relationship,\n    showDelay = 250,\n    hideDelay = 250,\n    mountNode,\n  } = props;\n\n  const [visible, setVisibleInternal] = useControllableState({ state: props.visible, initialState: false });\n  const setVisible = React.useCallback(\n    (newVisible: boolean, ev?: React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement>) => {\n      clearDelayTimeout();\n      setVisibleInternal(oldVisible => {\n        if (newVisible !== oldVisible) {\n          onVisibleChange?.(ev, { visible: newVisible });\n        }\n        return newVisible;\n      });\n    },\n    [clearDelayTimeout, setVisibleInternal, onVisibleChange],\n  );\n\n  const state: TooltipState = {\n    withArrow,\n    positioning,\n    showDelay,\n    hideDelay,\n    relationship,\n    visible,\n    shouldRenderTooltip: visible,\n    appearance,\n    mountNode,\n    // Slots\n    components: {\n      content: 'div',\n    },\n    content: resolveShorthand(content, {\n      defaultProps: {\n        role: 'tooltip',\n      },\n      required: true,\n    }),\n  };\n\n  state.content.id = useId('tooltip-', state.content.id);\n\n  const positioningOptions = {\n    enabled: state.visible,\n    arrowPadding: 2 * tooltipBorderRadius,\n    position: 'above' as const,\n    align: 'center' as const,\n    offset: 4,\n    ...resolvePositioningShorthand(state.positioning),\n  };\n\n  if (state.withArrow) {\n    positioningOptions.offset = mergeArrowOffset(positioningOptions.offset, arrowHeight);\n  }\n\n  const {\n    targetRef,\n    containerRef,\n    arrowRef,\n  }: {\n    targetRef: React.MutableRefObject<unknown>;\n    containerRef: React.MutableRefObject<HTMLDivElement>;\n    arrowRef: React.MutableRefObject<HTMLDivElement>;\n  } = usePositioning(positioningOptions);\n\n  state.content.ref = useMergedRefs(state.content.ref, containerRef);\n  state.arrowRef = arrowRef;\n\n  // When this tooltip is visible, hide any other tooltips, and register it\n  // as the visibleTooltip with the TooltipContext.\n  // Also add a listener on document to hide the tooltip if Escape is pressed\n  useIsomorphicLayoutEffect(() => {\n    if (visible) {\n      const thisTooltip = { hide: () => setVisible(false) };\n\n      context.visibleTooltip?.hide();\n      context.visibleTooltip = thisTooltip;\n\n      const onDocumentKeyDown = (ev: KeyboardEvent) => {\n        if (ev.key === Escape) {\n          thisTooltip.hide();\n          // stop propagation to avoid conflicting with other elements that listen for `Escape`\n          // e,g: Dialog, Popover, Menu\n          ev.stopPropagation();\n        }\n      };\n\n      targetDocument?.addEventListener('keydown', onDocumentKeyDown, {\n        // As this event is added at targeted document,\n        // we need to capture the event to be sure keydown handling from tooltip happens first\n        capture: true,\n      });\n\n      return () => {\n        if (context.visibleTooltip === thisTooltip) {\n          context.visibleTooltip = undefined;\n        }\n\n        targetDocument?.removeEventListener('keydown', onDocumentKeyDown, { capture: true });\n      };\n    }\n  }, [context, targetDocument, visible, setVisible]);\n\n  // The focused element gets a blur event when the document loses focus\n  // (e.g. switching tabs in the browser), but we don't want to show the\n  // tooltip again when the document gets focus back. Handle this case by\n  // checking if the blurred element is still the document's activeElement.\n  // See https://github.com/microsoft/fluentui/issues/13541\n  const ignoreNextFocusEventRef = React.useRef(false);\n\n  // Listener for onPointerEnter and onFocus on the trigger element\n  const onEnterTrigger = React.useCallback(\n    (ev: React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement>) => {\n      if (ev.type === 'focus' && ignoreNextFocusEventRef.current) {\n        ignoreNextFocusEventRef.current = false;\n        return;\n      }\n\n      // Show immediately if another tooltip is already visible\n      const delay = context.visibleTooltip ? 0 : state.showDelay;\n\n      setDelayTimeout(() => {\n        setVisible(true, ev);\n      }, delay);\n\n      ev.persist(); // Persist the event since the setVisible call will happen asynchronously\n    },\n    [setDelayTimeout, setVisible, state.showDelay, context],\n  );\n\n  // Listener for onPointerLeave and onBlur on the trigger element\n  const onLeaveTrigger = React.useCallback(\n    (ev: React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement>) => {\n      let delay = state.hideDelay;\n\n      if (ev.type === 'blur') {\n        // Hide immediately when losing focus\n        delay = 0;\n\n        ignoreNextFocusEventRef.current = targetDocument?.activeElement === ev.target;\n      }\n\n      setDelayTimeout(() => {\n        setVisible(false, ev);\n      }, delay);\n\n      ev.persist(); // Persist the event since the setVisible call will happen asynchronously\n    },\n    [setDelayTimeout, setVisible, state.hideDelay, targetDocument],\n  );\n\n  // Cancel the hide timer when the mouse or focus enters the tooltip, and restart it when the mouse or focus leaves.\n  // This keeps the tooltip visible when the mouse is moved over it, or it has focus within.\n  state.content.onPointerEnter = mergeCallbacks(state.content.onPointerEnter, clearDelayTimeout);\n  state.content.onPointerLeave = mergeCallbacks(state.content.onPointerLeave, onLeaveTrigger);\n  state.content.onFocus = mergeCallbacks(state.content.onFocus, clearDelayTimeout);\n  state.content.onBlur = mergeCallbacks(state.content.onBlur, onLeaveTrigger);\n\n  const child = getTriggerChild(children);\n\n  const triggerAriaProps: Pick<TooltipChildProps, 'aria-label' | 'aria-labelledby' | 'aria-describedby'> = {};\n\n  if (relationship === 'label') {\n    // aria-label only works if the content is a string. Otherwise, need to use aria-labelledby.\n    if (typeof state.content.children === 'string') {\n      triggerAriaProps['aria-label'] = state.content.children;\n    } else {\n      triggerAriaProps['aria-labelledby'] = state.content.id;\n      // Always render the tooltip even if hidden, so that aria-labelledby refers to a valid element\n      state.shouldRenderTooltip = true;\n    }\n  } else if (relationship === 'description') {\n    triggerAriaProps['aria-describedby'] = state.content.id;\n    // Always render the tooltip even if hidden, so that aria-describedby refers to a valid element\n    state.shouldRenderTooltip = true;\n  }\n\n  // Don't render the Tooltip in SSR to avoid hydration errors\n  if (isServerSideRender) {\n    state.shouldRenderTooltip = false;\n  }\n\n  const childTargetRef = useMergedRefs(child?.ref, targetRef);\n\n  // Apply the trigger props to the child, either by calling the render function, or cloning with the new props\n  state.children = applyTriggerPropsToChildren(children, {\n    ...triggerAriaProps,\n    ...child?.props,\n    // If the target prop is not provided, attach targetRef to the trigger element's ref prop\n    ref: positioningOptions.target === undefined ? childTargetRef : child?.ref,\n    onPointerEnter: useEventCallback(mergeCallbacks(child?.props?.onPointerEnter, onEnterTrigger)),\n    onPointerLeave: useEventCallback(mergeCallbacks(child?.props?.onPointerLeave, onLeaveTrigger)),\n    onFocus: useEventCallback(mergeCallbacks(child?.props?.onFocus, onEnterTrigger)),\n    onBlur: useEventCallback(mergeCallbacks(child?.props?.onBlur, onLeaveTrigger)),\n  });\n\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/Tooltip/useTooltip.js"],"sourcesContent":["import * as React from 'react';\nimport { mergeArrowOffset, resolvePositioningShorthand, usePositioning } from '@fluentui/react-positioning';\nimport { useTooltipVisibility_unstable as useTooltipVisibility, useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { applyTriggerPropsToChildren, resolveShorthand, useControllableState, useId, useIsomorphicLayoutEffect, useIsSSR, useMergedRefs, useTimeout, getTriggerChild, mergeCallbacks, useEventCallback } from '@fluentui/react-utilities';\nimport { arrowHeight, tooltipBorderRadius } from './private/constants';\nimport { Escape } from '@fluentui/keyboard-keys';\n/**\n * Create the state required to render Tooltip.\n *\n * The returned state can be modified with hooks such as useTooltipStyles_unstable,\n * before being passed to renderTooltip_unstable.\n *\n * @param props - props from this instance of Tooltip\n */\nexport const useTooltip_unstable = props => {\n  var _child_props, _child_props1, _child_props2, _child_props3;\n  const context = useTooltipVisibility();\n  const isServerSideRender = useIsSSR();\n  const {\n    targetDocument\n  } = useFluent();\n  const [setDelayTimeout, clearDelayTimeout] = useTimeout();\n  const {\n    appearance = 'normal',\n    children,\n    content,\n    withArrow = false,\n    positioning = 'above',\n    onVisibleChange,\n    relationship,\n    showDelay = 250,\n    hideDelay = 250,\n    mountNode\n  } = props;\n  const [visible, setVisibleInternal] = useControllableState({\n    state: props.visible,\n    initialState: false\n  });\n  const setVisible = React.useCallback((newVisible, ev) => {\n    clearDelayTimeout();\n    setVisibleInternal(oldVisible => {\n      if (newVisible !== oldVisible) {\n        onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(ev, {\n          visible: newVisible\n        });\n      }\n      return newVisible;\n    });\n  }, [clearDelayTimeout, setVisibleInternal, onVisibleChange]);\n  const state = {\n    withArrow,\n    positioning,\n    showDelay,\n    hideDelay,\n    relationship,\n    visible,\n    shouldRenderTooltip: visible,\n    appearance,\n    mountNode,\n    // Slots\n    components: {\n      content: 'div'\n    },\n    content: resolveShorthand(content, {\n      defaultProps: {\n        role: 'tooltip'\n      },\n      required: true\n    })\n  };\n  state.content.id = useId('tooltip-', state.content.id);\n  const positioningOptions = {\n    enabled: state.visible,\n    arrowPadding: 2 * tooltipBorderRadius,\n    position: 'above',\n    align: 'center',\n    offset: 4,\n    ...resolvePositioningShorthand(state.positioning)\n  };\n  if (state.withArrow) {\n    positioningOptions.offset = mergeArrowOffset(positioningOptions.offset, arrowHeight);\n  }\n  const {\n    targetRef,\n    containerRef,\n    arrowRef\n  } = usePositioning(positioningOptions);\n  state.content.ref = useMergedRefs(state.content.ref, containerRef);\n  state.arrowRef = arrowRef;\n  // When this tooltip is visible, hide any other tooltips, and register it\n  // as the visibleTooltip with the TooltipContext.\n  // Also add a listener on document to hide the tooltip if Escape is pressed\n  useIsomorphicLayoutEffect(() => {\n    if (visible) {\n      var _context_visibleTooltip;\n      const thisTooltip = {\n        hide: () => setVisible(false)\n      };\n      (_context_visibleTooltip = context.visibleTooltip) === null || _context_visibleTooltip === void 0 ? void 0 : _context_visibleTooltip.hide();\n      context.visibleTooltip = thisTooltip;\n      const onDocumentKeyDown = ev => {\n        if (ev.key === Escape) {\n          thisTooltip.hide();\n          // stop propagation to avoid conflicting with other elements that listen for `Escape`\n          // e,g: Dialog, Popover, Menu\n          ev.stopPropagation();\n        }\n      };\n      targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('keydown', onDocumentKeyDown, {\n        // As this event is added at targeted document,\n        // we need to capture the event to be sure keydown handling from tooltip happens first\n        capture: true\n      });\n      return () => {\n        if (context.visibleTooltip === thisTooltip) {\n          context.visibleTooltip = undefined;\n        }\n        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('keydown', onDocumentKeyDown, {\n          capture: true\n        });\n      };\n    }\n  }, [context, targetDocument, visible, setVisible]);\n  // The focused element gets a blur event when the document loses focus\n  // (e.g. switching tabs in the browser), but we don't want to show the\n  // tooltip again when the document gets focus back. Handle this case by\n  // checking if the blurred element is still the document's activeElement.\n  // See https://github.com/microsoft/fluentui/issues/13541\n  const ignoreNextFocusEventRef = React.useRef(false);\n  // Listener for onPointerEnter and onFocus on the trigger element\n  const onEnterTrigger = React.useCallback(ev => {\n    if (ev.type === 'focus' && ignoreNextFocusEventRef.current) {\n      ignoreNextFocusEventRef.current = false;\n      return;\n    }\n    // Show immediately if another tooltip is already visible\n    const delay = context.visibleTooltip ? 0 : state.showDelay;\n    setDelayTimeout(() => {\n      setVisible(true, ev);\n    }, delay);\n    ev.persist(); // Persist the event since the setVisible call will happen asynchronously\n  }, [setDelayTimeout, setVisible, state.showDelay, context]);\n  // Listener for onPointerLeave and onBlur on the trigger element\n  const onLeaveTrigger = React.useCallback(ev => {\n    let delay = state.hideDelay;\n    if (ev.type === 'blur') {\n      // Hide immediately when losing focus\n      delay = 0;\n      ignoreNextFocusEventRef.current = (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement) === ev.target;\n    }\n    setDelayTimeout(() => {\n      setVisible(false, ev);\n    }, delay);\n    ev.persist(); // Persist the event since the setVisible call will happen asynchronously\n  }, [setDelayTimeout, setVisible, state.hideDelay, targetDocument]);\n  // Cancel the hide timer when the mouse or focus enters the tooltip, and restart it when the mouse or focus leaves.\n  // This keeps the tooltip visible when the mouse is moved over it, or it has focus within.\n  state.content.onPointerEnter = mergeCallbacks(state.content.onPointerEnter, clearDelayTimeout);\n  state.content.onPointerLeave = mergeCallbacks(state.content.onPointerLeave, onLeaveTrigger);\n  state.content.onFocus = mergeCallbacks(state.content.onFocus, clearDelayTimeout);\n  state.content.onBlur = mergeCallbacks(state.content.onBlur, onLeaveTrigger);\n  const child = getTriggerChild(children);\n  const triggerAriaProps = {};\n  if (relationship === 'label') {\n    // aria-label only works if the content is a string. Otherwise, need to use aria-labelledby.\n    if (typeof state.content.children === 'string') {\n      triggerAriaProps['aria-label'] = state.content.children;\n    } else {\n      triggerAriaProps['aria-labelledby'] = state.content.id;\n      // Always render the tooltip even if hidden, so that aria-labelledby refers to a valid element\n      state.shouldRenderTooltip = true;\n    }\n  } else if (relationship === 'description') {\n    triggerAriaProps['aria-describedby'] = state.content.id;\n    // Always render the tooltip even if hidden, so that aria-describedby refers to a valid element\n    state.shouldRenderTooltip = true;\n  }\n  // Don't render the Tooltip in SSR to avoid hydration errors\n  if (isServerSideRender) {\n    state.shouldRenderTooltip = false;\n  }\n  const childTargetRef = useMergedRefs(child === null || child === void 0 ? void 0 : child.ref, targetRef);\n  // Apply the trigger props to the child, either by calling the render function, or cloning with the new props\n  state.children = applyTriggerPropsToChildren(children, {\n    ...triggerAriaProps,\n    ...(child === null || child === void 0 ? void 0 : child.props),\n    // If the target prop is not provided, attach targetRef to the trigger element's ref prop\n    ref: positioningOptions.target === undefined ? childTargetRef : child === null || child === void 0 ? void 0 : child.ref,\n    onPointerEnter: useEventCallback(mergeCallbacks(child === null || child === void 0 ? void 0 : (_child_props = child.props) === null || _child_props === void 0 ? void 0 : _child_props.onPointerEnter, onEnterTrigger)),\n    onPointerLeave: useEventCallback(mergeCallbacks(child === null || child === void 0 ? void 0 : (_child_props1 = child.props) === null || _child_props1 === void 0 ? void 0 : _child_props1.onPointerLeave, onLeaveTrigger)),\n    onFocus: useEventCallback(mergeCallbacks(child === null || child === void 0 ? void 0 : (_child_props2 = child.props) === null || _child_props2 === void 0 ? void 0 : _child_props2.onFocus, onEnterTrigger)),\n    onBlur: useEventCallback(mergeCallbacks(child === null || child === void 0 ? void 0 : (_child_props3 = child.props) === null || _child_props3 === void 0 ? void 0 : _child_props3.onBlur, onLeaveTrigger))\n  });\n  return state;\n};\n//# sourceMappingURL=useTooltip.js.map"],"names":["useTooltip_unstable","props","_child_props","_child_props1","_child_props2","_child_props3","context","useTooltipVisibility","isServerSideRender","useIsSSR","targetDocument","useFluent","setDelayTimeout","clearDelayTimeout","useTimeout","appearance","children","content","withArrow","positioning","onVisibleChange","relationship","showDelay","hideDelay","mountNode","visible","setVisibleInternal","useControllableState","state","initialState","setVisible","React","useCallback","newVisible","ev","oldVisible","shouldRenderTooltip","components","resolveShorthand","defaultProps","role","required","id","useId","positioningOptions","enabled","arrowPadding","tooltipBorderRadius","position","align","offset","resolvePositioningShorthand","mergeArrowOffset","arrowHeight","targetRef","containerRef","arrowRef","usePositioning","ref","useMergedRefs","useIsomorphicLayoutEffect","_context_visibleTooltip","thisTooltip","hide","visibleTooltip","onDocumentKeyDown","key","Escape","stopPropagation","addEventListener","capture","undefined","removeEventListener","ignoreNextFocusEventRef","useRef","onEnterTrigger","type","current","delay","persist","onLeaveTrigger","activeElement","target","onPointerEnter","mergeCallbacks","onPointerLeave","onFocus","onBlur","child","getTriggerChild","triggerAriaProps","childTargetRef","applyTriggerPropsToChildren","useEventCallback"],"mappings":"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"}

package/lib-commonjs/components/Tooltip/useTooltipStyles.js

@@ -1,101 +1,209 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    tooltipClassNames: ()=>tooltipClassNames,
+    useTooltipStyles_unstable: ()=>useTooltipStyles_unstable
 });
-exports.useTooltipStyles_unstable = exports.tooltipClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const react_positioning_1 = /*#__PURE__*/require("@fluentui/react-positioning");
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-const constants_1 = /*#__PURE__*/require("./private/constants");
-exports.tooltipClassNames = {
-  content: 'fui-Tooltip__content'
+const _react = require("@griffel/react");
+const tooltipClassNames = {
+    content: 'fui-Tooltip__content'
 };
 /**
  * Styles for the tooltip
- */
-const useStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    mc9l5x: "fjseox",
-    B7ck84d: "f1ewtqcl",
-    B2u0y6b: "f132xexn",
-    Bceei9c: "f158kwzp",
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fy9rknc",
-    Bg96gwp: "fwrc4pm",
-    Bbmb7ep: ["f1aa9q02", "f16jpd5f"],
-    Beyfa6y: ["f16jpd5f", "f1aa9q02"],
-    B7oj6ja: ["f1jar5jt", "fyu767a"],
-    Btl43ni: ["fyu767a", "f1jar5jt"],
-    B4j52fo: "f5ogflp",
-    Bekrc4i: ["f1hqa2wf", "finvdd3"],
-    Bn0qgzm: "f1f09k3d",
-    ibv6hh: ["finvdd3", "f1hqa2wf"],
-    icvyot: "fzkkow9",
-    vrafjx: ["fcdblym", "fjik90z"],
-    oivjwe: "fg706s2",
-    wvpqe5: ["fjik90z", "fcdblym"],
-    g2u3we: "fghlq4f",
-    h3c5rm: ["f1gn591s", "fjscplz"],
-    B9xav0g: "fb073pr",
-    zhjwy3: ["fjscplz", "f1gn591s"],
-    z8tnut: "f10ra9hq",
-    z189sj: ["fd9xhir", "f1jlaasf"],
-    Byoj8tv: "f1d7kygh",
-    uwmqm3: ["f1jlaasf", "fd9xhir"],
-    De3pzq: "fxugw4r",
-    sj55zd: "f19n0e5",
-    Bhu2qc9: "fxeb0a7"
-  },
-  visible: {
-    mc9l5x: "ftgm304"
-  },
-  inverted: {
-    De3pzq: "fg3r6xk",
-    sj55zd: "fonrgv7"
-  },
-  arrow: {
-    qhf8xq: "f1euv43f",
-    De3pzq: "f1u2r49w",
-    Bcdw1i0: "fd7fpy0",
-    Bj3rh1h: "f1bsuimh",
-    a9b677: "f1ekdpwm",
-    Bqenvij: "f83vc9z",
-    Ftih45: "f1wl9k8s",
-    B1puzpu: "f1wkw4r9",
-    Brfgrao: "f1j7ml58",
-    Bcvre1j: "fyl8oag",
-    Ccq8qp: "frdoeuz",
-    Baz25je: "fb81m9q",
-    cmx5o7: "f1ljr5q2",
-    B4f6apu: "fyfemzf",
-    m598lv: "focyt6c",
-    Bk5zm6e: "fnhxbxj",
-    y0oebl: "fdw6hkg",
-    qa3bma: "f11yjt3y",
-    Bqjgrrk: "f1172wan",
-    Budzafs: ["f9e5op9", "f112wvtl"],
-    Hv9wc6: ["ftj5xct", "fyavhwi"],
-    hl6cv3: "f1773hnp",
-    Bh2vraf: "f1n8855c",
-    yayu3t: "f1v7783n",
-    wedwtw: "fsw6im5",
-    rhl9o9: "fh2hsk5",
-    Bu8t5uz: "f159pzir",
-    B6q6orb: "f11yvu4",
-    Bwwlvwl: "fm1ycve"
-  }
+ */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        mc9l5x: "fjseox",
+        B7ck84d: "f1ewtqcl",
+        B2u0y6b: "f132xexn",
+        Bceei9c: "f158kwzp",
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bg96gwp: "fwrc4pm",
+        Bbmb7ep: [
+            "f1aa9q02",
+            "f16jpd5f"
+        ],
+        Beyfa6y: [
+            "f16jpd5f",
+            "f1aa9q02"
+        ],
+        B7oj6ja: [
+            "f1jar5jt",
+            "fyu767a"
+        ],
+        Btl43ni: [
+            "fyu767a",
+            "f1jar5jt"
+        ],
+        B4j52fo: "f5ogflp",
+        Bekrc4i: [
+            "f1hqa2wf",
+            "finvdd3"
+        ],
+        Bn0qgzm: "f1f09k3d",
+        ibv6hh: [
+            "finvdd3",
+            "f1hqa2wf"
+        ],
+        icvyot: "fzkkow9",
+        vrafjx: [
+            "fcdblym",
+            "fjik90z"
+        ],
+        oivjwe: "fg706s2",
+        wvpqe5: [
+            "fjik90z",
+            "fcdblym"
+        ],
+        g2u3we: "fghlq4f",
+        h3c5rm: [
+            "f1gn591s",
+            "fjscplz"
+        ],
+        B9xav0g: "fb073pr",
+        zhjwy3: [
+            "fjscplz",
+            "f1gn591s"
+        ],
+        z8tnut: "f10ra9hq",
+        z189sj: [
+            "fd9xhir",
+            "f1jlaasf"
+        ],
+        Byoj8tv: "f1d7kygh",
+        uwmqm3: [
+            "f1jlaasf",
+            "fd9xhir"
+        ],
+        De3pzq: "fxugw4r",
+        sj55zd: "f19n0e5",
+        Bhu2qc9: "fxeb0a7"
+    },
+    visible: {
+        mc9l5x: "ftgm304"
+    },
+    inverted: {
+        De3pzq: "fg3r6xk",
+        sj55zd: "fonrgv7"
+    },
+    arrow: {
+        qhf8xq: "f1euv43f",
+        De3pzq: "f1u2r49w",
+        Bcdw1i0: "fd7fpy0",
+        Bj3rh1h: "f1bsuimh",
+        a9b677: "f1ekdpwm",
+        Bqenvij: "f83vc9z",
+        Ftih45: "f1wl9k8s",
+        B1puzpu: "f1wkw4r9",
+        Brfgrao: "f1j7ml58",
+        Bcvre1j: "fyl8oag",
+        Ccq8qp: "frdoeuz",
+        Baz25je: "fb81m9q",
+        cmx5o7: "f1ljr5q2",
+        B4f6apu: "fyfemzf",
+        m598lv: "focyt6c",
+        Bk5zm6e: "fnhxbxj",
+        y0oebl: "fdw6hkg",
+        qa3bma: "f11yjt3y",
+        Bqjgrrk: "f1172wan",
+        Budzafs: [
+            "f9e5op9",
+            "f112wvtl"
+        ],
+        Hv9wc6: [
+            "ftj5xct",
+            "fyavhwi"
+        ],
+        hl6cv3: "f1773hnp",
+        Bh2vraf: "f1n8855c",
+        yayu3t: "f1v7783n",
+        wedwtw: "fsw6im5",
+        rhl9o9: "fh2hsk5",
+        Bu8t5uz: "f159pzir",
+        B6q6orb: "f11yvu4",
+        Bwwlvwl: "fm1ycve"
+    }
 }, {
-  d: [".fjseox{display:none;}", ".f1ewtqcl{box-sizing:border-box;}", ".f132xexn{max-width:240px;}", ".f158kwzp{cursor:default;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".f10ra9hq{padding-top:4px;}", ".fd9xhir{padding-right:11px;}", ".f1jlaasf{padding-left:11px;}", ".f1d7kygh{padding-bottom:6px;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxeb0a7{-webkit-filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));}", ".ftgm304{display:block;}", ".fg3r6xk{background-color:var(--colorNeutralBackgroundStatic);}", ".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}", ".f1euv43f{position:absolute;}", ".f1u2r49w{background-color:inherit;}", ".fd7fpy0{visibility:hidden;}", ".f1bsuimh{z-index:-1;}", ".f1ekdpwm{width:8.484px;}", ".f83vc9z{height:8.484px;}", ".f1wl9k8s::before{content:\"\";}", ".f1wkw4r9::before{visibility:visible;}", ".f1j7ml58::before{position:absolute;}", ".fyl8oag::before{box-sizing:border-box;}", ".frdoeuz::before{width:inherit;}", ".fb81m9q::before{height:inherit;}", ".f1ljr5q2::before{background-color:inherit;}", ".fyfemzf::before{border-right-width:1px;}", ".focyt6c::before{border-right-style:solid;}", ".fnhxbxj::before{border-right-color:var(--colorTransparentStroke);}", ".fdw6hkg::before{border-bottom-width:1px;}", ".f11yjt3y::before{border-bottom-style:solid;}", ".f1172wan::before{border-bottom-color:var(--colorTransparentStroke);}", ".f9e5op9::before{border-bottom-right-radius:var(--borderRadiusSmall);}", ".f112wvtl::before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".ftj5xct::before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);}", ".fyavhwi::before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);}", "[data-popper-placement^=\"top\"] .f1773hnp{bottom:-1px;}", "[data-popper-placement^=\"top\"] .f1n8855c{--angle:0;}", "[data-popper-placement^=\"right\"] .f1v7783n{left:-1px;}", "[data-popper-placement^=\"right\"] .fsw6im5{--angle:90deg;}", "[data-popper-placement^=\"bottom\"] .fh2hsk5{top:-1px;}", "[data-popper-placement^=\"bottom\"] .f159pzir{--angle:180deg;}", "[data-popper-placement^=\"left\"] .f11yvu4{right:-1px;}", "[data-popper-placement^=\"left\"] .fm1ycve{--angle:270deg;}"]
+    d: [
+        ".fjseox{display:none;}",
+        ".f1ewtqcl{box-sizing:border-box;}",
+        ".f132xexn{max-width:240px;}",
+        ".f158kwzp{cursor:default;}",
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".fwrc4pm{line-height:var(--lineHeightBase200);}",
+        ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
+        ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
+        ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
+        ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}",
+        ".f5ogflp{border-top-width:1px;}",
+        ".f1hqa2wf{border-right-width:1px;}",
+        ".finvdd3{border-left-width:1px;}",
+        ".f1f09k3d{border-bottom-width:1px;}",
+        ".fzkkow9{border-top-style:solid;}",
+        ".fcdblym{border-right-style:solid;}",
+        ".fjik90z{border-left-style:solid;}",
+        ".fg706s2{border-bottom-style:solid;}",
+        ".fghlq4f{border-top-color:var(--colorTransparentStroke);}",
+        ".f1gn591s{border-right-color:var(--colorTransparentStroke);}",
+        ".fjscplz{border-left-color:var(--colorTransparentStroke);}",
+        ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}",
+        ".f10ra9hq{padding-top:4px;}",
+        ".fd9xhir{padding-right:11px;}",
+        ".f1jlaasf{padding-left:11px;}",
+        ".f1d7kygh{padding-bottom:6px;}",
+        ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
+        ".f19n0e5{color:var(--colorNeutralForeground1);}",
+        ".fxeb0a7{-webkit-filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));}",
+        ".ftgm304{display:block;}",
+        ".fg3r6xk{background-color:var(--colorNeutralBackgroundStatic);}",
+        ".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}",
+        ".f1euv43f{position:absolute;}",
+        ".f1u2r49w{background-color:inherit;}",
+        ".fd7fpy0{visibility:hidden;}",
+        ".f1bsuimh{z-index:-1;}",
+        ".f1ekdpwm{width:8.484px;}",
+        ".f83vc9z{height:8.484px;}",
+        ".f1wl9k8s::before{content:\"\";}",
+        ".f1wkw4r9::before{visibility:visible;}",
+        ".f1j7ml58::before{position:absolute;}",
+        ".fyl8oag::before{box-sizing:border-box;}",
+        ".frdoeuz::before{width:inherit;}",
+        ".fb81m9q::before{height:inherit;}",
+        ".f1ljr5q2::before{background-color:inherit;}",
+        ".fyfemzf::before{border-right-width:1px;}",
+        ".focyt6c::before{border-right-style:solid;}",
+        ".fnhxbxj::before{border-right-color:var(--colorTransparentStroke);}",
+        ".fdw6hkg::before{border-bottom-width:1px;}",
+        ".f11yjt3y::before{border-bottom-style:solid;}",
+        ".f1172wan::before{border-bottom-color:var(--colorTransparentStroke);}",
+        ".f9e5op9::before{border-bottom-right-radius:var(--borderRadiusSmall);}",
+        ".f112wvtl::before{border-bottom-left-radius:var(--borderRadiusSmall);}",
+        ".ftj5xct::before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);}",
+        ".fyavhwi::before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);}",
+        "[data-popper-placement^=\"top\"] .f1773hnp{bottom:-1px;}",
+        "[data-popper-placement^=\"top\"] .f1n8855c{--angle:0;}",
+        "[data-popper-placement^=\"right\"] .f1v7783n{left:-1px;}",
+        "[data-popper-placement^=\"right\"] .fsw6im5{--angle:90deg;}",
+        "[data-popper-placement^=\"bottom\"] .fh2hsk5{top:-1px;}",
+        "[data-popper-placement^=\"bottom\"] .f159pzir{--angle:180deg;}",
+        "[data-popper-placement^=\"left\"] .f11yvu4{right:-1px;}",
+        "[data-popper-placement^=\"left\"] .fm1ycve{--angle:270deg;}"
+    ]
 });
-/**
- * Apply styling to the Tooltip slots based on the state
- */
-const useTooltipStyles_unstable = state => {
-  const styles = useStyles();
-  state.content.className = react_1.mergeClasses(exports.tooltipClassNames.content, styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.content.className);
-  state.arrowClassName = styles.arrow;
-  return state;
-};
-exports.useTooltipStyles_unstable = useTooltipStyles_unstable;
+const useTooltipStyles_unstable = (state)=>{
+    const styles = useStyles();
+    state.content.className = (0, _react.mergeClasses)(tooltipClassNames.content, styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.content.className);
+    state.arrowClassName = styles.arrow;
+    return state;
+}; //# sourceMappingURL=useTooltipStyles.js.map
+
 //# sourceMappingURL=useTooltipStyles.js.map

package/lib-commonjs/components/Tooltip/useTooltipStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","react_positioning_1","react_theme_1","constants_1","exports","tooltipClassNames","content","useStyles","__styles","root","mc9l5x","B7ck84d","B2u0y6b","Bceei9c","Bahqtrf","Be2twd7","Bg96gwp","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","z8tnut","z189sj","Byoj8tv","uwmqm3","De3pzq","sj55zd","Bhu2qc9","visible","inverted","arrow","qhf8xq","Bcdw1i0","Bj3rh1h","a9b677","Bqenvij","Ftih45","B1puzpu","Brfgrao","Bcvre1j","Ccq8qp","Baz25je","cmx5o7","B4f6apu","m598lv","Bk5zm6e","y0oebl","qa3bma","Bqjgrrk","Budzafs","Hv9wc6","hl6cv3","Bh2vraf","yayu3t","wedwtw","rhl9o9","Bu8t5uz","B6q6orb","Bwwlvwl","d","useTooltipStyles_unstable","state","styles","className","mergeClasses","appearance","arrowClassName"],"sources":["../../../../../../../../../packages/react-components/react-tooltip/src/components/Tooltip/useTooltipStyles.ts"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createArrowStyles } from '@fluentui/react-positioning';\nimport { tokens } from '@fluentui/react-theme';\nimport { arrowHeight } from './private/constants';\nimport type { TooltipSlots, TooltipState } from './Tooltip.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const tooltipClassNames: SlotClassNames<TooltipSlots> = {\n  content: 'fui-Tooltip__content',\n};\n\n/**\n * Styles for the tooltip\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'none',\n    boxSizing: 'border-box',\n    maxWidth: '240px',\n    cursor: 'default',\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase200,\n    lineHeight: tokens.lineHeightBase200,\n\n    ...shorthands.borderRadius(tokens.borderRadiusMedium),\n    ...shorthands.border('1px', 'solid', tokens.colorTransparentStroke),\n    ...shorthands.padding('4px', '11px', '6px', '11px'), // '5px 12px 7px 12px' minus the border width '1px'\n    backgroundColor: tokens.colorNeutralBackground1,\n    color: tokens.colorNeutralForeground1,\n\n    // TODO need to add versions of tokens.alias.shadow.shadow8, etc. that work with filter\n    filter:\n      `drop-shadow(0 0 2px ${tokens.colorNeutralShadowAmbient}) ` +\n      `drop-shadow(0 4px 8px ${tokens.colorNeutralShadowKey})`,\n  },\n\n  visible: {\n    display: 'block',\n  },\n\n  inverted: {\n    backgroundColor: tokens.colorNeutralBackgroundStatic,\n    color: tokens.colorNeutralForegroundStaticInverted,\n  },\n\n  arrow: createArrowStyles({ arrowHeight }),\n});\n\n/**\n * Apply styling to the Tooltip slots based on the state\n */\nexport const useTooltipStyles_unstable = (state: TooltipState): TooltipState => {\n  const styles = useStyles();\n\n  state.content.className = mergeClasses(\n    tooltipClassNames.content,\n    styles.root,\n    state.appearance === 'inverted' && styles.inverted,\n    state.visible && styles.visible,\n    state.content.className,\n  );\n\n  state.arrowClassName = styles.arrow;\n\n  return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AACA,MAAAC,mBAAA,gBAAAD,OAAA;AACA,MAAAE,aAAA,gBAAAF,OAAA;AACA,MAAAG,WAAA,gBAAAH,OAAA;AAIaI,OAAA,CAAAC,iBAAiB,GAAiC;EAC7DC,OAAO,EAAE;CACV;AAED;;;AAGA,MAAMC,SAAS,gBAAGR,OAAA,CAAAS,QAAU;EAAAC,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAA9B,MAAA;EAAA;EAAA+B,QAAA;IAAAJ,MAAA;IAAAC,MAAA;EAAA;EAAAI,KAAA;IAAAC,MAAA;IAAAN,MAAA;IAAAO,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAgC1B;AAEF;;;AAGO,MAAMC,yBAAyB,GAAIC,KAAmB,IAAkB;EAC7E,MAAMC,MAAM,GAAGnE,SAAS,EAAE;EAE1BkE,KAAK,CAACnE,OAAO,CAACqE,SAAS,GAAG5E,OAAA,CAAA6E,YAAY,CACpCxE,OAAA,CAAAC,iBAAiB,CAACC,OAAO,EACzBoE,MAAM,CAACjE,IAAI,EACXgE,KAAK,CAACI,UAAU,KAAK,UAAU,IAAIH,MAAM,CAACjC,QAAQ,EAClDgC,KAAK,CAACjC,OAAO,IAAIkC,MAAM,CAAClC,OAAO,EAC/BiC,KAAK,CAACnE,OAAO,CAACqE,SAAS,CACxB;EAEDF,KAAK,CAACK,cAAc,GAAGJ,MAAM,CAAChC,KAAK;EAEnC,OAAO+B,KAAK;AACd,CAAC;AAdYrE,OAAA,CAAAoE,yBAAyB,GAAAA,yBAAA"}
+{"version":3,"sources":["../../../lib/components/Tooltip/useTooltipStyles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { createArrowStyles } from '@fluentui/react-positioning';\nimport { tokens } from '@fluentui/react-theme';\nimport { arrowHeight } from './private/constants';\nexport const tooltipClassNames = {\n  content: 'fui-Tooltip__content'\n};\n/**\n * Styles for the tooltip\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"fjseox\",\n    B7ck84d: \"f1ewtqcl\",\n    B2u0y6b: \"f132xexn\",\n    Bceei9c: \"f158kwzp\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bg96gwp: \"fwrc4pm\",\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    B4j52fo: \"f5ogflp\",\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    Bn0qgzm: \"f1f09k3d\",\n    ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    g2u3we: \"fghlq4f\",\n    h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n    B9xav0g: \"fb073pr\",\n    zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n    z8tnut: \"f10ra9hq\",\n    z189sj: [\"fd9xhir\", \"f1jlaasf\"],\n    Byoj8tv: \"f1d7kygh\",\n    uwmqm3: [\"f1jlaasf\", \"fd9xhir\"],\n    De3pzq: \"fxugw4r\",\n    sj55zd: \"f19n0e5\",\n    Bhu2qc9: \"fxeb0a7\"\n  },\n  visible: {\n    mc9l5x: \"ftgm304\"\n  },\n  inverted: {\n    De3pzq: \"fg3r6xk\",\n    sj55zd: \"fonrgv7\"\n  },\n  arrow: {\n    qhf8xq: \"f1euv43f\",\n    De3pzq: \"f1u2r49w\",\n    Bcdw1i0: \"fd7fpy0\",\n    Bj3rh1h: \"f1bsuimh\",\n    a9b677: \"f1ekdpwm\",\n    Bqenvij: \"f83vc9z\",\n    Ftih45: \"f1wl9k8s\",\n    B1puzpu: \"f1wkw4r9\",\n    Brfgrao: \"f1j7ml58\",\n    Bcvre1j: \"fyl8oag\",\n    Ccq8qp: \"frdoeuz\",\n    Baz25je: \"fb81m9q\",\n    cmx5o7: \"f1ljr5q2\",\n    B4f6apu: \"fyfemzf\",\n    m598lv: \"focyt6c\",\n    Bk5zm6e: \"fnhxbxj\",\n    y0oebl: \"fdw6hkg\",\n    qa3bma: \"f11yjt3y\",\n    Bqjgrrk: \"f1172wan\",\n    Budzafs: [\"f9e5op9\", \"f112wvtl\"],\n    Hv9wc6: [\"ftj5xct\", \"fyavhwi\"],\n    hl6cv3: \"f1773hnp\",\n    Bh2vraf: \"f1n8855c\",\n    yayu3t: \"f1v7783n\",\n    wedwtw: \"fsw6im5\",\n    rhl9o9: \"fh2hsk5\",\n    Bu8t5uz: \"f159pzir\",\n    B6q6orb: \"f11yvu4\",\n    Bwwlvwl: \"fm1ycve\"\n  }\n}, {\n  d: [\".fjseox{display:none;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f132xexn{max-width:240px;}\", \".f158kwzp{cursor:default;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f5ogflp{border-top-width:1px;}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".f1f09k3d{border-bottom-width:1px;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".f10ra9hq{padding-top:4px;}\", \".fd9xhir{padding-right:11px;}\", \".f1jlaasf{padding-left:11px;}\", \".f1d7kygh{padding-bottom:6px;}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".fxeb0a7{-webkit-filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));}\", \".ftgm304{display:block;}\", \".fg3r6xk{background-color:var(--colorNeutralBackgroundStatic);}\", \".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}\", \".f1euv43f{position:absolute;}\", \".f1u2r49w{background-color:inherit;}\", \".fd7fpy0{visibility:hidden;}\", \".f1bsuimh{z-index:-1;}\", \".f1ekdpwm{width:8.484px;}\", \".f83vc9z{height:8.484px;}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f1wkw4r9::before{visibility:visible;}\", \".f1j7ml58::before{position:absolute;}\", \".fyl8oag::before{box-sizing:border-box;}\", \".frdoeuz::before{width:inherit;}\", \".fb81m9q::before{height:inherit;}\", \".f1ljr5q2::before{background-color:inherit;}\", \".fyfemzf::before{border-right-width:1px;}\", \".focyt6c::before{border-right-style:solid;}\", \".fnhxbxj::before{border-right-color:var(--colorTransparentStroke);}\", \".fdw6hkg::before{border-bottom-width:1px;}\", \".f11yjt3y::before{border-bottom-style:solid;}\", \".f1172wan::before{border-bottom-color:var(--colorTransparentStroke);}\", \".f9e5op9::before{border-bottom-right-radius:var(--borderRadiusSmall);}\", \".f112wvtl::before{border-bottom-left-radius:var(--borderRadiusSmall);}\", \".ftj5xct::before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);}\", \".fyavhwi::before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);}\", \"[data-popper-placement^=\\\"top\\\"] .f1773hnp{bottom:-1px;}\", \"[data-popper-placement^=\\\"top\\\"] .f1n8855c{--angle:0;}\", \"[data-popper-placement^=\\\"right\\\"] .f1v7783n{left:-1px;}\", \"[data-popper-placement^=\\\"right\\\"] .fsw6im5{--angle:90deg;}\", \"[data-popper-placement^=\\\"bottom\\\"] .fh2hsk5{top:-1px;}\", \"[data-popper-placement^=\\\"bottom\\\"] .f159pzir{--angle:180deg;}\", \"[data-popper-placement^=\\\"left\\\"] .f11yvu4{right:-1px;}\", \"[data-popper-placement^=\\\"left\\\"] .fm1ycve{--angle:270deg;}\"]\n});\n/**\n * Apply styling to the Tooltip slots based on the state\n */\nexport const useTooltipStyles_unstable = state => {\n  const styles = useStyles();\n  state.content.className = mergeClasses(tooltipClassNames.content, styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.content.className);\n  state.arrowClassName = styles.arrow;\n  return state;\n};\n//# sourceMappingURL=useTooltipStyles.js.map"],"names":["tooltipClassNames","useTooltipStyles_unstable","content","useStyles","__styles","root","mc9l5x","B7ck84d","B2u0y6b","Bceei9c","Bahqtrf","Be2twd7","Bg96gwp","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","z8tnut","z189sj","Byoj8tv","uwmqm3","De3pzq","sj55zd","Bhu2qc9","visible","inverted","arrow","qhf8xq","Bcdw1i0","Bj3rh1h","a9b677","Bqenvij","Ftih45","B1puzpu","Brfgrao","Bcvre1j","Ccq8qp","Baz25je","cmx5o7","B4f6apu","m598lv","Bk5zm6e","y0oebl","qa3bma","Bqjgrrk","Budzafs","Hv9wc6","hl6cv3","Bh2vraf","yayu3t","wedwtw","rhl9o9","Bu8t5uz","B6q6orb","Bwwlvwl","d","state","styles","className","mergeClasses","appearance","arrowClassName"],"mappings":";;;;;;;;;;;IAIaA,iBAAiB,MAAjBA;IAmFAC,yBAAyB,MAAzBA;;uBAvFsC;AAI5C,MAAMD,oBAAoB;IAC/BE,SAAS;AACX;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,SAAS;QACP9B,QAAQ;IACV;IACA+B,UAAU;QACRJ,QAAQ;QACRC,QAAQ;IACV;IACAI,OAAO;QACLC,QAAQ;QACRN,QAAQ;QACRO,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA0B;QAAqC;QAA+B;QAA8B;QAAgD;QAA+C;QAAmD;QAAoE;QAAmE;QAAiE;QAA+D;QAAmC;QAAsC;QAAoC;QAAuC;QAAqC;QAAuC;QAAsC;QAAwC;QAA6D;QAAgE;QAA8D;QAAgE;QAA+B;QAAiC;QAAiC;QAAkC;QAA8D;QAAmD;QAAwP;QAA4B;QAAmE;QAAgE;QAAiC;QAAwC;QAAgC;QAA0B;QAA6B;QAA6B;QAAoC;QAA0C;QAAyC;QAA4C;QAAoC;QAAqC;QAAgD;QAA6C;QAA+C;QAAuE;QAA8C;QAAiD;QAAyE;QAA0E;QAA0E;QAAmS;QAAuS;QAA4D;QAA0D;QAA4D;QAA+D;QAA2D;QAAkE;QAA2D;KAA8D;AACxrH;AAIO,MAAMlE,4BAA4BmE,CAAAA,QAAS;IAChD,MAAMC,SAASlE;IACfiE,MAAMlE,OAAO,CAACoE,SAAS,GAAGC,IAAAA,mBAAY,EAACvE,kBAAkBE,OAAO,EAAEmE,OAAOhE,IAAI,EAAE+D,MAAMI,UAAU,KAAK,cAAcH,OAAOhC,QAAQ,EAAE+B,MAAMhC,OAAO,IAAIiC,OAAOjC,OAAO,EAAEgC,MAAMlE,OAAO,CAACoE,SAAS;IAC3LF,MAAMK,cAAc,GAAGJ,OAAO/B,KAAK;IACnC,OAAO8B;AACT,GACA,4CAA4C"}

package/lib-commonjs/index.js

@@ -1,38 +1,21 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTooltip_unstable = exports.useTooltipStyles_unstable = exports.tooltipClassNames = exports.renderTooltip_unstable = exports.Tooltip = void 0;
-var Tooltip_1 = /*#__PURE__*/require("./Tooltip");
-Object.defineProperty(exports, "Tooltip", {
-  enumerable: true,
-  get: function () {
-    return Tooltip_1.Tooltip;
-  }
-});
-Object.defineProperty(exports, "renderTooltip_unstable", {
-  enumerable: true,
-  get: function () {
-    return Tooltip_1.renderTooltip_unstable;
-  }
+    value: true
 });
-Object.defineProperty(exports, "tooltipClassNames", {
-  enumerable: true,
-  get: function () {
-    return Tooltip_1.tooltipClassNames;
-  }
-});
-Object.defineProperty(exports, "useTooltipStyles_unstable", {
-  enumerable: true,
-  get: function () {
-    return Tooltip_1.useTooltipStyles_unstable;
-  }
-});
-Object.defineProperty(exports, "useTooltip_unstable", {
-  enumerable: true,
-  get: function () {
-    return Tooltip_1.useTooltip_unstable;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Tooltip: ()=>_tooltip.Tooltip,
+    renderTooltip_unstable: ()=>_tooltip.renderTooltip_unstable,
+    tooltipClassNames: ()=>_tooltip.tooltipClassNames,
+    useTooltipStyles_unstable: ()=>_tooltip.useTooltipStyles_unstable,
+    useTooltip_unstable: ()=>_tooltip.useTooltip_unstable
 });
+const _tooltip = require("./Tooltip");
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Tooltip_1","require","Object","defineProperty","exports","enumerable","get","Tooltip","renderTooltip_unstable","tooltipClassNames","useTooltipStyles_unstable","useTooltip_unstable"],"sources":["../../../../../../../packages/react-components/react-tooltip/src/index.ts"],"sourcesContent":["export {\n  Tooltip,\n  renderTooltip_unstable,\n  tooltipClassNames,\n  useTooltipStyles_unstable,\n  useTooltip_unstable,\n} from './Tooltip';\nexport type {\n  OnVisibleChangeData,\n  TooltipProps,\n  TooltipSlots,\n  TooltipState,\n  TooltipChildProps as TooltipTriggerProps,\n} from './Tooltip';\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,gBAAAC,OAAA;AACEC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAO,OAAO;EAAA;AAAA;AACPL,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAQ,sBAAsB;EAAA;AAAA;AACtBN,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAS,iBAAiB;EAAA;AAAA;AACjBP,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAU,yBAAyB;EAAA;AAAA;AACzBR,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAW,mBAAmB;EAAA;AAAA"}
+{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Tooltip, renderTooltip_unstable, tooltipClassNames, useTooltipStyles_unstable, useTooltip_unstable } from './Tooltip';\n//# sourceMappingURL=index.js.map"],"names":["Tooltip","renderTooltip_unstable","tooltipClassNames","useTooltipStyles_unstable","useTooltip_unstable"],"mappings":";;;;;;;;;;;IAASA,OAAO,MAAPA,gBAAO;IAAEC,sBAAsB,MAAtBA,+BAAsB;IAAEC,iBAAiB,MAAjBA,0BAAiB;IAAEC,yBAAyB,MAAzBA,kCAAyB;IAAEC,mBAAmB,MAAnBA,4BAAmB;;yBAAQ;CACnH,iCAAiC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tooltip",
-  "version": "0.0.0-nightly-20230321-0440.1",
+  "version": "0.0.0-nightly-20230322-0439.1",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,24 +22,24 @@
     "test": "jest --passWithNoTests",
     "storybook": "start-storybook",
     "type-check": "tsc -b tsconfig.json",
-    "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+    "generate-api": "just-scripts generate-api"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230321-0440.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230322-0439.1",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/keyboard-keys": "0.0.0-nightly-20230321-0440.1",
-    "@fluentui/react-portal": "0.0.0-nightly-20230321-0440.1",
-    "@fluentui/react-positioning": "0.0.0-nightly-20230321-0440.1",
-    "@fluentui/react-shared-contexts": "0.0.0-nightly-20230321-0440.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20230321-0440.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20230321-0440.1",
+    "@fluentui/keyboard-keys": "0.0.0-nightly-20230322-0439.1",
+    "@fluentui/react-portal": "0.0.0-nightly-20230322-0439.1",
+    "@fluentui/react-positioning": "0.0.0-nightly-20230322-0439.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightly-20230322-0439.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20230322-0439.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20230322-0439.1",
     "@griffel/react": "^1.5.2",
-    "tslib": "^2.1.0"
+    "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0 <19.0.0",