@procore/core-react 12.36.0 → 12.38.0

package/dist/OverlayTrigger/OverlayTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayTrigger.js","names":["arrow","floatingArrow","flip","floatingFlip","limitShift","offset","floatingOffset","shift","floatingShift","size","floatingSize","FocusScope","useId","React","Arrow","arrowSize","useOverlay","Portal","useClickOutside","DelayedToggleContext","useDelayedToggle","useDelayedToggleContext","Trigger","useTrigger","useVisibility","mergeRefs","useOverlayTriggerA11y","ClickOutside","_ref","container","onClickOutside","refs","createElement","Fragment","OverlayTrigger","forwardRef","_ref2","ref","_ref2$afterHide","afterHide","_ref2$afterShow","afterShow","ariaDescribedby","ariaDetails","ariaLabel","ariaLabelledby","autoFocus","_ref2$beforeHide","beforeHide","_ref2$beforeShow","beforeShow","_ref2$canFlip","canFlip","children","_ref2$clickOutsideIgn","clickOutsideIgnoreRefs","containFocus","_ref2$hideDelay","hideDelay","hideKeys_","hideKeys","_ref2$initialIsVisibl","initialIsVisible","overlay","_ref2$padding","padding","_ref2$placement","placement","_ref2$restoreFocusOnH","restoreFocusOnHide","_ref2$showDelay","showDelay","_ref2$showKeys","showKeys","_ref2$shrinkOverlay","shrinkOverlay","trackAriaExpanded","_ref2$trigger","trigger","_ref2$arrow","overlayApiRef","overlayRef","role","_ref2$passA11yPropsTo","passA11yPropsToOverlay","isDialogRole","includes","console","warn","concat","target","triggerElRef","useRef","overlayElRef","_React$useState","useState","_React$useState2","_slicedToArray","referenceElement","setReferenceElement","clickedOutsideRef","visibility","useImperativeHandle","show","hide","triggers","useMemo","Array","isArray","useEffect","indexOf","isVisible","current","focus","delayedToggle","beforeDisable","beforeEnable","disableDelay","enableDelay","isEnabled","onDisable","onEnable","triggerApi","enable","disable","enableKeys","disableKeys","triggerRef","hasHoverTrigger","onKeyDown","e","key","preventDefault","stopPropagation","document","addEventListener","removeEventListener","triggerElement","overlayId","_useOverlayTriggerA","canPropOverlayUp","isValidElement","id","isOpen","wrapperProps","overlayProps","portalProps","triggerProps","focusScopeProps","labelProps","hasAriaExpanded","wrappedTriggerElement","cloneElement","_objectSpread","open","Provider","value","event","_toConsumableArray","_extends","TriggerOverlay","contain","restoreFocus","overlayCloneProps","CloseOnFocus","_ref3","style","height","position","top","width","onFocus","opacity","useOverlayTriggerContext","_useDelayedToggleCont","toggle","_ref4","arrowRef","arrowPadding","middleware","mainAxis","limiter","apply","_ref5","elements","Object","assign","floating","minWidth","reference","getBoundingClientRect","element","filter","_useOverlay","isPositioned","overlayStyle","referenceRefCallback","referenceRef","middlewareData","currentPlacement","mergedRefs","shownStyles","left"],"sources":["../../src/OverlayTrigger/OverlayTrigger.tsx"],"sourcesContent":["import {\n  arrow as floatingArrow,\n  flip as floatingFlip,\n  limitShift,\n  offset as floatingOffset,\n  shift as floatingShift,\n  size as floatingSize,\n} from '@floating-ui/react-dom'\nimport { FocusScope } from '@react-aria/focus'\nimport { useId } from '@react-aria/utils'\nimport React from 'react'\nimport { Arrow } from '../Overlay/OverlayArrow'\nimport { arrowSize } from '../Overlay/OverlayArrow.styles'\nimport type { OverlayMiddleware } from '../Overlay/useOverlay'\nimport { useOverlay } from '../Overlay/useOverlay'\nimport { Portal } from '../Portal'\nimport type { ClickOutsideConfig } from '../_hooks/ClickOutside'\nimport { useClickOutside } from '../_hooks/ClickOutside'\nimport {\n  DelayedToggleContext,\n  useDelayedToggle,\n  useDelayedToggleContext,\n} from '../_hooks/DelayedToggle'\nimport type { TriggerApi } from '../_hooks/Trigger'\nimport { Trigger, useTrigger } from '../_hooks/Trigger'\nimport { useVisibility } from '../_hooks/Visibility'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Placement } from '../_utils/placement'\nimport type { ReactElementWithRef } from '../_utils/types'\nimport { useOverlayTriggerA11y } from './a11yPresets'\nimport type {\n  DeprecatedOverlayTriggerRef,\n  OverlayTriggerProps,\n} from './OverlayTrigger.types'\n\nconst ClickOutside = ({\n  container,\n  onClickOutside,\n  refs,\n}: ClickOutsideConfig) => {\n  useClickOutside({\n    onClickOutside,\n    refs,\n    container,\n  })\n\n  return <></>\n}\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-overlaytrigger--demo)\n\n */\nexport const OverlayTrigger = React.forwardRef<\n  DeprecatedOverlayTriggerRef,\n  OverlayTriggerProps\n>(function OverlayTrigger(\n  {\n    afterHide = () => {},\n    afterShow = () => {},\n    ['aria-describedby']: ariaDescribedby,\n    ['aria-details']: ariaDetails,\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby,\n    autoFocus,\n    beforeHide = () => true,\n    beforeShow = () => true,\n    canFlip = true,\n    children,\n    clickOutsideIgnoreRefs = [],\n    containFocus,\n    container,\n    hideDelay = 100,\n    hideKeys: hideKeys_,\n    initialIsVisible = false,\n    overlay,\n    padding = 2,\n    placement = 'top',\n    restoreFocusOnHide = true, // TODO: change default to be false, but that is a breaking change\n    showDelay = 0,\n    showKeys = ['ArrowDown', 'Down'],\n    shrinkOverlay = false,\n    trackAriaExpanded,\n    trigger = 'click',\n    arrow = false,\n    overlayRef: overlayApiRef,\n    role,\n    passA11yPropsToOverlay = false,\n  },\n  ref\n) {\n  const isDialogRole = role === 'dialog'\n\n  if (isDialogRole && (trigger === 'hover' || trigger?.includes('hover'))) {\n    console.warn(\n      `@procore/core-react: OverlayTigger has role ${role} and a hover trigger, this may cause weird focus management and is unrecommended. Review autoFocus prop.`\n    )\n  }\n\n  const hideKeys = hideKeys_ ?? {\n    // Note by default OverlayTrigger closes on tab. Dialog role changes the default.\n    overlay:\n      containFocus ?? isDialogRole\n        ? ['Escape', 'Esc']\n        : ['Escape', 'Esc', 'Tab'],\n    target: ['Escape', 'Esc'],\n  }\n\n  const triggerElRef = React.useRef<HTMLElement>(null)\n  const overlayElRef = React.useRef<HTMLElement>(null)\n  const [referenceElement, setReferenceElement] =\n    React.useState<HTMLElement | null>(null)\n  const clickedOutsideRef = React.useRef(true)\n\n  const visibility = useVisibility({\n    afterHide,\n    afterShow,\n    initialIsVisible,\n  })\n\n  React.useImperativeHandle(overlayApiRef, () => ({\n    show: visibility.show,\n    hide: visibility.hide,\n  }))\n\n  const triggers = React.useMemo(\n    () => (Array.isArray(trigger) ? trigger : [trigger]),\n    [trigger]\n  )\n\n  React.useEffect(() => {\n    if (triggers.indexOf('none') >= 0 && visibility.isVisible) {\n      visibility.hide()\n    }\n    if (triggers.indexOf('always') >= 0 && !visibility.isVisible) {\n      visibility.show()\n    }\n  }, [triggers, visibility.isVisible])\n\n  // TODO delete in a separate branch for testing and rely only on FocusScope\n  React.useEffect(() => {\n    if (\n      [true, 'core-react'].includes(restoreFocusOnHide) &&\n      !visibility.isVisible &&\n      !clickedOutsideRef.current\n    ) {\n      triggerElRef.current && triggerElRef.current.focus()\n    }\n\n    clickedOutsideRef.current = false\n  }, [restoreFocusOnHide, triggerElRef, visibility.isVisible])\n\n  const delayedToggle = useDelayedToggle({\n    beforeDisable: beforeHide,\n    beforeEnable: beforeShow,\n    disableDelay: hideDelay,\n    enableDelay: showDelay,\n    isEnabled: visibility.isVisible,\n    onDisable: visibility.hide,\n    onEnable: visibility.show,\n  })\n\n  const triggerApi = useTrigger({\n    isEnabled: visibility.isVisible,\n    enable: delayedToggle.enable,\n    disable: delayedToggle.disable,\n    enableKeys: showKeys,\n    disableKeys: hideKeys.target,\n    trigger,\n    triggerRef: triggerElRef,\n  })\n\n  // Enable Escape key dismissal for hover-triggered overlays.\n  React.useEffect(() => {\n    const hasHoverTrigger = triggers.includes('hover')\n    if (!visibility.isVisible || !hasHoverTrigger) return\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Escape' && e.key !== 'Esc') return\n\n      delayedToggle.disable(e)\n      e.preventDefault()\n      e.stopPropagation()\n    }\n\n    document.addEventListener('keydown', onKeyDown, true)\n    return () => {\n      document.removeEventListener('keydown', onKeyDown, true)\n    }\n  }, [triggers, visibility.isVisible, delayedToggle])\n\n  const triggerElement =\n    typeof children === 'function'\n      ? (children as (props: TriggerApi) => ReactElementWithRef)(triggerApi)\n      : (children as ReactElementWithRef)\n\n  const overlayId = useId()\n\n  const {\n    wrapperProps,\n    overlayProps,\n    portalProps,\n    triggerProps,\n    focusScopeProps,\n    // Does not use. User needs to wire up when using dialog role!\n    labelProps,\n  } = useOverlayTriggerA11y({\n    canPropOverlayUp: React.isValidElement(overlay) && passA11yPropsToOverlay,\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-labelledby': ariaLabelledby,\n    'aria-label': ariaLabel,\n    id: overlayId,\n    isOpen: visibility.isVisible,\n    role,\n  })\n\n  const hasAriaExpanded = trackAriaExpanded\n    ? { 'aria-expanded': triggerApi.isVisible }\n    : {}\n\n  const wrappedTriggerElement = React.cloneElement(triggerElement, {\n    ...hasAriaExpanded,\n    open: triggerApi.isVisible,\n    ref: triggerElement.ref\n      ? mergeRefs(triggerElement.ref, ref, triggerElRef, setReferenceElement)\n      : mergeRefs(ref, triggerElRef, setReferenceElement),\n    ...triggerProps,\n  })\n\n  return (\n    <DelayedToggleContext.Provider value={delayedToggle}>\n      {wrappedTriggerElement}\n      {visibility.isVisible && (\n        <>\n          <ClickOutside\n            {...{\n              container: container,\n              onClickOutside: (event) => {\n                clickedOutsideRef.current = true\n                delayedToggle.disable(event)\n              },\n              refs: [overlayElRef, triggerElRef, ...clickOutsideIgnoreRefs],\n            }}\n          />\n          <Portal container={container} {...portalProps}>\n            <Trigger\n              {...{\n                isEnabled: visibility.isVisible,\n                enable: delayedToggle.enable,\n                disable: delayedToggle.disable,\n                disableKeys: hideKeys.overlay,\n                trigger: trigger === 'click' ? 'none' : trigger,\n                triggerRef: overlayElRef,\n              }}\n            >\n              <TriggerOverlay\n                autoFocus={autoFocus ?? focusScopeProps.autoFocus}\n                containFocus={containFocus ?? focusScopeProps.contain}\n                restoreFocus={[true, 'react-aria-focus-scope'].includes(\n                  restoreFocusOnHide\n                )}\n                ref={overlayElRef}\n                referenceElement={referenceElement}\n                overlay={overlay}\n                shrinkOverlay={shrinkOverlay}\n                placement={placement}\n                padding={padding}\n                canFlip={canFlip}\n                arrow={arrow}\n                wrapperProps={wrapperProps}\n                overlayCloneProps={overlayProps}\n              />\n            </Trigger>\n          </Portal>\n        </>\n      )}\n    </DelayedToggleContext.Provider>\n  )\n})\n\nexport function CloseOnFocus({ hide }: { hide: (event: any) => any }) {\n  return (\n    // in IE, the hidden input's cursor appears right under the menu\n    // this positions it arbitrarily away where it won't be noticed\n    <div\n      style={{\n        height: 0,\n        position: 'absolute',\n        top: 1000,\n        width: 0,\n      }}\n    >\n      <input onFocus={hide} style={{ opacity: 0 }} />\n    </div>\n  )\n}\n\nexport function useOverlayTriggerContext() {\n  const { enable: show, disable: hide, toggle } = useDelayedToggleContext()\n\n  return {\n    hide,\n    show,\n    toggle,\n  }\n}\n\ninterface TriggerOverlayProps {\n  containFocus?: boolean\n  autoFocus?: boolean\n  restoreFocus?: boolean\n  placement: Placement\n  canFlip?: boolean\n  arrow?: boolean\n  padding: number\n  shrinkOverlay: boolean\n  overlay: React.ReactNode\n  overlayCloneProps: any\n  wrapperProps: Record<string, unknown>\n  referenceElement: HTMLElement | null\n}\n\nexport const TriggerOverlay = React.forwardRef<\n  HTMLElement,\n  TriggerOverlayProps\n>(function (\n  {\n    autoFocus,\n    containFocus,\n    restoreFocus,\n    placement,\n    canFlip,\n    arrow,\n    padding,\n    shrinkOverlay,\n    overlay,\n    referenceElement,\n    wrapperProps,\n    overlayCloneProps,\n  },\n  ref\n) {\n  const arrowRef = React.useRef<HTMLDivElement>(null)\n\n  const arrowPadding = arrowSize / 2 + 1\n  const middleware = [\n    floatingOffset({ mainAxis: arrow ? padding + arrowPadding : padding }),\n    canFlip ? floatingFlip() : null,\n    floatingShift({ limiter: limitShift() }),\n    !shrinkOverlay\n      ? floatingSize({\n          apply({ elements }) {\n            Object.assign(elements.floating.style, {\n              minWidth: `${elements.reference.getBoundingClientRect().width}px`,\n            })\n          },\n        })\n      : null,\n    floatingArrow({\n      element: arrowRef,\n      padding: 6,\n    }),\n  ].filter((middleware) => middleware !== null) as OverlayMiddleware[]\n\n  const {\n    isPositioned,\n    overlayStyle,\n    referenceRef: referenceRefCallback,\n    overlayRef,\n    middlewareData,\n    placement: currentPlacement,\n  } = useOverlay({\n    middleware,\n    placement,\n  })\n\n  React.useEffect(() => {\n    referenceRefCallback(referenceElement)\n  }, [referenceElement, referenceRefCallback])\n\n  const mergedRefs = mergeRefs(ref, overlayRef)\n\n  // TODO could just move clone and clone props to parent\n  if (!React.isValidElement(overlay) && overlayCloneProps) {\n    console.warn(\n      'PLEASE REPORT ISSUE @procore/core-react: OverlayTrigger TriggerOverlay is not a valid React element but wants to clone \"overlay\" with props. Cannot pass props to the element.'\n    )\n  }\n\n  const shownStyles: React.CSSProperties = {\n    ...overlayStyle,\n    left: isPositioned ? overlayStyle.left : '-99999px',\n    top: isPositioned ? overlayStyle.top : '-99999px',\n  }\n\n  return (\n    <FocusScope\n      autoFocus={autoFocus}\n      contain={containFocus}\n      restoreFocus={restoreFocus}\n    >\n      <div\n        data-qa=\"core-overlay-trigger-overlay-wrapper\"\n        ref={mergedRefs}\n        style={shownStyles}\n        {...wrapperProps}\n      >\n        {React.isValidElement(overlay)\n          ? React.cloneElement(overlay, overlayCloneProps)\n          : overlay}\n        {arrow && (\n          <Arrow\n            ref={arrowRef}\n            arrow={middlewareData.arrow}\n            placement={currentPlacement}\n          />\n        )}\n      </div>\n    </FocusScope>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"OverlayTrigger.js","names":["arrow","floatingArrow","flip","floatingFlip","limitShift","offset","floatingOffset","shift","floatingShift","size","floatingSize","FocusScope","useId","React","Arrow","arrowSize","useOverlay","Portal","useClickOutside","DelayedToggleContext","useDelayedToggle","useDelayedToggleContext","Trigger","useTrigger","useVisibility","mergeRefs","useOverlayTriggerA11y","ClickOutside","_ref","container","onClickOutside","refs","createElement","Fragment","OverlayTrigger","forwardRef","_ref2","ref","_ref2$afterHide","afterHide","_ref2$afterShow","afterShow","ariaDescribedby","ariaDetails","ariaLabel","ariaLabelledby","autoFocus","_ref2$beforeHide","beforeHide","_ref2$beforeShow","beforeShow","_ref2$canFlip","canFlip","children","_ref2$clickOutsideIgn","clickOutsideIgnoreRefs","containFocus","_ref2$hideDelay","hideDelay","hideKeys_","hideKeys","_ref2$initialIsVisibl","initialIsVisible","overlay","_ref2$padding","padding","_ref2$placement","placement","_ref2$restoreFocusOnH","restoreFocusOnHide","_ref2$showDelay","showDelay","_ref2$showKeys","showKeys","_ref2$shrinkOverlay","shrinkOverlay","trackAriaExpanded","_ref2$trigger","trigger","_ref2$arrow","overlayApiRef","overlayRef","role","_ref2$passA11yPropsTo","passA11yPropsToOverlay","overlayIdProp","overlayId","isDialogRole","includes","console","warn","concat","target","triggerElRef","useRef","overlayElRef","_React$useState","useState","_React$useState2","_slicedToArray","referenceElement","setReferenceElement","clickedOutsideRef","visibility","useImperativeHandle","show","hide","triggers","useMemo","Array","isArray","useEffect","indexOf","isVisible","current","focus","delayedToggle","beforeDisable","beforeEnable","disableDelay","enableDelay","isEnabled","onDisable","onEnable","triggerApi","enable","disable","enableKeys","disableKeys","triggerRef","hasHoverTrigger","onKeyDown","e","key","preventDefault","stopPropagation","document","addEventListener","removeEventListener","triggerElement","defaultOverlayId","_useOverlayTriggerA","canPropOverlayUp","isValidElement","id","isOpen","wrapperProps","overlayProps","portalProps","triggerProps","focusScopeProps","labelProps","hasAriaExpanded","wrappedTriggerElement","cloneElement","_objectSpread","open","Provider","value","event","_toConsumableArray","_extends","TriggerOverlay","contain","restoreFocus","overlayCloneProps","CloseOnFocus","_ref3","style","height","position","top","width","onFocus","opacity","useOverlayTriggerContext","_useDelayedToggleCont","toggle","_ref4","arrowRef","arrowPadding","middleware","mainAxis","limiter","apply","_ref5","elements","Object","assign","floating","minWidth","reference","getBoundingClientRect","element","filter","_useOverlay","isPositioned","overlayStyle","referenceRefCallback","referenceRef","middlewareData","currentPlacement","mergedRefs","shownStyles","left"],"sources":["../../src/OverlayTrigger/OverlayTrigger.tsx"],"sourcesContent":["import {\n  arrow as floatingArrow,\n  flip as floatingFlip,\n  limitShift,\n  offset as floatingOffset,\n  shift as floatingShift,\n  size as floatingSize,\n} from '@floating-ui/react-dom'\nimport { FocusScope } from '@react-aria/focus'\nimport { useId } from '@react-aria/utils'\nimport React from 'react'\nimport { Arrow } from '../Overlay/OverlayArrow'\nimport { arrowSize } from '../Overlay/OverlayArrow.styles'\nimport type { OverlayMiddleware } from '../Overlay/useOverlay'\nimport { useOverlay } from '../Overlay/useOverlay'\nimport { Portal } from '../Portal'\nimport type { ClickOutsideConfig } from '../_hooks/ClickOutside'\nimport { useClickOutside } from '../_hooks/ClickOutside'\nimport {\n  DelayedToggleContext,\n  useDelayedToggle,\n  useDelayedToggleContext,\n} from '../_hooks/DelayedToggle'\nimport type { TriggerApi } from '../_hooks/Trigger'\nimport { Trigger, useTrigger } from '../_hooks/Trigger'\nimport { useVisibility } from '../_hooks/Visibility'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Placement } from '../_utils/placement'\nimport type { ReactElementWithRef } from '../_utils/types'\nimport { useOverlayTriggerA11y } from './a11yPresets'\nimport type {\n  DeprecatedOverlayTriggerRef,\n  OverlayTriggerProps,\n} from './OverlayTrigger.types'\n\nconst ClickOutside = ({\n  container,\n  onClickOutside,\n  refs,\n}: ClickOutsideConfig) => {\n  useClickOutside({\n    onClickOutside,\n    refs,\n    container,\n  })\n\n  return <></>\n}\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-overlaytrigger--demo)\n\n */\nexport const OverlayTrigger = React.forwardRef<\n  DeprecatedOverlayTriggerRef,\n  OverlayTriggerProps\n>(function OverlayTrigger(\n  {\n    afterHide = () => {},\n    afterShow = () => {},\n    ['aria-describedby']: ariaDescribedby,\n    ['aria-details']: ariaDetails,\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby,\n    autoFocus,\n    beforeHide = () => true,\n    beforeShow = () => true,\n    canFlip = true,\n    children,\n    clickOutsideIgnoreRefs = [],\n    containFocus,\n    container,\n    hideDelay = 100,\n    hideKeys: hideKeys_,\n    initialIsVisible = false,\n    overlay,\n    padding = 2,\n    placement = 'top',\n    restoreFocusOnHide = true, // TODO: change default to be false, but that is a breaking change\n    showDelay = 0,\n    showKeys = ['ArrowDown', 'Down'],\n    shrinkOverlay = false,\n    trackAriaExpanded,\n    trigger = 'click',\n    arrow = false,\n    overlayRef: overlayApiRef,\n    role,\n    passA11yPropsToOverlay = false,\n    overlayId: overlayIdProp,\n  },\n  ref\n) {\n  const isDialogRole = role === 'dialog'\n\n  if (isDialogRole && (trigger === 'hover' || trigger?.includes('hover'))) {\n    console.warn(\n      `@procore/core-react: OverlayTigger has role ${role} and a hover trigger, this may cause weird focus management and is unrecommended. Review autoFocus prop.`\n    )\n  }\n\n  const hideKeys = hideKeys_ ?? {\n    // Note by default OverlayTrigger closes on tab. Dialog role changes the default.\n    overlay:\n      containFocus ?? isDialogRole\n        ? ['Escape', 'Esc']\n        : ['Escape', 'Esc', 'Tab'],\n    target: ['Escape', 'Esc'],\n  }\n\n  const triggerElRef = React.useRef<HTMLElement>(null)\n  const overlayElRef = React.useRef<HTMLElement>(null)\n  const [referenceElement, setReferenceElement] =\n    React.useState<HTMLElement | null>(null)\n  const clickedOutsideRef = React.useRef(true)\n\n  const visibility = useVisibility({\n    afterHide,\n    afterShow,\n    initialIsVisible,\n  })\n\n  React.useImperativeHandle(overlayApiRef, () => ({\n    show: visibility.show,\n    hide: visibility.hide,\n  }))\n\n  const triggers = React.useMemo(\n    () => (Array.isArray(trigger) ? trigger : [trigger]),\n    [trigger]\n  )\n\n  React.useEffect(() => {\n    if (triggers.indexOf('none') >= 0 && visibility.isVisible) {\n      visibility.hide()\n    }\n    if (triggers.indexOf('always') >= 0 && !visibility.isVisible) {\n      visibility.show()\n    }\n  }, [triggers, visibility.isVisible])\n\n  // TODO delete in a separate branch for testing and rely only on FocusScope\n  React.useEffect(() => {\n    if (\n      [true, 'core-react'].includes(restoreFocusOnHide) &&\n      !visibility.isVisible &&\n      !clickedOutsideRef.current\n    ) {\n      triggerElRef.current && triggerElRef.current.focus()\n    }\n\n    clickedOutsideRef.current = false\n  }, [restoreFocusOnHide, triggerElRef, visibility.isVisible])\n\n  const delayedToggle = useDelayedToggle({\n    beforeDisable: beforeHide,\n    beforeEnable: beforeShow,\n    disableDelay: hideDelay,\n    enableDelay: showDelay,\n    isEnabled: visibility.isVisible,\n    onDisable: visibility.hide,\n    onEnable: visibility.show,\n  })\n\n  const triggerApi = useTrigger({\n    isEnabled: visibility.isVisible,\n    enable: delayedToggle.enable,\n    disable: delayedToggle.disable,\n    enableKeys: showKeys,\n    disableKeys: hideKeys.target,\n    trigger,\n    triggerRef: triggerElRef,\n  })\n\n  // Enable Escape key dismissal for hover-triggered overlays.\n  React.useEffect(() => {\n    const hasHoverTrigger = triggers.includes('hover')\n    if (!visibility.isVisible || !hasHoverTrigger) return\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Escape' && e.key !== 'Esc') return\n\n      delayedToggle.disable(e)\n      e.preventDefault()\n      e.stopPropagation()\n    }\n\n    document.addEventListener('keydown', onKeyDown, true)\n    return () => {\n      document.removeEventListener('keydown', onKeyDown, true)\n    }\n  }, [triggers, visibility.isVisible, delayedToggle])\n\n  const triggerElement =\n    typeof children === 'function'\n      ? (children as (props: TriggerApi) => ReactElementWithRef)(triggerApi)\n      : (children as ReactElementWithRef)\n\n  const defaultOverlayId = useId()\n  const overlayId = overlayIdProp ?? defaultOverlayId\n\n  const {\n    wrapperProps,\n    overlayProps,\n    portalProps,\n    triggerProps,\n    focusScopeProps,\n    // Does not use. User needs to wire up when using dialog role!\n    labelProps,\n  } = useOverlayTriggerA11y({\n    canPropOverlayUp: React.isValidElement(overlay) && passA11yPropsToOverlay,\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-labelledby': ariaLabelledby,\n    'aria-label': ariaLabel,\n    id: overlayId,\n    isOpen: visibility.isVisible,\n    role,\n  })\n\n  const hasAriaExpanded = trackAriaExpanded\n    ? { 'aria-expanded': triggerApi.isVisible }\n    : {}\n\n  const wrappedTriggerElement = React.cloneElement(triggerElement, {\n    ...hasAriaExpanded,\n    open: triggerApi.isVisible,\n    ref: triggerElement.ref\n      ? mergeRefs(triggerElement.ref, ref, triggerElRef, setReferenceElement)\n      : mergeRefs(ref, triggerElRef, setReferenceElement),\n    ...triggerProps,\n  })\n\n  return (\n    <DelayedToggleContext.Provider value={delayedToggle}>\n      {wrappedTriggerElement}\n      {visibility.isVisible && (\n        <>\n          <ClickOutside\n            {...{\n              container: container,\n              onClickOutside: (event) => {\n                clickedOutsideRef.current = true\n                delayedToggle.disable(event)\n              },\n              refs: [overlayElRef, triggerElRef, ...clickOutsideIgnoreRefs],\n            }}\n          />\n          <Portal container={container} {...portalProps}>\n            <Trigger\n              {...{\n                isEnabled: visibility.isVisible,\n                enable: delayedToggle.enable,\n                disable: delayedToggle.disable,\n                disableKeys: hideKeys.overlay,\n                trigger: trigger === 'click' ? 'none' : trigger,\n                triggerRef: overlayElRef,\n              }}\n            >\n              <TriggerOverlay\n                autoFocus={autoFocus ?? focusScopeProps.autoFocus}\n                containFocus={containFocus ?? focusScopeProps.contain}\n                restoreFocus={[true, 'react-aria-focus-scope'].includes(\n                  restoreFocusOnHide\n                )}\n                ref={overlayElRef}\n                referenceElement={referenceElement}\n                overlay={overlay}\n                shrinkOverlay={shrinkOverlay}\n                placement={placement}\n                padding={padding}\n                canFlip={canFlip}\n                arrow={arrow}\n                wrapperProps={wrapperProps}\n                overlayCloneProps={overlayProps}\n              />\n            </Trigger>\n          </Portal>\n        </>\n      )}\n    </DelayedToggleContext.Provider>\n  )\n})\n\nexport function CloseOnFocus({ hide }: { hide: (event: any) => any }) {\n  return (\n    // in IE, the hidden input's cursor appears right under the menu\n    // this positions it arbitrarily away where it won't be noticed\n    <div\n      style={{\n        height: 0,\n        position: 'absolute',\n        top: 1000,\n        width: 0,\n      }}\n    >\n      <input onFocus={hide} style={{ opacity: 0 }} />\n    </div>\n  )\n}\n\nexport function useOverlayTriggerContext() {\n  const { enable: show, disable: hide, toggle } = useDelayedToggleContext()\n\n  return {\n    hide,\n    show,\n    toggle,\n  }\n}\n\ninterface TriggerOverlayProps {\n  containFocus?: boolean\n  autoFocus?: boolean\n  restoreFocus?: boolean\n  placement: Placement\n  canFlip?: boolean\n  arrow?: boolean\n  padding: number\n  shrinkOverlay: boolean\n  overlay: React.ReactNode\n  overlayCloneProps: any\n  wrapperProps: Record<string, unknown>\n  referenceElement: HTMLElement | null\n}\n\nexport const TriggerOverlay = React.forwardRef<\n  HTMLElement,\n  TriggerOverlayProps\n>(function (\n  {\n    autoFocus,\n    containFocus,\n    restoreFocus,\n    placement,\n    canFlip,\n    arrow,\n    padding,\n    shrinkOverlay,\n    overlay,\n    referenceElement,\n    wrapperProps,\n    overlayCloneProps,\n  },\n  ref\n) {\n  const arrowRef = React.useRef<HTMLDivElement>(null)\n\n  const arrowPadding = arrowSize / 2 + 1\n  const middleware = [\n    floatingOffset({ mainAxis: arrow ? padding + arrowPadding : padding }),\n    canFlip ? floatingFlip() : null,\n    floatingShift({ limiter: limitShift() }),\n    !shrinkOverlay\n      ? floatingSize({\n          apply({ elements }) {\n            Object.assign(elements.floating.style, {\n              minWidth: `${elements.reference.getBoundingClientRect().width}px`,\n            })\n          },\n        })\n      : null,\n    floatingArrow({\n      element: arrowRef,\n      padding: 6,\n    }),\n  ].filter((middleware) => middleware !== null) as OverlayMiddleware[]\n\n  const {\n    isPositioned,\n    overlayStyle,\n    referenceRef: referenceRefCallback,\n    overlayRef,\n    middlewareData,\n    placement: currentPlacement,\n  } = useOverlay({\n    middleware,\n    placement,\n  })\n\n  React.useEffect(() => {\n    referenceRefCallback(referenceElement)\n  }, [referenceElement, referenceRefCallback])\n\n  const mergedRefs = mergeRefs(ref, overlayRef)\n\n  // TODO could just move clone and clone props to parent\n  if (!React.isValidElement(overlay) && overlayCloneProps) {\n    console.warn(\n      'PLEASE REPORT ISSUE @procore/core-react: OverlayTrigger TriggerOverlay is not a valid React element but wants to clone \"overlay\" with props. Cannot pass props to the element.'\n    )\n  }\n\n  const shownStyles: React.CSSProperties = {\n    ...overlayStyle,\n    left: isPositioned ? overlayStyle.left : '-99999px',\n    top: isPositioned ? overlayStyle.top : '-99999px',\n  }\n\n  return (\n    <FocusScope\n      autoFocus={autoFocus}\n      contain={containFocus}\n      restoreFocus={restoreFocus}\n    >\n      <div\n        data-qa=\"core-overlay-trigger-overlay-wrapper\"\n        ref={mergedRefs}\n        style={shownStyles}\n        {...wrapperProps}\n      >\n        {React.isValidElement(overlay)\n          ? React.cloneElement(overlay, overlayCloneProps)\n          : overlay}\n        {arrow && (\n          <Arrow\n            ref={arrowRef}\n            arrow={middlewareData.arrow}\n            placement={currentPlacement}\n          />\n        )}\n      </div>\n    </FocusScope>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,SACEA,KAAK,IAAIC,aAAa,EACtBC,IAAI,IAAIC,YAAY,EACpBC,UAAU,EACVC,MAAM,IAAIC,cAAc,EACxBC,KAAK,IAAIC,aAAa,EACtBC,IAAI,IAAIC,YAAY,QACf,wBAAwB;AAC/B,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,KAAK,QAAQ,mBAAmB;AACzC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,SAAS,QAAQ,gCAAgC;AAE1D,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,MAAM,QAAQ,WAAW;AAElC,SAASC,eAAe,QAAQ,wBAAwB;AACxD,SACEC,oBAAoB,EACpBC,gBAAgB,EAChBC,uBAAuB,QAClB,yBAAyB;AAEhC,SAASC,OAAO,EAAEC,UAAU,QAAQ,mBAAmB;AACvD,SAASC,aAAa,QAAQ,sBAAsB;AACpD,SAASC,SAAS,QAAQ,qBAAqB;AAG/C,SAASC,qBAAqB,QAAQ,eAAe;AAMrD,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAIQ;EAAA,IAHxBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EAEJb,eAAe,CAAC;IACdY,cAAc,EAAdA,cAAc;IACdC,IAAI,EAAJA,IAAI;IACJF,SAAS,EAATA;EACF,CAAC,CAAC;EAEF,oBAAOhB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAoB,QAAA,MAAI,CAAC;AACd,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,cAAc,gBAAGrB,KAAK,CAACsB,UAAU,CAG5C,SAASD,cAAcA,CAAAE,KAAA,EAkCvBC,GAAG,EACH;EAAA,IAAAC,eAAA,GAAAF,KAAA,CAjCEG,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,eAAA;IAAAE,eAAA,GAAAJ,KAAA,CACpBK,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,eAAA;IACEE,eAAe,GAAAN,KAAA,CAApC,kBAAkB;IACDO,WAAW,GAAAP,KAAA,CAA5B,cAAc;IACCQ,SAAS,GAAAR,KAAA,CAAxB,YAAY;IACQS,cAAc,GAAAT,KAAA,CAAlC,iBAAiB;IAClBU,SAAS,GAAAV,KAAA,CAATU,SAAS;IAAAC,gBAAA,GAAAX,KAAA,CACTY,UAAU;IAAVA,UAAU,GAAAD,gBAAA,cAAG;MAAA,OAAM,IAAI;IAAA,IAAAA,gBAAA;IAAAE,gBAAA,GAAAb,KAAA,CACvBc,UAAU;IAAVA,UAAU,GAAAD,gBAAA,cAAG;MAAA,OAAM,IAAI;IAAA,IAAAA,gBAAA;IAAAE,aAAA,GAAAf,KAAA,CACvBgB,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,IAAI,GAAAA,aAAA;IACdE,QAAQ,GAAAjB,KAAA,CAARiB,QAAQ;IAAAC,qBAAA,GAAAlB,KAAA,CACRmB,sBAAsB;IAAtBA,sBAAsB,GAAAD,qBAAA,cAAG,EAAE,GAAAA,qBAAA;IAC3BE,YAAY,GAAApB,KAAA,CAAZoB,YAAY;IACZ3B,SAAS,GAAAO,KAAA,CAATP,SAAS;IAAA4B,eAAA,GAAArB,KAAA,CACTsB,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,GAAG,GAAAA,eAAA;IACLE,SAAS,GAAAvB,KAAA,CAAnBwB,QAAQ;IAAAC,qBAAA,GAAAzB,KAAA,CACR0B,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IACxBE,OAAO,GAAA3B,KAAA,CAAP2B,OAAO;IAAAC,aAAA,GAAA5B,KAAA,CACP6B,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,CAAC,GAAAA,aAAA;IAAAE,eAAA,GAAA9B,KAAA,CACX+B,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAAE,qBAAA,GAAAhC,KAAA,CACjBiC,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAAAE,eAAA,GAAAlC,KAAA,CACzBmC,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,CAAC,GAAAA,eAAA;IAAAE,cAAA,GAAApC,KAAA,CACbqC,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAG,CAAC,WAAW,EAAE,MAAM,CAAC,GAAAA,cAAA;IAAAE,mBAAA,GAAAtC,KAAA,CAChCuC,aAAa;IAAbA,aAAa,GAAAD,mBAAA,cAAG,KAAK,GAAAA,mBAAA;IACrBE,iBAAiB,GAAAxC,KAAA,CAAjBwC,iBAAiB;IAAAC,aAAA,GAAAzC,KAAA,CACjB0C,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,OAAO,GAAAA,aAAA;IAAAE,WAAA,GAAA3C,KAAA,CACjBpC,KAAK;IAALA,KAAK,GAAA+E,WAAA,cAAG,KAAK,GAAAA,WAAA;IACDC,aAAa,GAAA5C,KAAA,CAAzB6C,UAAU;IACVC,IAAI,GAAA9C,KAAA,CAAJ8C,IAAI;IAAAC,qBAAA,GAAA/C,KAAA,CACJgD,sBAAsB;IAAtBA,sBAAsB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IACnBE,aAAa,GAAAjD,KAAA,CAAxBkD,SAAS;EAIX,IAAMC,YAAY,GAAGL,IAAI,KAAK,QAAQ;EAEtC,IAAIK,YAAY,KAAKT,OAAO,KAAK,OAAO,IAAIA,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEU,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE;IACvEC,OAAO,CAACC,IAAI,gDAAAC,MAAA,CACqCT,IAAI,6GACrD,CAAC;EACH;EAEA,IAAMtB,QAAQ,GAAGD,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI;IAC5B;IACAI,OAAO,EACL,CAAAP,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAI+B,YAAY,IACxB,CAAC,QAAQ,EAAE,KAAK,CAAC,GACjB,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC;IAC9BK,MAAM,EAAE,CAAC,QAAQ,EAAE,KAAK;EAC1B,CAAC;EAED,IAAMC,YAAY,GAAGhF,KAAK,CAACiF,MAAM,CAAc,IAAI,CAAC;EACpD,IAAMC,YAAY,GAAGlF,KAAK,CAACiF,MAAM,CAAc,IAAI,CAAC;EACpD,IAAAE,eAAA,GACEnF,KAAK,CAACoF,QAAQ,CAAqB,IAAI,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IADnCI,gBAAgB,GAAAF,gBAAA;IAAEG,mBAAmB,GAAAH,gBAAA;EAE5C,IAAMI,iBAAiB,GAAGzF,KAAK,CAACiF,MAAM,CAAC,IAAI,CAAC;EAE5C,IAAMS,UAAU,GAAG/E,aAAa,CAAC;IAC/Be,SAAS,EAATA,SAAS;IACTE,SAAS,EAATA,SAAS;IACTqB,gBAAgB,EAAhBA;EACF,CAAC,CAAC;EAEFjD,KAAK,CAAC2F,mBAAmB,CAACxB,aAAa,EAAE;IAAA,OAAO;MAC9CyB,IAAI,EAAEF,UAAU,CAACE,IAAI;MACrBC,IAAI,EAAEH,UAAU,CAACG;IACnB,CAAC;EAAA,CAAC,CAAC;EAEH,IAAMC,QAAQ,GAAG9F,KAAK,CAAC+F,OAAO,CAC5B;IAAA,OAAOC,KAAK,CAACC,OAAO,CAAChC,OAAO,CAAC,GAAGA,OAAO,GAAG,CAACA,OAAO,CAAC;EAAA,CAAC,EACpD,CAACA,OAAO,CACV,CAAC;EAEDjE,KAAK,CAACkG,SAAS,CAAC,YAAM;IACpB,IAAIJ,QAAQ,CAACK,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAIT,UAAU,CAACU,SAAS,EAAE;MACzDV,UAAU,CAACG,IAAI,CAAC,CAAC;IACnB;IACA,IAAIC,QAAQ,CAACK,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAACT,UAAU,CAACU,SAAS,EAAE;MAC5DV,UAAU,CAACE,IAAI,CAAC,CAAC;IACnB;EACF,CAAC,EAAE,CAACE,QAAQ,EAAEJ,UAAU,CAACU,SAAS,CAAC,CAAC;;EAEpC;EACApG,KAAK,CAACkG,SAAS,CAAC,YAAM;IACpB,IACE,CAAC,IAAI,EAAE,YAAY,CAAC,CAACvB,QAAQ,CAACnB,kBAAkB,CAAC,IACjD,CAACkC,UAAU,CAACU,SAAS,IACrB,CAACX,iBAAiB,CAACY,OAAO,EAC1B;MACArB,YAAY,CAACqB,OAAO,IAAIrB,YAAY,CAACqB,OAAO,CAACC,KAAK,CAAC,CAAC;IACtD;IAEAb,iBAAiB,CAACY,OAAO,GAAG,KAAK;EACnC,CAAC,EAAE,CAAC7C,kBAAkB,EAAEwB,YAAY,EAAEU,UAAU,CAACU,SAAS,CAAC,CAAC;EAE5D,IAAMG,aAAa,GAAGhG,gBAAgB,CAAC;IACrCiG,aAAa,EAAErE,UAAU;IACzBsE,YAAY,EAAEpE,UAAU;IACxBqE,YAAY,EAAE7D,SAAS;IACvB8D,WAAW,EAAEjD,SAAS;IACtBkD,SAAS,EAAElB,UAAU,CAACU,SAAS;IAC/BS,SAAS,EAAEnB,UAAU,CAACG,IAAI;IAC1BiB,QAAQ,EAAEpB,UAAU,CAACE;EACvB,CAAC,CAAC;EAEF,IAAMmB,UAAU,GAAGrG,UAAU,CAAC;IAC5BkG,SAAS,EAAElB,UAAU,CAACU,SAAS;IAC/BY,MAAM,EAAET,aAAa,CAACS,MAAM;IAC5BC,OAAO,EAAEV,aAAa,CAACU,OAAO;IAC9BC,UAAU,EAAEtD,QAAQ;IACpBuD,WAAW,EAAEpE,QAAQ,CAACgC,MAAM;IAC5Bd,OAAO,EAAPA,OAAO;IACPmD,UAAU,EAAEpC;EACd,CAAC,CAAC;;EAEF;EACAhF,KAAK,CAACkG,SAAS,CAAC,YAAM;IACpB,IAAMmB,eAAe,GAAGvB,QAAQ,CAACnB,QAAQ,CAAC,OAAO,CAAC;IAClD,IAAI,CAACe,UAAU,CAACU,SAAS,IAAI,CAACiB,eAAe,EAAE;IAE/C,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,CAAgB,EAAK;MACtC,IAAIA,CAAC,CAACC,GAAG,KAAK,QAAQ,IAAID,CAAC,CAACC,GAAG,KAAK,KAAK,EAAE;MAE3CjB,aAAa,CAACU,OAAO,CAACM,CAAC,CAAC;MACxBA,CAAC,CAACE,cAAc,CAAC,CAAC;MAClBF,CAAC,CAACG,eAAe,CAAC,CAAC;IACrB,CAAC;IAEDC,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEN,SAAS,EAAE,IAAI,CAAC;IACrD,OAAO,YAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEP,SAAS,EAAE,IAAI,CAAC;IAC1D,CAAC;EACH,CAAC,EAAE,CAACxB,QAAQ,EAAEJ,UAAU,CAACU,SAAS,EAAEG,aAAa,CAAC,CAAC;EAEnD,IAAMuB,cAAc,GAClB,OAAOtF,QAAQ,KAAK,UAAU,GACzBA,QAAQ,CAAgDuE,UAAU,CAAC,GACnEvE,QAAgC;EAEvC,IAAMuF,gBAAgB,GAAGhI,KAAK,CAAC,CAAC;EAChC,IAAM0E,SAAS,GAAGD,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIuD,gBAAgB;EAEnD,IAAAC,mBAAA,GAQInH,qBAAqB,CAAC;MACxBoH,gBAAgB,EAAE,aAAAjI,KAAK,CAACkI,cAAc,CAAChF,OAAO,CAAC,IAAIqB,sBAAsB;MACzE,kBAAkB,EAAE1C,eAAe;MACnC,cAAc,EAAEC,WAAW;MAC3B,iBAAiB,EAAEE,cAAc;MACjC,YAAY,EAAED,SAAS;MACvBoG,EAAE,EAAE1D,SAAS;MACb2D,MAAM,EAAE1C,UAAU,CAACU,SAAS;MAC5B/B,IAAI,EAAJA;IACF,CAAC,CAAC;IAhBAgE,YAAY,GAAAL,mBAAA,CAAZK,YAAY;IACZC,YAAY,GAAAN,mBAAA,CAAZM,YAAY;IACZC,WAAW,GAAAP,mBAAA,CAAXO,WAAW;IACXC,YAAY,GAAAR,mBAAA,CAAZQ,YAAY;IACZC,eAAe,GAAAT,mBAAA,CAAfS,eAAe;IAEfC,UAAU,GAAAV,mBAAA,CAAVU,UAAU;EAYZ,IAAMC,eAAe,GAAG5E,iBAAiB,GACrC;IAAE,eAAe,EAAEgD,UAAU,CAACX;EAAU,CAAC,GACzC,CAAC,CAAC;EAEN,IAAMwC,qBAAqB,gBAAG5I,KAAK,CAAC6I,YAAY,CAACf,cAAc,EAAAgB,aAAA,CAAAA,aAAA,KAC1DH,eAAe;IAClBI,IAAI,EAAEhC,UAAU,CAACX,SAAS;IAC1B5E,GAAG,EAAEsG,cAAc,CAACtG,GAAG,GACnBZ,SAAS,CAACkH,cAAc,CAACtG,GAAG,EAAEA,GAAG,EAAEwD,YAAY,EAAEQ,mBAAmB,CAAC,GACrE5E,SAAS,CAACY,GAAG,EAAEwD,YAAY,EAAEQ,mBAAmB;EAAC,GAClDgD,YAAY,CAChB,CAAC;EAEF,oBACExI,KAAA,CAAAmB,aAAA,CAACb,oBAAoB,CAAC0I,QAAQ;IAACC,KAAK,EAAE1C;EAAc,GACjDqC,qBAAqB,EACrBlD,UAAU,CAACU,SAAS,iBACnBpG,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAoB,QAAA,qBACEpB,KAAA,CAAAmB,aAAA,CAACL,YAAY;IAETE,SAAS,EAAEA,SAAS;IACpBC,cAAc,EAAE,SAAhBA,cAAcA,CAAGiI,KAAK,EAAK;MACzBzD,iBAAiB,CAACY,OAAO,GAAG,IAAI;MAChCE,aAAa,CAACU,OAAO,CAACiC,KAAK,CAAC;IAC9B,CAAC;IACDhI,IAAI,GAAGgE,YAAY,EAAEF,YAAY,EAAAF,MAAA,CAAAqE,kBAAA,CAAKzG,sBAAsB;EAAC,CAEhE,CAAC,eACF1C,KAAA,CAAAmB,aAAA,CAACf,MAAM,EAAAgJ,QAAA;IAACpI,SAAS,EAAEA;EAAU,GAAKuH,WAAW,gBAC3CvI,KAAA,CAAAmB,aAAA,CAACV,OAAO;IAEJmG,SAAS,EAAElB,UAAU,CAACU,SAAS;IAC/BY,MAAM,EAAET,aAAa,CAACS,MAAM;IAC5BC,OAAO,EAAEV,aAAa,CAACU,OAAO;IAC9BE,WAAW,EAAEpE,QAAQ,CAACG,OAAO;IAC7Be,OAAO,EAAEA,OAAO,KAAK,OAAO,GAAG,MAAM,GAAGA,OAAO;IAC/CmD,UAAU,EAAElC;EAAY,gBAG1BlF,KAAA,CAAAmB,aAAA,CAACkI,cAAc;IACbpH,SAAS,EAAEA,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIwG,eAAe,CAACxG,SAAU;IAClDU,YAAY,EAAEA,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAI8F,eAAe,CAACa,OAAQ;IACtDC,YAAY,EAAE,CAAC,IAAI,EAAE,wBAAwB,CAAC,CAAC5E,QAAQ,CACrDnB,kBACF,CAAE;IACFhC,GAAG,EAAE0D,YAAa;IAClBK,gBAAgB,EAAEA,gBAAiB;IACnCrC,OAAO,EAAEA,OAAQ;IACjBY,aAAa,EAAEA,aAAc;IAC7BR,SAAS,EAAEA,SAAU;IACrBF,OAAO,EAAEA,OAAQ;IACjBb,OAAO,EAAEA,OAAQ;IACjBpD,KAAK,EAAEA,KAAM;IACbkJ,YAAY,EAAEA,YAAa;IAC3BmB,iBAAiB,EAAElB;EAAa,CACjC,CACM,CACH,CACR,CAEyB,CAAC;AAEpC,CAAC,CAAC;AAEF,OAAO,SAASmB,YAAYA,CAAAC,KAAA,EAA0C;EAAA,IAAvC7D,IAAI,GAAA6D,KAAA,CAAJ7D,IAAI;EACjC;IAAA;IACE;IACA;IACA7F,KAAA,CAAAmB,aAAA;MACEwI,KAAK,EAAE;QACLC,MAAM,EAAE,CAAC;QACTC,QAAQ,EAAE,UAAU;QACpBC,GAAG,EAAE,IAAI;QACTC,KAAK,EAAE;MACT;IAAE,gBAEF/J,KAAA,CAAAmB,aAAA;MAAO6I,OAAO,EAAEnE,IAAK;MAAC8D,KAAK,EAAE;QAAEM,OAAO,EAAE;MAAE;IAAE,CAAE,CAC3C;EAAC;AAEV;AAEA,OAAO,SAASC,wBAAwBA,CAAA,EAAG;EACzC,IAAAC,qBAAA,GAAgD3J,uBAAuB,CAAC,CAAC;IAAzDoF,IAAI,GAAAuE,qBAAA,CAAZnD,MAAM;IAAiBnB,IAAI,GAAAsE,qBAAA,CAAblD,OAAO;IAAQmD,MAAM,GAAAD,qBAAA,CAANC,MAAM;EAE3C,OAAO;IACLvE,IAAI,EAAJA,IAAI;IACJD,IAAI,EAAJA,IAAI;IACJwE,MAAM,EAANA;EACF,CAAC;AACH;AAiBA,OAAO,IAAMf,cAAc,gBAAGrJ,KAAK,CAACsB,UAAU,CAG5C,UAAA+I,KAAA,EAeA7I,GAAG,EACH;EAAA,IAdES,SAAS,GAAAoI,KAAA,CAATpI,SAAS;IACTU,YAAY,GAAA0H,KAAA,CAAZ1H,YAAY;IACZ4G,YAAY,GAAAc,KAAA,CAAZd,YAAY;IACZjG,SAAS,GAAA+G,KAAA,CAAT/G,SAAS;IACTf,OAAO,GAAA8H,KAAA,CAAP9H,OAAO;IACPpD,KAAK,GAAAkL,KAAA,CAALlL,KAAK;IACLiE,OAAO,GAAAiH,KAAA,CAAPjH,OAAO;IACPU,aAAa,GAAAuG,KAAA,CAAbvG,aAAa;IACbZ,OAAO,GAAAmH,KAAA,CAAPnH,OAAO;IACPqC,gBAAgB,GAAA8E,KAAA,CAAhB9E,gBAAgB;IAChB8C,YAAY,GAAAgC,KAAA,CAAZhC,YAAY;IACZmB,iBAAiB,GAAAa,KAAA,CAAjBb,iBAAiB;EAInB,IAAMc,QAAQ,GAAGtK,KAAK,CAACiF,MAAM,CAAiB,IAAI,CAAC;EAEnD,IAAMsF,YAAY,GAAGrK,SAAS,GAAG,CAAC,GAAG,CAAC;EACtC,IAAMsK,UAAU,GAAG,CACjB/K,cAAc,CAAC;IAAEgL,QAAQ,EAAEtL,KAAK,GAAGiE,OAAO,GAAGmH,YAAY,GAAGnH;EAAQ,CAAC,CAAC,EACtEb,OAAO,GAAGjD,YAAY,CAAC,CAAC,GAAG,IAAI,EAC/BK,aAAa,CAAC;IAAE+K,OAAO,EAAEnL,UAAU,CAAC;EAAE,CAAC,CAAC,EACxC,CAACuE,aAAa,GACVjE,YAAY,CAAC;IACX8K,KAAK,WAALA,KAAKA,CAAAC,KAAA,EAAe;MAAA,IAAZC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MACdC,MAAM,CAACC,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAACrB,KAAK,EAAE;QACrCsB,QAAQ,KAAAnG,MAAA,CAAK+F,QAAQ,CAACK,SAAS,CAACC,qBAAqB,CAAC,CAAC,CAACpB,KAAK;MAC/D,CAAC,CAAC;IACJ;EACF,CAAC,CAAC,GACF,IAAI,EACR3K,aAAa,CAAC;IACZgM,OAAO,EAAEd,QAAQ;IACjBlH,OAAO,EAAE;EACX,CAAC,CAAC,CACH,CAACiI,MAAM,CAAC,UAACb,UAAU;IAAA,OAAKA,UAAU,KAAK,IAAI;EAAA,EAAwB;EAEpE,IAAAc,WAAA,GAOInL,UAAU,CAAC;MACbqK,UAAU,EAAVA,UAAU;MACVlH,SAAS,EAATA;IACF,CAAC,CAAC;IATAiI,YAAY,GAAAD,WAAA,CAAZC,YAAY;IACZC,YAAY,GAAAF,WAAA,CAAZE,YAAY;IACEC,oBAAoB,GAAAH,WAAA,CAAlCI,YAAY;IACZtH,UAAU,GAAAkH,WAAA,CAAVlH,UAAU;IACVuH,cAAc,GAAAL,WAAA,CAAdK,cAAc;IACHC,gBAAgB,GAAAN,WAAA,CAA3BhI,SAAS;EAMXtD,KAAK,CAACkG,SAAS,CAAC,YAAM;IACpBuF,oBAAoB,CAAClG,gBAAgB,CAAC;EACxC,CAAC,EAAE,CAACA,gBAAgB,EAAEkG,oBAAoB,CAAC,CAAC;EAE5C,IAAMI,UAAU,GAAGjL,SAAS,CAACY,GAAG,EAAE4C,UAAU,CAAC;;EAE7C;EACA,IAAI,eAACpE,KAAK,CAACkI,cAAc,CAAChF,OAAO,CAAC,IAAIsG,iBAAiB,EAAE;IACvD5E,OAAO,CAACC,IAAI,CACV,gLACF,CAAC;EACH;EAEA,IAAMiH,WAAgC,GAAAhD,aAAA,CAAAA,aAAA,KACjC0C,YAAY;IACfO,IAAI,EAAER,YAAY,GAAGC,YAAY,CAACO,IAAI,GAAG,UAAU;IACnDjC,GAAG,EAAEyB,YAAY,GAAGC,YAAY,CAAC1B,GAAG,GAAG;EAAU,EAClD;EAED,oBACE9J,KAAA,CAAAmB,aAAA,CAACrB,UAAU;IACTmC,SAAS,EAAEA,SAAU;IACrBqH,OAAO,EAAE3G,YAAa;IACtB4G,YAAY,EAAEA;EAAa,gBAE3BvJ,KAAA,CAAAmB,aAAA,QAAAiI,QAAA;IACE,WAAQ,sCAAsC;IAC9C5H,GAAG,EAAEqK,UAAW;IAChBlC,KAAK,EAAEmC;EAAY,GACfzD,YAAY,GAEf,aAAArI,KAAK,CAACkI,cAAc,CAAChF,OAAO,CAAC,gBAC1BlD,KAAK,CAAC6I,YAAY,CAAC3F,OAAO,EAAEsG,iBAAiB,CAAC,GAC9CtG,OAAO,EACV/D,KAAK,iBACJa,KAAA,CAAAmB,aAAA,CAAClB,KAAK;IACJuB,GAAG,EAAE8I,QAAS;IACdnL,KAAK,EAAEwM,cAAc,CAACxM,KAAM;IAC5BmE,SAAS,EAAEsI;EAAiB,CAC7B,CAEA,CACK,CAAC;AAEjB,CAAC,CAAC"}

package/dist/OverlayTrigger/OverlayTrigger.types.d.ts

@@ -108,6 +108,14 @@ export interface OverlayTriggerProps extends PickedOverlayProps, PickedTriggerPr
      * @since 11.5.0
      */
     passA11yPropsToOverlay?: boolean;
+    /**
+     * Optional id for the overlay element.
+     * Useful when the parent component needs a stable id
+     * to link the trigger (aria-controls) with the overlay (e.g. listbox).
+     *
+     * @since 12.36.1
+     */
+    overlayId?: string;
 }
 export interface OverlayTriggerRef {
     /**

package/dist/OverlayTrigger/OverlayTrigger.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayTrigger.types.js","names":[],"sources":["../../src/OverlayTrigger/OverlayTrigger.types.ts"],"sourcesContent":["import type { OverlayProps } from '../Overlay/Overlay'\nimport type { PortalProps } from '../Portal/Portal.types'\nimport type { BeforeCallback } from '../_hooks/DelayedCallback'\nimport type { TriggerRenderProps } from '../_hooks/Trigger'\nimport type { VisibilityConfig } from '../_hooks/Visibility'\n\nexport type OverlayTriggerRole =\n  | 'dialog'\n  | 'menu'\n  | 'listbox'\n  | 'tooltip'\n  | 'none'\n\nexport type PickedOverlayProps = Pick<\n  OverlayProps,\n  'canFlip' | 'padding' | 'placement' | 'shrinkOverlay' | 'arrow'\n>\n\nexport type PickedTriggerProps = Pick<\n  TriggerRenderProps,\n  'children' | 'trigger'\n>\n\nexport type PickedTriggerRenderProps = Pick<TriggerRenderProps, 'children'>\n\nexport type PickedVisibilityProps = Pick<\n  VisibilityConfig,\n  'afterHide' | 'afterShow' | 'initialIsVisible'\n>\n\nexport interface OverlayTriggerProps\n  extends PickedOverlayProps,\n    PickedTriggerProps,\n    PickedTriggerRenderProps,\n    PickedVisibilityProps,\n    Pick<PortalProps, 'container'> {\n  ['aria-describedby']?: string\n  ['aria-details']?: string\n  ['aria-label']?: string\n  ['aria-labelledby']?: string\n  /**\n   * Boolean to enable code to apply aria-expanded to the source element\n   * @since 12.24.0\n   */\n  trackAriaExpanded?: boolean\n  /**\n   *  The callback to run before the overlay is hidden. Returning\n   *  `false` will prevent hiding.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 10.19.0\n   */\n  beforeHide?: BeforeCallback\n  /**\n   *  The callback to run before the overlay is shown. Returning\n   *  `false` will prevent showing.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 10.19.0\n   */\n  beforeShow?: BeforeCallback\n\n  /**\n   * Additional refs to check for clickOutside behavior\n   * @since 10.19.0\n   */\n  clickOutsideIgnoreRefs?: React.RefObject<HTMLElement>[]\n\n  /**\n   * The delay when hiding the overlay\n   * @since 10.19.0\n   */\n  hideDelay?: number\n\n  /**\n   * Keys to hide the overlay when the overlay is focused\n   * @a11y OverlayTrigger by default closes on tab. To remove tab from closing\n   * and have only Esc keys, set \"containFocus\" to true, or opt-in to a full dialog role.\n   * @since 10.19.0\n   */\n  hideKeys?: {\n    overlay: string[]\n    target: string[]\n  }\n  overlay: React.ReactNode\n\n  /**\n   * Restore focus to the target after the overlay is hidden.\n   * 'core-react' will use internal logic to restore focus,\n   * 'react-aria-focus-scope' will use 'FocusScope' component from '@react-aria',\n   * true will use both.\n   * @default true\n   * @since 10.19.0\n   */\n  restoreFocusOnHide?: boolean | 'core-react' | 'react-aria-focus-scope'\n\n  /**\n   * The delay when showing the overlay\n   * @since 10.19.0\n   */\n  showDelay?: number\n\n  /**\n   * Keys to show the overlay when the target is focused\n   * @since 10.19.0\n   */\n  showKeys?: string[]\n\n  /**\n   * Toggles overlay visibility\n   * @since 11.2.0\n   */\n  overlayRef?: React.Ref<OverlayTriggerRef>\n\n  /**\n   * Accessibility props.\n   * @a11y May opionate \"autoFocus\" and \"containFocus\"\n   * @since 11.2.0\n   */\n  role?: OverlayTriggerRole\n\n  /**\n   * Whether to auto focus the first focusable element in the overlay on mount.\n   * True by default for role \"dialog\"\n   * @since 11.5.0\n   */\n  autoFocus?: boolean\n\n  /**\n   * Whether to contain focus inside the overlay, so users cannot move focus outside, for example in a modal dialog.\n   * True by default for role \"dialog\"\n   * @since 11.5.0\n   * */\n  containFocus?: boolean\n\n  /**\n   * By default, role and id are applied to wrapper. But  has knowledge of\n   * Set to true, if you want OverlayTrigger to place them on your overlay component.\n   *\n   * @default false\n   * @since 11.5.0\n   */\n  passA11yPropsToOverlay?: boolean\n}\n\nexport interface OverlayTriggerRef {\n  /**\n   * Show visibility\n   * @since 11.2.0\n   */\n  show: () => void\n  /**\n   * Hide overlay\n   * @since 11.2.0\n   */\n  hide: () => void\n}\n\n/**\n * @deprecatedSince 11.2.0\n * @deprecated To be replaced by OverlayTriggerProps#overlayRef in future release\n */\nexport type DeprecatedOverlayTriggerRef = HTMLElement\n"],"mappings":""}
+{"version":3,"file":"OverlayTrigger.types.js","names":[],"sources":["../../src/OverlayTrigger/OverlayTrigger.types.ts"],"sourcesContent":["import type { OverlayProps } from '../Overlay/Overlay'\nimport type { PortalProps } from '../Portal/Portal.types'\nimport type { BeforeCallback } from '../_hooks/DelayedCallback'\nimport type { TriggerRenderProps } from '../_hooks/Trigger'\nimport type { VisibilityConfig } from '../_hooks/Visibility'\n\nexport type OverlayTriggerRole =\n  | 'dialog'\n  | 'menu'\n  | 'listbox'\n  | 'tooltip'\n  | 'none'\n\nexport type PickedOverlayProps = Pick<\n  OverlayProps,\n  'canFlip' | 'padding' | 'placement' | 'shrinkOverlay' | 'arrow'\n>\n\nexport type PickedTriggerProps = Pick<\n  TriggerRenderProps,\n  'children' | 'trigger'\n>\n\nexport type PickedTriggerRenderProps = Pick<TriggerRenderProps, 'children'>\n\nexport type PickedVisibilityProps = Pick<\n  VisibilityConfig,\n  'afterHide' | 'afterShow' | 'initialIsVisible'\n>\n\nexport interface OverlayTriggerProps\n  extends PickedOverlayProps,\n    PickedTriggerProps,\n    PickedTriggerRenderProps,\n    PickedVisibilityProps,\n    Pick<PortalProps, 'container'> {\n  ['aria-describedby']?: string\n  ['aria-details']?: string\n  ['aria-label']?: string\n  ['aria-labelledby']?: string\n  /**\n   * Boolean to enable code to apply aria-expanded to the source element\n   * @since 12.24.0\n   */\n  trackAriaExpanded?: boolean\n  /**\n   *  The callback to run before the overlay is hidden. Returning\n   *  `false` will prevent hiding.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 10.19.0\n   */\n  beforeHide?: BeforeCallback\n  /**\n   *  The callback to run before the overlay is shown. Returning\n   *  `false` will prevent showing.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 10.19.0\n   */\n  beforeShow?: BeforeCallback\n\n  /**\n   * Additional refs to check for clickOutside behavior\n   * @since 10.19.0\n   */\n  clickOutsideIgnoreRefs?: React.RefObject<HTMLElement>[]\n\n  /**\n   * The delay when hiding the overlay\n   * @since 10.19.0\n   */\n  hideDelay?: number\n\n  /**\n   * Keys to hide the overlay when the overlay is focused\n   * @a11y OverlayTrigger by default closes on tab. To remove tab from closing\n   * and have only Esc keys, set \"containFocus\" to true, or opt-in to a full dialog role.\n   * @since 10.19.0\n   */\n  hideKeys?: {\n    overlay: string[]\n    target: string[]\n  }\n  overlay: React.ReactNode\n\n  /**\n   * Restore focus to the target after the overlay is hidden.\n   * 'core-react' will use internal logic to restore focus,\n   * 'react-aria-focus-scope' will use 'FocusScope' component from '@react-aria',\n   * true will use both.\n   * @default true\n   * @since 10.19.0\n   */\n  restoreFocusOnHide?: boolean | 'core-react' | 'react-aria-focus-scope'\n\n  /**\n   * The delay when showing the overlay\n   * @since 10.19.0\n   */\n  showDelay?: number\n\n  /**\n   * Keys to show the overlay when the target is focused\n   * @since 10.19.0\n   */\n  showKeys?: string[]\n\n  /**\n   * Toggles overlay visibility\n   * @since 11.2.0\n   */\n  overlayRef?: React.Ref<OverlayTriggerRef>\n\n  /**\n   * Accessibility props.\n   * @a11y May opionate \"autoFocus\" and \"containFocus\"\n   * @since 11.2.0\n   */\n  role?: OverlayTriggerRole\n\n  /**\n   * Whether to auto focus the first focusable element in the overlay on mount.\n   * True by default for role \"dialog\"\n   * @since 11.5.0\n   */\n  autoFocus?: boolean\n\n  /**\n   * Whether to contain focus inside the overlay, so users cannot move focus outside, for example in a modal dialog.\n   * True by default for role \"dialog\"\n   * @since 11.5.0\n   * */\n  containFocus?: boolean\n\n  /**\n   * By default, role and id are applied to wrapper. But  has knowledge of\n   * Set to true, if you want OverlayTrigger to place them on your overlay component.\n   *\n   * @default false\n   * @since 11.5.0\n   */\n  passA11yPropsToOverlay?: boolean\n  /**\n   * Optional id for the overlay element.\n   * Useful when the parent component needs a stable id\n   * to link the trigger (aria-controls) with the overlay (e.g. listbox).\n   *\n   * @since 12.36.1\n   */\n  overlayId?: string\n}\n\nexport interface OverlayTriggerRef {\n  /**\n   * Show visibility\n   * @since 11.2.0\n   */\n  show: () => void\n  /**\n   * Hide overlay\n   * @since 11.2.0\n   */\n  hide: () => void\n}\n\n/**\n * @deprecatedSince 11.2.0\n * @deprecated To be replaced by OverlayTriggerProps#overlayRef in future release\n */\nexport type DeprecatedOverlayTriggerRef = HTMLElement\n"],"mappings":""}

package/dist/PageLayout/PageLayout.styles.d.ts

@@ -3,6 +3,7 @@ import type { Placement } from '../Tearsheet/Tearsheet.types';
 export declare const StyledPageHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $transparent?: boolean | undefined;
 }>> & string;
+export declare const StyledPageHeaderItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledPageTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string;

package/dist/PageLayout/PageLayout.styles.js

@@ -11,52 +11,52 @@ var outerPageSpacing = spacing.lg;
 var outerPageSpacingSmaller = spacing.md;
 export var StyledPageHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageHeader",
-  componentId: "core-12_36_0__sc-1cvdbsv-0"
+  componentId: "core-12_38_0__sc-1cvdbsv-0"
 })(["padding-top:", "px;padding-right:", "px;padding-left:", "px;@media ", "{padding-right:", "px;padding-left:", "px;}", ""], headerVerticalSpacing, outerPageSpacing, outerPageSpacing, mediaBreakpointsDown.tabletMd, outerPageSpacingSmaller, outerPageSpacingSmaller, function (_ref) {
   var $transparent = _ref.$transparent;
   return !$transparent && css(["", " background-color:", ";"], getShadow(1.5), colors.white);
 });
-var StyledPageHeaderItem = /*#__PURE__*/styled.div.withConfig({
+export var StyledPageHeaderItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageHeaderItem",
-  componentId: "core-12_36_0__sc-1cvdbsv-1"
+  componentId: "core-12_38_0__sc-1cvdbsv-1"
 })(["margin-top:", "px;&:first-child{margin-top:0;}"], headerVerticalSpacing);
 export var StyledPageTitle = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
   displayName: "StyledPageTitle",
-  componentId: "core-12_36_0__sc-1cvdbsv-2"
+  componentId: "core-12_38_0__sc-1cvdbsv-2"
 })(["&:last-child{padding-bottom:", "px;}"], headerVerticalSpacing);
 export var StyledPageBreadcrumbs = /*#__PURE__*/styled(StyledPageHeaderItem).attrs({
   as: 'nav'
 }).withConfig({
   displayName: "StyledPageBreadcrumbs",
-  componentId: "core-12_36_0__sc-1cvdbsv-3"
+  componentId: "core-12_38_0__sc-1cvdbsv-3"
 })([""]);
 export var StyledPageBanner = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
   displayName: "StyledPageBanner",
-  componentId: "core-12_36_0__sc-1cvdbsv-4"
+  componentId: "core-12_38_0__sc-1cvdbsv-4"
 })([""]);
 export var getActions = function getActions() {
   return css(["flex-shrink:0;padding-left:", "px;> button,> a{&:first-child{margin-left:0;}margin-left:", "px;}"], spacing.xl, spacing.sm);
 };
 export var StyledPageActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageActions",
-  componentId: "core-12_36_0__sc-1cvdbsv-5"
+  componentId: "core-12_38_0__sc-1cvdbsv-5"
 })(["", ""], getActions());
 export var StyledPageTabs = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
   displayName: "StyledPageTabs",
-  componentId: "core-12_36_0__sc-1cvdbsv-6"
+  componentId: "core-12_38_0__sc-1cvdbsv-6"
 })([""]);
 export var StyledBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBody",
-  componentId: "core-12_36_0__sc-1cvdbsv-7"
+  componentId: "core-12_38_0__sc-1cvdbsv-7"
 })(["padding-top:", "px;padding-left:", "px;padding-right:", "px;@media ", "{padding-top:", "px;padding-left:", "px;padding-right:", "px;}"], outerPageSpacing, outerPageSpacing, outerPageSpacing, mediaBreakpointsDown.tabletMd, outerPageSpacingSmaller, outerPageSpacingSmaller, outerPageSpacingSmaller);
 var navigationWidth = 200;
 export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledNavigation",
-  componentId: "core-12_36_0__sc-1cvdbsv-8"
+  componentId: "core-12_38_0__sc-1cvdbsv-8"
 })(["float:left;max-height:100vh;min-width:", "px;overflow-y:auto;position:sticky;top:0;width:", "px;", "{padding:20px ", "px 0 0;}@media screen and (max-width:1024px){display:none;}"], navigationWidth, navigationWidth, StyledAnchorNavigation, spacing.sm);
 export var StyledContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContent",
-  componentId: "core-12_36_0__sc-1cvdbsv-9"
+  componentId: "core-12_38_0__sc-1cvdbsv-9"
 })([""]);
 var panelWidth = 400;
 var zIndexes = {
@@ -69,7 +69,7 @@ export var animationDuration = {
 };
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_36_0__sc-1cvdbsv-10"
+  componentId: "core-12_38_0__sc-1cvdbsv-10"
 })(["background-color:", ";", " position:sticky;bottom:0;z-index:", ";", ""], colors.white, function (_ref2) {
   var $hasShadow = _ref2.$hasShadow;
   return $hasShadow && getShadow(2, 'top');
@@ -79,7 +79,7 @@ export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledAside = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAside",
-  componentId: "core-12_36_0__sc-1cvdbsv-11"
+  componentId: "core-12_38_0__sc-1cvdbsv-11"
 })(["", " @media ", "{position:absolute;right:0;}"], function (_ref4) {
   var $closed = _ref4.$closed,
     $open = _ref4.$open;
@@ -99,7 +99,7 @@ var getPanelAnimation = function getPanelAnimation() {
 };
 export var StyledAsidePanel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAsidePanel",
-  componentId: "core-12_36_0__sc-1cvdbsv-12"
+  componentId: "core-12_38_0__sc-1cvdbsv-12"
 })(["", " @media ", "{", "}", " ", " border-left:1px solid ", ";width:", "px;position:fixed;background-color:", ";overflow:auto;z-index:", ";", " ", ""], function (_ref7) {
   var $rightOffset = _ref7.$rightOffset;
   return css(["@media ", "{", " border-left:0;z-index:", ";right:", "px;}"], mediaBreakpointsDown.tabletMd, getShadow(2), zIndexes.panelNarrowScreen, $rightOffset);
@@ -118,7 +118,7 @@ export var StyledAsidePanel = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPageMain = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageMain",
-  componentId: "core-12_36_0__sc-1cvdbsv-13"
+  componentId: "core-12_38_0__sc-1cvdbsv-13"
 })(["position:relative;max-width:100%;background-color:", ";", " ", ""], colors.gray96, function () {
   return isIE11() && css(["flex:1 0 0%;"]);
 }, function (_ref10) {
@@ -133,13 +133,13 @@ export var StyledPageMain = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPageContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageContainer",
-  componentId: "core-12_36_0__sc-1cvdbsv-14"
+  componentId: "core-12_38_0__sc-1cvdbsv-14"
 })(["display:grid;grid-template-columns:1fr auto;", ""], function () {
   return isIE11() && css(["display:flex;flex-wrap:wrap;"]);
 });
 export var StyledAsideFluidContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAsideFluidContainer",
-  componentId: "core-12_36_0__sc-1cvdbsv-15"
+  componentId: "core-12_38_0__sc-1cvdbsv-15"
 })(["", ""], function (_ref11) {
   var $closed = _ref11.$closed,
     $open = _ref11.$open;

package/dist/PageLayout/PageLayout.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.styles.js","names":["styled","css","keyframes","StyledAnchorNavigation","minScrimSize","colors","getShadow","spacing","isIE11","mediaBreakpointsDown","headerVerticalSpacing","sm","outerPageSpacing","lg","outerPageSpacingSmaller","md","StyledPageHeader","div","withConfig","displayName","componentId","tabletMd","_ref","$transparent","white","StyledPageHeaderItem","StyledPageTitle","StyledPageBreadcrumbs","attrs","as","StyledPageBanner","getActions","xl","StyledPageActions","StyledPageTabs","StyledBody","navigationWidth","StyledNavigation","StyledContent","panelWidth","zIndexes","panelWideScreen","panelNarrowScreen","footer","animationDuration","panel","StyledFooter","_ref2","$hasShadow","_ref3","$isAsideOpen","StyledAside","_ref4","$closed","$open","slideDistance","slideIn","slideOut","getPanelAnimation","_ref5","$opening","_ref6","$closing","StyledAsidePanel","_ref7","$rightOffset","_ref8","$altAnimation","_ref9","gray85","gray96","_ref0","$minusHeight","_ref1","$offsetTop","StyledPageMain","_ref10","$tearsheetPlacement","includes","StyledPageContainer","StyledAsideFluidContainer","_ref11"],"sources":["../../src/PageLayout/PageLayout.styles.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { StyledAnchorNavigation } from '../AnchorNavigation/AnchorNavigation.styles'\nimport { minScrimSize } from '../Tearsheet/Tearsheet.styles'\nimport type { Placement } from '../Tearsheet/Tearsheet.types'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\nimport { isIE11 } from '../_utils/isIE11'\nimport { mediaBreakpointsDown } from './PageLayout.utils'\n\nconst headerVerticalSpacing = spacing.sm\nconst outerPageSpacing = spacing.lg\nconst outerPageSpacingSmaller = spacing.md\n\nexport const StyledPageHeader = styled.div<{ $transparent?: boolean }>`\n  padding-top: ${headerVerticalSpacing}px;\n  padding-right: ${outerPageSpacing}px;\n  padding-left: ${outerPageSpacing}px;\n\n  @media ${mediaBreakpointsDown.tabletMd} {\n    padding-right: ${outerPageSpacingSmaller}px;\n    padding-left: ${outerPageSpacingSmaller}px;\n  }\n\n  ${({ $transparent }) =>\n    !$transparent &&\n    css`\n      ${getShadow(1.5)}\n      background-color: ${colors.white};\n    `}\n`\n\nconst StyledPageHeaderItem = styled.div`\n  margin-top: ${headerVerticalSpacing}px;\n\n  &:first-child {\n    margin-top: 0;\n  }\n`\n\nexport const StyledPageTitle = styled(StyledPageHeaderItem)`\n  &:last-child {\n    padding-bottom: ${headerVerticalSpacing}px;\n  }\n`\n\nexport const StyledPageBreadcrumbs = styled(StyledPageHeaderItem).attrs({\n  as: 'nav',\n})``\n\nexport const StyledPageBanner = styled(StyledPageHeaderItem)``\n\nexport const getActions = () => css`\n  flex-shrink: 0;\n  padding-left: ${spacing.xl}px;\n\n  > button,\n  > a {\n    &:first-child {\n      margin-left: 0;\n    }\n\n    margin-left: ${spacing.sm}px;\n  }\n`\n\nexport const StyledPageActions = styled.div`\n  ${getActions()}\n`\n\nexport const StyledPageTabs = styled(StyledPageHeaderItem)``\n\nexport const StyledBody = styled.div`\n  padding-top: ${outerPageSpacing}px;\n  padding-left: ${outerPageSpacing}px;\n  padding-right: ${outerPageSpacing}px;\n\n  @media ${mediaBreakpointsDown.tabletMd} {\n    padding-top: ${outerPageSpacingSmaller}px;\n    padding-left: ${outerPageSpacingSmaller}px;\n    padding-right: ${outerPageSpacingSmaller}px;\n  }\n`\n\nconst navigationWidth = 200\n\nexport const StyledNavigation = styled.div`\n  float: left;\n  max-height: 100vh;\n  min-width: ${navigationWidth}px;\n  overflow-y: auto;\n  position: sticky;\n  top: 0;\n  width: ${navigationWidth}px;\n\n  ${StyledAnchorNavigation} {\n    padding: 20px ${spacing.sm}px 0 0;\n  }\n\n  @media screen and (max-width: 1024px) {\n    display: none;\n  }\n`\n\nexport const StyledContent = styled.div``\n\nconst panelWidth = 400\nconst zIndexes = {\n  panelWideScreen: 3,\n  panelNarrowScreen: 1,\n  footer: 2,\n}\n\nexport const animationDuration = {\n  panel: 600,\n}\n\nexport const StyledFooter = styled.div<{\n  $isAsideOpen: boolean\n  $hasShadow: boolean\n}>`\n  background-color: ${colors.white};\n\n  ${({ $hasShadow }) => $hasShadow && getShadow(2, 'top')}\n\n  position: sticky;\n  bottom: 0;\n  z-index: ${zIndexes.footer};\n\n  ${({ $isAsideOpen }) =>\n    $isAsideOpen &&\n    css`\n      @media ${mediaBreakpointsDown.tabletMd} {\n        z-index: ${zIndexes.footer};\n      }\n    `}\n`\n\nexport const StyledAside = styled.div<{ $open: boolean; $closed: boolean }>`\n  ${({ $closed, $open }) =>\n    isIE11() &&\n    css`\n      display: flex;\n      flex-grow: 0;\n      flex-shrink: 0;\n      flex-basis: 0;\n\n      transition: flex-basis ${animationDuration.panel}ms;\n\n      ${$closed &&\n      css`\n        flex-basis: 0;\n      `}\n\n      ${$open &&\n      css`\n        flex-basis: ${panelWidth}px;\n      `}\n    `}\n\n  // remove aside block from the main flow on smaller screens, enabling overlay-like positioning\n  @media ${mediaBreakpointsDown.tabletMd} {\n    position: absolute;\n    right: 0;\n  }\n`\n\nconst slideDistance = '100%'\n\nconst slideIn = keyframes`\n  from {\n    transform: translateX(${slideDistance});\n  }\n  to {\n    transform: translateX(0);\n  }\n`\n\nconst slideOut = keyframes`\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(${slideDistance});\n  }\n`\n\nconst getPanelAnimation = () => css<{ $opening: boolean; $closing: boolean }>`\n  ${({ $opening }) =>\n    $opening &&\n    css`\n      animation: ${slideIn} ease-out ${animationDuration.panel}ms;\n    `}\n\n  ${({ $closing }) =>\n    $closing &&\n    css`\n      animation: ${slideOut} ease-out ${animationDuration.panel}ms;\n    `}\n`\n\nexport const StyledAsidePanel = styled.div<{\n  $offsetTop: number | null\n  $minusHeight: number\n  $closing: boolean\n  $closed: boolean\n  $opening: boolean\n  $rightOffset: number\n  $altAnimation: boolean\n}>`\n  // position panel behind the page sticky footer on smaller screens\n  ${({ $rightOffset }) => css`\n    @media ${mediaBreakpointsDown.tabletMd} {\n      ${getShadow(2)}\n      border-left: 0;\n      z-index: ${zIndexes.panelNarrowScreen};\n      right: ${$rightOffset}px;\n    }\n  `}\n\n  /*\n   * On smaller screens, the panel is positioned absolutely,\n   *  so the animation needs to happen here\n  */\n  @media ${mediaBreakpointsDown.tabletMd} {\n    ${getPanelAnimation()}\n  }\n\n  ${({ $altAnimation }) => $altAnimation && getPanelAnimation()}\n\n  ${({ $closed }) =>\n    $closed &&\n    css`\n      display: none;\n    `}\n\n  border-left: 1px solid ${colors.gray85};\n  width: ${panelWidth}px;\n  position: fixed;\n  background-color: ${colors.gray96};\n\n  overflow: auto;\n  z-index: ${zIndexes.panelWideScreen};\n\n  ${({ $minusHeight }) => {\n    return css`\n      height: calc(100dvh - ${$minusHeight}px);\n    `\n  }}\n\n  ${({ $offsetTop }) =>\n    $offsetTop !== null &&\n    css`\n      top: ${$offsetTop}px;\n    `}\n`\n\nexport const StyledPageMain = styled.div<{\n  $tearsheetPlacement: Placement | null\n}>`\n  position: relative;\n  max-width: 100%;\n  background-color: ${colors.gray96};\n\n  ${() =>\n    isIE11() &&\n    css`\n      flex: 1 0 0%;\n    `}\n\n  ${({ $tearsheetPlacement }) => {\n    if (!$tearsheetPlacement) {\n      return ''\n    }\n\n    if (['top', 'bottom'].includes($tearsheetPlacement)) {\n      return css`\n        min-height: calc(100vh - ${minScrimSize}px);\n      `\n    }\n\n    return css`\n      min-height: 100vh;\n    `\n  }}\n`\n\nexport const StyledPageContainer = styled.div`\n  display: grid;\n  grid-template-columns: 1fr auto;\n  ${() =>\n    isIE11() &&\n    css`\n      display: flex;\n      flex-wrap: wrap;\n    `}\n`\n\nexport const StyledAsideFluidContainer = styled.div<{\n  $open: boolean\n  $closed: boolean\n}>`\n  ${({ $closed, $open }) =>\n    !isIE11() &&\n    css`\n      transition: width ${animationDuration.panel}ms;\n\n      ${$closed &&\n      css`\n        width: 0;\n      `}\n\n      ${$open &&\n      css`\n        width: ${panelWidth}px;\n      `}\n    `}\n`\n"],"mappings":"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"}
+{"version":3,"file":"PageLayout.styles.js","names":["styled","css","keyframes","StyledAnchorNavigation","minScrimSize","colors","getShadow","spacing","isIE11","mediaBreakpointsDown","headerVerticalSpacing","sm","outerPageSpacing","lg","outerPageSpacingSmaller","md","StyledPageHeader","div","withConfig","displayName","componentId","tabletMd","_ref","$transparent","white","StyledPageHeaderItem","StyledPageTitle","StyledPageBreadcrumbs","attrs","as","StyledPageBanner","getActions","xl","StyledPageActions","StyledPageTabs","StyledBody","navigationWidth","StyledNavigation","StyledContent","panelWidth","zIndexes","panelWideScreen","panelNarrowScreen","footer","animationDuration","panel","StyledFooter","_ref2","$hasShadow","_ref3","$isAsideOpen","StyledAside","_ref4","$closed","$open","slideDistance","slideIn","slideOut","getPanelAnimation","_ref5","$opening","_ref6","$closing","StyledAsidePanel","_ref7","$rightOffset","_ref8","$altAnimation","_ref9","gray85","gray96","_ref0","$minusHeight","_ref1","$offsetTop","StyledPageMain","_ref10","$tearsheetPlacement","includes","StyledPageContainer","StyledAsideFluidContainer","_ref11"],"sources":["../../src/PageLayout/PageLayout.styles.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { StyledAnchorNavigation } from '../AnchorNavigation/AnchorNavigation.styles'\nimport { minScrimSize } from '../Tearsheet/Tearsheet.styles'\nimport type { Placement } from '../Tearsheet/Tearsheet.types'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\nimport { isIE11 } from '../_utils/isIE11'\nimport { mediaBreakpointsDown } from './PageLayout.utils'\n\nconst headerVerticalSpacing = spacing.sm\nconst outerPageSpacing = spacing.lg\nconst outerPageSpacingSmaller = spacing.md\n\nexport const StyledPageHeader = styled.div<{ $transparent?: boolean }>`\n  padding-top: ${headerVerticalSpacing}px;\n  padding-right: ${outerPageSpacing}px;\n  padding-left: ${outerPageSpacing}px;\n\n  @media ${mediaBreakpointsDown.tabletMd} {\n    padding-right: ${outerPageSpacingSmaller}px;\n    padding-left: ${outerPageSpacingSmaller}px;\n  }\n\n  ${({ $transparent }) =>\n    !$transparent &&\n    css`\n      ${getShadow(1.5)}\n      background-color: ${colors.white};\n    `}\n`\n\nexport const StyledPageHeaderItem = styled.div`\n  margin-top: ${headerVerticalSpacing}px;\n\n  &:first-child {\n    margin-top: 0;\n  }\n`\n\nexport const StyledPageTitle = styled(StyledPageHeaderItem)`\n  &:last-child {\n    padding-bottom: ${headerVerticalSpacing}px;\n  }\n`\n\nexport const StyledPageBreadcrumbs = styled(StyledPageHeaderItem).attrs({\n  as: 'nav',\n})``\n\nexport const StyledPageBanner = styled(StyledPageHeaderItem)``\n\nexport const getActions = () => css`\n  flex-shrink: 0;\n  padding-left: ${spacing.xl}px;\n\n  > button,\n  > a {\n    &:first-child {\n      margin-left: 0;\n    }\n\n    margin-left: ${spacing.sm}px;\n  }\n`\n\nexport const StyledPageActions = styled.div`\n  ${getActions()}\n`\n\nexport const StyledPageTabs = styled(StyledPageHeaderItem)``\n\nexport const StyledBody = styled.div`\n  padding-top: ${outerPageSpacing}px;\n  padding-left: ${outerPageSpacing}px;\n  padding-right: ${outerPageSpacing}px;\n\n  @media ${mediaBreakpointsDown.tabletMd} {\n    padding-top: ${outerPageSpacingSmaller}px;\n    padding-left: ${outerPageSpacingSmaller}px;\n    padding-right: ${outerPageSpacingSmaller}px;\n  }\n`\n\nconst navigationWidth = 200\n\nexport const StyledNavigation = styled.div`\n  float: left;\n  max-height: 100vh;\n  min-width: ${navigationWidth}px;\n  overflow-y: auto;\n  position: sticky;\n  top: 0;\n  width: ${navigationWidth}px;\n\n  ${StyledAnchorNavigation} {\n    padding: 20px ${spacing.sm}px 0 0;\n  }\n\n  @media screen and (max-width: 1024px) {\n    display: none;\n  }\n`\n\nexport const StyledContent = styled.div``\n\nconst panelWidth = 400\nconst zIndexes = {\n  panelWideScreen: 3,\n  panelNarrowScreen: 1,\n  footer: 2,\n}\n\nexport const animationDuration = {\n  panel: 600,\n}\n\nexport const StyledFooter = styled.div<{\n  $isAsideOpen: boolean\n  $hasShadow: boolean\n}>`\n  background-color: ${colors.white};\n\n  ${({ $hasShadow }) => $hasShadow && getShadow(2, 'top')}\n\n  position: sticky;\n  bottom: 0;\n  z-index: ${zIndexes.footer};\n\n  ${({ $isAsideOpen }) =>\n    $isAsideOpen &&\n    css`\n      @media ${mediaBreakpointsDown.tabletMd} {\n        z-index: ${zIndexes.footer};\n      }\n    `}\n`\n\nexport const StyledAside = styled.div<{ $open: boolean; $closed: boolean }>`\n  ${({ $closed, $open }) =>\n    isIE11() &&\n    css`\n      display: flex;\n      flex-grow: 0;\n      flex-shrink: 0;\n      flex-basis: 0;\n\n      transition: flex-basis ${animationDuration.panel}ms;\n\n      ${$closed &&\n      css`\n        flex-basis: 0;\n      `}\n\n      ${$open &&\n      css`\n        flex-basis: ${panelWidth}px;\n      `}\n    `}\n\n  // remove aside block from the main flow on smaller screens, enabling overlay-like positioning\n  @media ${mediaBreakpointsDown.tabletMd} {\n    position: absolute;\n    right: 0;\n  }\n`\n\nconst slideDistance = '100%'\n\nconst slideIn = keyframes`\n  from {\n    transform: translateX(${slideDistance});\n  }\n  to {\n    transform: translateX(0);\n  }\n`\n\nconst slideOut = keyframes`\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(${slideDistance});\n  }\n`\n\nconst getPanelAnimation = () => css<{ $opening: boolean; $closing: boolean }>`\n  ${({ $opening }) =>\n    $opening &&\n    css`\n      animation: ${slideIn} ease-out ${animationDuration.panel}ms;\n    `}\n\n  ${({ $closing }) =>\n    $closing &&\n    css`\n      animation: ${slideOut} ease-out ${animationDuration.panel}ms;\n    `}\n`\n\nexport const StyledAsidePanel = styled.div<{\n  $offsetTop: number | null\n  $minusHeight: number\n  $closing: boolean\n  $closed: boolean\n  $opening: boolean\n  $rightOffset: number\n  $altAnimation: boolean\n}>`\n  // position panel behind the page sticky footer on smaller screens\n  ${({ $rightOffset }) => css`\n    @media ${mediaBreakpointsDown.tabletMd} {\n      ${getShadow(2)}\n      border-left: 0;\n      z-index: ${zIndexes.panelNarrowScreen};\n      right: ${$rightOffset}px;\n    }\n  `}\n\n  /*\n   * On smaller screens, the panel is positioned absolutely,\n   *  so the animation needs to happen here\n  */\n  @media ${mediaBreakpointsDown.tabletMd} {\n    ${getPanelAnimation()}\n  }\n\n  ${({ $altAnimation }) => $altAnimation && getPanelAnimation()}\n\n  ${({ $closed }) =>\n    $closed &&\n    css`\n      display: none;\n    `}\n\n  border-left: 1px solid ${colors.gray85};\n  width: ${panelWidth}px;\n  position: fixed;\n  background-color: ${colors.gray96};\n\n  overflow: auto;\n  z-index: ${zIndexes.panelWideScreen};\n\n  ${({ $minusHeight }) => {\n    return css`\n      height: calc(100dvh - ${$minusHeight}px);\n    `\n  }}\n\n  ${({ $offsetTop }) =>\n    $offsetTop !== null &&\n    css`\n      top: ${$offsetTop}px;\n    `}\n`\n\nexport const StyledPageMain = styled.div<{\n  $tearsheetPlacement: Placement | null\n}>`\n  position: relative;\n  max-width: 100%;\n  background-color: ${colors.gray96};\n\n  ${() =>\n    isIE11() &&\n    css`\n      flex: 1 0 0%;\n    `}\n\n  ${({ $tearsheetPlacement }) => {\n    if (!$tearsheetPlacement) {\n      return ''\n    }\n\n    if (['top', 'bottom'].includes($tearsheetPlacement)) {\n      return css`\n        min-height: calc(100vh - ${minScrimSize}px);\n      `\n    }\n\n    return css`\n      min-height: 100vh;\n    `\n  }}\n`\n\nexport const StyledPageContainer = styled.div`\n  display: grid;\n  grid-template-columns: 1fr auto;\n  ${() =>\n    isIE11() &&\n    css`\n      display: flex;\n      flex-wrap: wrap;\n    `}\n`\n\nexport const StyledAsideFluidContainer = styled.div<{\n  $open: boolean\n  $closed: boolean\n}>`\n  ${({ $closed, $open }) =>\n    !isIE11() &&\n    css`\n      transition: width ${animationDuration.panel}ms;\n\n      ${$closed &&\n      css`\n        width: 0;\n      `}\n\n      ${$open &&\n      css`\n        width: ${panelWidth}px;\n      `}\n    `}\n`\n"],"mappings":"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"}

package/dist/PageTemplate/PageFooterTemplate/PageFooterTemplate.styles.js

@@ -3,6 +3,6 @@ import { colors } from '../../_styles/colors';
 import { spacing } from '../../_styles/spacing';
 export var StyledPageFooter = /*#__PURE__*/styled.footer.withConfig({
   displayName: "StyledPageFooter",
-  componentId: "core-12_36_0__sc-1f0zfyf-0"
+  componentId: "core-12_38_0__sc-1f0zfyf-0"
 })(["display:flex;align-items:center;justify-content:space-between;background-color:", ";padding:", "px;width:100%;box-shadow:0 -2px 6px 0 rgba(0,0,0,0.1);position:sticky;bottom:0;"], colors.white, spacing.lg);
 //# sourceMappingURL=PageFooterTemplate.styles.js.map

package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.js

@@ -5,16 +5,16 @@ import { colors } from '../../_styles/colors';
 import { spacing } from '../../_styles/spacing';
 export var StyledPageHeader = /*#__PURE__*/styled(Page.Header).withConfig({
   displayName: "StyledPageHeader",
-  componentId: "core-12_36_0__sc-1d5kop0-0"
+  componentId: "core-12_38_0__sc-1d5kop0-0"
 })(["border-bottom:1px solid ", ";padding-top:", "px;", ""], colors.gray85, spacing.lg, function (p) {
   return p.$hasPaddingBottom && "padding-bottom: ".concat(spacing.lg, "px;");
 });
 export var StyledActions = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledActions",
-  componentId: "core-12_36_0__sc-1d5kop0-1"
+  componentId: "core-12_38_0__sc-1d5kop0-1"
 })(["width:fit-content;"]);
 export var StyledToggleActionBox = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledToggleActionBox",
-  componentId: "core-12_36_0__sc-1d5kop0-2"
+  componentId: "core-12_38_0__sc-1d5kop0-2"
 })(["bottom:", "px;position:relative;padding-left:48px;"], spacing.lg);
 //# sourceMappingURL=PageHeaderTemplate.styles.js.map

package/dist/PageTemplate/PagePaneTemplate/PagePaneTemplate.styles.js

@@ -10,10 +10,10 @@ var panelWidthSmall = 360;
 export var mobileBreakpoint = 440;
 export var StyledPageAside = /*#__PURE__*/styled(Page.Aside).withConfig({
   displayName: "StyledPageAside",
-  componentId: "core-12_36_0__sc-1p7nu53-0"
+  componentId: "core-12_38_0__sc-1p7nu53-0"
 })(["position:sticky;top:0;right:0;max-height:100vh;width:100%;height:100%;@media ", "{position:sticky;max-width:", "px;flex-basis:", "px;}", "{@media ", "{max-width:", "px;}}", "{position:sticky;top:0;right:0;box-shadow:none;animation:none;padding-bottom:68px;@media ", "{width:", "px;}@media (max-width:", "px){padding-bottom:0;}}", "{position:fixed;bottom:0;display:flex;width:100%;max-width:400px;@media ", "{max-width:", "px;}}"], mediaBreakpointsDown.tabletLg, panelWidthSmall, panelWidthSmall, StyledAsideFluidContainer, mediaBreakpointsDown.tabletLg, panelWidthSmall, StyledAsidePanel, mediaBreakpointsDown.tabletLg, panelWidthSmall, mobileBreakpoint, StyledPanelFooter, mediaBreakpointsDown.tabletLg, panelWidthSmall);
 export var StyledModal = /*#__PURE__*/styled(Modal).withConfig({
   displayName: "StyledModal",
-  componentId: "core-12_36_0__sc-1p7nu53-1"
+  componentId: "core-12_38_0__sc-1p7nu53-1"
 })(["top:", "px;bottom:", "px;max-width:416px;transform:none;", "{max-height:100vh;}@media (max-width:", "px){top:0;bottom:0;left:0;right:0;max-width:100%;}"], spacing.md, spacing.md, StyledModalContent, mobileBreakpoint);
 //# sourceMappingURL=PagePaneTemplate.styles.js.map

package/dist/PageTemplate/PageTemplate/PageTemplate.styles.js

@@ -5,14 +5,14 @@ import { spacing } from '../../_styles/spacing';
 export var mobileBreakpoint = 440;
 export var StyledPageWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageWrapper",
-  componentId: "core-12_36_0__sc-uuo7st-0"
+  componentId: "core-12_38_0__sc-uuo7st-0"
 })(["display:flex;flex-direction:column;"]);
 export var StyledPageBodyWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageBodyWrapper",
-  componentId: "core-12_36_0__sc-uuo7st-1"
+  componentId: "core-12_38_0__sc-uuo7st-1"
 })(["display:grid;grid-template-columns:1fr auto;"]);
 export var StyledPageBody = /*#__PURE__*/styled(Page.Body).withConfig({
   displayName: "StyledPageBody",
-  componentId: "core-12_36_0__sc-uuo7st-2"
+  componentId: "core-12_38_0__sc-uuo7st-2"
 })(["padding-bottom:", "px;@media ", "{padding:", "px;}"], spacing.lg, mediaBreakpointsDown.desktopMd, spacing.md);
 //# sourceMappingURL=PageTemplate.styles.js.map

package/dist/Pagination/Pagination.styles.js

@@ -5,22 +5,22 @@ import { Typography } from '../Typography/Typography';
 import { spacing } from '../_styles/spacing';
 export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContainer",
-  componentId: "core-12_36_0__sc-fy34i1-0"
+  componentId: "core-12_38_0__sc-fy34i1-0"
 })(["display:flex;align-items:center;"]);
 export var StyledPageCount = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledPageCount",
-  componentId: "core-12_36_0__sc-fy34i1-1"
+  componentId: "core-12_38_0__sc-fy34i1-1"
 })(["margin-right:", "px;"], spacing.xl);
 export var StyledCurrentPage = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledCurrentPage",
-  componentId: "core-12_36_0__sc-fy34i1-2"
+  componentId: "core-12_38_0__sc-fy34i1-2"
 })(["margin-right:", "px;"], spacing.sm);
 export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledButton",
-  componentId: "core-12_36_0__sc-fy34i1-3"
+  componentId: "core-12_38_0__sc-fy34i1-3"
 })(["margin-left:", "px;"], spacing.sm);
 export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledOverlay",
-  componentId: "core-12_36_0__sc-fy34i1-4"
+  componentId: "core-12_38_0__sc-fy34i1-4"
 })(["min-height:80px;max-height:300px;max-width:248px;"]);
 //# sourceMappingURL=Pagination.styles.js.map

package/dist/Panel/Panel.styles.js

@@ -11,15 +11,15 @@ var gutter = /*#__PURE__*/css(["> * + *{margin-left:", "px;}"], spacing.sm);
 var panel = /*#__PURE__*/css(["display:flex;align-items:center;padding:", "px;background:", ";"], spacing.lg, colors.white);
 export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeader",
-  componentId: "core-12_36_0__sc-lidix2-0"
+  componentId: "core-12_38_0__sc-lidix2-0"
 })(["border-bottom:1px solid ", ";", ""], colors.gray85, panel);
 export var StyledTitle = /*#__PURE__*/styled(H2).withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_36_0__sc-lidix2-1"
+  componentId: "core-12_38_0__sc-lidix2-1"
 })(["flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
 export var StyledHeaderBackAction = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderBackAction",
-  componentId: "core-12_36_0__sc-lidix2-2"
+  componentId: "core-12_38_0__sc-lidix2-2"
 })(["transition:all 300ms ease-out;flex-shrink:0;width:", "px;margin-right:", "px;opacity:", ";transform:translateX( ", "px );"], function (_ref) {
   var $active = _ref.$active;
   return $active ? headerActionSize : 0;
@@ -35,38 +35,38 @@ export var StyledHeaderBackAction = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledMoreMenu = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledMoreMenu",
-  componentId: "core-12_36_0__sc-lidix2-3"
+  componentId: "core-12_38_0__sc-lidix2-3"
 })(["max-height:128px;"]);
 export var StyledHeaderActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderActions",
-  componentId: "core-12_36_0__sc-lidix2-4"
+  componentId: "core-12_38_0__sc-lidix2-4"
 })(["display:flex;margin-left:", "px;flex-shrink:0;", ""], spacing.lg, gutter);
 export var StyledCloseButton = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledCloseButton",
-  componentId: "core-12_36_0__sc-lidix2-5"
+  componentId: "core-12_38_0__sc-lidix2-5"
 })(["margin-left:", "px;"], spacing.sm);
 export var StyledBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBody",
-  componentId: "core-12_36_0__sc-lidix2-6"
+  componentId: "core-12_38_0__sc-lidix2-6"
 })(["height:100%;background:", ";overflow-y:auto;&:focus-visible{", "}> ", "{padding-left:", "px;padding-right:", "px;", "{padding-left:0;padding-right:0;}&:first-child > ", "{padding-top:", "px;}}"], function (_ref5) {
   var secondaryBgColor = _ref5.secondaryBgColor;
   return secondaryBgColor ? colors.gray96 : colors.white;
 }, getFocusInset(), StyledSection, spacing.lg, spacing.lg, StyledSection, StyledSectionInner, spacing.lg);
 export var StyledPanel = /*#__PURE__*/styled.aside.withConfig({
   displayName: "StyledPanel",
-  componentId: "core-12_36_0__sc-lidix2-7"
+  componentId: "core-12_38_0__sc-lidix2-7"
 })(["display:flex;flex-direction:column;width:100%;height:100%;background:", ";overflow:hidden;"], colors.white);
 export var StyledFooterNotation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooterNotation",
-  componentId: "core-12_36_0__sc-lidix2-8"
+  componentId: "core-12_38_0__sc-lidix2-8"
 })(["flex-grow:1;"]);
 export var StyledFooterActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooterActions",
-  componentId: "core-12_36_0__sc-lidix2-9"
+  componentId: "core-12_38_0__sc-lidix2-9"
 })(["", ""], gutter);
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_36_0__sc-lidix2-10"
+  componentId: "core-12_38_0__sc-lidix2-10"
 })(["border-top:1px solid ", ";justify-content:flex-end;", " ", ""], colors.gray85, panel, function (_ref6) {
   var $hasShadow = _ref6.$hasShadow;
   return $hasShadow && css(["box-shadow:0 -4px 6px 0 #0000001a;z-index:1;"]);

package/dist/Pill/Pill.styles.js

@@ -6,18 +6,18 @@ import { PillColorPalets } from './Pill.colorPalette';
 var pillButtonSize = 16;
 export var StyledPill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledPill",
-  componentId: "core-12_36_0__sc-99e1t5-0"
+  componentId: "core-12_38_0__sc-99e1t5-0"
 })(["", " display:inline-block;padding:1px ", "px;border:1px solid;border-radius:10px;font-weight:600;& + &{margin-left:", "px;}", ""], getTypographyIntent('small'), spacing.sm, spacing.xs, function (_ref) {
   var $color = _ref.$color;
   return css(["background-color:", ";border-color:", ";color:", ";"], PillColorPalets[$color].backgroundColor, PillColorPalets[$color].borderColor, PillColorPalets[$color].color);
 });
 export var StyledRemove = /*#__PURE__*/styled(Clear).withConfig({
   displayName: "StyledRemove",
-  componentId: "core-12_36_0__sc-99e1t5-1"
+  componentId: "core-12_38_0__sc-99e1t5-1"
 })(["border-radius:100%;cursor:pointer;flex:0 0 auto;height:", "px;width:", "px;vertical-align:top;"], pillButtonSize, pillButtonSize);
 export var StyledRemoveButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledRemoveButton",
-  componentId: "core-12_36_0__sc-99e1t5-2"
+  componentId: "core-12_38_0__sc-99e1t5-2"
 })(["border:0;padding:0;border-radius:100%;margin:0 -", "px 0 ", "px;color:inherit;", ""], pillButtonSize / 2 - spacing.xxs, spacing.xxs, function (_ref2) {
   var $color = _ref2.$color;
   return css(["&:hover{background:", ";color:", ";}"], PillColorPalets[$color].color, PillColorPalets[$color].backgroundColor);

package/dist/PillSelect/PillSelect.styles.js

@@ -6,19 +6,19 @@ import { spacing } from '../_styles/spacing';
 var checkedIconPlaceholderWidth = 32;
 export var PillSelectOptionWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "PillSelectOptionWrapper",
-  componentId: "core-12_36_0__sc-1ai2ze0-0"
+  componentId: "core-12_38_0__sc-1ai2ze0-0"
 })(["display:flex;align-items:center;justify-content:space-between;"]);
 export var PillSelectCheckedContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "PillSelectCheckedContainer",
-  componentId: "core-12_36_0__sc-1ai2ze0-1"
+  componentId: "core-12_38_0__sc-1ai2ze0-1"
 })(["align-items:center;color:", ";display:inline-flex;padding-left:", "px;width:", "px;"], colors.blue50, spacing.sm, checkedIconPlaceholderWidth);
 export var PillSelectLabel = /*#__PURE__*/styled(Pill).withConfig({
   displayName: "PillSelectLabel",
-  componentId: "core-12_36_0__sc-1ai2ze0-2"
+  componentId: "core-12_38_0__sc-1ai2ze0-2"
 })(["", ""], getEllipsis);
 export var PillSelectLabelWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "PillSelectLabelWrapper",
-  componentId: "core-12_36_0__sc-1ai2ze0-3"
+  componentId: "core-12_38_0__sc-1ai2ze0-3"
 })(["display:flex;max-width:100%;pointer-events:auto;", ""], function (_ref) {
   var disabled = _ref.disabled;
   return disabled && css(["pointer-events:none;"]);

package/dist/Popover/Popover.js

@@ -55,7 +55,8 @@ function PopoverInner(_ref2, ref) {
     restoreFocusOnHide: restoreFocusOnHide,
     shrinkOverlay: true,
     arrow: true,
-    overlayRef: overlayRef
+    overlayRef: overlayRef,
+    trackAriaExpanded: true
   }), children);
 }
 var Popover_ = /*#__PURE__*/React.forwardRef(PopoverInner);