@procore/core-react 10.30.0 → 11.0.0-rc.0

package/dist/esm/components/Modal/Modal.js

@@ -1,162 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { Clear } from '@procore/core-icons/dist';
-import React from 'react';
-import { withDeprecation } from '../../effects/Deprecation';
-import { mergeRefs } from '../../effects/mergeRefs';
-import { useOverflowObserver } from '../../effects/OverflowObserver';
-import { useScrollLock } from '../../effects/ScrollLock';
-import { Visibility } from '../../state/Visibility';
-import { useLayoutEventListener } from '../../effects/EventListener';
-import { addSubcomponents } from '../../utils/addSubcomponents';
-import { Button } from '../Button';
-import { Portal } from '../Portal';
-import { StyledModal, StyledModalBody, StyledModalButtons, StyledModalCancel, StyledModalContainer, StyledModalContent, StyledModalFooter, StyledModalFooterNotation, StyledModalHeader, StyledModalHeading, StyledModalScrim, StyledModalWarningIcon, fadeInClassName, fadeOutClassName, StyledModalFooterSummary, } from './Modal.styles';
-import { Section, SectionProvider, LevelContext } from '../../layouts/Section';
-import { useI18nContext } from '../../state/I18n';
-function noop() { }
-var ModalContext = React.createContext({
-    isBodyScrolled: false,
-    setIsBodyScrolled: noop,
-});
-var ModalClosableHeader = React.forwardRef(function (_a, ref) {
-    var children = _a.children, onClose = _a.onClose, qa = _a.qa, props = __rest(_a, ["children", "onClose", "qa"]);
-    var isBodyScrolled = React.useContext(ModalContext).isBodyScrolled;
-    var I18n = useI18nContext();
-    return (React.createElement(StyledModalHeader, __assign({ "$isBodyScrolled": isBodyScrolled }, props, { ref: ref }),
-        React.createElement(StyledModalHeading, null, children),
-        onClose && (React.createElement(StyledModalCancel, null,
-            React.createElement(Button, { "aria-label": I18n.t('modal.a11y.close'), "data-qa": qa === null || qa === void 0 ? void 0 : qa.closeButton, onClick: onClose, icon: React.createElement(Clear, null), variant: "tertiary", tabIndex: -1 })))));
-});
-var ModalContainer = React.forwardRef(function (_a, ref) {
-    var placement = _a.placement, width = _a.width, props = __rest(_a, ["placement", "width"]);
-    return (React.createElement(StyledModalContainer, __assign({}, props, { shadowStrength: 4, "$placement": placement, "$width": width, ref: ref })));
-});
-var ModalBody = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.noSideSpacing, noSideSpacing = _b === void 0 ? false : _b, props = __rest(_a, ["children", "noSideSpacing"]);
-    var _c = useOverflowObserver(), isOverflowingY = _c.isOverflowingY, overflowRef = _c.ref;
-    var scrollRef = React.useRef(null);
-    var setIsBodyScrolled = React.useContext(ModalContext).setIsBodyScrolled;
-    useLayoutEventListener({
-        event: 'scroll',
-        handler: function (e) {
-            setIsBodyScrolled(e.currentTarget.scrollTop > 0);
-        },
-        scope: scrollRef,
-    });
-    return (React.createElement(SectionProvider, null,
-        React.createElement(LevelContext.Provider, { value: 3 },
-            React.createElement(StyledModalBody, __assign({}, props, { isOverflowingY: isOverflowingY, noSideSpacing: noSideSpacing, ref: mergeRefs(overflowRef, scrollRef, ref) }), children))));
-});
-var ModalFooterSummary = React.forwardRef(function (_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(StyledModalFooterSummary, __assign({}, props, { ref: ref }), children));
-});
-var ModalFooterNotation = React.forwardRef(function (_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(StyledModalFooterNotation, __assign({ intent: "small", color: "gray45", italic: true }, props, { ref: ref }), children));
-});
-/**
-
- We use modals to present additional actions, information, or forms on pages
- where a user’s experience would benefit from remaining on the same page.
- They can include graphics, inputs, buttons, and other elements as needed to
- produce the workflow or action needed.
-
- Do not include modals on pages with complicated UI layouts.
-
- @since 10.19.0
-
- @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-modal--demo)
-
- @see [Design Guidelines](https://design.procore.com/modal)
-
- */
-var Modal_ = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.onClickOverlay, onClickOverlay = _b === void 0 ? noop : _b, _c = _a.open, open = _c === void 0 ? false : _c, _d = _a.placement, placement = _d === void 0 ? 'center' : _d, props = __rest(_a, ["children", "onClickOverlay", "open", "placement"]);
-    useScrollLock(open);
-    var _e = React.useState(open), visible = _e[0], setVisible = _e[1];
-    var _f = React.useState(''), fadeType = _f[0], setFadeType = _f[1];
-    var _g = React.useState(false), isBodyScrolled = _g[0], setIsBodyScrolled = _g[1];
-    React.useEffect(function () {
-        if (open) {
-            setVisible(true);
-            setTimeout(function () {
-                setFadeType(fadeInClassName);
-            }, 0);
-        }
-        else {
-            setFadeType(fadeOutClassName);
-        }
-    }, [open]);
-    var onTransitionEnd = function () {
-        if (fadeType === fadeOutClassName) {
-            setVisible(false);
-        }
-    };
-    return visible ? (React.createElement(Portal, null,
-        React.createElement(StyledModal, { className: fadeType, ref: ref, onTransitionEnd: onTransitionEnd },
-            React.createElement(StyledModalScrim, { onClick: onClickOverlay }),
-            React.createElement(ModalContainer, __assign({}, props, { placement: placement }),
-                React.createElement(StyledModalContent, null,
-                    React.createElement(ModalContext.Provider, { value: { isBodyScrolled: isBodyScrolled, setIsBodyScrolled: setIsBodyScrolled } }, children)))))) : null;
-});
-export var ConfirmModal = React.forwardRef(function (_a, ref) {
-    var children = _a.children, headline = _a.headline, onClose = _a.onClose, props = __rest(_a, ["children", "headline", "onClose"]);
-    return (React.createElement(Modal, __assign({}, props, { ref: ref }),
-        React.createElement(ModalClosableHeader, { onClose: onClose },
-            React.createElement(StyledModalWarningIcon, { size: "lg" }),
-            headline),
-        children));
-});
-Modal_.displayName = 'Modal';
-ConfirmModal.displayName = 'ConfirmModal';
-ModalBody.displayName = 'Modal.Body';
-ModalFooterNotation.displayName = 'Modal.FooterNotation';
-ModalFooterSummary.displayName = 'Modal.FooterSummary';
-var Body = ModalBody;
-var Container = ModalContainer;
-var Content = StyledModalContent;
-var FooterSummary = ModalFooterSummary;
-var Footer = StyledModalFooter;
-var FooterButtons = StyledModalButtons;
-var FooterNotation = ModalFooterNotation;
-var Header = ModalClosableHeader;
-var Overlay = StyledModal;
-var Scrim = StyledModalScrim;
-var State = withDeprecation({ oldThing: 'Modal.State' })(Visibility);
-export var Modal = addSubcomponents({
-    Body: Body,
-    Container: Container,
-    Content: Content,
-    Footer: Footer,
-    FooterButtons: FooterButtons,
-    FooterNotation: FooterNotation,
-    FooterSummary: FooterSummary,
-    Header: Header,
-    Overlay: Overlay,
-    Scrim: Scrim,
-    State: State,
-    Section: Section,
-}, Modal_);
-//# sourceMappingURL=Modal.js.map

package/dist/esm/components/Modal/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAE/D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EACL,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,wBAAwB,GACzB,MAAM,gBAAgB,CAAA;AAQvB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,SAAS,IAAI,KAAI,CAAC;AAMlB,IAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAkB;IACxD,cAAc,EAAE,KAAK;IACrB,iBAAiB,EAAE,IAAI;CACxB,CAAC,CAAA;AAEF,IAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAG1C,UAAC,EAAmC,EAAE,GAAG;IAAtC,IAAA,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,EAAE,QAAA,EAAK,KAAK,cAAjC,6BAAmC,CAAF;IAC1B,IAAA,cAAc,GAAK,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,eAAnC,CAAmC;IACzD,IAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,OAAO,CACL,oBAAC,iBAAiB,gCAAkB,cAAc,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG;QACrE,oBAAC,kBAAkB,QAAE,QAAQ,CAAsB;QAClD,OAAO,IAAI,CACV,oBAAC,iBAAiB;YAChB,oBAAC,MAAM,kBACO,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,aAC7B,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,oBAAC,KAAK,OAAG,EACf,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,CAAC,CAAC,GACZ,CACgB,CACrB,CACiB,CACrB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,UAAC,EAA8B,EAAE,GAAG;IAAjC,IAAA,SAAS,eAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAA5B,sBAA8B,CAAF;IAC3B,OAAO,CACL,oBAAC,oBAAoB,eACf,KAAK,IACT,cAAc,EAAE,CAAC,gBACL,SAAS,YACb,KAAK,EACb,GAAG,EAAE,GAAG,IACR,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,UAAC,EAA6C,EAAE,GAAG;IAAhD,IAAA,QAAQ,cAAA,EAAE,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EAAK,KAAK,cAA3C,6BAA6C,CAAF;IACpC,IAAA,KAAuC,mBAAmB,EAAE,EAA1D,cAAc,oBAAA,EAAO,WAAW,SAA0B,CAAA;IAClE,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAC5B,IAAA,iBAAiB,GAAK,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,kBAAnC,CAAmC;IAE5D,sBAAsB,CAAC;QACrB,KAAK,EAAE,QAAQ;QACf,OAAO,EAAE,UAAC,CAA6B;YACrC,iBAAiB,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,GAAG,CAAC,CAAC,CAAA;QAClD,CAAC;QACD,KAAK,EAAE,SAAS;KACjB,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,eAAe;QACd,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC;YAC7B,oBAAC,eAAe,eACV,KAAK,IACT,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,GAAG,EAAE,SAAS,CAAC,WAAW,EAAE,SAAS,EAAE,GAAG,CAAC,KAE1C,QAAQ,CACO,CACI,CACR,CACnB,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,UAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACnB,OAAO,CACL,oBAAC,wBAAwB,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,KAC1C,QAAQ,CACgB,CAC5B,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAG1C,UAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAAY,OAAA,CACjC,oBAAC,yBAAyB,aACxB,MAAM,EAAC,OAAO,EACd,KAAK,EAAC,QAAQ,EACd,MAAM,UACF,KAAK,IACT,GAAG,EAAE,GAAG,KAEP,QAAQ,CACiB,CAC7B,CAAA;CAAA,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;GAeG;AACH,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,UACE,EAMC,EACD,GAAG;IAND,IAAA,QAAQ,cAAA,EACR,sBAAqB,EAArB,cAAc,mBAAG,IAAI,KAAA,EACrB,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACjB,KAAK,cALV,mDAMC,CADS;IAIV,aAAa,CAAC,IAAI,CAAC,CAAA;IACb,IAAA,KAAwB,KAAK,CAAC,QAAQ,CAAU,IAAI,CAAC,EAApD,OAAO,QAAA,EAAE,UAAU,QAAiC,CAAA;IACrD,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,EAAnD,QAAQ,QAAA,EAAE,WAAW,QAA8B,CAAA;IACpD,IAAA,KAAsC,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,EAAnE,cAAc,QAAA,EAAE,iBAAiB,QAAkC,CAAA;IAE1E,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,IAAI,EAAE;YACR,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,UAAU,CAAC;gBACT,WAAW,CAAC,eAAe,CAAC,CAAA;YAC9B,CAAC,EAAE,CAAC,CAAC,CAAA;SACN;aAAM;YACL,WAAW,CAAC,gBAAgB,CAAC,CAAA;SAC9B;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAM,eAAe,GAAG;QACtB,IAAI,QAAQ,KAAK,gBAAgB,EAAE;YACjC,UAAU,CAAC,KAAK,CAAC,CAAA;SAClB;IACH,CAAC,CAAA;IAED,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,MAAM;QACL,oBAAC,WAAW,IACV,SAAS,EAAE,QAAQ,EACnB,GAAG,EAAE,GAAG,EACR,eAAe,EAAE,eAAe;YAEhC,oBAAC,gBAAgB,IAAC,OAAO,EAAE,cAAc,GAAI;YAE7C,oBAAC,cAAc,eAAK,KAAK,IAAE,SAAS,EAAE,SAAS;gBAC7C,oBAAC,kBAAkB;oBACjB,oBAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE,EAAE,cAAc,gBAAA,EAAE,iBAAiB,mBAAA,EAAE,IAE3C,QAAQ,CACa,CACL,CACN,CACL,CACP,CACV,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,UAAC,EAAyC,EAAE,GAAG;IAA5C,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAAvC,mCAAyC,CAAF;IACtC,OAAO,CACL,oBAAC,KAAK,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG;QACxB,oBAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO;YACnC,oBAAC,sBAAsB,IAAC,IAAI,EAAC,IAAI,GAAG;YACnC,QAAQ,CACW;QACrB,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,OAAO,CAAA;AAE5B,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,SAAS,CAAC,WAAW,GAAG,YAAY,CAAA;AAEpC,mBAAmB,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAExD,kBAAkB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEtD,IAAM,IAAI,GAAG,SAAS,CAAA;AACtB,IAAM,SAAS,GAAG,cAAc,CAAA;AAChC,IAAM,OAAO,GAAG,kBAAkB,CAAA;AAClC,IAAM,aAAa,GAAG,kBAAkB,CAAA;AACxC,IAAM,MAAM,GAAG,iBAAiB,CAAA;AAChC,IAAM,aAAa,GAAG,kBAAkB,CAAA;AACxC,IAAM,cAAc,GAAG,mBAAmB,CAAA;AAC1C,IAAM,MAAM,GAAG,mBAAmB,CAAA;AAClC,IAAM,OAAO,GAAG,WAAW,CAAA;AAC3B,IAAM,KAAK,GAAG,gBAAgB,CAAA;AAC9B,IAAM,KAAK,GAAG,eAAe,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,CAAC,UAAU,CAAC,CAAA;AAEtE,MAAM,CAAC,IAAM,KAAK,GAAG,gBAAgB,CACnC;IACE,IAAI,MAAA;IACJ,SAAS,WAAA;IACT,OAAO,SAAA;IACP,MAAM,QAAA;IACN,aAAa,eAAA;IACb,cAAc,gBAAA;IACd,aAAa,eAAA;IACb,MAAM,QAAA;IACN,OAAO,SAAA;IACP,KAAK,OAAA;IACL,KAAK,OAAA;IACL,OAAO,SAAA;CACR,EACD,MAAM,CACP,CAAA"}

package/dist/esm/components/Modal/Modal.styles.d.ts

@@ -1,34 +0,0 @@
-import { ModalPlacement, ModalWidth } from './Modal.types';
-export declare const fadeInClassName = "fade-in";
-export declare const fadeOutClassName = "fade-out";
-export declare const modalMaxWidth = "640px";
-export declare const modalPixelGutter: number;
-export declare const modalPixelWidths: {
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-};
-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("../../utils/types").DivAttributes & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {
-    $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, {
-    isOverflowingY: boolean;
-    noSideSpacing: boolean;
-}, never>;
-export declare const StyledModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledModalFooterNotation: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").SpanAttributes & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
-export declare const StyledModalHeader: import("styled-components").StyledComponent<"div", any, {
-    $isBodyScrolled: boolean;
-}, never>;
-export declare const StyledModalHeading: import("styled-components").StyledComponent<"div", any, {}, 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<{
-    size?: import("@procore/core-icons/dist/Icon").IconSize | undefined;
-} & import("react").SVGAttributes<SVGElement> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
-export declare const StyledModalFooterSummary: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/Modal/Modal.styles.js

@@ -1,59 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { Warning } from '@procore/core-icons/dist';
-import styled, { css } from 'styled-components';
-import { StyledSection, StyledSectionInner, } from '../../layouts/Section/Section.styles';
-import { colors } from '../../styles/colors';
-import { spacing } from '../../styles/spacing';
-import { Card } from '../Card';
-import Typography from '../Typography';
-import { getTypographyIntent } from '../Typography/Typography.styles';
-export var fadeInClassName = 'fade-in';
-export var fadeOutClassName = 'fade-out';
-export var modalMaxWidth = '640px';
-export var modalPixelGutter = spacing.xl;
-export var modalPixelWidths = {
-    sm: 432,
-    md: 688,
-    lg: 1152,
-    xl: 1920,
-};
-export var StyledModal = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  height: 100vh;\n  position: absolute;\n  opacity: 0;\n  transition: 0.3s opacity ease;\n  width: 100vw;\n  z-index: 0;\n\n  &.", " {\n    opacity: 1;\n  }\n\n  &.", " {\n    opacity: 0;\n  }\n"], ["\n  display: flex;\n  height: 100vh;\n  position: absolute;\n  opacity: 0;\n  transition: 0.3s opacity ease;\n  width: 100vw;\n  z-index: 0;\n\n  &.", " {\n    opacity: 1;\n  }\n\n  &.", " {\n    opacity: 0;\n  }\n"])), fadeInClassName, fadeOutClassName);
-export var StyledModalButtons = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex: 0 0 auto;\n  margin-left: ", "px;\n\n  > * + * {\n    margin-left: ", "px;\n  }\n"], ["\n  display: flex;\n  flex: 0 0 auto;\n  margin-left: ", "px;\n\n  > * + * {\n    margin-left: ", "px;\n  }\n"])), spacing.lg, spacing.sm);
-export var StyledModalContainer = styled(Card)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  position: absolute;\n  z-index: 2;\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: row;\n  position: absolute;\n  z-index: 2;\n\n  ", "\n\n  ", "\n"])), function (_a) {
-    var $placement = _a.$placement;
-    if ($placement === 'top') {
-        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        top: 5vh;\n      "], ["\n        top: 5vh;\n      "])));
-    }
-    return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      top: 50vh;\n      transform: translateY(-50%);\n    "], ["\n      top: 50vh;\n      transform: translateY(-50%);\n    "])));
-}, function (_a) {
-    var $width = _a.$width, $placement = _a.$placement;
-    if ($width) {
-        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        left: ", "px;\n        right: ", "px;\n        margin-left: auto;\n        margin-right: auto;\n        max-width: ", "px;\n\n        // TODO deprecated, moving width up\n        ", " {\n          max-width: none;\n        }\n      "], ["\n        left: ", "px;\n        right: ", "px;\n        margin-left: auto;\n        margin-right: auto;\n        max-width: ", "px;\n\n        // TODO deprecated, moving width up\n        ", " {\n          max-width: none;\n        }\n      "])), modalPixelGutter, modalPixelGutter, modalPixelWidths[$width], StyledModalBody);
-    }
-    // TODO deprecated, uses new centering, required width
-    return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      left: 50vw;\n      transform: translateX(-50%)\n        ", ";\n    "], ["\n      left: 50vw;\n      transform: translateX(-50%)\n        ", ";\n    "])), $placement === 'center' && 'translateY(-50%)');
-});
-export var StyledModalFooter = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  padding: ", "px ", "px ", "px;\n"], ["\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  padding: ", "px ", "px ", "px;\n"])), spacing.xl, spacing.xxl, spacing.xxl);
-export var StyledModalBody = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", "\n\n  box-sizing: border-box;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  // TODO deprecated, delete line in breaking change\n  max-width: ", ";\n  overflow: auto;\n  ", "\n\n  > ", " {\n    padding-left: 0;\n    padding-right: 0;\n\n    &:first-child > ", " {\n      padding-top: 0;\n    }\n  }\n\n  ", "\n"], ["\n  ", "\n\n  box-sizing: border-box;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  // TODO deprecated, delete line in breaking change\n  max-width: ", ";\n  overflow: auto;\n  ", "\n\n  > ", " {\n    padding-left: 0;\n    padding-right: 0;\n\n    &:first-child > ", " {\n      padding-top: 0;\n    }\n  }\n\n  ", "\n"])), getTypographyIntent('body'), colors.gray15, modalMaxWidth, function (_a) {
-    var noSideSpacing = _a.noSideSpacing;
-    return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      padding: ", "px ", "px;\n    "], ["\n      padding: ", "px ", "px;\n    "])), spacing.xl, noSideSpacing ? 0 : spacing.xxl);
-}, StyledSection, StyledSectionInner, function (_a) {
-    var isOverflowingY = _a.isOverflowingY;
-    return isOverflowingY && css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      & + ", " {\n        border-top-width: 1px;\n        border-top-style: solid;\n        border-top-color: ", ";\n        ", " {\n          border-top: none;\n        }\n      }\n    "], ["\n      & + ", " {\n        border-top-width: 1px;\n        border-top-style: solid;\n        border-top-color: ", ";\n        ", " {\n          border-top: none;\n        }\n      }\n    "])), StyledModalFooter, colors.gray85, StyledModalFooterSummary);
-});
-export var StyledModalContent = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  max-height: 90vh;\n  overflow: hidden;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  max-height: 90vh;\n  overflow: hidden;\n  width: 100%;\n"])));
-export var StyledModalFooterNotation = styled(Typography)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  flex-grow: 1;\n"], ["\n  flex-grow: 1;\n"])));
-export var StyledModalHeader = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  align-items: flex-start;\n  color: ", ";\n  display: flex;\n  flex: 0 0 auto;\n  padding: ", "px ", "px;\n  position: relative;\n  ", "\n"], ["\n  align-items: flex-start;\n  color: ", ";\n  display: flex;\n  flex: 0 0 auto;\n  padding: ", "px ", "px;\n  position: relative;\n  ", "\n"])), colors.gray10, spacing.xl, spacing.xxl, function (_a) {
-    var $isBodyScrolled = _a.$isBodyScrolled;
-    return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    border-bottom: 1px solid ", ";\n  "], ["\n    border-bottom: 1px solid ", ";\n  "])), $isBodyScrolled ? colors.gray85 : 'transparent');
-});
-export var StyledModalHeading = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  ", "\n  align-items: center;\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 36px;\n  padding-right: ", "px;\n"], ["\n  ", "\n  align-items: center;\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 36px;\n  padding-right: ", "px;\n"])), getTypographyIntent('h2'), spacing.lg);
-export var StyledModalCancel = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  flex: 0 0 auto;\n"], ["\n  flex: 0 0 auto;\n"])));
-export var StyledModalScrim = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  background: hsla(200, 8%, 10%, 0.6);\n  height: 100vh;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100vw;\n  z-index: 1;\n"], ["\n  background: hsla(200, 8%, 10%, 0.6);\n  height: 100vh;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100vw;\n  z-index: 1;\n"])));
-export var StyledModalWarningIcon = styled(Warning)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  color: ", ";\n  margin-right: ", "px;\n"], ["\n  color: ", ";\n  margin-right: ", "px;\n"])), colors.yellow40, spacing.sm);
-export var StyledModalFooterSummary = styled.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  ", "\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n  padding: ", "px ", "px;\n  color: ", ";\n  font-style: italic;\n  background-color: ", ";\n  margin: -", "px -", "px ", "px -", "px;\n  flex: 1 1 100%;\n"], ["\n  ", "\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n  padding: ", "px ", "px;\n  color: ", ";\n  font-style: italic;\n  background-color: ", ";\n  margin: -", "px -", "px ", "px -", "px;\n  flex: 1 1 100%;\n"])), getTypographyIntent('small'), colors.gray85, colors.gray85, spacing.md, spacing.xxl, colors.gray15, colors.gray98, spacing.xl, spacing.xxl, spacing.xl, spacing.xxl);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20;
-//# sourceMappingURL=Modal.styles.js.map

package/dist/esm/components/Modal/Modal.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.styles.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.styles.ts"],"names":[],"mappings":"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"}

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

@@ -1,70 +0,0 @@
-import { DivAttributes, Props } from '../../utils/types';
-export declare type ModalPlacement = 'top' | 'center';
-export declare type ModalWidth = 'sm' | 'md' | 'lg' | 'xl';
-export interface ModalProps extends Props {
-    /**
-     * Callback for clicking the overlay
-     * @since 10.19.0
-     */
-    onClickOverlay?: (event: React.MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Modal open state
-     * @defaultValue false
-     * @since 10.19.0
-     */
-    open?: boolean;
-    /**
-     * Vertical placement of the modal
-     * @defaultValue center
-     * @since 10.19.0
-     */
-    placement?: ModalPlacement;
-    /**
-     * Sets a width on the container and uses next centering.
-     * Future will default to `md`
-     * @since 10.19.0
-     */
-    width?: ModalWidth;
-}
-export interface ModalContainerProps extends Props {
-    /**
-     * @since 10.19.0
-     */
-    placement: ModalPlacement;
-    /**
-     * @since 10.19.0
-     */
-    width?: ModalWidth;
-}
-export interface ConfirmModalProps extends ModalProps {
-    /**
-     * Headline message
-     * @since 10.19.0
-     */
-    headline?: string;
-    /**
-     * The dismiss onClick callback
-     * @since 10.19.0
-     */
-    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-}
-export interface ModalCloseableHeaderProps extends Props {
-    /**
-     * @since 10.19.0
-     */
-    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * @since 10.19.0
-     */
-    qa?: {
-        closeButton?: string;
-    };
-}
-export interface ModalBodyProps extends DivAttributes {
-    /**
-     * Removes left, right paddings from the modal body when true
-     * @defaultValue false
-     * @since 10.19.0
-     */
-    noSideSpacing?: boolean;
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.types.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":""}

package/dist/esm/components/Modal/index.d.ts

@@ -1,2 +0,0 @@
-export { ConfirmModal, Modal as default, Modal } from './Modal';
-export { ModalProps } from './Modal.types';

package/dist/esm/components/Modal/index.js

@@ -1,2 +0,0 @@
-export { ConfirmModal, Modal as default, Modal } from './Modal';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Modal/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,IAAI,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA"}

package/dist/esm/components/MultiSelect/MultiSelect.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { MultiSelectProps, OptionProps } from './MultiSelect.types';
-export declare const Option: React.ForwardRefExoticComponent<OptionProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-multiselect--demo)
- * @see [Design Guidelines](https://design.procore.com/multi-select)
- */
-export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLDivElement>> & {
-    Option: React.ForwardRefExoticComponent<OptionProps & React.RefAttributes<HTMLDivElement>>;
-};
-export default MultiSelect;