@procore/core-react 11.32.0 → 12.0.0

package/dist/ListPage/ListPage.styles.js

@@ -3,19 +3,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledListPageMain = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageMain",
-  componentId: "core-11_32_0__sc-1eq7fzi-0"
+  componentId: "core-12_0_0__sc-1eq7fzi-0"
 })(["display:flex;flex:1 0 auto;flex-direction:column;min-width:0;padding:", "px ", "px;width:100%;"], spacing.lg, spacing.xl);
 export var StyledListPageBanner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBanner",
-  componentId: "core-11_32_0__sc-1eq7fzi-1"
+  componentId: "core-12_0_0__sc-1eq7fzi-1"
 })(["flex:0 0 auto;"]);
 export var StyledListPageToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageToolHeader",
-  componentId: "core-11_32_0__sc-1eq7fzi-2"
+  componentId: "core-12_0_0__sc-1eq7fzi-2"
 })(["flex:0 0 auto;padding-bottom:", "px;"], spacing.lg);
 export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageControl",
-  componentId: "core-11_32_0__sc-1eq7fzi-3"
+  componentId: "core-12_0_0__sc-1eq7fzi-3"
 })(["flex:", ";", " ", ""], function (_ref) {
   var $block = _ref.$block;
   return $block ? '1 0 auto' : '0 0 auto';
@@ -32,18 +32,18 @@ export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledListPageContentControls = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageContentControls",
-  componentId: "core-11_32_0__sc-1eq7fzi-4"
+  componentId: "core-12_0_0__sc-1eq7fzi-4"
 })(["align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;padding:", "px 0;", " + ", "{margin-left:", "px;}"], spacing.md, StyledListPageControl, StyledListPageControl, spacing.lg);
 export var StyledListPageBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBody",
-  componentId: "core-11_32_0__sc-1eq7fzi-5"
+  componentId: "core-12_0_0__sc-1eq7fzi-5"
 })(["display:flex;flex:1 0 auto;padding-top:", "px;"], spacing.md);
 export var StyledListPageBodyContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBodyContent",
-  componentId: "core-11_32_0__sc-1eq7fzi-6"
+  componentId: "core-12_0_0__sc-1eq7fzi-6"
 })(["flex:1 1 auto;"]);
 export var StyledListPage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPage",
-  componentId: "core-11_32_0__sc-1eq7fzi-7"
+  componentId: "core-12_0_0__sc-1eq7fzi-7"
 })(["display:flex;flex-direction:row;height:100%;width:100%;", " + ", "{padding-top:", "px;}", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", ",", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", "{padding-top:0;}"], StyledListPageBanner, StyledListPageToolHeader, spacing.lg, StyledListPageContentControls, StyledListPageContentControls, colors.gray85, StyledListPageToolHeader, StyledListPageContentControls, StyledListPageToolHeader, StyledListPageBody, colors.gray85, StyledListPageContentControls, StyledListPageBody);
 //# sourceMappingURL=ListPage.styles.js.map

package/dist/ListPage/ListPage.types.d.ts

@@ -22,6 +22,7 @@ export interface ListPageControlProps extends Props {
     search?: boolean;
     /**
      * @deprecated please use the equivalent boolean prop instead
+     * @deprecatedSince 11
      * @since 10.19.0
      */
     variant?: ControlVariant;

package/dist/ListPage/ListPage.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListPage.types.js","names":[],"sources":["../../src/ListPage/ListPage.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport type ControlVariant = 'align-right' | 'block' | 'search'\n\nexport interface DivProps extends Props {}\n\nexport interface ListPageProps extends Props {}\n\nexport interface ListPageControlProps extends Props {\n  /**\n   * Controls whether the contents will align to the right\n   * @since 10.19.0\n   */\n  alignRight?: boolean\n  /**\n   * Controls whether the contents will attmpt to span the full width\n   * @since 10.19.0\n   */\n  block?: boolean\n  /**\n   * Sets width to a specific size for Search to fit\n   * @since 10.19.0\n   */\n  search?: boolean\n  /**\n   * @deprecated please use the equivalent boolean prop instead\n   * @since 10.19.0\n   */\n  variant?: ControlVariant\n}\n"],"mappings":""}
+{"version":3,"file":"ListPage.types.js","names":[],"sources":["../../src/ListPage/ListPage.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport type ControlVariant = 'align-right' | 'block' | 'search'\n\nexport interface DivProps extends Props {}\n\nexport interface ListPageProps extends Props {}\n\nexport interface ListPageControlProps extends Props {\n  /**\n   * Controls whether the contents will align to the right\n   * @since 10.19.0\n   */\n  alignRight?: boolean\n  /**\n   * Controls whether the contents will attmpt to span the full width\n   * @since 10.19.0\n   */\n  block?: boolean\n  /**\n   * Sets width to a specific size for Search to fit\n   * @since 10.19.0\n   */\n  search?: boolean\n  /**\n   * @deprecated please use the equivalent boolean prop instead\n   * @deprecatedSince 11\n   * @since 10.19.0\n   */\n  variant?: ControlVariant\n}\n"],"mappings":""}

package/dist/Loader/Loader.styles.js

@@ -7,11 +7,11 @@ export var loaderTransitionDuration = 250;
 var movingStripes = /*#__PURE__*/keyframes(["from{background-position:", "px 0;}100%{background-position:0 ", "px;}"], backgroundSize, backgroundSize);
 export var StyledLoader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLoader",
-  componentId: "core-11_32_0__sc-wgvjj9-0"
+  componentId: "core-12_0_0__sc-wgvjj9-0"
 })(["display:block;height:100%;left:0;min-width:12px;position:absolute;transition:width ", "ms ease-out;top:0;"], loaderTransitionDuration);
 export var StyledGradient = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGradient",
-  componentId: "core-11_32_0__sc-wgvjj9-1"
+  componentId: "core-12_0_0__sc-wgvjj9-1"
 })(["height:100%;", ""], function (_ref) {
   var $animated = _ref.$animated;
   return $animated ? css(["animation:", " 0.5s linear infinite;background-image:linear-gradient( 45deg,", " 26%,", " 25%,", " 51%,", " 50%,", " 76%,", " 75%,", " );background-size:", "px ", "px;"], movingStripes, color1, color2, color2, color1, color1, color2, color2, backgroundSize, backgroundSize) : css(["background-color:", ";"], colors.blue50);

package/dist/Menu/index.d.ts

@@ -1,2 +1,2 @@
 export { Menu } from './Menu';
-export type { MenuHook, MenuNavigationProps, MenuProps, MenuSelection, } from './Menu.types';
+export type { MenuHook, MenuItemProps, MenuNavigationProps, MenuProps, MenuSelection, } from './Menu.types';

package/dist/Menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Menu"],"sources":["../../src/Menu/index.ts"],"sourcesContent":["export { Menu } from './Menu'\nexport type {\n  MenuHook,\n  MenuNavigationProps,\n  MenuProps,\n  MenuSelection,\n} from './Menu.types'\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,QAAQ"}
+{"version":3,"file":"index.js","names":["Menu"],"sources":["../../src/Menu/index.ts"],"sourcesContent":["export { Menu } from './Menu'\nexport type {\n  MenuHook,\n  MenuItemProps,\n  MenuNavigationProps,\n  MenuProps,\n  MenuSelection,\n} from './Menu.types'\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,QAAQ"}

package/dist/MenuImperative/MenuImperative.styles.js

@@ -11,15 +11,15 @@ var optionMinHeight = 32;
 // Do not merge with StyledMenu, needed for max-height working in IE
 export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledWrapper",
-  componentId: "core-11_32_0__sc-z984sz-0"
+  componentId: "core-12_0_0__sc-z984sz-0"
 })(["border-radius:inherit;display:flex;max-height:inherit;min-width:inherit;outline:none;width:inherit;"]);
 export var StyledMenu = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMenu",
-  componentId: "core-11_32_0__sc-z984sz-1"
+  componentId: "core-12_0_0__sc-z984sz-1"
 })(["border-radius:inherit;display:flex;flex-direction:column;outline:0;width:100%;"]);
 export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledOptions",
-  componentId: "core-11_32_0__sc-z984sz-2"
+  componentId: "core-12_0_0__sc-z984sz-2"
 })(["flex-basis:auto;flex-grow:1;flex-shrink:1;min-height:", "px;", ";padding:", "px 0;position:relative;&:focus-visible{", " margin:-1px;}"], optionMinHeight, function (_ref) {
   var _ref$$scrollable = _ref.$scrollable,
     $scrollable = _ref$$scrollable === void 0 ? true : _ref$$scrollable;
@@ -27,26 +27,26 @@ export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
 }, spacing.sm, getFocus());
 export var StyledGrip = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGrip",
-  componentId: "core-11_32_0__sc-z984sz-3"
+  componentId: "core-12_0_0__sc-z984sz-3"
 })(["padding:0 2px;height:24px;visibility:hidden;"]);
 export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeader",
-  componentId: "core-11_32_0__sc-z984sz-4"
+  componentId: "core-12_0_0__sc-z984sz-4"
 })([""]);
 export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSearch",
-  componentId: "core-11_32_0__sc-z984sz-5"
+  componentId: "core-12_0_0__sc-z984sz-5"
 })(["padding:", "px ", "px ", "px;", " > *{pointer-events:none;}"], spacing.lg, spacing.lg, spacing.sm, StyledButton);
 export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroup",
-  componentId: "core-11_32_0__sc-z984sz-6"
+  componentId: "core-12_0_0__sc-z984sz-6"
 })(["", " color:", ";cursor:", ";font-weight:", ";padding:", "px ", "px;&:not(:first-child){padding-top:", "px;}"], getTypographyIntent('body'), colors.gray15, function (_ref2) {
   var $clickable = _ref2.$clickable;
   return $clickable ? 'pointer' : 'default';
 }, typographyWeights.semibold, spacing.xs, spacing.lg, spacing.md + spacing.xs);
 export var StyledItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledItem",
-  componentId: "core-11_32_0__sc-z984sz-7"
+  componentId: "core-12_0_0__sc-z984sz-7"
 })(["", ";", " cursor:pointer;list-style-type:none;padding:", "px ", "px;a{color:", ";display:block;margin:-", "px -", "px;padding:", "px ", "px;text-decoration:none;&:hover{color:", ";text-decoration:none;}}&[data-highlighted='true']{background-color:", ";}", " &:hover,&:active{", "{visibility:visible;}}", "{color:inherit;cursor:pointer;}", " ", " ", ""], getTypographyIntent('body'), function (_ref3) {
   var as = _ref3.as;
   return as === 'a' && css(["display:block;text-decoration:none;"]);
@@ -75,10 +75,10 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledDroppable = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDroppable",
-  componentId: "core-11_32_0__sc-z984sz-8"
+  componentId: "core-12_0_0__sc-z984sz-8"
 })(["", ",", "{padding-left:28px;}"], StyledGroup, StyledItem);
 export var StyledFooter = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledFooter",
-  componentId: "core-11_32_0__sc-z984sz-9"
+  componentId: "core-12_0_0__sc-z984sz-9"
 })(["border-top:1px solid ", ";border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;"], colors.gray85);
 //# sourceMappingURL=MenuImperative.styles.js.map

package/dist/Modal/Modal.js

@@ -19,7 +19,6 @@ import { Clear } from '@procore/core-icons/dist';
 import { FocusScope } from '@react-aria/focus';
 import React, { useEffect } from 'react';
 import { Button } from '../Button/Button';
-import { CloseWithConfirmContext, useCloseWithConfirmContext, useCloseWithConfirmState } from '../Form/closeWithConfirm';
 import { useModalDialogLike } from '../OverlayTrigger/a11yPresets';
 import { Portal } from '../Portal/Portal';
 import { Heading, LevelContext, Section, SectionProvider } from '../Section/Section';
@@ -30,6 +29,7 @@ import { useOverflowObserver } from '../_hooks/OverflowObserver';
 import { useScrollLock } from '../_hooks/ScrollLock';
 import { Visibility } from '../_hooks/Visibility';
 import { addSubcomponents } from '../_utils/addSubcomponents';
+import { CloseWithConfirmContext, useCloseWithConfirmContext, useCloseWithConfirmState } from '../_utils/closeWithConfirm';
 import { mergeRefs } from '../_utils/mergeRefs';
 import { ChildRegistryProvider, useModalChildRegistryDispatch } from './ChildRegistry.context';
 import { fadeInClassName, fadeOutClassName, StyledModal, StyledModalBody, StyledModalButtons, StyledModalCancel, StyledModalContainer, StyledModalContent, StyledModalFooter, StyledModalFooterNotation, StyledModalFooterSummary, StyledModalHeader, StyledModalHeading, StyledModalScrim, StyledModalWarningIcon } from './Modal.styles';

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\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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"}
+{"version":3,"file":"Modal.js","names":["Clear","FocusScope","React","useEffect","Button","useModalDialogLike","Portal","Heading","LevelContext","Section","SectionProvider","useDeprecation","useLayoutEventListener","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","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 { 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 {\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  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_32_0__sc-1ijdug2-0"
+  componentId: "core-12_0_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_32_0__sc-1ijdug2-1"
+  componentId: "core-12_0_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_32_0__sc-1ijdug2-2"
+  componentId: "core-12_0_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_32_0__sc-1ijdug2-3"
+  componentId: "core-12_0_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_32_0__sc-1ijdug2-4"
+  componentId: "core-12_0_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_32_0__sc-1ijdug2-5"
+  componentId: "core-12_0_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_32_0__sc-1ijdug2-6"
+  componentId: "core-12_0_0__sc-1ijdug2-6"
 })(["flex-grow:1;"]);
 export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-11_32_0__sc-1ijdug2-7"
+  componentId: "core-12_0_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_32_0__sc-1ijdug2-8"
+  componentId: "core-12_0_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_32_0__sc-1ijdug2-9"
+  componentId: "core-12_0_0__sc-1ijdug2-9"
 })(["flex:0 0 auto;"]);
 export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalScrim",
-  componentId: "core-11_32_0__sc-1ijdug2-10"
+  componentId: "core-12_0_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_32_0__sc-1ijdug2-11"
+  componentId: "core-12_0_0__sc-1ijdug2-11"
 })(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
 export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooterSummary",
-  componentId: "core-11_32_0__sc-1ijdug2-12"
+  componentId: "core-12_0_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