@procore/core-react 12.7.0 → 12.8.1

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-12_7_0__sc-1eq7fzi-0"
+  componentId: "core-12_8_1__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-12_7_0__sc-1eq7fzi-1"
+  componentId: "core-12_8_1__sc-1eq7fzi-1"
 })(["flex:0 0 auto;"]);
 export var StyledListPageToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageToolHeader",
-  componentId: "core-12_7_0__sc-1eq7fzi-2"
+  componentId: "core-12_8_1__sc-1eq7fzi-2"
 })(["flex:0 0 auto;padding-bottom:", "px;"], spacing.lg);
 export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageControl",
-  componentId: "core-12_7_0__sc-1eq7fzi-3"
+  componentId: "core-12_8_1__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-12_7_0__sc-1eq7fzi-4"
+  componentId: "core-12_8_1__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-12_7_0__sc-1eq7fzi-5"
+  componentId: "core-12_8_1__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-12_7_0__sc-1eq7fzi-6"
+  componentId: "core-12_8_1__sc-1eq7fzi-6"
 })(["flex:1 1 auto;"]);
 export var StyledListPage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPage",
-  componentId: "core-12_7_0__sc-1eq7fzi-7"
+  componentId: "core-12_8_1__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/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-12_7_0__sc-wgvjj9-0"
+  componentId: "core-12_8_1__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-12_7_0__sc-wgvjj9-1"
+  componentId: "core-12_8_1__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/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-12_7_0__sc-z984sz-0"
+  componentId: "core-12_8_1__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-12_7_0__sc-z984sz-1"
+  componentId: "core-12_8_1__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-12_7_0__sc-z984sz-2"
+  componentId: "core-12_8_1__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-12_7_0__sc-z984sz-3"
+  componentId: "core-12_8_1__sc-z984sz-3"
 })(["padding:0 2px;height:24px;visibility:hidden;"]);
 export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeader",
-  componentId: "core-12_7_0__sc-z984sz-4"
+  componentId: "core-12_8_1__sc-z984sz-4"
 })([""]);
 export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSearch",
-  componentId: "core-12_7_0__sc-z984sz-5"
+  componentId: "core-12_8_1__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-12_7_0__sc-z984sz-6"
+  componentId: "core-12_8_1__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-12_7_0__sc-z984sz-7"
+  componentId: "core-12_8_1__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-12_7_0__sc-z984sz-8"
+  componentId: "core-12_8_1__sc-z984sz-8"
 })(["", ",", "{padding-left:28px;}"], StyledGroup, StyledItem);
 export var StyledFooter = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_7_0__sc-z984sz-9"
+  componentId: "core-12_8_1__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.d.ts

@@ -25,7 +25,9 @@ declare function ModalState(props: RenderProps): React.JSX.Element;
 export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>> & {
     Body: React.ForwardRefExoticComponent<ModalBodyProps & React.RefAttributes<HTMLDivElement>>;
     Container: React.ForwardRefExoticComponent<ModalContainerProps & React.RefAttributes<HTMLDivElement>>;
-    Content: import("styled-components").StyledComponent<"div", any, {}, never>;
+    Content: import("styled-components").StyledComponent<"div", any, {
+        $compact?: boolean | undefined;
+    }, never>;
     Footer: import("styled-components").StyledComponent<"div", any, {}, never>;
     FooterButtons: React.ForwardRefExoticComponent<ModalCloseableHeaderProps & React.RefAttributes<HTMLDivElement>>;
     FooterNotation: React.ForwardRefExoticComponent<SpanAttributes & TypographyProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/Modal/Modal.js

@@ -1,10 +1,10 @@
-var _excluded = ["children", "onClose", "qa"],
+var _excluded = ["children", "compact", "onClose", "qa"],
   _excluded2 = ["children"],
-  _excluded3 = ["placement", "width"],
-  _excluded4 = ["children", "noSideSpacing"],
+  _excluded3 = ["compact", "placement", "width"],
+  _excluded4 = ["children", "compact", "noSideSpacing"],
   _excluded5 = ["children"],
   _excluded6 = ["children"],
-  _excluded7 = ["aria-describedby", "aria-details", "aria-labelledby", "aria-label", "children", "howToClose", "id", "onClickOverlay", "onClose", "open", "placement", "role"],
+  _excluded7 = ["aria-describedby", "aria-details", "aria-labelledby", "aria-label", "children", "compact", "howToClose", "id", "onClickOverlay", "onClose", "open", "placement", "role"],
   _excluded8 = ["children", "headline", "onClose"];
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -37,9 +37,6 @@ import { useInitializeModalFocus } from './useInitializeModalFocus';
 function noop() {}
 var defaultStartLevel = 2;
 var initialBodyLevel = 3;
-
-// TODO default in breaking
-var defaultHowToClose = ['scrim', 'x'];
 var ModalCloseContext = /*#__PURE__*/React.createContext({
   howToClose: [],
   onClose: undefined
@@ -50,6 +47,8 @@ var ModalBodyScrollContext = /*#__PURE__*/React.createContext({
 });
 var ModalClosableHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
+    _ref$compact = _ref.compact,
+    compact = _ref$compact === void 0 ? false : _ref$compact,
     externalOnClose = _ref.onClose,
     qa = _ref.qa,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -77,15 +76,19 @@ var ModalClosableHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     closeWithConfirm(externalOnClose)(e);
   }
   return /*#__PURE__*/React.createElement(StyledModalHeader, _extends({
+    $compact: compact,
     $isBodyScrolled: isBodyScrolled
   }, props, {
     ref: mergeRefs(ref, modalClosableHeaderRef)
-  }), /*#__PURE__*/React.createElement(StyledModalHeading, null, children), onClose && howToClose !== null && howToClose !== void 0 && howToClose.includes('x') || externalOnClose ? /*#__PURE__*/React.createElement(StyledModalCancel, null, /*#__PURE__*/React.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(StyledModalHeading, {
+    $compact: compact
+  }, children), onClose && howToClose !== null && howToClose !== void 0 && howToClose.includes('x') || externalOnClose ? /*#__PURE__*/React.createElement(StyledModalCancel, null, /*#__PURE__*/React.createElement(Button, {
     "aria-label": I18n.t('core.modal.a11y.close'),
-    "data-qa": qa === null || qa === void 0 ? void 0 : qa.closeButton,
     "data-internal": "close-button",
-    onClick: onClickButton,
+    "data-qa": qa === null || qa === void 0 ? void 0 : qa.closeButton,
     icon: /*#__PURE__*/React.createElement(Clear, null),
+    onClick: onClickButton,
+    size: compact ? 'sm' : 'md',
     variant: "tertiary"
   })) : null);
 });
@@ -117,7 +120,9 @@ var ModalClosableFooterButtons = /*#__PURE__*/React.forwardRef(function (_ref2,
   }, I18n.t('core.modal.cancel')), children);
 });
 var ModalContainer = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
-  var placement = _ref3.placement,
+  var _ref3$compact = _ref3.compact,
+    compact = _ref3$compact === void 0 ? false : _ref3$compact,
+    placement = _ref3.placement,
     width = _ref3.width,
     props = _objectWithoutProperties(_ref3, _excluded3);
   var _React$useContext4 = React.useContext(ModalCloseContext),
@@ -129,6 +134,7 @@ var ModalContainer = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
   });
   return /*#__PURE__*/React.createElement(StyledModalContainer, _extends({}, props, {
     shadowStrength: 4,
+    $compact: compact,
     $placement: placement,
     $width: width,
     ref: mergeRefs(ref, modalContainerRef)
@@ -136,6 +142,8 @@ var ModalContainer = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
 });
 var ModalBody = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
   var children = _ref4.children,
+    _ref4$compact = _ref4.compact,
+    compact = _ref4$compact === void 0 ? false : _ref4$compact,
     _ref4$noSideSpacing = _ref4.noSideSpacing,
     noSideSpacing = _ref4$noSideSpacing === void 0 ? false : _ref4$noSideSpacing,
     props = _objectWithoutProperties(_ref4, _excluded4);
@@ -163,6 +171,7 @@ var ModalBody = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
   return /*#__PURE__*/React.createElement(SectionProvider, null, /*#__PURE__*/React.createElement(LevelContext.Provider, {
     value: initialBodyLevel
   }, /*#__PURE__*/React.createElement(StyledModalBody, _extends({}, props, {
+    $compact: compact,
     isOverflowingY: isOverflowingY,
     noSideSpacing: noSideSpacing,
     ref: mergeRefs(overflowRef, scrollRef, ref, modalBodyRef),
@@ -194,6 +203,8 @@ var Modal_ = /*#__PURE__*/React.forwardRef(function (_ref7, ref) {
     ariaLabelledby = _ref7['aria-labelledby'],
     ariaLabel = _ref7['aria-label'],
     children = _ref7.children,
+    _ref7$compact = _ref7.compact,
+    compact = _ref7$compact === void 0 ? false : _ref7$compact,
     howToClose = _ref7.howToClose,
     id = _ref7.id,
     _ref7$onClickOverlay = _ref7.onClickOverlay,
@@ -278,8 +289,11 @@ var Modal_ = /*#__PURE__*/React.forwardRef(function (_ref7, ref) {
   }, dialogProps), /*#__PURE__*/React.createElement(StyledModalScrim, {
     onClick: onClickScrim
   }), /*#__PURE__*/React.createElement(ModalContainer, _extends({}, props, {
+    compact: compact,
     placement: placement
-  }), /*#__PURE__*/React.createElement(StyledModalContent, null, /*#__PURE__*/React.createElement(ModalBodyScrollObserver, null, /*#__PURE__*/React.createElement(CloseWithConfirmContext.Provider, {
+  }), /*#__PURE__*/React.createElement(StyledModalContent, {
+    $compact: compact
+  }, /*#__PURE__*/React.createElement(ModalBodyScrollObserver, null, /*#__PURE__*/React.createElement(CloseWithConfirmContext.Provider, {
     value: closeWithConfirmState
   }, children)))))))))) : null;
 });

package/dist/Modal/Modal.js.map

@@ -1 +1 @@
-{"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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"}
+{"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","ModalCloseContext","createContext","howToClose","onClose","undefined","ModalBodyScrollContext","isBodyScrolled","setIsBodyScrolled","ModalClosableHeader","forwardRef","_ref","ref","children","_ref$compact","compact","externalOnClose","qa","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","_React$useContext2","I18n","modalClosableHeaderRef","useRef","_useCloseWithConfirmC","closeWithConfirm","registerChildRef","child","onClickButton","e","includes","createElement","_extends","$compact","$isBodyScrolled","t","closeButton","icon","onClick","size","variant","ModalClosableFooterButtons","_ref2","_excluded2","_React$useContext3","_useCloseWithConfirmC2","modalClosableFooterButtonsRef","ModalContainer","_ref3","_ref3$compact","placement","width","_excluded3","_React$useContext4","modalContainerRef","hasOnClose","shadowStrength","$placement","$width","ModalBody","_ref4","_ref4$compact","_ref4$noSideSpacing","noSideSpacing","_excluded4","_useOverflowObserver","isOverflowingY","overflowRef","scrollRef","modalBodyRef","_React$useContext5","event","handler","currentTarget","scrollTop","scope","Provider","value","tabIndex","ModalFooterSummary","_ref5","_excluded5","ModalFooterNotation","_ref6","_excluded6","intent","color","italic","Modal_","_ref7","ariaDescribedby","ariaDetails","ariaLabelledby","ariaLabel","_ref7$compact","id","_ref7$onClickOverlay","onClickOverlay","_ref7$open","open","_ref7$placement","role","_excluded7","_React$useState","useState","_React$useState2","_slicedToArray","visible","setVisible","_React$useState3","_React$useState4","fadeType","setFadeType","closeWithConfirmState","setTimeout","onTransitionEnd","handleKeyDown","key","preventDefault","stopPropagation","_useModalDialogLike","isModal","isOpen","dialogProps_","dialogProps","onClickScrim","autoFocus","contain","restoreFocus","className","onKeyDown","ModalBodyScrollObserver","_ref8","_React$useState5","_React$useState6","ConfirmModal","_ref9","headline","_excluded8","Modal","ModalState","oldThing","displayName","Body","Container","Content","FooterSummary","Footer","FooterButtons","FooterNotation","Header","Overlay","Scrim","State"],"sources":["../../src/Modal/Modal.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\nimport { 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  ModalProps,\n} from './Modal.types'\nimport { useInitializeModalFocus } from './useInitializeModalFocus'\n\nfunction noop() {}\nconst defaultStartLevel = 2\nconst initialBodyLevel = 3\n\nconst ModalCloseContext = React.createContext<ModalCloseContextApi>({\n  howToClose: [],\n  onClose: undefined,\n})\n\ninterface ModalBodyScrollContextApi {\n  isBodyScrolled: boolean\n  setIsBodyScrolled: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nconst ModalBodyScrollContext = React.createContext<ModalBodyScrollContextApi>({\n  isBodyScrolled: false,\n  setIsBodyScrolled: noop,\n})\n\nconst ModalClosableHeader = React.forwardRef<\n  HTMLDivElement,\n  ModalCloseableHeaderProps\n>(\n  (\n    { children, compact = false, onClose: externalOnClose, qa, ...props },\n    ref\n  ) => {\n    const { isBodyScrolled } = React.useContext(ModalBodyScrollContext)\n    const { howToClose, onClose } = React.useContext(ModalCloseContext)\n    const I18n = useI18nContext()\n    const modalClosableHeaderRef = React.useRef(null)\n\n    const { closeWithConfirm } = useCloseWithConfirmContext()\n    const registerChildRef = useModalChildRegistryDispatch()\n\n    useEffect(() => {\n      registerChildRef({ child: 'header', ref: modalClosableHeaderRef })\n    }, [])\n\n    function onClickButton(e: React.MouseEvent<HTMLButtonElement>) {\n      if (onClose && howToClose?.includes('x')) {\n        closeWithConfirm(onClose)(e, 'x')\n        return\n      }\n      closeWithConfirm(externalOnClose!)(e)\n    }\n\n    return (\n      <StyledModalHeader\n        $compact={compact}\n        $isBodyScrolled={isBodyScrolled}\n        {...props}\n        ref={mergeRefs(ref, modalClosableHeaderRef)}\n      >\n        <StyledModalHeading $compact={compact}>{children}</StyledModalHeading>\n        {(onClose && howToClose?.includes('x')) || externalOnClose ? (\n          <StyledModalCancel>\n            <Button\n              aria-label={I18n.t('core.modal.a11y.close')}\n              data-internal=\"close-button\"\n              data-qa={qa?.closeButton}\n              icon={<Clear />}\n              onClick={onClickButton}\n              size={compact ? 'sm' : 'md'}\n              variant=\"tertiary\"\n            />\n          </StyledModalCancel>\n        ) : null}\n      </StyledModalHeader>\n    )\n  }\n)\n\nconst ModalClosableFooterButtons = React.forwardRef<\n  HTMLDivElement,\n  ModalCloseableHeaderProps\n>(({ children, ...props }, ref) => {\n  const { howToClose, onClose } = React.useContext(ModalCloseContext)\n  const I18n = useI18nContext()\n  const { closeWithConfirm } = useCloseWithConfirmContext()\n  const modalClosableFooterButtonsRef = React.useRef(null)\n\n  const registerChildRef = useModalChildRegistryDispatch()\n\n  useEffect(() => {\n    registerChildRef({\n      child: 'closeableButtons',\n      ref: modalClosableFooterButtonsRef,\n    })\n  }, [])\n\n  function onClickButton(e: React.MouseEvent<HTMLButtonElement>) {\n    closeWithConfirm(onClose!)(e, 'footer-button')\n  }\n\n  return (\n    <StyledModalButtons\n      {...props}\n      ref={mergeRefs(ref, modalClosableFooterButtonsRef)}\n    >\n      {howToClose?.includes('footer-button') && (\n        <Button onClick={onClickButton} variant=\"tertiary\">\n          {I18n.t('core.modal.cancel')}\n        </Button>\n      )}\n      {children}\n    </StyledModalButtons>\n  )\n})\n\nconst ModalContainer = React.forwardRef<HTMLDivElement, ModalContainerProps>(\n  ({ compact = false, placement, width, ...props }, ref) => {\n    const { onClose } = React.useContext(ModalCloseContext)\n    const modalContainerRef = React.useRef<HTMLDivElement>(null)\n    useInitializeModalFocus({ modalContainerRef, hasOnClose: !!onClose })\n\n    return (\n      <StyledModalContainer\n        {...props}\n        shadowStrength={4}\n        $compact={compact}\n        $placement={placement}\n        $width={width}\n        ref={mergeRefs(ref, modalContainerRef)}\n      />\n    )\n  }\n)\n\nconst ModalBody = React.forwardRef<HTMLDivElement, ModalBodyProps>(\n  ({ children, compact = false, noSideSpacing = false, ...props }, ref) => {\n    const { isOverflowingY, ref: overflowRef } = useOverflowObserver()\n    const scrollRef = React.useRef(null)\n    const modalBodyRef = React.useRef(null)\n    const { setIsBodyScrolled } = React.useContext(ModalBodyScrollContext)\n    const registerChildRef = useModalChildRegistryDispatch()\n\n    useEffect(() => {\n      registerChildRef({ child: 'body', ref: modalBodyRef })\n    }, [])\n\n    useLayoutEventListener({\n      event: 'scroll',\n      handler: (e: React.UIEvent<HTMLElement>) => {\n        setIsBodyScrolled(e.currentTarget.scrollTop > 0)\n      },\n      scope: scrollRef,\n    })\n\n    return (\n      <SectionProvider>\n        <LevelContext.Provider value={initialBodyLevel}>\n          <StyledModalBody\n            {...props}\n            $compact={compact}\n            isOverflowingY={isOverflowingY}\n            noSideSpacing={noSideSpacing}\n            ref={mergeRefs(overflowRef, scrollRef, ref, modalBodyRef)}\n            tabIndex={0}\n          >\n            {children}\n          </StyledModalBody>\n        </LevelContext.Provider>\n      </SectionProvider>\n    )\n  }\n)\n\nconst ModalFooterSummary = React.forwardRef<HTMLDivElement, DivAttributes>(\n  ({ children, ...props }, ref) => {\n    return (\n      <StyledModalFooterSummary {...props} ref={ref}>\n        {children}\n      </StyledModalFooterSummary>\n    )\n  }\n)\n\nconst ModalFooterNotation = React.forwardRef<\n  HTMLSpanElement,\n  SpanAttributes & TypographyProps\n>(({ children, ...props }, ref) => (\n  <StyledModalFooterNotation\n    aria-live=\"polite\"\n    intent=\"small\"\n    color=\"gray45\"\n    italic\n    {...props}\n    ref={ref}\n  >\n    {children}\n  </StyledModalFooterNotation>\n))\n\nconst Modal_ = React.forwardRef<HTMLDivElement, ModalProps>(\n  (\n    {\n      ['aria-describedby']: ariaDescribedby,\n      ['aria-details']: ariaDetails,\n      ['aria-labelledby']: ariaLabelledby,\n      ['aria-label']: ariaLabel,\n      children,\n      compact = false,\n      howToClose,\n      id,\n      onClickOverlay = noop,\n      onClose,\n      open = false,\n      placement = 'center',\n      role,\n      ...props\n    },\n    ref\n  ) => {\n    useScrollLock(open)\n    const [visible, setVisible] = React.useState<boolean>(open)\n    const [fadeType, setFadeType] = React.useState<string>('')\n    const closeWithConfirmState = useCloseWithConfirmState()\n    const { closeWithConfirm } = closeWithConfirmState\n\n    React.useEffect(() => {\n      if (open) {\n        setVisible(true)\n        setTimeout(() => {\n          setFadeType(fadeInClassName)\n        }, 0)\n      } else {\n        setFadeType(fadeOutClassName)\n      }\n    }, [open])\n\n    const onTransitionEnd = () => {\n      if (fadeType === fadeOutClassName) {\n        setVisible(false)\n      }\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!onClose) return\n      if (e.key === 'Escape') {\n        e.preventDefault()\n        e.stopPropagation()\n        closeWithConfirm(onClose)(e, 'x')\n      }\n    }\n\n    const { dialogProps: dialogProps_ } = useModalDialogLike({\n      'aria-describedby': ariaDescribedby,\n      'aria-details': ariaDetails,\n      'aria-labelledby': ariaLabelledby,\n      'aria-label': ariaLabel,\n      id,\n      isModal: false,\n      isOpen: open,\n      role,\n    })\n\n    const dialogProps = onClose && role === 'dialog' ? dialogProps_ : {}\n\n    function onClickScrim(\n      e: React.ComponentProps<typeof StyledModalScrim>['onClick']\n    ) {\n      onClickOverlay(e)\n      if (onClose && howToClose?.includes('scrim')) {\n        closeWithConfirm(onClose)(e, 'scrim')\n      }\n    }\n\n    return visible ? (\n      <Portal>\n        <ModalCloseContext.Provider value={{ onClose, howToClose }}>\n          <LevelContext.Provider value={defaultStartLevel}>\n            <ChildRegistryProvider>\n              <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\n                    {...props}\n                    compact={compact}\n                    placement={placement}\n                  >\n                    <StyledModalContent $compact={compact}>\n                      <ModalBodyScrollObserver>\n                        <CloseWithConfirmContext.Provider\n                          value={closeWithConfirmState}\n                        >\n                          {children}\n                        </CloseWithConfirmContext.Provider>\n                      </ModalBodyScrollObserver>\n                    </StyledModalContent>\n                  </ModalContainer>\n                </StyledModal>\n              </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.d.ts

@@ -13,20 +13,27 @@ export declare const modalPixelWidths: {
 export declare const StyledModal: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledModalButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledModalContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {
+    $compact: boolean;
     $placement: ModalPlacement;
     $width?: ModalWidth | undefined;
 }, never>;
 export declare const StyledModalFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledModalBody: import("styled-components").StyledComponent<"div", any, {
+    $compact: boolean;
     isOverflowingY: boolean;
     noSideSpacing: boolean;
 }, never>;
-export declare const StyledModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledModalContent: import("styled-components").StyledComponent<"div", any, {
+    $compact?: boolean | undefined;
+}, never>;
 export declare const StyledModalFooterNotation: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 export declare const StyledModalHeader: import("styled-components").StyledComponent<"div", any, {
+    $compact: boolean;
     $isBodyScrolled: boolean;
 }, never>;
-export declare const StyledModalHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledModalHeading: import("styled-components").StyledComponent<"div", any, {
+    $compact: boolean;
+}, never>;
 export declare const StyledModalCancel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledModalScrim: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledModalWarningIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{

package/dist/Modal/Modal.styles.js

@@ -16,26 +16,45 @@ export var modalPixelWidths = {
   lg: 1152,
   xl: 1920
 };
+var compactModalFullscreenMaxHeight = 940;
+var screenWidthPixelBreakpoints = {
+  mobile: {
+    small: {
+      min: 0,
+      max: 439
+    },
+    large: {
+      min: 440,
+      max: 767
+    }
+  }
+};
 export var StyledModal = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModal",
-  componentId: "core-12_7_0__sc-1ijdug2-0"
+  componentId: "core-12_8_1__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-12_7_0__sc-1ijdug2-1"
+  componentId: "core-12_8_1__sc-1ijdug2-1"
 })(["display:flex;flex:0 0 auto;margin-left:", "px;> * + *{margin-left:", "px;}"], spacing.lg, spacing.sm);
 export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledModalContainer",
-  componentId: "core-12_7_0__sc-1ijdug2-2"
-})(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", ""], function (_ref) {
-  var $placement = _ref.$placement;
+  componentId: "core-12_8_1__sc-1ijdug2-2"
+})(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", " ", ""], function (_ref) {
+  var $compact = _ref.$compact;
+  if (!$compact) {
+    return '';
+  }
+  return css(["@media (max-width:", "px) and (max-height:", "px){border-radius:0;height:100vh;width:100vw;}@media (min-width:", "px) and (max-width:", "px){max-height:calc(100vh - 24px);width:416px;}@media (min-height:", "px){height:916px;max-width:100vw;}"], screenWidthPixelBreakpoints.mobile.small.max, compactModalFullscreenMaxHeight, screenWidthPixelBreakpoints.mobile.large.min, screenWidthPixelBreakpoints.mobile.large.max, compactModalFullscreenMaxHeight + 1);
+}, function (_ref2) {
+  var $placement = _ref2.$placement;
   if ($placement === 'top') {
     return css(["top:5vh;"]);
   }
   return css(["top:50vh;transform:translateY(-50%);"]);
-}, function (_ref2) {
-  var $width = _ref2.$width,
-    $placement = _ref2.$placement;
+}, function (_ref3) {
+  var $width = _ref3.$width,
+    $placement = _ref3.$placement;
   if ($width) {
     return css(["left:", "px;right:", "px;margin-left:auto;margin-right:auto;max-width:", "px;", "{max-width:none;}"], modalPixelGutter, modalPixelGutter, modalPixelWidths[$width], StyledModalBody);
   }
@@ -44,51 +63,88 @@ export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
 });
 export var StyledModalFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooter",
-  componentId: "core-12_7_0__sc-1ijdug2-3"
+  componentId: "core-12_8_1__sc-1ijdug2-3"
 })(["align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;padding:", "px ", "px ", "px;"], spacing.xl, spacing.xxl, spacing.xxl);
 export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-12_7_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;
+  componentId: "core-12_8_1__sc-1ijdug2-4"
+})(["", " box-sizing:border-box;color:", ";display:flex;flex-direction:column;overflow:auto;", " ", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}", ""], getTypographyIntent('body'), colors.gray15, function (_ref4) {
+  var noSideSpacing = _ref4.noSideSpacing;
   return css(["padding:", "px ", "px;"], spacing.xl, noSideSpacing ? 0 : spacing.xxl);
-}, StyledSection, StyledSectionInner, function (_ref4) {
-  var isOverflowingY = _ref4.isOverflowingY;
+}, function (_ref5) {
+  var $compact = _ref5.$compact;
+  if (!$compact) {
+    // TODO deprecated, moving width up. delete line in breaking change
+    return css(["max-width:", ";"], modalMaxWidth);
+  }
+  return css(["padding:8px 16px;"]);
+}, StyledSection, StyledSectionInner, function (_ref6) {
+  var isOverflowingY = _ref6.isOverflowingY;
   return isOverflowingY && css(["& + ", "{border-top-width:1px;border-top-style:solid;border-top-color:", ";", "{border-top:none;}}"], StyledModalFooter, colors.gray85, StyledModalFooterSummary);
 });
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-12_7_0__sc-1ijdug2-5"
-})(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;"]);
+  componentId: "core-12_8_1__sc-1ijdug2-5"
+})(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;", ""], function (_ref7) {
+  var _ref7$$compact = _ref7.$compact,
+    $compact = _ref7$$compact === void 0 ? false : _ref7$$compact;
+  if (!$compact) {
+    return '';
+  }
+  return css(["max-height:unset;"]);
+});
 export var StyledModalFooterNotation = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledModalFooterNotation",
-  componentId: "core-12_7_0__sc-1ijdug2-6"
+  componentId: "core-12_8_1__sc-1ijdug2-6"
 })(["flex-grow:1;"]);
 export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-12_7_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;
+  componentId: "core-12_8_1__sc-1ijdug2-7"
+})(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;position:relative;", " ", ""], colors.gray10, function (_ref8) {
+  var $compact = _ref8.$compact,
+    $isBodyScrolled = _ref8.$isBodyScrolled;
+  if ($compact) {
+    return css(["border-bottom:1px solid ", ";"], colors.gray85);
+  }
   return css(["border-bottom:1px solid ", ";"], $isBodyScrolled ? colors.gray85 : 'transparent');
+}, function (_ref9) {
+  var $compact = _ref9.$compact;
+  var spacings = "".concat(spacing.xl, "px ").concat(spacing.xxl, "px");
+  if ($compact) {
+    spacings = "".concat(spacing.md, "px ").concat(spacing.lg, "px");
+  }
+  return css(["padding:", ";"], spacings);
 });
 export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeading",
-  componentId: "core-12_7_0__sc-1ijdug2-8"
-})(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;"], getTypographyIntent('h2'), spacing.lg);
+  componentId: "core-12_8_1__sc-1ijdug2-8"
+})(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;", ""], function (_ref10) {
+  var $compact = _ref10.$compact;
+  return getTypographyIntent($compact ? 'h3' : 'h2');
+}, function (_ref11) {
+  var $compact = _ref11.$compact;
+  return $compact ? 36 : spacing.lg;
+}, function (_ref12) {
+  var $compact = _ref12.$compact;
+  if (!$compact) {
+    return '';
+  }
+  return css(["min-height:unset;"]);
+});
 export var StyledModalCancel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalCancel",
-  componentId: "core-12_7_0__sc-1ijdug2-9"
+  componentId: "core-12_8_1__sc-1ijdug2-9"
 })(["flex:0 0 auto;"]);
 export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalScrim",
-  componentId: "core-12_7_0__sc-1ijdug2-10"
+  componentId: "core-12_8_1__sc-1ijdug2-10"
 })(["background:hsla(200,8%,10%,0.6);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1;"]);
 export var StyledModalWarningIcon = /*#__PURE__*/styled(Warning).withConfig({
   displayName: "StyledModalWarningIcon",
-  componentId: "core-12_7_0__sc-1ijdug2-11"
+  componentId: "core-12_8_1__sc-1ijdug2-11"
 })(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
 export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooterSummary",
-  componentId: "core-12_7_0__sc-1ijdug2-12"
+  componentId: "core-12_8_1__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