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

package/dist/PillSelect/PillSelect.js

@@ -0,0 +1,112 @@
+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 { Check } from '@procore/core-icons/dist';
+import React from 'react';
+import { OverflowObserver } from '../_hooks/OverflowObserver';
+import { Pill } from '../Pill';
+import { Select } from '../Select';
+import { Tooltip } from '../Tooltip';
+import { PillSelectCheckedContainer, PillSelectLabel, PillSelectLabelWrapper, PillSelectOptionWrapper, } from './PillSelect.styles';
+var emptyArr = [];
+function defaultGetId(option) {
+    return option.id;
+}
+function defaultGetLabel(option) {
+    return option.label;
+}
+function defaultGetGroup(option) {
+    return option.groupId;
+}
+function defaultGetSuggested(option) {
+    return option.suggested;
+}
+export function defaultGetColor(option) {
+    return option.color;
+}
+var PillSelectOption = React.forwardRef(function PillSelectOption(_a, ref) {
+    var color = _a.color, label = _a.label, selected = _a.selected, props = __rest(_a, ["color", "label", "selected"]);
+    return (React.createElement(Select.Option, __assign({ selected: selected }, props, { ref: ref }),
+        React.createElement(PillSelectOptionWrapper, null,
+            React.createElement(Pill, { color: color }, label),
+            React.createElement(PillSelectCheckedContainer, null, selected && React.createElement(Check, { size: "sm" })))));
+});
+var PillSelectOptGroup = React.forwardRef(function PillSelectOptGroup(props, ref) {
+    return React.createElement(Select.OptGroup, __assign({}, props, { ref: ref }));
+});
+/**
+
+ Pill Selects are used when you need a user to select between one of several
+ options that are shown as pills. Often this will be a status, such as marking
+ an item “closed”, “draft”, etc.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-pillselect--demo)
+
+ @see [Design Guidelines](https://design.procore.com/pill-select)
+
+ */
+export var PillSelect = React.forwardRef(function PillSelect(_a, ref) {
+    var afterHide_ = _a.afterHide, afterShow_ = _a.afterShow, _b = _a.getColor, getColor = _b === void 0 ? defaultGetColor : _b, _c = _a.getGroup, getGroup = _c === void 0 ? defaultGetGroup : _c, _d = _a.getId, getId = _d === void 0 ? defaultGetId : _d, _e = _a.getLabel, getLabel = _e === void 0 ? defaultGetLabel : _e, _f = _a.getSuggested, getSuggested = _f === void 0 ? defaultGetSuggested : _f, _g = _a.groupGetId, groupGetId = _g === void 0 ? defaultGetId : _g, _h = _a.groupGetLabel, groupGetLabel = _h === void 0 ? defaultGetLabel : _h, optgroups = _a.optgroups, _j = _a.options, options = _j === void 0 ? emptyArr : _j, value = _a.value, props = __rest(_a, ["afterHide", "afterShow", "getColor", "getGroup", "getId", "getLabel", "getSuggested", "groupGetId", "groupGetLabel", "optgroups", "options", "value"]);
+    var _k = React.useMemo(function () {
+        if (!value) {
+            return {};
+        }
+        return {
+            color: getColor(value),
+            id: getId(value),
+            label: getLabel(value),
+        };
+    }, [getColor, getId, getLabel, value]), color = _k.color, id = _k.id, label = _k.label;
+    var optionsByGroup = React.useMemo(function () {
+        return optgroups === null || optgroups === void 0 ? void 0 : optgroups.map(function (optgroup) { return ({
+            optgroup: optgroup,
+            options: options.filter(function (option) { return getGroup(option) === groupGetId(optgroup); }),
+        }); }).filter(function (_a) {
+            var options = _a.options;
+            return options.length;
+        });
+    }, [options, optgroups, groupGetId, getGroup]);
+    var _l = React.useState(false), isOpened = _l[0], setIsOpened = _l[1];
+    var afterShow = React.useCallback(function () {
+        setIsOpened(true);
+        afterShow_ === null || afterShow_ === void 0 ? void 0 : afterShow_();
+    }, [afterShow_]);
+    var afterHide = React.useCallback(function () {
+        setIsOpened(false);
+        afterHide_ === null || afterHide_ === void 0 ? void 0 : afterHide_();
+    }, [afterHide_]);
+    return (React.createElement(Select, __assign({ afterHide: afterHide, afterShow: afterShow, label: label ? (React.createElement(OverflowObserver, null, function (_a) {
+            var isOverflowing = _a.isOverflowing, ref = _a.ref;
+            var pill = (React.createElement(PillSelectLabel, { color: color, ref: ref }, label));
+            var showTooltip = isOverflowing && !isOpened;
+            return (React.createElement(PillSelectLabelWrapper, { disabled: props.disabled }, showTooltip ? (React.createElement(Tooltip, { trigger: "hover", overlay: label }, pill)) : (pill)));
+        })) : null }, props, { ref: ref }), optionsByGroup ? (optionsByGroup.map(function (_a) {
+        var optgroup = _a.optgroup, options = _a.options;
+        return (React.createElement(React.Fragment, { key: groupGetId(optgroup) },
+            React.createElement(PillSelectOptGroup, { key: groupGetId(optgroup) }, groupGetLabel(optgroup)),
+            options.map(function (option) { return (React.createElement(PillSelectOption, { key: getId(option), color: getColor(option), label: getLabel(option), selected: getId(option) === id, suggested: getSuggested(option), value: option })); })));
+    })) : (React.createElement(React.Fragment, null, options.map(function (option) { return (React.createElement(PillSelectOption, { key: getId(option), color: getColor(option), label: getLabel(option), selected: getId(option) === id, suggested: getSuggested(option), value: option })); })))));
+});
+PillSelect.displayName = 'PillSelect';
+//# sourceMappingURL=PillSelect.js.map

package/dist/PillSelect/PillSelect.js.map

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

package/dist/PillSelect/PillSelect.styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const PillSelectOptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PillSelectCheckedContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PillSelectLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Pill").PillProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const PillSelectLabelWrapper: import("styled-components").StyledComponent<"div", any, {
+    disabled?: boolean | undefined;
+}, never>;

package/dist/PillSelect/PillSelect.styles.js

@@ -0,0 +1,19 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+import { colors } from '../_styles/colors';
+import { getEllipsis } from '../_styles/mixins';
+import { spacing } from '../_styles/spacing';
+import { Pill } from '../Pill';
+var checkedIconPlaceholderWidth = 32;
+export var PillSelectOptionWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));
+export var PillSelectCheckedContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  color: ", ";\n  display: inline-flex;\n  padding-left: ", "px;\n  width: ", "px;\n"], ["\n  align-items: center;\n  color: ", ";\n  display: inline-flex;\n  padding-left: ", "px;\n  width: ", "px;\n"])), colors.blue50, spacing.sm, checkedIconPlaceholderWidth);
+export var PillSelectLabel = styled(Pill)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getEllipsis);
+export var PillSelectLabelWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  max-width: 100%;\n  pointer-events: auto;\n\n  ", "\n"], ["\n  display: flex;\n  max-width: 100%;\n  pointer-events: auto;\n\n  ", "\n"])), function (_a) {
+    var disabled = _a.disabled;
+    return disabled && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      pointer-events: none;\n    "], ["\n      pointer-events: none;\n    "])));
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=PillSelect.styles.js.map

package/dist/PillSelect/PillSelect.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillSelect.styles.js","sourceRoot":"","sources":["../../src/PillSelect/PillSelect.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,IAAM,2BAA2B,GAAG,EAAE,CAAA;AAEtC,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,oJAAA,iFAIhD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,mLAAA,qCAEzC,EAAa,8CAEN,EAAU,gBACjB,EAA2B,OACrC,KAJU,MAAM,CAAC,MAAM,EAEN,OAAO,CAAC,EAAE,EACjB,2BAA2B,CACrC,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,+EAAA,MACvC,EAAW,IACd,KADG,WAAW,CACd,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,gJAAwB,uEAKpE,EAIC,IACJ,KALG,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,IACR,GAAG,wGAAA,qCAEF,IAAA;AAHD,CAGC,CACJ,CAAA"}

package/dist/PillSelect/PillSelect.types.d.ts

@@ -0,0 +1,112 @@
+import { PillColor } from '../Pill/Pill.types';
+import { SelectOptionProps, SelectProps } from '../Select';
+declare type Id = string | number;
+export interface PillOption {
+    /**
+     * @since 10.19.0
+     */
+    color: PillColor;
+    /**
+     * @since 10.19.0
+     */
+    groupId?: Id;
+    /**
+     * @since 10.19.0
+     */
+    id: Id;
+    /**
+     * @since 10.19.0
+     */
+    label: string;
+    /**
+     * @since 10.19.0
+     */
+    suggested?: SelectOptionProps['suggested'];
+}
+export interface PillOptionProps extends SelectOptionProps {
+    /**
+     * @since 10.19.0
+     */
+    color: PillOption['color'];
+    /**
+     * @since 10.19.0
+     */
+    label: PillOption['label'];
+}
+export interface PillOptGroup {
+    /**
+     * @since 10.19.0
+     */
+    id: Id;
+    /**
+     * @since 10.19.0
+     */
+    label: string;
+}
+export interface PillSelectProps<Option = PillOption, OptionGroup = PillOptGroup> extends Omit<SelectProps, 'label'> {
+    /**
+     * A function returning the display color of an option's `Pill`
+     * `(option: unknown) => PillColor`
+     * @defaultValue `(option) => (option as PillOption).color`
+     * @since 10.19.0
+     */
+    getColor?: (option: Option) => PillOption['color'];
+    /**
+     * A function returning group ID for a given option to define a relation to `optgroups`
+     * `(option: unknown) => string | number`
+     * @defaultValue `(option) => (option as PillOption).groupId`
+     * @since 10.19.0
+     */
+    getGroup?: (option: Option) => PillOption['groupId'];
+    /**
+     * A function returning ID of a given option
+     * `(option: unknown) => string | number`
+     * @defaultValue `(option) => (option as PillOption).id`
+     * @since 10.19.0
+     */
+    getId?: (option: Option) => PillOption['id'];
+    /**
+     * A function returning label of an option
+     * `(option: unknown) => string`
+     * @defaultValue `(option) => (option as PillOption).label`
+     * @since 10.19.0
+     */
+    getLabel?: (option: Option) => PillOption['label'];
+    /**
+     * A function returning `boolean` value to suggest this option if nothing is selected.
+     * `(option: unknown) => boolean`
+     * @defaultValue `(option) => (option as PillOption).suggested`
+     * @since 10.19.0
+     */
+    getSuggested?: (option: Option) => PillOption['suggested'];
+    /**
+     * A function returning the ID of a group
+     * `(group: unknown) => string | number`
+     * @defaultValue `(group) => (group as PillOptgroup).id`
+     * @since 10.19.0
+     */
+    groupGetId?: (group: OptionGroup) => PillOptGroup['id'];
+    /**
+     * A function returning label of a group
+     * `(group: unknown) => string`
+     * @defaultValue `(group) => (group as PillOptgroup).label`
+     * @since 10.19.0
+     */
+    groupGetLabel?: (group: OptionGroup) => PillOptGroup['label'];
+    /**
+     * Array of available options
+     * @since 10.19.0
+     */
+    options?: Option[];
+    /**
+     * Array of available option groups
+     * @since 10.19.0
+     */
+    optgroups?: OptionGroup[];
+    /**
+     * Currently selected value
+     * @since 10.19.0
+     */
+    value: Option;
+}
+export {};

package/dist/PillSelect/PillSelect.types.js.map

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

package/dist/PillSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { PillSelect } from './PillSelect';
+export { PillOptionProps, PillSelectProps } from './PillSelect.types';

package/dist/PillSelect/index.js

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

package/dist/PillSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/PillSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist/Popover/Popover.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { DivAttributes } from '../_utils/types';
+import { PopoverContentProps, PopoverProps } from './Popover.types';
+export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLElement>> & {
+    Content: React.ForwardRefExoticComponent<DivAttributes & PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/Popover/Popover.js

@@ -0,0 +1,61 @@
+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 React from 'react';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { isReactElement } from '../_utils/isReactElement';
+import { OverlayTrigger } from '../OverlayTrigger';
+import { StyledPopover, StyledPopoverContent } from './Popover.styles';
+var Content = React.forwardRef(function Content(_a, ref) {
+    var children = _a.children, _b = _a.fluid, fluid = _b === void 0 ? false : _b, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, props = __rest(_a, ["children", "fluid", "placement"]);
+    return (React.createElement(StyledPopover, { ref: ref },
+        React.createElement(StyledPopoverContent, __assign({}, props, { "$fluid": fluid, "$placement": placement }), children)));
+});
+/**
+
+ We use popovers to display more of an item’s information or details on hover.
+ This may be used to show additional fields in an item’s form that aren’t shown
+ by default in the UI. Oftentimes, there will be a visual queue to indicate that
+ more information is available.
+
+ Do not use popovers to display large amounts of information, perform data
+ entry, or use as a replacement for an overflow, menu, or modal.
+
+ If you want to show descriptive / educational information about an item,
+ use a tooltip.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-popover--demo)
+
+ @see [Design Guidelines](https://design.procore.com/popover)
+
+ */
+var Popover_ = React.forwardRef(function Popover(_a, ref) {
+    var children = _a.children, _b = _a.initialIsVisible, initialIsVisible = _b === void 0 ? false : _b, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, overlay = _a.overlay, props = __rest(_a, ["children", "initialIsVisible", "placement", "overlay"]);
+    var overlayNode = isReactElement(overlay) ? (React.cloneElement(overlay, { placement: placement })) : (React.createElement(React.Fragment, null));
+    return (React.createElement(OverlayTrigger, __assign({}, __assign(__assign({}, props), { initialIsVisible: initialIsVisible, overlay: overlayNode, placement: placement, ref: ref, restoreFocusOnHide: false, shrinkOverlay: true })), children));
+});
+Popover_.displayName = 'Popover';
+Content.displayName = 'Popover.Content';
+export var Popover = addSubcomponents({ Content: Content }, Popover_);
+//# sourceMappingURL=Popover.js.map

package/dist/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAEzD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAGtE,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,SAAS,OAAO,CAChB,EAAwD,EACxD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAK,KAAK,cAAtD,kCAAwD,CAAF;IAGtD,OAAO,CACL,oBAAC,aAAa,IAAC,GAAG,EAAE,GAAG;QACrB,oBAAC,oBAAoB,eAAK,KAAK,cAAU,KAAK,gBAAc,SAAS,KAClE,QAAQ,CACY,CACT,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAA4B,SAAS,OAAO,CAC3E,EAA4E,EAC5E,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA1E,wDAA4E,CAAF;IAG1E,IAAM,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAC5C,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,SAAS,WAAA,EAAE,CAAC,CAC3C,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,CAAC,QAAQ,OAAG,CACnB,CAAA;IAED,OAAO,CACL,oBAAC,cAAc,qCAER,KAAK,KACR,gBAAgB,kBAAA,EAChB,OAAO,EAAE,WAAW,EACpB,SAAS,WAAA,EACT,GAAG,KAAA,EACH,kBAAkB,EAAE,KAAK,EACzB,aAAa,EAAE,IAAI,MAGpB,QAAQ,CACM,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAA;AAEhC,OAAO,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEvC,MAAM,CAAC,IAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,OAAO,SAAA,EAAE,EAAE,QAAQ,CAAC,CAAA"}

package/dist/Popover/Popover.styles.d.ts

@@ -0,0 +1,8 @@
+import { Placement } from '../_utils/placement';
+interface StyledPopoverProps {
+    $fluid: boolean;
+    $placement: Placement;
+}
+export declare const StyledPopoverContent: import("styled-components").StyledComponent<"span", any, Required<StyledPopoverProps>, never>;
+export declare const StyledPopover: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/dist/Popover/Popover.styles.js

@@ -0,0 +1,22 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+import { getArrowPlacement } from '../_styles/arrows';
+import { borderRadius } from '../_styles/borderRadius';
+import { colors } from '../_styles/colors';
+import { getShadow } from '../_styles/shadows';
+var popoverArrowSize = 6;
+export var StyledPopoverContent = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: ", "px;\n  color: ", ";\n  display: inline-block;\n  max-width: 250px;\n  position: relative;\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  background-color: ", ";\n  border-radius: ", "px;\n  color: ", ";\n  display: inline-block;\n  max-width: 250px;\n  position: relative;\n\n  ", "\n\n  ", "\n\n  ", "\n"])), colors.white, borderRadius.md, colors.gray15, getShadow(3), function (_a) {
+    var $placement = _a.$placement;
+    return getArrowPlacement(popoverArrowSize, 'white', $placement);
+}, function (_a) {
+    var $fluid = _a.$fluid;
+    if ($fluid) {
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        max-width: none;\n      "], ["\n        max-width: none;\n      "])));
+    }
+});
+export var StyledPopover = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: inline-block;\n"], ["\n  display: inline-block;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=Popover.styles.js.map

package/dist/Popover/Popover.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.styles.js","sourceRoot":"","sources":["../../src/Popover/Popover.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAE9C,IAAM,gBAAgB,GAAG,CAAC,CAAA;AAO1B,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,gPAA8B,wBACvD,EAAY,sBACf,EAAe,gBACvB,EAAa,+EAKpB,EAAY,QAEZ,EACwD,QAExD,EAMD,IACF,KAnBqB,MAAM,CAAC,KAAK,EACf,YAAY,CAAC,EAAE,EACvB,MAAM,CAAC,MAAM,EAKpB,SAAS,CAAC,CAAC,CAAC,EAEZ,UAAC,EAAc;QAAZ,UAAU,gBAAA;IACb,OAAA,iBAAiB,CAAC,gBAAgB,EAAE,OAAO,EAAE,UAAU,CAAC;AAAxD,CAAwD,EAExD,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,IAAI,MAAM,EAAE;QACV,OAAO,GAAG,uGAAA,oCAET,KAAA;KACF;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,iGAAA,8BAEtC,IAAA,CAAA"}

package/dist/Popover/Popover.types.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import { TriggerVariant } from '../_hooks/Trigger';
+import { Placement } from '../_utils/placement';
+import { Props } from '../_utils/types';
+export interface PopoverContentProps {
+    /**
+     * @since 10.19.0
+     */
+    fluid?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    placement?: Placement;
+}
+export interface PopoverProps extends Props {
+    /**
+     * Whether to show the overlay on initial render
+     * @defaultValue false
+     * @since 10.19.0
+     */
+    initialIsVisible?: boolean;
+    /**
+     * The tip we want to display
+     * @since 10.19.0
+     */
+    overlay?: React.ReactElement<{
+        placement?: Placement;
+    }>;
+    /**
+     * Determines the position of the arrow
+     * @defaultValue top
+     * @since 10.19.0
+     */
+    placement?: Placement;
+    /**
+     * The event to trigger the overlay
+     * @defaultValue click
+     * @since 10.19.0
+     */
+    trigger?: TriggerVariant;
+}

package/dist/Popover/Popover.types.js.map

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

package/dist/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export { Popover } from './Popover';
+export { PopoverProps, PopoverContentProps } from './Popover.types';

package/dist/Popover/index.js

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

package/dist/Popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/Portal/Portal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PortalProps } from './Portal.types';
+/**
+ * @deprecatedSince 11
+ * @deprecated Intended for internal library development.
+ * @see [Storybook](https://procore.github.io/core/latest/?path=/story/coverage-portal--defaults)
+ */
+export declare function Portal({ children, container, }: PortalProps): React.ReactPortal;

package/dist/Portal/Portal.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { useZIndexContext } from '../_hooks/ZIndex';
+import { StyledPortal } from './Portal.styles';
+/**
+ * @deprecatedSince 11
+ * @deprecated Intended for internal library development.
+ * @see [Storybook](https://procore.github.io/core/latest/?path=/story/coverage-portal--defaults)
+ */
+export function Portal(_a) {
+    var children = _a.children, container = _a.container;
+    var zIndexCtx = useZIndexContext();
+    return ReactDOM.createPortal(React.createElement(StyledPortal, { zIndex: zIndexCtx.value }, children), container || document.body);
+}
+//# sourceMappingURL=Portal.js.map

package/dist/Portal/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../src/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAG9C;;;;GAIG;AACH,MAAM,UAAU,MAAM,CAAC,EAGT;QAFZ,QAAQ,cAAA,EACR,SAAS,eAAA;IAET,IAAM,SAAS,GAAG,gBAAgB,EAAE,CAAA;IAEpC,OAAO,QAAQ,CAAC,YAAY,CAC1B,oBAAC,YAAY,IAAC,MAAM,EAAE,SAAS,CAAC,KAAK,IAAG,QAAQ,CAAgB,EAChE,SAAS,IAAI,QAAQ,CAAC,IAAI,CAC3B,CAAA;AACH,CAAC"}

package/dist/Portal/Portal.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.styles.js","sourceRoot":"","sources":["../../src/Portal/Portal.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAMtC,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,uMAAmB,eAC5C,EAAuB,mHASnC,KATY,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,MAAM,EAAZ,CAAY,CASnC,CAAA"}

package/dist/Portal/Portal.types.d.ts

@@ -0,0 +1,7 @@
+import { Props } from '../_utils/types';
+export interface PortalProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    container?: HTMLElement;
+}

package/dist/Portal/Portal.types.js.map

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

package/dist/Portal/index.d.ts

@@ -0,0 +1 @@
+export { Portal } from './Portal';

package/dist/Portal/index.js

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

package/dist/Portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Portal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist/ProgressBar/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAC5E,OAAO,EACL,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,sBAAsB,CAAA;AAG7B,IAAM,sBAAsB,GAAG,GAAG,CAAA;AAElC;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,SAAS,WAAW,CAAC,EAAqC,EAAE,GAAG;IAAxC,IAAA,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAAnC,qBAAqC,CAAF;IACtD,IAAM,uBAAuB,GAAG,KAAK,IAAI,gBAAgB,CAAA;IACnD,IAAA,KAA8B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAlD,WAAW,QAAA,EAAE,YAAY,QAAyB,CAAA;IACnD,IAAA,KAA4C,KAAK,CAAC,QAAQ,CAC9D,uBAAuB,CACxB,EAFM,kBAAkB,QAAA,EAAE,mBAAmB,QAE7C,CAAA;IACD,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAEvC,KAAK,CAAC,SAAS,CAAC;QACd,IAAM,WAAW,GAAG,WAAW,CAAC,OAAO,IAAI,uBAAuB,CAAA;QAClE,IAAM,OAAO,GAAkB,WAAW;YACxC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;gBAChB,YAAY,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC,EAAE,sBAAsB,CAAC;YAC5B,CAAC,CAAC,IAAI,CAAA;QAER,mBAAmB,CAAC,uBAAuB,CAAC,CAAA;QAC5C,YAAY,CAAC,WAAW,CAAC,CAAA;QAEzB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACxB,WAAW,CAAC,OAAO,GAAG,IAAI,CAAA;SAC3B;QAED,OAAO;YACL,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,CAAA;QAClC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAA;IAE7B,OAAO,CACL,oBAAC,iBAAiB,0BACL,kBAAkB,gBACjB,WAAW,EACvB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,aAAa,mBACH,KAAK,CAAC,KAAK,CAAC,mBACZ,gBAAgB,mBAChB,gBAAgB,IAC3B,KAAK;QAET,oBAAC,uBAAuB,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC3C,CACrB,CAAA;AACH,CAAC,CACF,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA"}

package/dist/ProgressBar/ProgressBar.styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledProgressBarLoader: import("styled-components").StyledComponent<import("react").FC<import("../Loader/Loader.types").LoaderProps>, any, {}, never>;
+export declare const StyledProgressBar: import("styled-components").StyledComponent<"div", any, {
+    $complete: boolean;
+    $finalized: boolean;
+}, never>;

package/dist/ProgressBar/ProgressBar.styles.js

@@ -0,0 +1,25 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css, keyframes } from 'styled-components';
+import { colors } from '../_styles/colors';
+import { spacing } from '../_styles/spacing';
+import { Loader } from '../Loader';
+var loaderGridUnit = spacing.sm;
+var animationDelay = '300ms';
+var fadeIn = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n"], ["\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n"])));
+export var StyledProgressBarLoader = styled(Loader)(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
+export var StyledProgressBar = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  overflow: hidden;\n  position: relative;\n  display: block;\n  height: ", "px;\n  background-color: ", ";\n  border-radius: ", "px;\n  margin: ", "px 0;\n  transition: background-color 0s linear;\n\n  ", "\n\n  ", "\n"], ["\n  overflow: hidden;\n  position: relative;\n  display: block;\n  height: ", "px;\n  background-color: ", ";\n  border-radius: ", "px;\n  margin: ", "px 0;\n  transition: background-color 0s linear;\n\n  ", "\n\n  ", "\n"])), loaderGridUnit, function (_a) {
+    var $complete = _a.$complete;
+    return $complete ? colors.blue50 : colors.gray94;
+}, loaderGridUnit * 2, loaderGridUnit * 2, function (_a) {
+    var $finalized = _a.$finalized;
+    return $finalized && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      transition-delay: ", ";\n\n      ", " {\n        animation: ", " 0 ease-out ", " forwards;\n      }\n    "], ["\n      transition-delay: ", ";\n\n      ", " {\n        animation: ", " 0 ease-out ", " forwards;\n      }\n    "])), animationDelay, StyledProgressBarLoader, fadeIn, animationDelay);
+}, function (_a) {
+    var $complete = _a.$complete, $finalized = _a.$finalized;
+    return $complete &&
+        !$finalized && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      ", " {\n        opacity: 0;\n      }\n    "], ["\n      ", " {\n        opacity: 0;\n      }\n    "])), StyledProgressBarLoader);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=ProgressBar.styles.js.map

package/dist/ProgressBar/ProgressBar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.styles.js","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,IAAM,cAAc,GAAG,OAAO,CAAC,EAAE,CAAA;AAEjC,IAAM,cAAc,GAAG,OAAO,CAAA;AAE9B,IAAM,MAAM,GAAG,SAAS,qIAAA,kEAOvB,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,MAAM,CAAC,qEAAA,EAAE,IAAA,CAAA;AAEvD,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,kSAGzC,6EAIU,EAAc,2BACJ,EACuB,sBAC1B,EAAkB,iBACzB,EAAkB,wDAG1B,EAQC,QAED,EAOC,IACJ,KAzBW,cAAc,EACJ,UAAC,EAAa;QAAX,SAAS,eAAA;IAC9B,OAAA,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM;AAAzC,CAAyC,EAC1B,cAAc,GAAG,CAAC,EACzB,cAAc,GAAG,CAAC,EAG1B,UAAC,EAAc;QAAZ,UAAU,gBAAA;IACb,OAAA,UAAU,IACV,GAAG,sLAAA,4BACmB,EAAc,aAEhC,EAAuB,yBACV,EAAM,cAAe,EAAc,2BAEnD,KALqB,cAAc,EAEhC,uBAAuB,EACV,MAAM,EAAe,cAAc,CAEnD;AAPD,CAOC,EAED,UAAC,EAAyB;QAAvB,SAAS,eAAA,EAAE,UAAU,gBAAA;IACxB,OAAA,SAAS;QACT,CAAC,UAAU,IACX,GAAG,uHAAA,UACC,EAAuB,wCAG1B,KAHG,uBAAuB,CAG1B;AAND,CAMC,CACJ,CAAA"}

package/dist/ProgressBar/ProgressBar.types.js.map

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

package/dist/ProgressBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ProgressBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/dist/RadioButton/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../src/RadioButton/RadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,sBAAsB,CAAA;AAG7B;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGzC,SAAS,WAAW,CACpB,EAAuD,EACvD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAArD,2CAAuD,CAAF;IAGrD,OAAO,CACL,oBAAC,iBAAiB,IAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,eACD,QAAQ,YACX,KAAK;QAEb,oBAAC,sBAAsB,aAAC,IAAI,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI;QAC5D,oBAAC,sBAAsB,QAAE,QAAQ,CAA0B,CACzC,CACrB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA"}