@procore/core-react 12.17.5 → 12.17.7

package/dist/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["Clear","React","useEffect","Button","useModalDialogLike","Portal","Heading","LevelContext","Section","SectionProvider","useDeprecation","useLayoutEventListener","OverridableFocusScope","useI18nContext","useOverflowObserver","useScrollLock","Visibility","addSubcomponents","CloseWithConfirmContext","useCloseWithConfirmContext","useCloseWithConfirmState","mergeRefs","ChildRegistryProvider","useModalChildRegistryDispatch","fadeInClassName","fadeOutClassName","StyledModal","StyledModalBody","StyledModalButtons","StyledModalCancel","StyledModalContainer","StyledModalContent","StyledModalFooter","StyledModalFooterNotation","StyledModalFooterSummary","StyledModalHeader","StyledModalHeading","StyledModalScrim","StyledModalWarningIcon","useInitializeModalFocus","noop","defaultStartLevel","initialBodyLevel","ModalCloseContext","createContext","howToClose","onClose","undefined","ModalBodyScrollContext","isBodyScrolled","setIsBodyScrolled","ModalClosableHeader","forwardRef","_ref","ref","children","_ref$compact","compact","externalOnClose","qa","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","_React$useContext2","I18n","modalClosableHeaderRef","useRef","_useCloseWithConfirmC","closeWithConfirm","registerChildRef","child","onClickButton","e","includes","createElement","_extends","$compact","$isBodyScrolled","t","closeButton","icon","onClick","size","variant","ModalClosableFooterButtons","_ref2","_excluded2","_React$useContext3","_useCloseWithConfirmC2","modalClosableFooterButtonsRef","ModalContainer","_ref3","_ref3$compact","placement","width","_excluded3","_React$useContext4","modalContainerRef","hasOnClose","shadowStrength","$placement","$width","ModalBody","_ref4","_ref4$compact","_ref4$noSideSpacing","noSideSpacing","_excluded4","_useOverflowObserver","isOverflowingY","overflowRef","scrollRef","modalBodyRef","_React$useContext5","event","handler","currentTarget","scrollTop","scope","Provider","value","$isOverflowingY","$noSideSpacing","tabIndex","ModalFooterSummary","_ref5","_excluded5","ModalFooterNotation","_ref6","_excluded6","intent","color","italic","Modal_","_ref7","ariaDescribedby","ariaDetails","ariaLabelledby","ariaLabel","_ref7$compact","id","_ref7$onClickOverlay","onClickOverlay","_ref7$open","open","_ref7$placement","role","_excluded7","_React$useState","useState","_React$useState2","_slicedToArray","visible","setVisible","_React$useState3","_React$useState4","fadeType","setFadeType","closeWithConfirmState","setTimeout","onTransitionEnd","handleKeyDown","key","preventDefault","stopPropagation","_useModalDialogLike","isModal","isOpen","dialogProps_","dialogProps","onClickScrim","autoFocus","contain","restoreFocus","className","onKeyDown","ModalBodyScrollObserver","_ref8","_React$useState5","_React$useState6","ConfirmModal","_ref9","headline","_excluded8","Modal","ModalState","oldThing","displayName","Body","Container","Content","FooterSummary","Footer","FooterButtons","FooterNotation","Header","Overlay","Scrim","State"],"sources":["../../src/Modal/Modal.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\nimport React, { useEffect } from 'react'\nimport { Button } from '../Button/Button'\nimport { useModalDialogLike } from '../OverlayTrigger/a11yPresets'\nimport { Portal } from '../Portal/Portal'\nimport {\n  Heading,\n  LevelContext,\n  Section,\n  SectionProvider,\n} from '../Section/Section'\nimport type { TypographyProps } from '../Typography/Typography.types'\nimport { useDeprecation } from '../_hooks/Deprecation'\nimport { useLayoutEventListener } from '../_hooks/EventListener'\nimport { OverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useOverflowObserver } from '../_hooks/OverflowObserver'\nimport { useScrollLock } from '../_hooks/ScrollLock'\nimport type { RenderProps } from '../_hooks/Visibility'\nimport { Visibility } from '../_hooks/Visibility'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  CloseWithConfirmContext,\n  useCloseWithConfirmContext,\n  useCloseWithConfirmState,\n} from '../_utils/closeWithConfirm'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { DivAttributes, SpanAttributes } from '../_utils/types'\nimport {\n  ChildRegistryProvider,\n  useModalChildRegistryDispatch,\n} from './ChildRegistry.context'\nimport {\n  fadeInClassName,\n  fadeOutClassName,\n  StyledModal,\n  StyledModalBody,\n  StyledModalButtons,\n  StyledModalCancel,\n  StyledModalContainer,\n  StyledModalContent,\n  StyledModalFooter,\n  StyledModalFooterNotation,\n  StyledModalFooterSummary,\n  StyledModalHeader,\n  StyledModalHeading,\n  StyledModalScrim,\n  StyledModalWarningIcon,\n} from './Modal.styles'\nimport type {\n  ConfirmModalProps,\n  ModalBodyProps,\n  ModalCloseableHeaderProps,\n  ModalCloseContextApi,\n  ModalContainerProps,\n  ModalProps,\n} from './Modal.types'\nimport { useInitializeModalFocus } from './useInitializeModalFocus'\n\nfunction noop() {}\nconst defaultStartLevel = 2\nconst initialBodyLevel = 3\n\nconst ModalCloseContext = React.createContext<ModalCloseContextApi>({\n  howToClose: [],\n  onClose: undefined,\n})\n\ninterface ModalBodyScrollContextApi {\n  isBodyScrolled: boolean\n  setIsBodyScrolled: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nconst ModalBodyScrollContext = React.createContext<ModalBodyScrollContextApi>({\n  isBodyScrolled: false,\n  setIsBodyScrolled: noop,\n})\n\nconst ModalClosableHeader = React.forwardRef<\n  HTMLDivElement,\n  ModalCloseableHeaderProps\n>(\n  (\n    { children, compact = false, onClose: externalOnClose, qa, ...props },\n    ref\n  ) => {\n    const { isBodyScrolled } = React.useContext(ModalBodyScrollContext)\n    const { howToClose, onClose } = React.useContext(ModalCloseContext)\n    const I18n = useI18nContext()\n    const modalClosableHeaderRef = React.useRef(null)\n\n    const { closeWithConfirm } = useCloseWithConfirmContext()\n    const registerChildRef = useModalChildRegistryDispatch()\n\n    useEffect(() => {\n      registerChildRef({ child: 'header', ref: modalClosableHeaderRef })\n    }, [])\n\n    function onClickButton(e: React.MouseEvent<HTMLButtonElement>) {\n      if (onClose && howToClose?.includes('x')) {\n        closeWithConfirm(onClose)(e, 'x')\n        return\n      }\n      closeWithConfirm(externalOnClose!)(e)\n    }\n\n    return (\n      <StyledModalHeader\n        $compact={compact}\n        $isBodyScrolled={isBodyScrolled}\n        {...props}\n        ref={mergeRefs(ref, modalClosableHeaderRef)}\n      >\n        <StyledModalHeading $compact={compact}>{children}</StyledModalHeading>\n        {(onClose && howToClose?.includes('x')) || externalOnClose ? (\n          <StyledModalCancel>\n            <Button\n              aria-label={I18n.t('core.modal.a11y.close')}\n              data-internal=\"close-button\"\n              data-qa={qa?.closeButton}\n              icon={<Clear />}\n              onClick={onClickButton}\n              size={compact ? 'sm' : 'md'}\n              variant=\"tertiary\"\n            />\n          </StyledModalCancel>\n        ) : null}\n      </StyledModalHeader>\n    )\n  }\n)\n\nconst ModalClosableFooterButtons = React.forwardRef<\n  HTMLDivElement,\n  ModalCloseableHeaderProps\n>(({ children, ...props }, ref) => {\n  const { howToClose, onClose } = React.useContext(ModalCloseContext)\n  const I18n = useI18nContext()\n  const { closeWithConfirm } = useCloseWithConfirmContext()\n  const modalClosableFooterButtonsRef = React.useRef(null)\n\n  const registerChildRef = useModalChildRegistryDispatch()\n\n  useEffect(() => {\n    registerChildRef({\n      child: 'closeableButtons',\n      ref: modalClosableFooterButtonsRef,\n    })\n  }, [])\n\n  function onClickButton(e: React.MouseEvent<HTMLButtonElement>) {\n    closeWithConfirm(onClose!)(e, 'footer-button')\n  }\n\n  return (\n    <StyledModalButtons\n      {...props}\n      ref={mergeRefs(ref, modalClosableFooterButtonsRef)}\n    >\n      {howToClose?.includes('footer-button') && (\n        <Button onClick={onClickButton} variant=\"tertiary\">\n          {I18n.t('core.modal.cancel')}\n        </Button>\n      )}\n      {children}\n    </StyledModalButtons>\n  )\n})\n\nconst ModalContainer = React.forwardRef<HTMLDivElement, ModalContainerProps>(\n  ({ compact = false, placement, width, ...props }, ref) => {\n    const { onClose } = React.useContext(ModalCloseContext)\n    const modalContainerRef = React.useRef<HTMLDivElement>(null)\n    useInitializeModalFocus({ modalContainerRef, hasOnClose: !!onClose })\n\n    return (\n      <StyledModalContainer\n        {...props}\n        shadowStrength={4}\n        $compact={compact}\n        $placement={placement}\n        $width={width}\n        ref={mergeRefs(ref, modalContainerRef)}\n      />\n    )\n  }\n)\n\nconst ModalBody = React.forwardRef<HTMLDivElement, ModalBodyProps>(\n  ({ children, compact = false, noSideSpacing = false, ...props }, ref) => {\n    const { isOverflowingY, ref: overflowRef } = useOverflowObserver()\n    const scrollRef = React.useRef(null)\n    const modalBodyRef = React.useRef(null)\n    const { setIsBodyScrolled } = React.useContext(ModalBodyScrollContext)\n    const registerChildRef = useModalChildRegistryDispatch()\n\n    useEffect(() => {\n      registerChildRef({ child: 'body', ref: modalBodyRef })\n    }, [])\n\n    useLayoutEventListener({\n      event: 'scroll',\n      handler: (e: React.UIEvent<HTMLElement>) => {\n        setIsBodyScrolled(e.currentTarget.scrollTop > 0)\n      },\n      scope: scrollRef,\n    })\n\n    return (\n      <SectionProvider>\n        <LevelContext.Provider value={initialBodyLevel}>\n          <StyledModalBody\n            {...props}\n            $compact={compact}\n            $isOverflowingY={isOverflowingY}\n            $noSideSpacing={noSideSpacing}\n            ref={mergeRefs(overflowRef, scrollRef, ref, modalBodyRef)}\n            tabIndex={0}\n          >\n            {children}\n          </StyledModalBody>\n        </LevelContext.Provider>\n      </SectionProvider>\n    )\n  }\n)\n\nconst ModalFooterSummary = React.forwardRef<HTMLDivElement, DivAttributes>(\n  ({ children, ...props }, ref) => {\n    return (\n      <StyledModalFooterSummary {...props} ref={ref}>\n        {children}\n      </StyledModalFooterSummary>\n    )\n  }\n)\n\nconst ModalFooterNotation = React.forwardRef<\n  HTMLSpanElement,\n  SpanAttributes & TypographyProps\n>(({ children, ...props }, ref) => (\n  <StyledModalFooterNotation\n    aria-live=\"polite\"\n    intent=\"small\"\n    color=\"gray45\"\n    italic\n    {...props}\n    ref={ref}\n  >\n    {children}\n  </StyledModalFooterNotation>\n))\n\nconst Modal_ = React.forwardRef<HTMLDivElement, ModalProps>(\n  (\n    {\n      ['aria-describedby']: ariaDescribedby,\n      ['aria-details']: ariaDetails,\n      ['aria-labelledby']: ariaLabelledby,\n      ['aria-label']: ariaLabel,\n      children,\n      compact = false,\n      howToClose,\n      id,\n      onClickOverlay = noop,\n      onClose,\n      open = false,\n      placement = 'center',\n      role,\n      ...props\n    },\n    ref\n  ) => {\n    useScrollLock(open)\n    const [visible, setVisible] = React.useState<boolean>(open)\n    const [fadeType, setFadeType] = React.useState<string>('')\n    const closeWithConfirmState = useCloseWithConfirmState()\n    const { closeWithConfirm } = closeWithConfirmState\n\n    React.useEffect(() => {\n      if (open) {\n        setVisible(true)\n        setTimeout(() => {\n          setFadeType(fadeInClassName)\n        }, 0)\n      } else {\n        setFadeType(fadeOutClassName)\n      }\n    }, [open])\n\n    const onTransitionEnd = () => {\n      if (fadeType === fadeOutClassName) {\n        setVisible(false)\n      }\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!onClose) return\n      if (e.key === 'Escape') {\n        e.preventDefault()\n        e.stopPropagation()\n        closeWithConfirm(onClose)(e, 'x')\n      }\n    }\n\n    const { dialogProps: dialogProps_ } = useModalDialogLike({\n      'aria-describedby': ariaDescribedby,\n      'aria-details': ariaDetails,\n      'aria-labelledby': ariaLabelledby,\n      'aria-label': ariaLabel,\n      id,\n      isModal: false,\n      isOpen: open,\n      role,\n    })\n\n    const dialogProps = onClose && role === 'dialog' ? dialogProps_ : {}\n\n    function onClickScrim(\n      e: React.ComponentProps<typeof StyledModalScrim>['onClick']\n    ) {\n      onClickOverlay(e)\n      if (onClose && howToClose?.includes('scrim')) {\n        closeWithConfirm(onClose)(e, 'scrim')\n      }\n    }\n\n    return visible ? (\n      <Portal>\n        <ModalCloseContext.Provider value={{ onClose, howToClose }}>\n          <LevelContext.Provider value={defaultStartLevel}>\n            <ChildRegistryProvider>\n              <OverridableFocusScope\n                // TODO breaking - always\n                autoFocus={!!onClose}\n                contain={!!onClose}\n                restoreFocus={!!onClose}\n              >\n                <StyledModal\n                  className={fadeType}\n                  ref={ref}\n                  onTransitionEnd={onTransitionEnd}\n                  onKeyDown={handleKeyDown}\n                  {...dialogProps}\n                >\n                  <StyledModalScrim onClick={onClickScrim} />\n\n                  <ModalContainer\n                    {...props}\n                    compact={compact}\n                    placement={placement}\n                  >\n                    <StyledModalContent $compact={compact}>\n                      <ModalBodyScrollObserver>\n                        <CloseWithConfirmContext.Provider\n                          value={closeWithConfirmState}\n                        >\n                          {children}\n                        </CloseWithConfirmContext.Provider>\n                      </ModalBodyScrollObserver>\n                    </StyledModalContent>\n                  </ModalContainer>\n                </StyledModal>\n              </OverridableFocusScope>\n            </ChildRegistryProvider>\n          </LevelContext.Provider>\n        </ModalCloseContext.Provider>\n      </Portal>\n    ) : null\n  }\n)\n\nfunction ModalBodyScrollObserver({ children }: { children: React.ReactNode }) {\n  const [isBodyScrolled, setIsBodyScrolled] = React.useState<boolean>(false)\n\n  return (\n    <ModalBodyScrollContext.Provider\n      value={{ isBodyScrolled, setIsBodyScrolled }}\n    >\n      {children}\n    </ModalBodyScrollContext.Provider>\n  )\n}\n\nexport const ConfirmModal = React.forwardRef<HTMLDivElement, ConfirmModalProps>(\n  ({ children, headline, onClose, ...props }, ref) => {\n    return (\n      <Modal {...props} ref={ref}>\n        <ModalClosableHeader onClose={onClose}>\n          <StyledModalWarningIcon size=\"lg\" />\n          {headline}\n        </ModalClosableHeader>\n        {children}\n      </Modal>\n    )\n  }\n)\n\nfunction ModalState(props: RenderProps) {\n  useDeprecation({ oldThing: 'Modal.State' })\n  return <Visibility {...props} />\n}\n\nModal_.displayName = 'Modal'\n\nConfirmModal.displayName = 'ConfirmModal'\n\nModalBody.displayName = 'Modal.Body'\n\nModalFooterNotation.displayName = 'Modal.FooterNotation'\n\nModalFooterSummary.displayName = 'Modal.FooterSummary'\n\nconst Body = ModalBody\nconst Container = ModalContainer\nconst Content = StyledModalContent\nconst FooterSummary = ModalFooterSummary\nconst Footer = StyledModalFooter\nconst FooterButtons = ModalClosableFooterButtons\nconst FooterNotation = ModalFooterNotation\nconst Header = ModalClosableHeader\nconst Overlay = StyledModal\nconst Scrim = StyledModalScrim\nconst State = ModalState\n\n/**\n\n We use modals to present additional actions, information, or forms on pages\n where a user’s experience would benefit from remaining on the same page.\n They can include graphics, inputs, buttons, and other elements as needed to\n produce the workflow or action needed.\n\n Do not include modals on pages with complicated UI layouts.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-modal--demo)\n\n @see [Design Guidelines](https://design.procore.com/modal)\n\n */\nexport const Modal = addSubcomponents(\n  {\n    Body,\n    Container,\n    Content,\n    Footer,\n    FooterButtons,\n    FooterNotation,\n    FooterSummary,\n    Header,\n    Heading: Heading,\n    Overlay,\n    Scrim,\n    State,\n    Section,\n  },\n  Modal_\n)\n"],"mappings":"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"}
+{"version":3,"file":"Modal.js","names":["Clear","React","useEffect","Button","useModalDialogLike","Portal","Heading","LevelContext","Section","SectionProvider","useDeprecation","useLayoutEventListener","OverridableFocusScope","useI18nContext","useOverflowObserver","useScrollLock","Visibility","addSubcomponents","CloseWithConfirmContext","useCloseWithConfirmContext","useCloseWithConfirmState","mergeRefs","ChildRegistryProvider","useModalChildRegistryDispatch","fadeInClassName","fadeOutClassName","StyledModal","StyledModalBody","StyledModalButtons","StyledModalCancel","StyledModalContainer","StyledModalContent","StyledModalFooter","StyledModalFooterNotation","StyledModalFooterSummary","StyledModalHeader","StyledModalHeading","StyledModalScrim","StyledModalWarningIcon","useInitializeModalFocus","noop","defaultStartLevel","initialBodyLevel","ModalCloseContext","createContext","howToClose","onClose","undefined","ModalBodyScrollContext","isBodyScrolled","setIsBodyScrolled","ModalClosableHeader","forwardRef","_ref","ref","children","_ref$compact","compact","externalOnClose","qa","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","_React$useContext2","I18n","modalClosableHeaderRef","useRef","_useCloseWithConfirmC","closeWithConfirm","registerChildRef","child","onClickButton","e","includes","createElement","_extends","$compact","$isBodyScrolled","t","closeButton","icon","onClick","size","variant","ModalClosableFooterButtons","_ref2","_excluded2","_React$useContext3","_useCloseWithConfirmC2","modalClosableFooterButtonsRef","ModalContainer","_ref3","_ref3$compact","placement","width","_excluded3","_React$useContext4","modalContainerRef","hasOnClose","shadowStrength","$placement","$width","ModalBody","_ref4","_ref4$compact","_ref4$noSideSpacing","noSideSpacing","_excluded4","_useOverflowObserver","isOverflowingY","overflowRef","scrollRef","modalBodyRef","_React$useContext5","event","handler","currentTarget","scrollTop","scope","Provider","value","$isOverflowingY","$noSideSpacing","tabIndex","ModalFooterSummary","_ref5","_excluded5","ModalFooterNotation","_ref6","_excluded6","intent","color","italic","Modal_","_ref7","ariaDescribedby","ariaDetails","ariaLabelledby","ariaLabel","_ref7$compact","id","_ref7$onClickOverlay","onClickOverlay","_ref7$open","open","_ref7$placement","role","_excluded7","_React$useState","useState","_React$useState2","_slicedToArray","visible","setVisible","_React$useState3","_React$useState4","fadeType","setFadeType","closeWithConfirmState","setTimeout","onTransitionEnd","handleKeyDown","key","preventDefault","stopPropagation","_useModalDialogLike","isModal","isOpen","dialogProps_","dialogProps","onClickScrim","autoFocus","contain","restoreFocus","className","onKeyDown","ModalBodyScrollObserver","_ref8","_React$useState5","_React$useState6","ConfirmModal","_ref9","headline","_excluded8","Modal","ModalState","oldThing","displayName","Body","Container","Content","FooterSummary","Footer","FooterButtons","FooterNotation","Header","Overlay","Scrim","State"],"sources":["../../src/Modal/Modal.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\nimport React, { useEffect } from 'react'\nimport { Button } from '../Button/Button'\nimport { useModalDialogLike } from '../OverlayTrigger/a11yPresets'\nimport { Portal } from '../Portal/Portal'\nimport {\n  Heading,\n  LevelContext,\n  Section,\n  SectionProvider,\n} from '../Section/Section'\nimport type { TypographyProps } from '../Typography/Typography.types'\nimport { useDeprecation } from '../_hooks/Deprecation'\nimport { useLayoutEventListener } from '../_hooks/EventListener'\nimport { OverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useOverflowObserver } from '../_hooks/OverflowObserver'\nimport { useScrollLock } from '../_hooks/ScrollLock'\nimport type { RenderProps } from '../_hooks/Visibility'\nimport { Visibility } from '../_hooks/Visibility'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  CloseWithConfirmContext,\n  useCloseWithConfirmContext,\n  useCloseWithConfirmState,\n} from '../_utils/closeWithConfirm'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { DivAttributes, SpanAttributes } from '../_utils/types'\nimport {\n  ChildRegistryProvider,\n  useModalChildRegistryDispatch,\n} from './ChildRegistry.context'\nimport {\n  fadeInClassName,\n  fadeOutClassName,\n  StyledModal,\n  StyledModalBody,\n  StyledModalButtons,\n  StyledModalCancel,\n  StyledModalContainer,\n  StyledModalContent,\n  StyledModalFooter,\n  StyledModalFooterNotation,\n  StyledModalFooterSummary,\n  StyledModalHeader,\n  StyledModalHeading,\n  StyledModalScrim,\n  StyledModalWarningIcon,\n} from './Modal.styles'\nimport type {\n  ConfirmModalProps,\n  ModalBodyProps,\n  ModalCloseableHeaderProps,\n  ModalCloseContextApi,\n  ModalContainerProps,\n  ModalProps,\n} from './Modal.types'\nimport { useInitializeModalFocus } from './useInitializeModalFocus'\n\nfunction noop() {}\nconst defaultStartLevel = 2\nconst initialBodyLevel = 3\n\nconst ModalCloseContext = React.createContext<ModalCloseContextApi>({\n  howToClose: [],\n  onClose: undefined,\n})\n\ninterface ModalBodyScrollContextApi {\n  isBodyScrolled: boolean\n  setIsBodyScrolled: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nconst ModalBodyScrollContext = React.createContext<ModalBodyScrollContextApi>({\n  isBodyScrolled: false,\n  setIsBodyScrolled: noop,\n})\n\nconst ModalClosableHeader = React.forwardRef<\n  HTMLDivElement,\n  ModalCloseableHeaderProps\n>(\n  (\n    { children, compact = false, onClose: externalOnClose, qa, ...props },\n    ref\n  ) => {\n    const { isBodyScrolled } = React.useContext(ModalBodyScrollContext)\n    const { howToClose, onClose } = React.useContext(ModalCloseContext)\n    const I18n = useI18nContext()\n    const modalClosableHeaderRef = React.useRef(null)\n\n    const { closeWithConfirm } = useCloseWithConfirmContext()\n    const registerChildRef = useModalChildRegistryDispatch()\n\n    useEffect(() => {\n      registerChildRef({ child: 'header', ref: modalClosableHeaderRef })\n    }, [])\n\n    function onClickButton(e: React.MouseEvent<HTMLButtonElement>) {\n      if (onClose && howToClose?.includes('x')) {\n        closeWithConfirm(onClose)(e, 'x')\n        return\n      }\n      closeWithConfirm(externalOnClose!)(e)\n    }\n\n    return (\n      <StyledModalHeader\n        $compact={compact}\n        $isBodyScrolled={isBodyScrolled}\n        {...props}\n        ref={mergeRefs(ref, modalClosableHeaderRef)}\n      >\n        <StyledModalHeading $compact={compact}>{children}</StyledModalHeading>\n        {(onClose && howToClose?.includes('x')) || externalOnClose ? (\n          <StyledModalCancel>\n            <Button\n              aria-label={I18n.t('core.modal.a11y.close')}\n              data-internal=\"close-button\"\n              data-qa={qa?.closeButton}\n              icon={<Clear />}\n              onClick={onClickButton}\n              size={compact ? 'sm' : 'md'}\n              variant=\"tertiary\"\n            />\n          </StyledModalCancel>\n        ) : null}\n      </StyledModalHeader>\n    )\n  }\n)\n\nconst ModalClosableFooterButtons = React.forwardRef<\n  HTMLDivElement,\n  ModalCloseableHeaderProps\n>(({ children, ...props }, ref) => {\n  const { howToClose, onClose } = React.useContext(ModalCloseContext)\n  const I18n = useI18nContext()\n  const { closeWithConfirm } = useCloseWithConfirmContext()\n  const modalClosableFooterButtonsRef = React.useRef(null)\n\n  const registerChildRef = useModalChildRegistryDispatch()\n\n  useEffect(() => {\n    registerChildRef({\n      child: 'closeableButtons',\n      ref: modalClosableFooterButtonsRef,\n    })\n  }, [])\n\n  function onClickButton(e: React.MouseEvent<HTMLButtonElement>) {\n    closeWithConfirm(onClose!)(e, 'footer-button')\n  }\n\n  return (\n    <StyledModalButtons\n      {...props}\n      ref={mergeRefs(ref, modalClosableFooterButtonsRef)}\n    >\n      {howToClose?.includes('footer-button') && (\n        <Button onClick={onClickButton} variant=\"tertiary\">\n          {I18n.t('core.modal.cancel')}\n        </Button>\n      )}\n      {children}\n    </StyledModalButtons>\n  )\n})\n\nconst ModalContainer = React.forwardRef<HTMLDivElement, ModalContainerProps>(\n  ({ compact = false, placement, width, ...props }, ref) => {\n    const { onClose } = React.useContext(ModalCloseContext)\n    const modalContainerRef = React.useRef<HTMLDivElement>(null)\n    useInitializeModalFocus({ modalContainerRef, hasOnClose: !!onClose })\n\n    return (\n      <StyledModalContainer\n        {...props}\n        shadowStrength={4}\n        $compact={compact}\n        $placement={placement}\n        $width={width}\n        ref={mergeRefs(ref, modalContainerRef)}\n      />\n    )\n  }\n)\n\nconst ModalBody = React.forwardRef<HTMLDivElement, ModalBodyProps>(\n  ({ children, compact = false, noSideSpacing = false, ...props }, ref) => {\n    const { isOverflowingY, ref: overflowRef } = useOverflowObserver()\n    const scrollRef = React.useRef(null)\n    const modalBodyRef = React.useRef(null)\n    const { setIsBodyScrolled } = React.useContext(ModalBodyScrollContext)\n    const registerChildRef = useModalChildRegistryDispatch()\n\n    useEffect(() => {\n      registerChildRef({ child: 'body', ref: modalBodyRef })\n    }, [])\n\n    useLayoutEventListener({\n      event: 'scroll',\n      handler: (e: React.UIEvent<HTMLElement>) => {\n        setIsBodyScrolled(e.currentTarget.scrollTop > 0)\n      },\n      scope: scrollRef,\n    })\n\n    return (\n      <SectionProvider>\n        <LevelContext.Provider value={initialBodyLevel}>\n          <StyledModalBody\n            {...props}\n            $compact={compact}\n            $isOverflowingY={isOverflowingY}\n            $noSideSpacing={noSideSpacing}\n            ref={mergeRefs(overflowRef, scrollRef, ref, modalBodyRef)}\n            tabIndex={0}\n          >\n            {children}\n          </StyledModalBody>\n        </LevelContext.Provider>\n      </SectionProvider>\n    )\n  }\n)\n\nconst ModalFooterSummary = React.forwardRef<HTMLDivElement, DivAttributes>(\n  ({ children, ...props }, ref) => {\n    return (\n      <StyledModalFooterSummary {...props} ref={ref}>\n        {children}\n      </StyledModalFooterSummary>\n    )\n  }\n)\n\nconst ModalFooterNotation = React.forwardRef<\n  HTMLSpanElement,\n  SpanAttributes & TypographyProps\n>(({ children, ...props }, ref) => (\n  <StyledModalFooterNotation\n    aria-live=\"polite\"\n    intent=\"small\"\n    color=\"gray45\"\n    italic\n    {...props}\n    ref={ref}\n  >\n    {children}\n  </StyledModalFooterNotation>\n))\n\nconst Modal_ = React.forwardRef<HTMLDivElement, ModalProps>(\n  (\n    {\n      ['aria-describedby']: ariaDescribedby,\n      ['aria-details']: ariaDetails,\n      ['aria-labelledby']: ariaLabelledby,\n      ['aria-label']: ariaLabel,\n      children,\n      compact = false,\n      howToClose,\n      id,\n      onClickOverlay = noop,\n      onClose,\n      open = false,\n      placement = 'center',\n      role,\n      ...props\n    },\n    ref\n  ) => {\n    useScrollLock(open)\n    const [visible, setVisible] = React.useState<boolean>(open)\n    const [fadeType, setFadeType] = React.useState<string>('')\n    const closeWithConfirmState = useCloseWithConfirmState()\n    const { closeWithConfirm } = closeWithConfirmState\n\n    React.useEffect(() => {\n      if (open) {\n        setVisible(true)\n        setTimeout(() => {\n          setFadeType(fadeInClassName)\n        }, 0)\n      } else {\n        setFadeType(fadeOutClassName)\n      }\n    }, [open])\n\n    const onTransitionEnd = () => {\n      if (fadeType === fadeOutClassName) {\n        setVisible(false)\n      }\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!onClose) return\n      if (e.key === 'Escape') {\n        e.preventDefault()\n        e.stopPropagation()\n        closeWithConfirm(onClose)(e, 'x')\n      }\n    }\n\n    const { dialogProps: dialogProps_ } = useModalDialogLike({\n      'aria-describedby': ariaDescribedby,\n      'aria-details': ariaDetails,\n      'aria-labelledby': ariaLabelledby,\n      'aria-label': ariaLabel,\n      id,\n      isModal: false,\n      isOpen: open,\n      role,\n    })\n\n    const dialogProps = onClose && role === 'dialog' ? dialogProps_ : {}\n\n    function onClickScrim(\n      e: React.ComponentProps<typeof StyledModalScrim>['onClick']\n    ) {\n      onClickOverlay(e)\n      if (onClose && howToClose?.includes('scrim')) {\n        closeWithConfirm(onClose)(e, 'scrim')\n      }\n    }\n\n    return visible ? (\n      <Portal>\n        <ModalCloseContext.Provider value={{ onClose, howToClose }}>\n          <LevelContext.Provider value={defaultStartLevel}>\n            <ChildRegistryProvider>\n              <OverridableFocusScope\n                // TODO breaking - always\n                autoFocus={!!onClose}\n                contain={!!onClose}\n                restoreFocus={!!onClose}\n              >\n                <StyledModal\n                  className={fadeType}\n                  ref={ref}\n                  onTransitionEnd={onTransitionEnd}\n                  onKeyDown={handleKeyDown}\n                  {...dialogProps}\n                >\n                  <StyledModalScrim onClick={onClickScrim} />\n\n                  <ModalContainer\n                    {...props}\n                    compact={compact}\n                    placement={placement}\n                  >\n                    <StyledModalContent $compact={compact}>\n                      <ModalBodyScrollObserver>\n                        <CloseWithConfirmContext.Provider\n                          value={closeWithConfirmState}\n                        >\n                          {children}\n                        </CloseWithConfirmContext.Provider>\n                      </ModalBodyScrollObserver>\n                    </StyledModalContent>\n                  </ModalContainer>\n                </StyledModal>\n              </OverridableFocusScope>\n            </ChildRegistryProvider>\n          </LevelContext.Provider>\n        </ModalCloseContext.Provider>\n      </Portal>\n    ) : null\n  }\n)\n\nfunction ModalBodyScrollObserver({ children }: { children: React.ReactNode }) {\n  const [isBodyScrolled, setIsBodyScrolled] = React.useState<boolean>(false)\n\n  return (\n    <ModalBodyScrollContext.Provider\n      value={{ isBodyScrolled, setIsBodyScrolled }}\n    >\n      {children}\n    </ModalBodyScrollContext.Provider>\n  )\n}\n\nexport const ConfirmModal = React.forwardRef<HTMLDivElement, ConfirmModalProps>(\n  ({ children, headline, onClose, ...props }, ref) => {\n    return (\n      <Modal {...props} ref={ref}>\n        <ModalClosableHeader onClose={onClose}>\n          <StyledModalWarningIcon size=\"lg\" />\n          {headline}\n        </ModalClosableHeader>\n        {children}\n      </Modal>\n    )\n  }\n)\n\nfunction ModalState(props: RenderProps) {\n  useDeprecation({ oldThing: 'Modal.State' })\n  return <Visibility {...props} />\n}\n\nModal_.displayName = 'Modal'\n\nConfirmModal.displayName = 'ConfirmModal'\n\nModalBody.displayName = 'Modal.Body'\n\nModalFooterNotation.displayName = 'Modal.FooterNotation'\n\nModalFooterSummary.displayName = 'Modal.FooterSummary'\n\nconst Body = ModalBody\nconst Container = ModalContainer\nconst Content = StyledModalContent\nconst FooterSummary = ModalFooterSummary\nconst Footer = StyledModalFooter\nconst FooterButtons = ModalClosableFooterButtons\nconst FooterNotation = ModalFooterNotation\nconst Header = ModalClosableHeader\nconst Overlay = StyledModal\nconst Scrim = StyledModalScrim\nconst State = ModalState\n\n/**\n\n We use modals to present additional actions, information, or forms on pages\n where a user’s experience would benefit from remaining on the same page.\n They can include graphics, inputs, buttons, and other elements as needed to\n produce the workflow or action needed.\n\n Do not include modals on pages with complicated UI layouts.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-modal--demo)\n\n @see [Design Guidelines](https://design.procore.com/modal)\n\n */\nexport const Modal = addSubcomponents(\n  {\n    Body,\n    Container,\n    Content,\n    Footer,\n    FooterButtons,\n    FooterNotation,\n    FooterSummary,\n    Header,\n    Heading: Heading,\n    Overlay,\n    Scrim,\n    State,\n    Section,\n  },\n  Modal_\n)\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,SAASA,KAAK,QAAQ,0BAA0B;AAChD,OAAOC,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,kBAAkB,QAAQ,+BAA+B;AAClE,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SACEC,OAAO,EACPC,YAAY,EACZC,OAAO,EACPC,eAAe,QACV,oBAAoB;AAE3B,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,sBAAsB,QAAQ,yBAAyB;AAChE,SAASC,qBAAqB,QAAQ,8BAA8B;AACpE,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,mBAAmB,QAAQ,4BAA4B;AAChE,SAASC,aAAa,QAAQ,sBAAsB;AAEpD,SAASC,UAAU,QAAQ,sBAAsB;AACjD,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SACEC,uBAAuB,EACvBC,0BAA0B,EAC1BC,wBAAwB,QACnB,4BAA4B;AACnC,SAASC,SAAS,QAAQ,qBAAqB;AAE/C,SACEC,qBAAqB,EACrBC,6BAA6B,QACxB,yBAAyB;AAChC,SACEC,eAAe,EACfC,gBAAgB,EAChBC,WAAW,EACXC,eAAe,EACfC,kBAAkB,EAClBC,iBAAiB,EACjBC,oBAAoB,EACpBC,kBAAkB,EAClBC,iBAAiB,EACjBC,yBAAyB,EACzBC,wBAAwB,EACxBC,iBAAiB,EACjBC,kBAAkB,EAClBC,gBAAgB,EAChBC,sBAAsB,QACjB,gBAAgB;AASvB,SAASC,uBAAuB,QAAQ,2BAA2B;AAEnE,SAASC,IAAIA,CAAA,EAAG,CAAC;AACjB,IAAMC,iBAAiB,GAAG,CAAC;AAC3B,IAAMC,gBAAgB,GAAG,CAAC;AAE1B,IAAMC,iBAAiB,gBAAG1C,KAAK,CAAC2C,aAAa,CAAuB;EAClEC,UAAU,EAAE,EAAE;EACdC,OAAO,EAAEC;AACX,CAAC,CAAC;AAOF,IAAMC,sBAAsB,gBAAG/C,KAAK,CAAC2C,aAAa,CAA4B;EAC5EK,cAAc,EAAE,KAAK;EACrBC,iBAAiB,EAAEV;AACrB,CAAC,CAAC;AAEF,IAAMW,mBAAmB,gBAAGlD,KAAK,CAACmD,UAAU,CAI1C,UAAAC,IAAA,EAEEC,GAAG,EACA;EAAA,IAFDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,YAAA,GAAAH,IAAA,CAAEI,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAWE,eAAe,GAAAL,IAAA,CAAxBP,OAAO;IAAmBa,EAAE,GAAAN,IAAA,CAAFM,EAAE;IAAKC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGnE,IAAAC,iBAAA,GAA2B9D,KAAK,CAAC+D,UAAU,CAAChB,sBAAsB,CAAC;IAA3DC,cAAc,GAAAc,iBAAA,CAAdd,cAAc;EACtB,IAAAgB,kBAAA,GAAgChE,KAAK,CAAC+D,UAAU,CAACrB,iBAAiB,CAAC;IAA3DE,UAAU,GAAAoB,kBAAA,CAAVpB,UAAU;IAAEC,OAAO,GAAAmB,kBAAA,CAAPnB,OAAO;EAC3B,IAAMoB,IAAI,GAAGrD,cAAc,CAAC,CAAC;EAC7B,IAAMsD,sBAAsB,GAAGlE,KAAK,CAACmE,MAAM,CAAC,IAAI,CAAC;EAEjD,IAAAC,qBAAA,GAA6BlD,0BAA0B,CAAC,CAAC;IAAjDmD,gBAAgB,GAAAD,qBAAA,CAAhBC,gBAAgB;EACxB,IAAMC,gBAAgB,GAAGhD,6BAA6B,CAAC,CAAC;EAExDrB,SAAS,CAAC,YAAM;IACdqE,gBAAgB,CAAC;MAAEC,KAAK,EAAE,QAAQ;MAAElB,GAAG,EAAEa;IAAuB,CAAC,CAAC;EACpE,CAAC,EAAE,EAAE,CAAC;EAEN,SAASM,aAAaA,CAACC,CAAsC,EAAE;IAC7D,IAAI5B,OAAO,IAAID,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAE8B,QAAQ,CAAC,GAAG,CAAC,EAAE;MACxCL,gBAAgB,CAACxB,OAAO,CAAC,CAAC4B,CAAC,EAAE,GAAG,CAAC;MACjC;IACF;IACAJ,gBAAgB,CAACZ,eAAgB,CAAC,CAACgB,CAAC,CAAC;EACvC;EAEA,oBACEzE,KAAA,CAAA2E,aAAA,CAACzC,iBAAiB,EAAA0C,QAAA;IAChBC,QAAQ,EAAErB,OAAQ;IAClBsB,eAAe,EAAE9B;EAAe,GAC5BW,KAAK;IACTN,GAAG,EAAEjC,SAAS,CAACiC,GAAG,EAAEa,sBAAsB;EAAE,iBAE5ClE,KAAA,CAAA2E,aAAA,CAACxC,kBAAkB;IAAC0C,QAAQ,EAAErB;EAAQ,GAAEF,QAA6B,CAAC,EACpET,OAAO,IAAID,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAE8B,QAAQ,CAAC,GAAG,CAAC,IAAKjB,eAAe,gBACxDzD,KAAA,CAAA2E,aAAA,CAAC/C,iBAAiB,qBAChB5B,KAAA,CAAA2E,aAAA,CAACzE,MAAM;IACL,cAAY+D,IAAI,CAACc,CAAC,CAAC,uBAAuB,CAAE;IAC5C,iBAAc,cAAc;IAC5B,WAASrB,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAEsB,WAAY;IACzBC,IAAI,eAAEjF,KAAA,CAAA2E,aAAA,CAAC5E,KAAK,MAAE,CAAE;IAChBmF,OAAO,EAAEV,aAAc;IACvBW,IAAI,EAAE3B,OAAO,GAAG,IAAI,GAAG,IAAK;IAC5B4B,OAAO,EAAC;EAAU,CACnB,CACgB,CAAC,GAClB,IACa,CAAC;AAExB,CACF,CAAC;AAED,IAAMC,0BAA0B,gBAAGrF,KAAK,CAACmD,UAAU,CAGjD,UAAAmC,KAAA,EAAyBjC,GAAG,EAAK;EAAA,IAA9BC,QAAQ,GAAAgC,KAAA,CAARhC,QAAQ;IAAKK,KAAK,GAAAC,wBAAA,CAAA0B,KAAA,EAAAC,UAAA;EACrB,IAAAC,kBAAA,GAAgCxF,KAAK,CAAC+D,UAAU,CAACrB,iBAAiB,CAAC;IAA3DE,UAAU,GAAA4C,kBAAA,CAAV5C,UAAU;IAAEC,OAAO,GAAA2C,kBAAA,CAAP3C,OAAO;EAC3B,IAAMoB,IAAI,GAAGrD,cAAc,CAAC,CAAC;EAC7B,IAAA6E,sBAAA,GAA6BvE,0BAA0B,CAAC,CAAC;IAAjDmD,gBAAgB,GAAAoB,sBAAA,CAAhBpB,gBAAgB;EACxB,IAAMqB,6BAA6B,GAAG1F,KAAK,CAACmE,MAAM,CAAC,IAAI,CAAC;EAExD,IAAMG,gBAAgB,GAAGhD,6BAA6B,CAAC,CAAC;EAExDrB,SAAS,CAAC,YAAM;IACdqE,gBAAgB,CAAC;MACfC,KAAK,EAAE,kBAAkB;MACzBlB,GAAG,EAAEqC;IACP,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,SAASlB,aAAaA,CAACC,CAAsC,EAAE;IAC7DJ,gBAAgB,CAACxB,OAAQ,CAAC,CAAC4B,CAAC,EAAE,eAAe,CAAC;EAChD;EAEA,oBACEzE,KAAA,CAAA2E,aAAA,CAAChD,kBAAkB,EAAAiD,QAAA,KACbjB,KAAK;IACTN,GAAG,EAAEjC,SAAS,CAACiC,GAAG,EAAEqC,6BAA6B;EAAE,IAElD,CAAA9C,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAE8B,QAAQ,CAAC,eAAe,CAAC,kBACpC1E,KAAA,CAAA2E,aAAA,CAACzE,MAAM;IAACgF,OAAO,EAAEV,aAAc;IAACY,OAAO,EAAC;EAAU,GAC/CnB,IAAI,CAACc,CAAC,CAAC,mBAAmB,CACrB,CACT,EACAzB,QACiB,CAAC;AAEzB,CAAC,CAAC;AAEF,IAAMqC,cAAc,gBAAG3F,KAAK,CAACmD,UAAU,CACrC,UAAAyC,KAAA,EAAkDvC,GAAG,EAAK;EAAA,IAAAwC,aAAA,GAAAD,KAAA,CAAvDpC,OAAO;IAAPA,OAAO,GAAAqC,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAEC,SAAS,GAAAF,KAAA,CAATE,SAAS;IAAEC,KAAK,GAAAH,KAAA,CAALG,KAAK;IAAKpC,KAAK,GAAAC,wBAAA,CAAAgC,KAAA,EAAAI,UAAA;EAC5C,IAAAC,kBAAA,GAAoBjG,KAAK,CAAC+D,UAAU,CAACrB,iBAAiB,CAAC;IAA/CG,OAAO,GAAAoD,kBAAA,CAAPpD,OAAO;EACf,IAAMqD,iBAAiB,GAAGlG,KAAK,CAACmE,MAAM,CAAiB,IAAI,CAAC;EAC5D7B,uBAAuB,CAAC;IAAE4D,iBAAiB,EAAjBA,iBAAiB;IAAEC,UAAU,EAAE,CAAC,CAACtD;EAAQ,CAAC,CAAC;EAErE,oBACE7C,KAAA,CAAA2E,aAAA,CAAC9C,oBAAoB,EAAA+C,QAAA,KACfjB,KAAK;IACTyC,cAAc,EAAE,CAAE;IAClBvB,QAAQ,EAAErB,OAAQ;IAClB6C,UAAU,EAAEP,SAAU;IACtBQ,MAAM,EAAEP,KAAM;IACd1C,GAAG,EAAEjC,SAAS,CAACiC,GAAG,EAAE6C,iBAAiB;EAAE,EACxC,CAAC;AAEN,CACF,CAAC;AAED,IAAMK,SAAS,gBAAGvG,KAAK,CAACmD,UAAU,CAChC,UAAAqD,KAAA,EAAiEnD,GAAG,EAAK;EAAA,IAAtEC,QAAQ,GAAAkD,KAAA,CAARlD,QAAQ;IAAAmD,aAAA,GAAAD,KAAA,CAAEhD,OAAO;IAAPA,OAAO,GAAAiD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAC,mBAAA,GAAAF,KAAA,CAAEG,aAAa;IAAbA,aAAa,GAAAD,mBAAA,cAAG,KAAK,GAAAA,mBAAA;IAAK/C,KAAK,GAAAC,wBAAA,CAAA4C,KAAA,EAAAI,UAAA;EAC3D,IAAAC,oBAAA,GAA6ChG,mBAAmB,CAAC,CAAC;IAA1DiG,cAAc,GAAAD,oBAAA,CAAdC,cAAc;IAAOC,WAAW,GAAAF,oBAAA,CAAhBxD,GAAG;EAC3B,IAAM2D,SAAS,GAAGhH,KAAK,CAACmE,MAAM,CAAC,IAAI,CAAC;EACpC,IAAM8C,YAAY,GAAGjH,KAAK,CAACmE,MAAM,CAAC,IAAI,CAAC;EACvC,IAAA+C,kBAAA,GAA8BlH,KAAK,CAAC+D,UAAU,CAAChB,sBAAsB,CAAC;IAA9DE,iBAAiB,GAAAiE,kBAAA,CAAjBjE,iBAAiB;EACzB,IAAMqB,gBAAgB,GAAGhD,6BAA6B,CAAC,CAAC;EAExDrB,SAAS,CAAC,YAAM;IACdqE,gBAAgB,CAAC;MAAEC,KAAK,EAAE,MAAM;MAAElB,GAAG,EAAE4D;IAAa,CAAC,CAAC;EACxD,CAAC,EAAE,EAAE,CAAC;EAENvG,sBAAsB,CAAC;IACrByG,KAAK,EAAE,QAAQ;IACfC,OAAO,EAAE,SAATA,OAAOA,CAAG3C,CAA6B,EAAK;MAC1CxB,iBAAiB,CAACwB,CAAC,CAAC4C,aAAa,CAACC,SAAS,GAAG,CAAC,CAAC;IAClD,CAAC;IACDC,KAAK,EAAEP;EACT,CAAC,CAAC;EAEF,oBACEhH,KAAA,CAAA2E,aAAA,CAACnE,eAAe,qBACdR,KAAA,CAAA2E,aAAA,CAACrE,YAAY,CAACkH,QAAQ;IAACC,KAAK,EAAEhF;EAAiB,gBAC7CzC,KAAA,CAAA2E,aAAA,CAACjD,eAAe,EAAAkD,QAAA,KACVjB,KAAK;IACTkB,QAAQ,EAAErB,OAAQ;IAClBkE,eAAe,EAAEZ,cAAe;IAChCa,cAAc,EAAEhB,aAAc;IAC9BtD,GAAG,EAAEjC,SAAS,CAAC2F,WAAW,EAAEC,SAAS,EAAE3D,GAAG,EAAE4D,YAAY,CAAE;IAC1DW,QAAQ,EAAE;EAAE,IAEXtE,QACc,CACI,CACR,CAAC;AAEtB,CACF,CAAC;AAED,IAAMuE,kBAAkB,gBAAG7H,KAAK,CAACmD,UAAU,CACzC,UAAA2E,KAAA,EAAyBzE,GAAG,EAAK;EAAA,IAA9BC,QAAQ,GAAAwE,KAAA,CAARxE,QAAQ;IAAKK,KAAK,GAAAC,wBAAA,CAAAkE,KAAA,EAAAC,UAAA;EACnB,oBACE/H,KAAA,CAAA2E,aAAA,CAAC1C,wBAAwB,EAAA2C,QAAA,KAAKjB,KAAK;IAAEN,GAAG,EAAEA;EAAI,IAC3CC,QACuB,CAAC;AAE/B,CACF,CAAC;AAED,IAAM0E,mBAAmB,gBAAGhI,KAAK,CAACmD,UAAU,CAG1C,UAAA8E,KAAA,EAAyB5E,GAAG;EAAA,IAAzBC,QAAQ,GAAA2E,KAAA,CAAR3E,QAAQ;IAAKK,KAAK,GAAAC,wBAAA,CAAAqE,KAAA,EAAAC,UAAA;EAAA,oBACrBlI,KAAA,CAAA2E,aAAA,CAAC3C,yBAAyB,EAAA4C,QAAA;IACxB,aAAU,QAAQ;IAClBuD,MAAM,EAAC,OAAO;IACdC,KAAK,EAAC,QAAQ;IACdC,MAAM;EAAA,GACF1E,KAAK;IACTN,GAAG,EAAEA;EAAI,IAERC,QACwB,CAAC;AAAA,CAC7B,CAAC;AAEF,IAAMgF,MAAM,gBAAGtI,KAAK,CAACmD,UAAU,CAC7B,UAAAoF,KAAA,EAiBElF,GAAG,EACA;EAAA,IAhBqBmF,eAAe,GAAAD,KAAA,CAApC,kBAAkB;IACDE,WAAW,GAAAF,KAAA,CAA5B,cAAc;IACMG,cAAc,GAAAH,KAAA,CAAlC,iBAAiB;IACFI,SAAS,GAAAJ,KAAA,CAAxB,YAAY;IACbjF,QAAQ,GAAAiF,KAAA,CAARjF,QAAQ;IAAAsF,aAAA,GAAAL,KAAA,CACR/E,OAAO;IAAPA,OAAO,GAAAoF,aAAA,cAAG,KAAK,GAAAA,aAAA;IACfhG,UAAU,GAAA2F,KAAA,CAAV3F,UAAU;IACViG,EAAE,GAAAN,KAAA,CAAFM,EAAE;IAAAC,oBAAA,GAAAP,KAAA,CACFQ,cAAc;IAAdA,cAAc,GAAAD,oBAAA,cAAGvG,IAAI,GAAAuG,oBAAA;IACrBjG,OAAO,GAAA0F,KAAA,CAAP1F,OAAO;IAAAmG,UAAA,GAAAT,KAAA,CACPU,IAAI;IAAJA,IAAI,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAAE,eAAA,GAAAX,KAAA,CACZzC,SAAS;IAATA,SAAS,GAAAoD,eAAA,cAAG,QAAQ,GAAAA,eAAA;IACpBC,IAAI,GAAAZ,KAAA,CAAJY,IAAI;IACDxF,KAAK,GAAAC,wBAAA,CAAA2E,KAAA,EAAAa,UAAA;EAIVtI,aAAa,CAACmI,IAAI,CAAC;EACnB,IAAAI,eAAA,GAA8BrJ,KAAK,CAACsJ,QAAQ,CAAUL,IAAI,CAAC;IAAAM,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAApDI,OAAO,GAAAF,gBAAA;IAAEG,UAAU,GAAAH,gBAAA;EAC1B,IAAAI,gBAAA,GAAgC3J,KAAK,CAACsJ,QAAQ,CAAS,EAAE,CAAC;IAAAM,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA;IAAnDE,QAAQ,GAAAD,gBAAA;IAAEE,WAAW,GAAAF,gBAAA;EAC5B,IAAMG,qBAAqB,GAAG5I,wBAAwB,CAAC,CAAC;EACxD,IAAQkD,gBAAgB,GAAK0F,qBAAqB,CAA1C1F,gBAAgB;EAExBrE,KAAK,CAACC,SAAS,CAAC,YAAM;IACpB,IAAIgJ,IAAI,EAAE;MACRS,UAAU,CAAC,IAAI,CAAC;MAChBM,UAAU,CAAC,YAAM;QACfF,WAAW,CAACvI,eAAe,CAAC;MAC9B,CAAC,EAAE,CAAC,CAAC;IACP,CAAC,MAAM;MACLuI,WAAW,CAACtI,gBAAgB,CAAC;IAC/B;EACF,CAAC,EAAE,CAACyH,IAAI,CAAC,CAAC;EAEV,IAAMgB,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;IAC5B,IAAIJ,QAAQ,KAAKrI,gBAAgB,EAAE;MACjCkI,UAAU,CAAC,KAAK,CAAC;IACnB;EACF,CAAC;EAED,IAAMQ,aAAa,GAAG,SAAhBA,aAAaA,CAAIzF,CAAsC,EAAK;IAChE,IAAI,CAAC5B,OAAO,EAAE;IACd,IAAI4B,CAAC,CAAC0F,GAAG,KAAK,QAAQ,EAAE;MACtB1F,CAAC,CAAC2F,cAAc,CAAC,CAAC;MAClB3F,CAAC,CAAC4F,eAAe,CAAC,CAAC;MACnBhG,gBAAgB,CAACxB,OAAO,CAAC,CAAC4B,CAAC,EAAE,GAAG,CAAC;IACnC;EACF,CAAC;EAED,IAAA6F,mBAAA,GAAsCnK,kBAAkB,CAAC;MACvD,kBAAkB,EAAEqI,eAAe;MACnC,cAAc,EAAEC,WAAW;MAC3B,iBAAiB,EAAEC,cAAc;MACjC,YAAY,EAAEC,SAAS;MACvBE,EAAE,EAAFA,EAAE;MACF0B,OAAO,EAAE,KAAK;MACdC,MAAM,EAAEvB,IAAI;MACZE,IAAI,EAAJA;IACF,CAAC,CAAC;IATmBsB,YAAY,GAAAH,mBAAA,CAAzBI,WAAW;EAWnB,IAAMA,WAAW,GAAG7H,OAAO,IAAIsG,IAAI,KAAK,QAAQ,GAAGsB,YAAY,GAAG,CAAC,CAAC;EAEpE,SAASE,YAAYA,CACnBlG,CAA2D,EAC3D;IACAsE,cAAc,CAACtE,CAAC,CAAC;IACjB,IAAI5B,OAAO,IAAID,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAE8B,QAAQ,CAAC,OAAO,CAAC,EAAE;MAC5CL,gBAAgB,CAACxB,OAAO,CAAC,CAAC4B,CAAC,EAAE,OAAO,CAAC;IACvC;EACF;EAEA,OAAOgF,OAAO,gBACZzJ,KAAA,CAAA2E,aAAA,CAACvE,MAAM,qBACLJ,KAAA,CAAA2E,aAAA,CAACjC,iBAAiB,CAAC8E,QAAQ;IAACC,KAAK,EAAE;MAAE5E,OAAO,EAAPA,OAAO;MAAED,UAAU,EAAVA;IAAW;EAAE,gBACzD5C,KAAA,CAAA2E,aAAA,CAACrE,YAAY,CAACkH,QAAQ;IAACC,KAAK,EAAEjF;EAAkB,gBAC9CxC,KAAA,CAAA2E,aAAA,CAACtD,qBAAqB,qBACpBrB,KAAA,CAAA2E,aAAA,CAAChE;EACC;EAAA;IACAiK,SAAS,EAAE,CAAC,CAAC/H,OAAQ;IACrBgI,OAAO,EAAE,CAAC,CAAChI,OAAQ;IACnBiI,YAAY,EAAE,CAAC,CAACjI;EAAQ,gBAExB7C,KAAA,CAAA2E,aAAA,CAAClD,WAAW,EAAAmD,QAAA;IACVmG,SAAS,EAAElB,QAAS;IACpBxG,GAAG,EAAEA,GAAI;IACT4G,eAAe,EAAEA,eAAgB;IACjCe,SAAS,EAAEd;EAAc,GACrBQ,WAAW,gBAEf1K,KAAA,CAAA2E,aAAA,CAACvC,gBAAgB;IAAC8C,OAAO,EAAEyF;EAAa,CAAE,CAAC,eAE3C3K,KAAA,CAAA2E,aAAA,CAACgB,cAAc,EAAAf,QAAA,KACTjB,KAAK;IACTH,OAAO,EAAEA,OAAQ;IACjBsC,SAAS,EAAEA;EAAU,iBAErB9F,KAAA,CAAA2E,aAAA,CAAC7C,kBAAkB;IAAC+C,QAAQ,EAAErB;EAAQ,gBACpCxD,KAAA,CAAA2E,aAAA,CAACsG,uBAAuB,qBACtBjL,KAAA,CAAA2E,aAAA,CAAC1D,uBAAuB,CAACuG,QAAQ;IAC/BC,KAAK,EAAEsC;EAAsB,GAE5BzG,QAC+B,CACX,CACP,CACN,CACL,CACQ,CACF,CACF,CACG,CACtB,CAAC,GACP,IAAI;AACV,CACF,CAAC;AAED,SAAS2H,uBAAuBA,CAAAC,KAAA,EAA8C;EAAA,IAA3C5H,QAAQ,GAAA4H,KAAA,CAAR5H,QAAQ;EACzC,IAAA6H,gBAAA,GAA4CnL,KAAK,CAACsJ,QAAQ,CAAU,KAAK,CAAC;IAAA8B,gBAAA,GAAA5B,cAAA,CAAA2B,gBAAA;IAAnEnI,cAAc,GAAAoI,gBAAA;IAAEnI,iBAAiB,GAAAmI,gBAAA;EAExC,oBACEpL,KAAA,CAAA2E,aAAA,CAAC5B,sBAAsB,CAACyE,QAAQ;IAC9BC,KAAK,EAAE;MAAEzE,cAAc,EAAdA,cAAc;MAAEC,iBAAiB,EAAjBA;IAAkB;EAAE,GAE5CK,QAC8B,CAAC;AAEtC;AAEA,OAAO,IAAM+H,YAAY,gBAAGrL,KAAK,CAACmD,UAAU,CAC1C,UAAAmI,KAAA,EAA4CjI,GAAG,EAAK;EAAA,IAAjDC,QAAQ,GAAAgI,KAAA,CAARhI,QAAQ;IAAEiI,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAE1I,OAAO,GAAAyI,KAAA,CAAPzI,OAAO;IAAKc,KAAK,GAAAC,wBAAA,CAAA0H,KAAA,EAAAE,UAAA;EACtC,oBACExL,KAAA,CAAA2E,aAAA,CAAC8G,KAAK,EAAA7G,QAAA,KAAKjB,KAAK;IAAEN,GAAG,EAAEA;EAAI,iBACzBrD,KAAA,CAAA2E,aAAA,CAACzB,mBAAmB;IAACL,OAAO,EAAEA;EAAQ,gBACpC7C,KAAA,CAAA2E,aAAA,CAACtC,sBAAsB;IAAC8C,IAAI,EAAC;EAAI,CAAE,CAAC,EACnCoG,QACkB,CAAC,EACrBjI,QACI,CAAC;AAEZ,CACF,CAAC;AAED,SAASoI,UAAUA,CAAC/H,KAAkB,EAAE;EACtClD,cAAc,CAAC;IAAEkL,QAAQ,EAAE;EAAc,CAAC,CAAC;EAC3C,oBAAO3L,KAAA,CAAA2E,aAAA,CAAC5D,UAAU,EAAK4C,KAAQ,CAAC;AAClC;AAEA2E,MAAM,CAACsD,WAAW,GAAG,OAAO;AAE5BP,YAAY,CAACO,WAAW,GAAG,cAAc;AAEzCrF,SAAS,CAACqF,WAAW,GAAG,YAAY;AAEpC5D,mBAAmB,CAAC4D,WAAW,GAAG,sBAAsB;AAExD/D,kBAAkB,CAAC+D,WAAW,GAAG,qBAAqB;AAEtD,IAAMC,IAAI,GAAGtF,SAAS;AACtB,IAAMuF,SAAS,GAAGnG,cAAc;AAChC,IAAMoG,OAAO,GAAGjK,kBAAkB;AAClC,IAAMkK,aAAa,GAAGnE,kBAAkB;AACxC,IAAMoE,MAAM,GAAGlK,iBAAiB;AAChC,IAAMmK,aAAa,GAAG7G,0BAA0B;AAChD,IAAM8G,cAAc,GAAGnE,mBAAmB;AAC1C,IAAMoE,MAAM,GAAGlJ,mBAAmB;AAClC,IAAMmJ,OAAO,GAAG5K,WAAW;AAC3B,IAAM6K,KAAK,GAAGlK,gBAAgB;AAC9B,IAAMmK,KAAK,GAAGb,UAAU;;AAExB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMD,KAAK,GAAGzK,gBAAgB,CACnC;EACE6K,IAAI,EAAJA,IAAI;EACJC,SAAS,EAATA,SAAS;EACTC,OAAO,EAAPA,OAAO;EACPE,MAAM,EAANA,MAAM;EACNC,aAAa,EAAbA,aAAa;EACbC,cAAc,EAAdA,cAAc;EACdH,aAAa,EAAbA,aAAa;EACbI,MAAM,EAANA,MAAM;EACN/L,OAAO,EAAEA,OAAO;EAChBgM,OAAO,EAAPA,OAAO;EACPC,KAAK,EAALA,KAAK;EACLC,KAAK,EAALA,KAAK;EACLhM,OAAO,EAAPA;AACF,CAAC,EACD+H,MACF,CAAC"}

package/dist/Modal/Modal.styles.js

@@ -31,15 +31,15 @@ var screenWidthPixelBreakpoints = {
 };
 export var StyledModal = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModal",
-  componentId: "core-12_17_5__sc-1ijdug2-0"
+  componentId: "core-12_17_7__sc-1ijdug2-0"
 })(["display:flex;height:100vh;position:absolute;opacity:0;transition:0.3s opacity ease;width:100vw;z-index:0;pointer-events:none;&.", "{opacity:1;pointer-events:auto;}&.", "{opacity:0;pointer-events:none;}"], fadeInClassName, fadeOutClassName);
 export var StyledModalButtons = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalButtons",
-  componentId: "core-12_17_5__sc-1ijdug2-1"
+  componentId: "core-12_17_7__sc-1ijdug2-1"
 })(["display:flex;flex:0 0 auto;margin-left:", "px;> * + *{margin-left:", "px;}"], spacing.lg, spacing.sm);
 export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledModalContainer",
-  componentId: "core-12_17_5__sc-1ijdug2-2"
+  componentId: "core-12_17_7__sc-1ijdug2-2"
 })(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", " ", ""], function (_ref) {
   var $compact = _ref.$compact;
   if (!$compact) {
@@ -63,11 +63,11 @@ export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
 });
 export var StyledModalFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooter",
-  componentId: "core-12_17_5__sc-1ijdug2-3"
+  componentId: "core-12_17_7__sc-1ijdug2-3"
 })(["align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;padding:", "px ", "px ", "px;"], spacing.xl, spacing.xxl, spacing.xxl);
 export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-12_17_5__sc-1ijdug2-4"
+  componentId: "core-12_17_7__sc-1ijdug2-4"
 })(["", " box-sizing:border-box;color:", ";display:flex;flex-direction:column;overflow:auto;", " ", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}", ""], getTypographyIntent('body'), colors.gray15, function (_ref4) {
   var $noSideSpacing = _ref4.$noSideSpacing;
   return css(["padding:", "px ", "px;"], spacing.xl, $noSideSpacing ? 0 : spacing.xxl);
@@ -84,7 +84,7 @@ export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-12_17_5__sc-1ijdug2-5"
+  componentId: "core-12_17_7__sc-1ijdug2-5"
 })(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;", ""], function (_ref7) {
   var _ref7$$compact = _ref7.$compact,
     $compact = _ref7$$compact === void 0 ? false : _ref7$$compact;
@@ -95,11 +95,11 @@ export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalFooterNotation = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledModalFooterNotation",
-  componentId: "core-12_17_5__sc-1ijdug2-6"
+  componentId: "core-12_17_7__sc-1ijdug2-6"
 })(["flex-grow:1;"]);
 export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-12_17_5__sc-1ijdug2-7"
+  componentId: "core-12_17_7__sc-1ijdug2-7"
 })(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;position:relative;", " ", ""], colors.gray10, function (_ref8) {
   var $compact = _ref8.$compact,
     $isBodyScrolled = _ref8.$isBodyScrolled;
@@ -117,7 +117,7 @@ export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeading",
-  componentId: "core-12_17_5__sc-1ijdug2-8"
+  componentId: "core-12_17_7__sc-1ijdug2-8"
 })(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;", ""], function (_ref10) {
   var $compact = _ref10.$compact;
   return getTypographyIntent($compact ? 'h3' : 'h2');
@@ -133,18 +133,18 @@ export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalCancel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalCancel",
-  componentId: "core-12_17_5__sc-1ijdug2-9"
+  componentId: "core-12_17_7__sc-1ijdug2-9"
 })(["flex:0 0 auto;"]);
 export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalScrim",
-  componentId: "core-12_17_5__sc-1ijdug2-10"
+  componentId: "core-12_17_7__sc-1ijdug2-10"
 })(["background:hsla(200,8%,10%,0.6);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1;"]);
 export var StyledModalWarningIcon = /*#__PURE__*/styled(Warning).withConfig({
   displayName: "StyledModalWarningIcon",
-  componentId: "core-12_17_5__sc-1ijdug2-11"
+  componentId: "core-12_17_7__sc-1ijdug2-11"
 })(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
 export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooterSummary",
-  componentId: "core-12_17_5__sc-1ijdug2-12"
+  componentId: "core-12_17_7__sc-1ijdug2-12"
 })(["", " border-top:1px solid ", ";border-bottom:1px solid ", ";padding:", "px ", "px;color:", ";font-style:italic;background-color:", ";margin:-", "px -", "px ", "px -", "px;flex:1 1 100%;"], getTypographyIntent('small'), colors.gray85, colors.gray85, spacing.md, spacing.xxl, colors.gray15, colors.gray98, spacing.xl, spacing.xxl, spacing.xl, spacing.xxl);
 //# sourceMappingURL=Modal.styles.js.map

package/dist/Modal/Modal.types.d.ts

@@ -85,7 +85,9 @@ export interface ModalProps extends Props {
      */
     role?: 'dialog';
     /**
-     * Vertical placement of the modal
+     * Vertical placement of the modal.
+     * Positioning modal at the top ensures that variable height modal won't shift position during content loading,
+     * providing a more stable user experience.
      * @defaultValue center
      * @since 10.19.0
      */

package/dist/Modal/Modal.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.types.js","names":[],"sources":["../../src/Modal/Modal.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { DivAttributes, Props } from '../_utils/types'\n\nexport type ModalPlacement = 'top' | 'center'\nexport type ModalWidth = 'sm' | 'md' | 'lg' | 'xl'\n\n/**\n * Additional UI/UX to dismiss. (In addition to the Esc key)\n *  - `x` Close Button in the Modal Header\n *  - `scrim` Overlay dimmed scrim\n *  - `footer-button` Cancel Button in the Modal Footer Actions\n */\nexport type ModalOptionalCloseStartegy = 'x' | 'footer-button' | 'scrim'\ntype ModalCloseStragety = 'esc' | ModalOptionalCloseStartegy\n\ntype ModalOnClose = (\n  event: // clicked scrim\n  | React.MouseEvent<HTMLDivElement>\n    // clicked x button\n    | React.MouseEvent<HTMLButtonElement>\n    // pressed escape key\n    | React.KeyboardEvent<HTMLElement>,\n  how: ModalCloseStragety\n) => void\n\nexport interface ModalCloseContextApi {\n  /**\n   * Escape key will always close a dialog. This adds additional UI or UX to close.\n   */\n  howToClose: ModalOptionalCloseStartegy[] | undefined\n  onClose: ModalOnClose | undefined\n}\n\nexport interface ModalCloseableHeaderProps extends DivAttributes {\n  /**\n   * @deprecated @experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY\n   * @defaultValue false\n   * @since 12.8.0\n   */\n  compact?: boolean\n  qa?: { closeButton?: string }\n}\n\nexport interface ModalProps extends Props {\n  'aria-describedby'?: string\n  'aria-details'?: string\n  /**\n   * @a11y `role='dialog'` MUST be labelled. Prefer `aria-labelledby` over `aria-label`.\n   * @since 11.12.0\n   */\n  'aria-labelledby'?: string\n  /**\n   * @a11y `role='dialog'` MUST be labelled. Prefer `aria-labelledby` over `aria-label`.\n   * @since 11.12.0\n   */\n  'aria-label'?: string\n  /**\n   * @deprecated @experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY\n   * @defaultValue false\n   * @since 12.8.0\n   */\n  compact?: boolean\n  /**\n   * This adds additional UI or UX to close. Escape key will always close a dialog, see `onClose`.\n   *\n   * NOTE 'footer-button': Footer Cancel button still requires at least a rendered self closing `Modal.FooterButtons`.\n   *\n   * NOTE 'x': The X button still requires a rendered `Modal.Header` component.\n   * @defaultValue []\n   * @since 11.12.0\n   */\n  howToClose?: ModalOptionalCloseStartegy[]\n  /**\n   * Aligns with `role` and `ref` location.\n   */\n  id?: string\n  /**\n   * Callback for clicking the overlay\n   * @since 10.19.0\n   */\n  onClickOverlay?: (event: React.MouseEvent<HTMLDivElement>) => void\n  /**\n   * When a user closes the Modal by some approved `howToClose` method or the Escape key. This also opts-in to dialog focus management.\n   * @a11y Future default! Moves focus into and cycles focus in the Modal, and returning focus\n   * to the trigger when closed. Also enables the Escape key to close the Modal.\n   * @since 11.6.0\n   */\n  onClose?: ModalOnClose\n  /**\n   * Modal open state\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  open?: boolean\n  /**\n   * Enable dialog props. REQUIRES `onClose` to enable Escape key and focus management. MUST be labelled, prefer `aria-labelledby` over `aria-label`.\n   */\n  role?: 'dialog'\n  /**\n   * Vertical placement of the modal\n   * @defaultValue center\n   * @since 10.19.0\n   */\n  placement?: ModalPlacement\n  /**\n   * Sets a width on the container and uses next centering.\n   * Future will default to `md`\n   * @since 10.19.0\n   */\n  width?: ModalWidth\n}\n\nexport interface ModalContainerProps extends Props {\n  /**\n   * @deprecated @experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY\n   * @defaultValue false\n   * @since 12.8.0\n   */\n  compact?: boolean\n  /**\n   * @since 10.19.0\n   */\n  placement: ModalPlacement\n  /**\n   * @since 10.19.0\n   */\n  width?: ModalWidth\n}\n\nexport interface ConfirmModalProps extends Omit<ModalProps, 'onClose'> {\n  /**\n   * Headline message\n   * @since 10.19.0\n   */\n  headline?: string\n\n  /**\n   * The dismiss onClick callback\n   * @since 10.19.0\n   */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n}\n\n/**\n * NOTE: Using howToClose 'x' requires the `Modal.Header` component.\n * @a11y This component is a not semantic heading! For that, see `Modal.Heading`.\n */\nexport interface ModalCloseableHeaderProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  qa?: { closeButton?: string }\n}\n\nexport interface ModalBodyProps extends DivAttributes {\n  /**\n   * @deprecated @experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY\n   * @defaultValue false\n   * @since 12.8.0\n   */\n  compact?: boolean\n  /**\n   * Removes left, right paddings from the modal body when true\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  noSideSpacing?: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"Modal.types.js","names":[],"sources":["../../src/Modal/Modal.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { DivAttributes, Props } from '../_utils/types'\n\nexport type ModalPlacement = 'top' | 'center'\nexport type ModalWidth = 'sm' | 'md' | 'lg' | 'xl'\n\n/**\n * Additional UI/UX to dismiss. (In addition to the Esc key)\n *  - `x` Close Button in the Modal Header\n *  - `scrim` Overlay dimmed scrim\n *  - `footer-button` Cancel Button in the Modal Footer Actions\n */\nexport type ModalOptionalCloseStartegy = 'x' | 'footer-button' | 'scrim'\ntype ModalCloseStragety = 'esc' | ModalOptionalCloseStartegy\n\ntype ModalOnClose = (\n  event: // clicked scrim\n  | React.MouseEvent<HTMLDivElement>\n    // clicked x button\n    | React.MouseEvent<HTMLButtonElement>\n    // pressed escape key\n    | React.KeyboardEvent<HTMLElement>,\n  how: ModalCloseStragety\n) => void\n\nexport interface ModalCloseContextApi {\n  /**\n   * Escape key will always close a dialog. This adds additional UI or UX to close.\n   */\n  howToClose: ModalOptionalCloseStartegy[] | undefined\n  onClose: ModalOnClose | undefined\n}\n\nexport interface ModalCloseableHeaderProps extends DivAttributes {\n  /**\n   * @deprecated @experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY\n   * @defaultValue false\n   * @since 12.8.0\n   */\n  compact?: boolean\n  qa?: { closeButton?: string }\n}\n\nexport interface ModalProps extends Props {\n  'aria-describedby'?: string\n  'aria-details'?: string\n  /**\n   * @a11y `role='dialog'` MUST be labelled. Prefer `aria-labelledby` over `aria-label`.\n   * @since 11.12.0\n   */\n  'aria-labelledby'?: string\n  /**\n   * @a11y `role='dialog'` MUST be labelled. Prefer `aria-labelledby` over `aria-label`.\n   * @since 11.12.0\n   */\n  'aria-label'?: string\n  /**\n   * @deprecated @experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY\n   * @defaultValue false\n   * @since 12.8.0\n   */\n  compact?: boolean\n  /**\n   * This adds additional UI or UX to close. Escape key will always close a dialog, see `onClose`.\n   *\n   * NOTE 'footer-button': Footer Cancel button still requires at least a rendered self closing `Modal.FooterButtons`.\n   *\n   * NOTE 'x': The X button still requires a rendered `Modal.Header` component.\n   * @defaultValue []\n   * @since 11.12.0\n   */\n  howToClose?: ModalOptionalCloseStartegy[]\n  /**\n   * Aligns with `role` and `ref` location.\n   */\n  id?: string\n  /**\n   * Callback for clicking the overlay\n   * @since 10.19.0\n   */\n  onClickOverlay?: (event: React.MouseEvent<HTMLDivElement>) => void\n  /**\n   * When a user closes the Modal by some approved `howToClose` method or the Escape key. This also opts-in to dialog focus management.\n   * @a11y Future default! Moves focus into and cycles focus in the Modal, and returning focus\n   * to the trigger when closed. Also enables the Escape key to close the Modal.\n   * @since 11.6.0\n   */\n  onClose?: ModalOnClose\n  /**\n   * Modal open state\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  open?: boolean\n  /**\n   * Enable dialog props. REQUIRES `onClose` to enable Escape key and focus management. MUST be labelled, prefer `aria-labelledby` over `aria-label`.\n   */\n  role?: 'dialog'\n  /**\n   * Vertical placement of the modal.\n   * Positioning modal at the top ensures that variable height modal won't shift position during content loading,\n   * providing a more stable user experience.\n   * @defaultValue center\n   * @since 10.19.0\n   */\n  placement?: ModalPlacement\n  /**\n   * Sets a width on the container and uses next centering.\n   * Future will default to `md`\n   * @since 10.19.0\n   */\n  width?: ModalWidth\n}\n\nexport interface ModalContainerProps extends Props {\n  /**\n   * @deprecated @experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY\n   * @defaultValue false\n   * @since 12.8.0\n   */\n  compact?: boolean\n  /**\n   * @since 10.19.0\n   */\n  placement: ModalPlacement\n  /**\n   * @since 10.19.0\n   */\n  width?: ModalWidth\n}\n\nexport interface ConfirmModalProps extends Omit<ModalProps, 'onClose'> {\n  /**\n   * Headline message\n   * @since 10.19.0\n   */\n  headline?: string\n\n  /**\n   * The dismiss onClick callback\n   * @since 10.19.0\n   */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n}\n\n/**\n * NOTE: Using howToClose 'x' requires the `Modal.Header` component.\n * @a11y This component is a not semantic heading! For that, see `Modal.Heading`.\n */\nexport interface ModalCloseableHeaderProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  qa?: { closeButton?: string }\n}\n\nexport interface ModalBodyProps extends DivAttributes {\n  /**\n   * @deprecated @experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY\n   * @defaultValue false\n   * @since 12.8.0\n   */\n  compact?: boolean\n  /**\n   * Removes left, right paddings from the modal body when true\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  noSideSpacing?: boolean\n}\n"],"mappings":""}

package/dist/Modal/storyHelpers.js

@@ -1,12 +1,12 @@
 var _excluded = ["label", "children"];
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 import { Box } from '../Box/Box';
 import { Dropdown } from '../Dropdown/Dropdown';

package/dist/MultiSelect/MultiSelect.js

@@ -1,25 +1,25 @@
 var _excluded = ["getId", "getLabel", "qa", "value"],
   _excluded2 = ["value"],
   _excluded3 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "block", "disabled", "emptyMessage", "error", "footer", "getId", "getLabel", "getGroup", "loading", "onChange", "onScrollBottom", "onSearch", "options", "isOptionDisabled", "optionRenderer", "optgroups", "groupHeaderRenderer", "tokenRenderer", "placeholder", "placement", "value", "tabIndex", "aria-labelledby", "qa"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import { Clear } from '@procore/core-icons/dist';
 import React from 'react';
 import { Box } from '../Box/Box';