@procore/core-react 11.31.0 → 11.32.0

package/dist/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["Clear","FocusScope","React","useEffect","Button","CloseWithConfirmContext","useCloseWithConfirmContext","useCloseWithConfirmState","useModalDialogLike","Portal","Heading","LevelContext","Section","SectionProvider","useDeprecation","useLayoutEventListener","useI18nContext","useOverflowObserver","useScrollLock","Visibility","addSubcomponents","mergeRefs","ChildRegistryProvider","useModalChildRegistryDispatch","fadeInClassName","fadeOutClassName","StyledModal","StyledModalBody","StyledModalButtons","StyledModalCancel","StyledModalContainer","StyledModalContent","StyledModalFooter","StyledModalFooterNotation","StyledModalFooterSummary","StyledModalHeader","StyledModalHeading","StyledModalScrim","StyledModalWarningIcon","useInitializeModalFocus","noop","defaultStartLevel","initialBodyLevel","defaultHowToClose","ModalCloseContext","createContext","howToClose","onClose","undefined","ModalBodyScrollContext","isBodyScrolled","setIsBodyScrolled","ModalClosableHeader","forwardRef","_ref","ref","children","externalOnClose","qa","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","_React$useContext2","I18n","modalClosableHeaderRef","useRef","_useCloseWithConfirmC","closeWithConfirm","registerChildRef","child","onClickButton","e","includes","createElement","_extends","$isBodyScrolled","t","closeButton","onClick","icon","variant","ModalClosableFooterButtons","_ref2","_excluded2","_React$useContext3","_useCloseWithConfirmC2","modalClosableFooterButtonsRef","ModalContainer","_ref3","placement","width","_excluded3","_React$useContext4","modalContainerRef","hasOnClose","shadowStrength","$placement","$width","ModalBody","_ref4","_ref4$noSideSpacing","noSideSpacing","_excluded4","_useOverflowObserver","isOverflowingY","overflowRef","scrollRef","modalBodyRef","_React$useContext5","event","handler","currentTarget","scrollTop","scope","Provider","value","tabIndex","ModalFooterSummary","_ref5","_excluded5","ModalFooterNotation","_ref6","_excluded6","intent","color","italic","Modal_","_ref7","ariaDescribedby","ariaDetails","ariaLabelledby","ariaLabel","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","size","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 { FocusScope } from '@react-aria/focus'\nimport React, { useEffect } from 'react'\nimport { Button } from '../Button/Button'\nimport {\n  CloseWithConfirmContext,\n  useCloseWithConfirmContext,\n  useCloseWithConfirmState,\n} from '../Form/closeWithConfirm'\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 { 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 { 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  ModalOptionalCloseStartegy,\n  ModalProps,\n} from './Modal.types'\nimport { useInitializeModalFocus } from './useInitializeModalFocus'\n\nfunction noop() {}\nconst defaultStartLevel = 2\nconst initialBodyLevel = 3\n\n// TODO default in breaking\nconst defaultHowToClose: ModalOptionalCloseStartegy[] = ['scrim', 'x']\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>(({ children, onClose: externalOnClose, qa, ...props }, ref) => {\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      $isBodyScrolled={isBodyScrolled}\n      {...props}\n      ref={mergeRefs(ref, modalClosableHeaderRef)}\n    >\n      <StyledModalHeading>{children}</StyledModalHeading>\n      {(onClose && howToClose?.includes('x')) || externalOnClose ? (\n        <StyledModalCancel>\n          <Button\n            aria-label={I18n.t('core.modal.a11y.close')}\n            data-qa={qa?.closeButton}\n            data-internal=\"close-button\"\n            onClick={onClickButton}\n            icon={<Clear />}\n            variant=\"tertiary\"\n          />\n        </StyledModalCancel>\n      ) : null}\n    </StyledModalHeader>\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  ({ 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        $placement={placement}\n        $width={width}\n        ref={mergeRefs(ref, modalContainerRef)}\n      />\n    )\n  }\n)\n\nconst ModalBody = React.forwardRef<HTMLDivElement, ModalBodyProps>(\n  ({ children, 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            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\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 */\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      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              <FocusScope\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 {...props} placement={placement}>\n                    <StyledModalContent>\n                      <ModalBodyScrollObserver>\n                        <CloseWithConfirmContext.Provider\n                          value={closeWithConfirmState}\n                        >\n                          {children}\n                        </CloseWithConfirmContext.Provider>\n                      </ModalBodyScrollObserver>\n                    </StyledModalContent>\n                  </ModalContainer>\n                </StyledModal>\n              </FocusScope>\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\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","FocusScope","React","useEffect","Button","CloseWithConfirmContext","useCloseWithConfirmContext","useCloseWithConfirmState","useModalDialogLike","Portal","Heading","LevelContext","Section","SectionProvider","useDeprecation","useLayoutEventListener","useI18nContext","useOverflowObserver","useScrollLock","Visibility","addSubcomponents","mergeRefs","ChildRegistryProvider","useModalChildRegistryDispatch","fadeInClassName","fadeOutClassName","StyledModal","StyledModalBody","StyledModalButtons","StyledModalCancel","StyledModalContainer","StyledModalContent","StyledModalFooter","StyledModalFooterNotation","StyledModalFooterSummary","StyledModalHeader","StyledModalHeading","StyledModalScrim","StyledModalWarningIcon","useInitializeModalFocus","noop","defaultStartLevel","initialBodyLevel","defaultHowToClose","ModalCloseContext","createContext","howToClose","onClose","undefined","ModalBodyScrollContext","isBodyScrolled","setIsBodyScrolled","ModalClosableHeader","forwardRef","_ref","ref","children","externalOnClose","qa","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","_React$useContext2","I18n","modalClosableHeaderRef","useRef","_useCloseWithConfirmC","closeWithConfirm","registerChildRef","child","onClickButton","e","includes","createElement","_extends","$isBodyScrolled","t","closeButton","onClick","icon","variant","ModalClosableFooterButtons","_ref2","_excluded2","_React$useContext3","_useCloseWithConfirmC2","modalClosableFooterButtonsRef","ModalContainer","_ref3","placement","width","_excluded3","_React$useContext4","modalContainerRef","hasOnClose","shadowStrength","$placement","$width","ModalBody","_ref4","_ref4$noSideSpacing","noSideSpacing","_excluded4","_useOverflowObserver","isOverflowingY","overflowRef","scrollRef","modalBodyRef","_React$useContext5","event","handler","currentTarget","scrollTop","scope","Provider","value","tabIndex","ModalFooterSummary","_ref5","_excluded5","ModalFooterNotation","_ref6","_excluded6","intent","color","italic","Modal_","_ref7","ariaDescribedby","ariaDetails","ariaLabelledby","ariaLabel","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","size","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 { FocusScope } from '@react-aria/focus'\nimport React, { useEffect } from 'react'\nimport { Button } from '../Button/Button'\nimport {\n  CloseWithConfirmContext,\n  useCloseWithConfirmContext,\n  useCloseWithConfirmState,\n} from '../Form/closeWithConfirm'\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 { 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 { 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  ModalOptionalCloseStartegy,\n  ModalProps,\n} from './Modal.types'\nimport { useInitializeModalFocus } from './useInitializeModalFocus'\n\nfunction noop() {}\nconst defaultStartLevel = 2\nconst initialBodyLevel = 3\n\n// TODO default in breaking\nconst defaultHowToClose: ModalOptionalCloseStartegy[] = ['scrim', 'x']\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>(({ children, onClose: externalOnClose, qa, ...props }, ref) => {\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      $isBodyScrolled={isBodyScrolled}\n      {...props}\n      ref={mergeRefs(ref, modalClosableHeaderRef)}\n    >\n      <StyledModalHeading>{children}</StyledModalHeading>\n      {(onClose && howToClose?.includes('x')) || externalOnClose ? (\n        <StyledModalCancel>\n          <Button\n            aria-label={I18n.t('core.modal.a11y.close')}\n            data-qa={qa?.closeButton}\n            data-internal=\"close-button\"\n            onClick={onClickButton}\n            icon={<Clear />}\n            variant=\"tertiary\"\n          />\n        </StyledModalCancel>\n      ) : null}\n    </StyledModalHeader>\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  ({ 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        $placement={placement}\n        $width={width}\n        ref={mergeRefs(ref, modalContainerRef)}\n      />\n    )\n  }\n)\n\nconst ModalBody = React.forwardRef<HTMLDivElement, ModalBodyProps>(\n  ({ children, 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            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      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              <FocusScope\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 {...props} placement={placement}>\n                    <StyledModalContent>\n                      <ModalBodyScrollObserver>\n                        <CloseWithConfirmContext.Provider\n                          value={closeWithConfirmState}\n                        >\n                          {children}\n                        </CloseWithConfirmContext.Provider>\n                      </ModalBodyScrollObserver>\n                    </StyledModalContent>\n                  </ModalContainer>\n                </StyledModal>\n              </FocusScope>\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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"}

package/dist/Modal/Modal.styles.js

@@ -18,15 +18,15 @@ export var modalPixelWidths = {
 };
 export var StyledModal = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModal",
-  componentId: "core-11_31_0__sc-1ijdug2-0"
+  componentId: "core-11_32_0__sc-1ijdug2-0"
 })(["display:flex;height:100vh;position:absolute;opacity:0;transition:0.3s opacity ease;width:100vw;z-index:0;&.", "{opacity:1;}&.", "{opacity:0;}"], fadeInClassName, fadeOutClassName);
 export var StyledModalButtons = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalButtons",
-  componentId: "core-11_31_0__sc-1ijdug2-1"
+  componentId: "core-11_32_0__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-11_31_0__sc-1ijdug2-2"
+  componentId: "core-11_32_0__sc-1ijdug2-2"
 })(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", ""], function (_ref) {
   var $placement = _ref.$placement;
   if ($placement === 'top') {
@@ -44,11 +44,11 @@ export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
 });
 export var StyledModalFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooter",
-  componentId: "core-11_31_0__sc-1ijdug2-3"
+  componentId: "core-11_32_0__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-11_31_0__sc-1ijdug2-4"
+  componentId: "core-11_32_0__sc-1ijdug2-4"
 })(["", " box-sizing:border-box;color:", ";display:flex;flex-direction:column;max-width:", ";overflow:auto;", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}", ""], getTypographyIntent('body'), colors.gray15, modalMaxWidth, function (_ref3) {
   var noSideSpacing = _ref3.noSideSpacing;
   return css(["padding:", "px ", "px;"], spacing.xl, noSideSpacing ? 0 : spacing.xxl);
@@ -58,37 +58,37 @@ export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-11_31_0__sc-1ijdug2-5"
+  componentId: "core-11_32_0__sc-1ijdug2-5"
 })(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;"]);
 export var StyledModalFooterNotation = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledModalFooterNotation",
-  componentId: "core-11_31_0__sc-1ijdug2-6"
+  componentId: "core-11_32_0__sc-1ijdug2-6"
 })(["flex-grow:1;"]);
 export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-11_31_0__sc-1ijdug2-7"
+  componentId: "core-11_32_0__sc-1ijdug2-7"
 })(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;padding:", "px ", "px;position:relative;", ""], colors.gray10, spacing.xl, spacing.xxl, function (_ref5) {
   var $isBodyScrolled = _ref5.$isBodyScrolled;
   return css(["border-bottom:1px solid ", ";"], $isBodyScrolled ? colors.gray85 : 'transparent');
 });
 export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeading",
-  componentId: "core-11_31_0__sc-1ijdug2-8"
+  componentId: "core-11_32_0__sc-1ijdug2-8"
 })(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;"], getTypographyIntent('h2'), spacing.lg);
 export var StyledModalCancel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalCancel",
-  componentId: "core-11_31_0__sc-1ijdug2-9"
+  componentId: "core-11_32_0__sc-1ijdug2-9"
 })(["flex:0 0 auto;"]);
 export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalScrim",
-  componentId: "core-11_31_0__sc-1ijdug2-10"
+  componentId: "core-11_32_0__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-11_31_0__sc-1ijdug2-11"
+  componentId: "core-11_32_0__sc-1ijdug2-11"
 })(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
 export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooterSummary",
-  componentId: "core-11_31_0__sc-1ijdug2-12"
+  componentId: "core-11_32_0__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/MultiSelect/MultiSelect.styles.js

@@ -6,26 +6,26 @@ import { getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledMultiSelectValues = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectValues",
-  componentId: "core-11_31_0__sc-s9ym9q-0"
+  componentId: "core-11_32_0__sc-s9ym9q-0"
 })(["display:flex;flex-wrap:wrap;margin-bottom:2px;margin-left:", "px;margin-right:", "px;margin-top:2px;min-width:0;width:100%;"], spacing.md, spacing.xs);
 export var StyledMultiSelectToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectToken",
-  componentId: "core-11_31_0__sc-s9ym9q-1"
+  componentId: "core-11_32_0__sc-s9ym9q-1"
 })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:0 1 auto;> div{max-width:178px;width:100%;}"], spacing.xs);
 export var StyledMultiSelectSearchInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledMultiSelectSearchInput",
-  componentId: "core-11_31_0__sc-s9ym9q-2"
+  componentId: "core-11_32_0__sc-s9ym9q-2"
 })(["background-color:transparent;border-width:0;font-family:inherit;padding:0;height:24px;width:100%;", " ", " &::-ms-clear{display:none;}&:focus{box-shadow:none;outline:none;}&::placeholder{color:", ";}"], getTypographyIntent('body'), function (_ref) {
   var $isNavigatingTokens = _ref.$isNavigatingTokens;
   return $isNavigatingTokens && css(["color:transparent;"]);
 }, colors.gray45);
 export var StyledMultiSelectSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectSearch",
-  componentId: "core-11_31_0__sc-s9ym9q-3"
+  componentId: "core-11_32_0__sc-s9ym9q-3"
 })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:1;max-width:100%;min-width:24px;"], spacing.xs);
 export var StyledMultiSelectSearchIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectSearchIcon",
-  componentId: "core-11_31_0__sc-s9ym9q-4"
+  componentId: "core-11_32_0__sc-s9ym9q-4"
 })(["align-items:center;align-self:flex-start;display:flex;height:34px;justify-content:flex-end;margin-left:", "px;margin-right:", "px;min-width:40px;width:40px;"], spacing.xs, spacing.md);
 export var StyledMultiSelectClearIcon = StyledSelectClearIcon;
 export var StyledMultiSelectArrowContainer = StyledSelectArrowContainer;
@@ -33,7 +33,7 @@ export var StyledMultiSelectArrow = StyledSelectArrow;
 export var StyledMultiSelectMenu = StyledSelectMenu;
 export var StyledMultiSelectButton = /*#__PURE__*/styled(StyledSelectButton).withConfig({
   displayName: "StyledMultiSelectButton",
-  componentId: "core-11_31_0__sc-s9ym9q-5"
+  componentId: "core-11_32_0__sc-s9ym9q-5"
 })(["height:auto;padding:0;white-space:normal;&:focus-within{", "}", ""], getFocus(), function (_ref2) {
   var $emptyValue = _ref2.$emptyValue;
   return $emptyValue && css(["", "{cursor:pointer;}"], StyledMultiSelectSearchInput);

package/dist/NextMenu/NextMenu.styles.js

@@ -6,14 +6,14 @@ export var optionMinHeight = 32;
 export var defaultMenuHeight = 64;
 export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledOptions",
-  componentId: "core-11_31_0__sc-3o6zya-0"
+  componentId: "core-11_32_0__sc-3o6zya-0"
 })([""]);
 export var StyledItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledItem",
-  componentId: "core-11_31_0__sc-3o6zya-1"
+  componentId: "core-11_32_0__sc-3o6zya-1"
 })(["", ";padding:", "px ", "px;cursor:pointer;list-style-type:none;"], getTypographyIntent('body'), spacing.xs, spacing.md);
 export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroup",
-  componentId: "core-11_31_0__sc-3o6zya-2"
+  componentId: "core-11_32_0__sc-3o6zya-2"
 })(["", ";padding:", "px ", "px ", "px;font-weight:", ";background:white;list-style-type:none;"], getTypographyIntent('body'), spacing.md, spacing.md, spacing.xs, typographyWeights.semibold);
 //# sourceMappingURL=NextMenu.styles.js.map

package/dist/Notation/Notation.js

@@ -14,7 +14,7 @@ var variantColorMap = {
 };
 var StyledNotation = /*#__PURE__*/styled.i.withConfig({
   displayName: "StyledNotation",
-  componentId: "core-11_31_0__sc-160q1m6-0"
+  componentId: "core-11_32_0__sc-160q1m6-0"
 })(["", " color:", ";font-style:italic;"], getTypographyIntent('small'), function (_ref) {
   var variant = _ref.variant;
   return variant ? colors[variantColorMap[variant]] : colors.gray15;

package/dist/NumberInput/NumberInput.styles.js

@@ -12,37 +12,37 @@ var inputBgColor = colors.white;
 var inputBorder = "".concat(colors.gray70, " solid 1px");
 var StyledRootAddon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRootAddon",
-  componentId: "core-11_31_0__sc-1782nvg-0"
+  componentId: "core-11_32_0__sc-1782nvg-0"
 })(["display:inline-flex;align-items:center;height:100%;position:absolute;top:0;color:", ";", ";"], function (_ref) {
   var disabled = _ref.disabled;
   return disabled ? colors.gray70 : colors.gray45;
 }, getTypographyIntent('body'));
 export var StyledPrefix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
   displayName: "StyledPrefix",
-  componentId: "core-11_31_0__sc-1782nvg-1"
+  componentId: "core-11_32_0__sc-1782nvg-1"
 })(["left:", "px;"], spacing.md);
 export var StyledSuffix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
   displayName: "StyledSuffix",
-  componentId: "core-11_31_0__sc-1782nvg-2"
+  componentId: "core-11_32_0__sc-1782nvg-2"
 })(["right:", "px;"], function (_ref2) {
   var withIncrementer = _ref2.withIncrementer;
   return withIncrementer ? spacing.md + incrementerWidth : spacing.md;
 });
 export var StyledIncrementerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIncrementerWrapper",
-  componentId: "core-11_31_0__sc-1782nvg-3"
+  componentId: "core-11_32_0__sc-1782nvg-3"
 })(["display:flex;flex-direction:column;position:absolute;top:1px;right:1px;height:100%;"]);
 export var StyledIncrementerButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledIncrementerButton",
-  componentId: "core-11_31_0__sc-1782nvg-4"
+  componentId: "core-11_32_0__sc-1782nvg-4"
 })(["display:inline-flex;justify-content:center;align-items:center;width:", "px;height:calc(50% - 1px);border:none;border-radius:0px;outline:none;background-color:", ";padding:0;cursor:pointer;&:first-child,&:last-child{border-left:", ";&:disabled{border-color:", ";background-color:", ";}}&:first-child{border-top-right-radius:2px;}&:last-child{border-top:", ";border-bottom-right-radius:2px;}svg{fill:", ";}&:hover{svg{fill:", ";}}&:disabled{cursor:default;svg{fill:", ";}}"], incrementerWidth, inputBgColor, inputBorder, colors.gray70, colors.gray94, inputBorder, colors.gray45, colors.gray10, colors.gray70);
 export var StyledInput = /*#__PURE__*/styled(Input).withConfig({
   displayName: "StyledInput",
-  componentId: "core-11_31_0__sc-1782nvg-5"
+  componentId: "core-11_32_0__sc-1782nvg-5"
 })([""]);
 export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledWrapper",
-  componentId: "core-11_31_0__sc-1782nvg-6"
+  componentId: "core-11_32_0__sc-1782nvg-6"
 })(["position:relative;", ""], function (_ref3) {
   var hasIncrementer = _ref3.hasIncrementer;
   return hasIncrementer && css(["", "{padding-right:", "px;}"], StyledInput, spacing.md + incrementerWidth);

package/dist/Overlay/OverlayArrow.styles.js

@@ -2,6 +2,6 @@ import styled from 'styled-components';
 export var arrowSize = 8;
 export var StyledArrow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledArrow",
-  componentId: "core-11_31_0__sc-1epxw7u-0"
+  componentId: "core-11_32_0__sc-1epxw7u-0"
 })(["position:absolute;background:inherit;width:", "px;height:", "px;transform:rotate(45deg);"], arrowSize, arrowSize);
 //# sourceMappingURL=OverlayArrow.styles.js.map

package/dist/PageLayout/PageLayout.d.ts

@@ -1,20 +1,21 @@
 import React from 'react';
 import type { GridProps } from '../Grid/Grid.types';
 import type { DivAttributes, Props } from '../_utils/types';
-import type { PageAsideProps, PageComponentProps, PageFooterProps, PageHeaderProps, PageMainProps } from './PageLayout.types';
+import type { PageAsideProps, PageBodyNavigationProps, PageComponentProps, PageFooterProps, PageHeaderProps, PageMainProps } from './PageLayout.types';
 export declare const PageContext: React.Context<{
     bodyRef: React.RefObject<HTMLDivElement>;
     footerRef: React.RefObject<HTMLDivElement>;
     containerRef: React.RefObject<HTMLDivElement>;
+    navigationRef: React.RefObject<HTMLUListElement>;
     aside: {
         open: () => Promise<void>;
         close: () => Promise<void>;
         isOpen: boolean;
     };
 }>;
+export declare const PageBodyNavigation: React.ForwardRefExoticComponent<PageBodyNavigationProps & React.RefAttributes<HTMLUListElement>>;
 /**
   Building block elements for layout that should be used to build a common skeleton of a page.
-
   - Page
     - Page.Main
       - Page.Header
@@ -29,7 +30,6 @@ export declare const PageContext: React.Context<{
       - Page.Body
       - Page.Footer
     - Page.Aside
-
 Other helpers, such as Page.Grid, Page.Row and Page.Column are thin wrappers over Grid components and share the same API.
  */
 export declare const Page: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>> & {

package/dist/PageLayout/PageLayout.js

@@ -1,7 +1,8 @@
 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); }
 var _excluded = ["gutterX"],
   _excluded2 = ["transparent"],
-  _excluded3 = ["children", "open"];
+  _excluded3 = ["children"],
+  _excluded4 = ["children", "open"];
 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); }
@@ -19,6 +20,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 import throttle from 'lodash.throttle';
 import React from 'react';
+import { AnchorNavigation } from '../AnchorNavigation';
 import { Grid } from '../Grid/Grid';
 import { TearsheetContext } from '../Tearsheet/Tearsheet';
 import { useResize } from '../_hooks/Resize';
@@ -27,13 +29,14 @@ import { useUpdateEffect } from '../_hooks/useUpdateEffect';
 import { addSubcomponents } from '../_utils/addSubcomponents';
 import { mergeRefs } from '../_utils/mergeRefs';
 import { pageLayoutRootDataAttr } from './PageLayout.constants';
-import { animationDuration, StyledAside, StyledAsideFluidContainer, StyledAsidePanel, StyledBody, StyledFooter, StyledPageBanner, StyledPageBreadcrumbs, StyledPageContainer, StyledPageHeader, StyledPageMain, StyledPageTabs, StyledPageTitle } from './PageLayout.styles';
+import { animationDuration, StyledAside, StyledAsideFluidContainer, StyledAsidePanel, StyledBody, StyledContent, StyledFooter, StyledNavigation, StyledPageBanner, StyledPageBreadcrumbs, StyledPageContainer, StyledPageHeader, StyledPageMain, StyledPageTabs, StyledPageTitle } from './PageLayout.styles';
 import { getBottomOffsetForFooterUseCase, getGlobalBottomOffset, getGlobalTopOffset, getIsIntersectingVertically, getRightOffset, wait } from './PageLayout.utils';
 var defaultAsideIsOpen = false;
 export var PageContext = /*#__PURE__*/React.createContext({
   bodyRef: /*#__PURE__*/React.createRef(),
   footerRef: /*#__PURE__*/React.createRef(),
   containerRef: /*#__PURE__*/React.createRef(),
+  navigationRef: /*#__PURE__*/React.createRef(),
   aside: {
     open: function open() {
       return Promise.resolve();
@@ -60,20 +63,48 @@ var PageHeader = /*#__PURE__*/React.forwardRef(function PageHeader(_ref2, ref) {
     ref: ref
   }));
 });
-var PageBody = /*#__PURE__*/React.forwardRef(function PageBody(props, ref) {
+var PageBody = /*#__PURE__*/React.forwardRef(function PageBody(_ref3, ref) {
+  var children = _ref3.children,
+    props = _objectWithoutProperties(_ref3, _excluded3);
   var _React$useContext = React.useContext(PageContext),
     bodyRef = _React$useContext.bodyRef;
+  var navigation;
+  var content = [];
+  React.Children.forEach(children, function (child) {
+    if (! /*#__PURE__*/React.isValidElement(child)) return;
+    if (child.type === PageBodyNavigation) {
+      navigation = child;
+    } else {
+      content.push(child);
+    }
+  });
+  if (!navigation) {
+    return /*#__PURE__*/React.createElement(StyledBody, _extends({
+      children: children
+    }, props, {
+      ref: mergeRefs(ref, bodyRef)
+    }));
+  }
   return /*#__PURE__*/React.createElement(StyledBody, _extends({}, props, {
     ref: mergeRefs(ref, bodyRef)
-  }));
+  }), /*#__PURE__*/React.createElement(StyledNavigation, null, navigation), /*#__PURE__*/React.createElement(StyledContent, null, content));
 });
-var PageFooter = /*#__PURE__*/React.forwardRef(function PageFooter(props, ref) {
+export var PageBodyNavigation = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
+  var sections = _ref4.sections;
   var _React$useContext2 = React.useContext(PageContext),
-    bodyRef = _React$useContext2.bodyRef,
-    footerRef = _React$useContext2.footerRef,
-    aside = _React$useContext2.aside;
-  var _React$useContext3 = React.useContext(TearsheetContext),
-    addListener = _React$useContext3.addListener;
+    navigationRef = _React$useContext2.navigationRef;
+  return /*#__PURE__*/React.createElement(AnchorNavigation, {
+    ref: mergeRefs(ref, navigationRef),
+    sections: sections
+  });
+});
+var PageFooter = /*#__PURE__*/React.forwardRef(function PageFooter(props, ref) {
+  var _React$useContext3 = React.useContext(PageContext),
+    bodyRef = _React$useContext3.bodyRef,
+    footerRef = _React$useContext3.footerRef,
+    aside = _React$useContext3.aside;
+  var _React$useContext4 = React.useContext(TearsheetContext),
+    addListener = _React$useContext4.addListener;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isIntersectingWithBody = _React$useState2[0],
@@ -129,21 +160,21 @@ var PageFooter = /*#__PURE__*/React.forwardRef(function PageFooter(props, ref) {
     ref: mergeRefs(ref, footerRef)
   }));
 });
-var PageAside = /*#__PURE__*/React.forwardRef(function PageAside(_ref3, ref) {
-  var children = _ref3.children,
-    controlledIsOpen = _ref3.open,
-    props = _objectWithoutProperties(_ref3, _excluded3);
-  var _React$useContext4 = React.useContext(PageContext),
-    _React$useContext4$as = _React$useContext4.aside,
-    contextIsOpen = _React$useContext4$as.isOpen,
-    open = _React$useContext4$as.open,
-    close = _React$useContext4$as.close;
-  var _React$useContext5 = React.useContext(TearsheetContext),
-    tearsheetPlacement = _React$useContext5.placement,
-    addTearsheetListener = _React$useContext5.addListener;
-  var _React$useContext6 = React.useContext(PageContext),
-    footerRef = _React$useContext6.footerRef,
-    containerRef = _React$useContext6.containerRef;
+var PageAside = /*#__PURE__*/React.forwardRef(function PageAside(_ref5, ref) {
+  var children = _ref5.children,
+    controlledIsOpen = _ref5.open,
+    props = _objectWithoutProperties(_ref5, _excluded4);
+  var _React$useContext5 = React.useContext(PageContext),
+    _React$useContext5$as = _React$useContext5.aside,
+    contextIsOpen = _React$useContext5$as.isOpen,
+    open = _React$useContext5$as.open,
+    close = _React$useContext5$as.close;
+  var _React$useContext6 = React.useContext(TearsheetContext),
+    tearsheetPlacement = _React$useContext6.placement,
+    addTearsheetListener = _React$useContext6.addListener;
+  var _React$useContext7 = React.useContext(PageContext),
+    footerRef = _React$useContext7.footerRef,
+    containerRef = _React$useContext7.containerRef;
   var innerRef = React.useRef(null);
   var _React$useState3 = React.useState(null),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
@@ -292,12 +323,14 @@ var PageContainer = /*#__PURE__*/React.forwardRef(function PageContainer(props,
   };
   var containerRef = React.useRef(null);
   var bodyRef = React.useRef(null);
+  var navigationRef = React.useRef(null);
   var footerRef = React.useRef(null);
   return /*#__PURE__*/React.createElement(PageContext.Provider, {
     value: {
       bodyRef: bodyRef,
       footerRef: footerRef,
       containerRef: containerRef,
+      navigationRef: navigationRef,
       aside: {
         open: openAside,
         close: closeAside,
@@ -309,8 +342,8 @@ var PageContainer = /*#__PURE__*/React.forwardRef(function PageContainer(props,
   })));
 });
 var PageMain = /*#__PURE__*/React.forwardRef(function PageMain(props, ref) {
-  var _React$useContext7 = React.useContext(TearsheetContext),
-    tearsheetPlacement = _React$useContext7.placement;
+  var _React$useContext8 = React.useContext(TearsheetContext),
+    tearsheetPlacement = _React$useContext8.placement;
   var attrs = _defineProperty({}, pageLayoutRootDataAttr, true);
   return /*#__PURE__*/React.createElement(PageGrid, null, /*#__PURE__*/React.createElement(StyledPageMain, _extends({}, props, attrs, {
     ref: ref,
@@ -351,7 +384,6 @@ PageMain.displayName = 'Page.Main';
 
 /**
   Building block elements for layout that should be used to build a common skeleton of a page.
-
   - Page
     - Page.Main
       - Page.Header
@@ -366,7 +398,6 @@ PageMain.displayName = 'Page.Main';
       - Page.Body
       - Page.Footer
     - Page.Aside
-
 Other helpers, such as Page.Grid, Page.Row and Page.Column are thin wrappers over Grid components and share the same API.
  */
 export var Page = addSubcomponents({