@procore/core-react 10.26.0 → 10.26.1-rc.2

package/dist/esm/components/GroupSelect/GroupSelect.js

@@ -0,0 +1,171 @@
+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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React from 'react';
+import { MenuImperative } from '../MenuImperative';
+import { MultiSelect } from '../MultiSelect';
+import { StyledGroupSelectOption } from './GroupSelect.styles';
+var emptyArray = [];
+var noop = function () { };
+var defaultGetId = function (item) { return item.id; };
+var defaultGetLabel = function (item) { return item.label; };
+var defaultGetGroup = function (item) { return item.options; };
+var defaultGetOptGroup = function (item) {
+    return item.groupId;
+};
+function defaultOptionRenderer(item, _a) {
+    var getId = _a.getId, getLabel = _a.getLabel, _b = _a.disabled, disabled = _b === void 0 ? false : _b, value = _a.value, props = __rest(_a, ["getId", "getLabel", "disabled", "value"]);
+    return (React.createElement(StyledGroupSelectOption, __assign({}, props, { key: "group-select-menu-item-".concat(getId(item)), value: value || item, disabled: disabled }), getLabel(item)));
+}
+function defaultOptGroupRenderer(_a) {
+    var id = _a.id, label = _a.label;
+    return (React.createElement(MenuImperative.Group, { key: "group_".concat(id), clickable: false }, label));
+}
+function useGroupSelect(_a) {
+    var value = _a.value, options = _a.options, groups = _a.groups, getId = _a.getId, getLabel = _a.getLabel, getGroup = _a.getGroup, onChange = _a.onChange, _onSearch = _a.onSearch;
+    var _b = React.useState(''), searchValue = _b[0], setSearchValue = _b[1];
+    var groupOptionsDictionary = React.useMemo(function () {
+        return groups.reduce(function (acc, curr) {
+            var _a;
+            return (__assign(__assign({}, acc), (_a = {}, _a[getId(curr)] = getGroup(curr), _a)));
+        }, {});
+    }, [getGroup, getId, groups]);
+    var collectOptionIds = React.useCallback(function (value) {
+        return value.reduce(function (acc, cur) { return acc.add(getId(cur)); }, new Set());
+    }, [getId]);
+    var groupIds = React.useMemo(function () { return collectOptionIds(groups); }, [collectOptionIds, groups]);
+    var isGroup = function (groupdId) { return groupIds.has(groupdId); };
+    var externalOnSearch = React.useCallback(function (e) {
+        if (_onSearch) {
+            _onSearch(e);
+        }
+    }, [_onSearch]);
+    var internalOnSearch = React.useCallback(function (e) {
+        setSearchValue(e.target.value);
+    }, []);
+    var onSearch = _onSearch ? externalOnSearch : internalOnSearch;
+    var selectedOptions = React.useMemo(function () { return value.filter(function (option) { return !groupIds.has(getId(option)); }); }, [getId, groupIds, value]);
+    var selectedOptionIds = React.useMemo(function () { return collectOptionIds(selectedOptions); }, [collectOptionIds, selectedOptions]);
+    var selectedGroups = React.useMemo(function () {
+        return groups.filter(function (group) {
+            return getGroup(group).length &&
+                getGroup(group).every(function (option) {
+                    return selectedOptionIds.has(getId(option));
+                });
+        });
+    }, [getGroup, getId, groups, selectedOptionIds]);
+    var selectedGroupIds = React.useMemo(function () { return collectOptionIds(selectedGroups); }, [collectOptionIds, selectedGroups]);
+    var getGroupOptions = function (groupOptiodId) {
+        var groupOptions = groupOptionsDictionary[groupOptiodId] || [];
+        return groupOptions.filter(function (groupOption) { return !selectedOptionIds.has(getId(groupOption)); });
+    };
+    var onSelect = function (selection) {
+        var newSelected = selection.reduce(function (acc, option) {
+            var optionId = getId(option);
+            if (isGroup(optionId)) {
+                return !selectedGroupIds.has(optionId)
+                    ? __spreadArray(__spreadArray([], acc, true), getGroupOptions(optionId), true) : acc;
+            }
+            return __spreadArray(__spreadArray([], acc, true), [option], false);
+        }, []);
+        setSearchValue('');
+        onChange(newSelected);
+    };
+    var searchFilterCallback = React.useCallback(function (option) {
+        return getLabel(option).toLowerCase().includes(searchValue.toLowerCase());
+    }, [getLabel, searchValue]);
+    var computedOptions = _onSearch
+        ? options
+        : options.filter(searchFilterCallback);
+    var filteredGroups = _onSearch
+        ? groups
+        : groups.filter(searchFilterCallback);
+    var computedGroups = React.useMemo(function () { return filteredGroups.filter(function (group) { return getGroup(group).length; }); }, [filteredGroups, getGroup]);
+    return {
+        selectedOptions: selectedOptions,
+        computedOptions: __spreadArray(__spreadArray([], computedGroups, true), computedOptions, true),
+        selectedOptionIds: selectedOptionIds,
+        selectedGroupIds: selectedGroupIds,
+        isGroup: isGroup,
+        onSearch: onSearch,
+        onSelect: onSelect,
+    };
+}
+/**
+
+ Group select allows users to select multiple options from a single item in a
+ menu. Other select components are multi select, and select, tiered select.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-groupselect--custom-search)
+
+ @see [Design Guidelines](https://design.procore.com/group-select)
+
+ */
+export var GroupSelect = React.forwardRef(function GroupSelect(_a, ref) {
+    var _b = _a.value, value = _b === void 0 ? emptyArray : _b, _c = _a.options, options = _c === void 0 ? emptyArray : _c, _d = _a.groups, groups = _d === void 0 ? emptyArray : _d, _e = _a.getId, getId = _e === void 0 ? defaultGetId : _e, _f = _a.getLabel, getLabel = _f === void 0 ? defaultGetLabel : _f, _g = _a.getGroup, getGroup = _g === void 0 ? defaultGetGroup : _g, _h = _a.getOptGroup, getOptGroup = _h === void 0 ? defaultGetOptGroup : _h, _j = _a.onChange, onChange = _j === void 0 ? noop : _j, _onSearch = _a.onSearch, optionRenderer = _a.optionRenderer, groupRenderer = _a.groupRenderer, _k = _a.optGroupRenderer, optGroupRenderer = _k === void 0 ? defaultOptGroupRenderer : _k, props = __rest(_a, ["value", "options", "groups", "getId", "getLabel", "getGroup", "getOptGroup", "onChange", "onSearch", "optionRenderer", "groupRenderer", "optGroupRenderer"]);
+    var _l = useGroupSelect({
+        value: value,
+        options: options,
+        groups: groups,
+        getId: getId,
+        getLabel: getLabel,
+        getGroup: getGroup,
+        onChange: onChange,
+        onSearch: _onSearch,
+    }), selectedOptions = _l.selectedOptions, selectedOptionIds = _l.selectedOptionIds, selectedGroupIds = _l.selectedGroupIds, computedOptions = _l.computedOptions, isGroup = _l.isGroup, onSelect = _l.onSelect, onSearch = _l.onSearch;
+    var multiselectOptionRenderer = React.useCallback(function (option) {
+        var optionId = getId(option);
+        var renderer = (isGroup(optionId) ? groupRenderer : optionRenderer) ||
+            defaultOptionRenderer;
+        var isSelected = selectedOptionIds.has(optionId);
+        var isDisabled = selectedGroupIds.has(optionId);
+        return renderer(option, {
+            getId: getId,
+            getLabel: getLabel,
+            value: option,
+            selected: isSelected,
+            disabled: isDisabled,
+        });
+    }, [
+        getId,
+        getLabel,
+        groupRenderer,
+        isGroup,
+        optionRenderer,
+        selectedGroupIds,
+        selectedOptionIds,
+    ]);
+    return (React.createElement(MultiSelect, __assign({ ref: ref }, props, { value: selectedOptions, options: computedOptions, getId: getId, getLabel: getLabel, onChange: onSelect, onSearch: onSearch, getGroup: getOptGroup, optionRenderer: multiselectOptionRenderer, groupHeaderRenderer: optGroupRenderer })));
+});
+GroupSelect.displayName = 'GroupSelect';
+//# sourceMappingURL=GroupSelect.js.map

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

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

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

@@ -0,0 +1,3 @@
+export declare const StyledGroupSelectOption: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../MultiSelect").OptionProps & import("react").RefAttributes<HTMLDivElement>>, any, {
+    disabled: boolean;
+}, never>;

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

@@ -0,0 +1,13 @@
+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 { MultiSelect } from '../MultiSelect';
+export var StyledGroupSelectOption = styled(MultiSelect.Option)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var disabled = _a.disabled;
+    return disabled && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      color: ", ";\n      cursor: not-allowed;\n\n      a,\n      a:hover {\n        color: ", ";\n        text-decoration: none;\n      }\n    "], ["\n      color: ", ";\n      cursor: not-allowed;\n\n      a,\n      a:hover {\n        color: ", ";\n        text-decoration: none;\n      }\n    "])), colors.gray70, colors.gray70);
+});
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=GroupSelect.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupSelect.styles.js","sourceRoot":"","sources":["../../../../src/components/GroupSelect/GroupSelect.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,+EAE/D,MACE,EAWC,IACJ,KAZG,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,IACR,GAAG,uNAAA,iBACQ,EAAa,6EAKX,EAAa,kDAGzB,KARU,MAAM,CAAC,MAAM,EAKX,MAAM,CAAC,MAAM,CAGzB;AAVD,CAUC,CACJ,CAAA"}

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

@@ -0,0 +1,125 @@
+import React from 'react';
+import { NavigationProps } from '../Menu';
+import { GroupItem, MultiSelectProps } from '../MultiSelect';
+export declare type ChangeEvent = React.ChangeEvent<HTMLInputElement>;
+export declare type Option = any;
+export declare type GroupOption = any;
+export declare type PickedMultiSelectProps = Omit<MultiSelectProps, 'value' | 'options' | 'getId' | 'getLabel' | 'onChange' | 'optionRenderer' | 'getGroup' | 'groupHeaderRenderer'>;
+export interface GroupSelectProps extends PickedMultiSelectProps {
+    /**
+     * @since 10.19.0
+     */
+    value?: Option[];
+    /**
+     * Array of available options
+     * `{ id: number label: string groupId?: string | number }`
+     * `arrayOf: [object]`
+     * @since 10.19.0
+     */
+    options?: Option[];
+    /**
+     * Array of available collections, field options contain option id's
+     * `{ id: number label: string options: Option[] groupId?: string | number }`
+     * `arrayOf: [object]`
+     * @since 10.19.0
+     */
+    groups?: GroupOption[];
+    /**
+     * Callback with options selected when selecting or removing an option
+     * `(value: T[]) => void`
+     * @since 10.19.0
+     */
+    onChange?: (value: Option[], event?: Event) => void;
+    /**
+     * @since 10.19.0
+     */
+    getId?: (option: Option | GroupOption) => number | string;
+    /**
+     * Callback for each entry in options to generate the token label, also used for default searching.
+     * `(option: T) => string`
+     * @since 10.19.0
+     */
+    getLabel?: (option: Option | GroupOption) => string;
+    /**
+     * Callback for each entry in groups for keying and optimizations
+     * `(option: T) => Option[]`
+     * @since 10.19.0
+     */
+    getGroup?: (option: Option | GroupOption) => Option[];
+    /**
+     * Callback for each entry in groups and options to define relation in optgroups
+     * `(option: OptionItem) => number | string`
+     * @since 10.19.0
+     */
+    getOptGroup?: (option: Option | GroupOption) => number | string;
+    /**
+     * @since 10.19.0
+     */
+    onSearch?: (e: ChangeEvent) => void;
+    /**
+     * Callback for rendering each option
+     * `(option: T, props: OptionRendererProps) => React.ReactNode`
+     * @since 10.19.0
+     */
+    optionRenderer?: (option: Option, props: OptionRendererProps) => React.ReactNode;
+    /**
+     * Callback for rendering each group option
+     * `(groupOption: T, props: OptionRendererProps) => React.ReactNode`
+     * @since 10.19.0
+     */
+    groupRenderer?: (option: GroupOption, props: OptionRendererProps) => React.ReactNode;
+    /**
+     * Callback for rendering header for each entry in `optgroups`
+     * `(group: GroupItem) => React.ReactNode`
+     * @since 10.19.0
+     */
+    optGroupRenderer?: (option: GroupItem) => React.ReactNode;
+}
+export interface OptionRendererProps extends NavigationProps, Required<Pick<GroupSelectProps, 'getId' | 'getLabel'>> {
+    /**
+     * @since 10.19.0
+     */
+    value: Option;
+    /**
+     * @since 10.19.0
+     */
+    selected?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+}
+export interface GroupSelectConfig {
+    /**
+     * @since 10.19.0
+     */
+    value: Option[];
+    /**
+     * @since 10.19.0
+     */
+    options: Option[];
+    /**
+     * @since 10.19.0
+     */
+    groups: GroupOption[];
+    /**
+     * @since 10.19.0
+     */
+    getId: (option: Option | GroupOption) => number | string;
+    /**
+     * @since 10.19.0
+     */
+    getLabel: (option: Option | GroupOption) => string;
+    /**
+     * @since 10.19.0
+     */
+    getGroup: (option: Option | GroupOption) => Option[];
+    /**
+     * @since 10.19.0
+     */
+    onChange: (value: Option[]) => void;
+    /**
+     * @since 10.19.0
+     */
+    onSearch?: (e: ChangeEvent) => void;
+}

package/dist/esm/components/GroupSelect/GroupSelect.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=GroupSelect.types.js.map

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

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

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

@@ -0,0 +1,2 @@
+export { GroupSelect as default, GroupSelect } from './GroupSelect';
+export { GroupSelectProps } from './GroupSelect.types';

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

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

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

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

package/dist/esm/components/GroupSelect/mocks/groupSelectMockData.d.ts

@@ -0,0 +1,18 @@
+export interface GroupSelectOption {
+    id: number;
+    label: string;
+    groupId?: string | number;
+}
+export interface GroupSelectGroupOption {
+    id: number;
+    label: string;
+    options: GroupSelectOption[];
+    groupId?: string | number;
+}
+export interface GroupSelectOptGroupOption {
+    id: string;
+    label: string;
+}
+export declare const fakeOptions: GroupSelectOption[];
+export declare const fakeGroups: GroupSelectGroupOption[];
+export declare const fakeOptGroups: GroupSelectOptGroupOption[];

package/dist/esm/components/GroupSelect/mocks/groupSelectMockData.js

@@ -0,0 +1,158 @@
+export var fakeOptions = [
+    {
+        id: 5139977,
+        label: 'Cat',
+        groupId: '2',
+    },
+    {
+        id: 1037291,
+        label: 'Dog',
+        groupId: '2',
+    },
+    {
+        id: 3733119,
+        label: 'Parrot',
+        groupId: '2',
+    },
+    {
+        id: 1279548,
+        label: 'Cow',
+        groupId: '2',
+    },
+    {
+        id: 5136274,
+        label: 'Lion',
+        groupId: '2',
+    },
+    {
+        id: 1360365,
+        label: 'Wolf',
+        groupId: '2',
+    },
+    {
+        id: 2142072,
+        label: 'Pig',
+        groupId: '2',
+    },
+    {
+        id: 4177019,
+        label: 'Giraffe',
+        groupId: '2',
+    },
+    {
+        id: 1819065,
+        label: 'Owl',
+        groupId: '2',
+    },
+    {
+        id: 3116635,
+        label: 'Crocodile',
+        groupId: '2',
+    },
+    {
+        id: 1987946,
+        label: 'Elephant',
+        groupId: '2',
+    },
+    {
+        id: 1690,
+        label: 'Duck',
+        groupId: '2',
+    },
+    {
+        id: 10338,
+        label: 'Frog',
+        groupId: '2',
+    },
+    {
+        id: 1665038,
+        label: 'Fox',
+        groupId: '2',
+    },
+];
+export var fakeGroups = [
+    {
+        id: 180604,
+        label: 'Group #1',
+        options: [
+            {
+                id: 5139977,
+                label: 'Cat',
+                groupId: '2',
+            },
+            {
+                id: 1037291,
+                label: 'Dog',
+                groupId: '2',
+            },
+            {
+                id: 1279548,
+                label: 'Cow',
+                groupId: '2',
+            },
+            {
+                id: 1690,
+                label: 'Duck',
+                groupId: '2',
+            },
+        ],
+        groupId: '1',
+    },
+    {
+        id: 187138,
+        label: 'Group #2',
+        options: [
+            {
+                id: 1665038,
+                label: 'Fox',
+                groupId: '2',
+            },
+            {
+                id: 10338,
+                label: 'Frog',
+                groupId: '2',
+            },
+        ],
+        groupId: '1',
+    },
+    {
+        id: 127496,
+        label: 'Group #3',
+        options: [
+            {
+                id: 1987946,
+                label: 'Elephant',
+                groupId: '2',
+            },
+            {
+                id: 1819065,
+                label: 'Owl',
+                groupId: '2',
+            },
+        ],
+        groupId: '1',
+    },
+    {
+        id: 126261,
+        label: 'Group #4',
+        options: [
+            {
+                id: 3116635,
+                label: 'Crocodile',
+                groupId: '2',
+            },
+        ],
+        groupId: '1',
+    },
+];
+export var fakeOptGroups = [
+    {
+        id: '1',
+        label: 'Distribution Group',
+    },
+    {
+        id: '2',
+        label: 'Animals',
+    },
+];
+//# sourceMappingURL=groupSelectMockData.js.map

package/dist/esm/components/GroupSelect/mocks/groupSelectMockData.js.map

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

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { SpanAttributes } from '../../utils/types';
+import { IconProps } from './Icon.types';
+/**
+ * @deprecated The `Icon` component has been deprecated and will be removed in a future version.
+ *
+ * We recommend using the React components directly from the `@procore/core-icons/dist` package.
+ *
+ * These new icons can be tree-shaked and are sourced directly from Figma.
+ *
+ * `import { ChevronRight } from '@procore/core-icons/dist'`
+ *
+ * `() => <Button icon={<ChevronRight />} />`
+ *
+ * * In addition to this, components that accept an `icon` prop as a string now accept a `ReactNode` too,
+ * and the string APIs have been deprecated.
+ *
+ *  @see [Storybook](https://procore.github.io/core/latest/?path=/story/coverage-icon--icon-list)
+ */
+export declare const Icon: React.ForwardRefExoticComponent<SpanAttributes & IconProps & React.RefAttributes<HTMLSpanElement>>;
+export default Icon;

package/dist/esm/components/Icon/Icon.js

@@ -0,0 +1,68 @@
+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 styles from '@procore/core-css/src/components/_icon.scss';
+import React from 'react';
+var classnames = require('classnames/bind');
+var coreIcons = require('@procore/core-icons/dist/paths.json');
+var cx = classnames.bind(styles);
+var sizes = {
+    inherit: 'inherit',
+    sm: '16px',
+    md: '24px',
+    lg: '26px',
+};
+function SVGIcon(_a) {
+    var _b = _a.path, path = _b === void 0 ? '' : _b, _c = _a.fill, fill = _c === void 0 ? 'currentColor' : _c, _d = _a.size, size = _d === void 0 ? 'sm' : _d;
+    var dimensions = sizes[size] || size;
+    return (React.createElement("svg", { focusable: "false", height: dimensions, width: dimensions, viewBox: "0 0 1024 1024" },
+        React.createElement("path", { d: path, fill: fill })));
+}
+/**
+ * @deprecated The `Icon` component has been deprecated and will be removed in a future version.
+ *
+ * We recommend using the React components directly from the `@procore/core-icons/dist` package.
+ *
+ * These new icons can be tree-shaked and are sourced directly from Figma.
+ *
+ * `import { ChevronRight } from '@procore/core-icons/dist'`
+ *
+ * `() => <Button icon={<ChevronRight />} />`
+ *
+ * * In addition to this, components that accept an `icon` prop as a string now accept a `ReactNode` too,
+ * and the string APIs have been deprecated.
+ *
+ *  @see [Storybook](https://procore.github.io/core/latest/?path=/story/coverage-icon--icon-list)
+ */
+export var Icon = React.forwardRef(function Icon(_a, ref) {
+    var _b;
+    var className = _a.className, _c = _a.clickable, clickable = _c === void 0 ? false : _c, icon = _a.icon, _d = _a.size, size = _d === void 0 ? 'sm' : _d, _e = _a.variant, variant = _e === void 0 ? '' : _e, props = __rest(_a, ["className", "clickable", "icon", "size", "variant"]);
+    return (React.createElement("span", __assign({ ref: ref, className: cx('icon', (_b = {
+                'icon--clickable': clickable
+            },
+            _b["icon--".concat(variant)] = variant,
+            _b), className), "data-jss-placeholder": "icon" }, props),
+        React.createElement(SVGIcon, { path: coreIcons[icon], size: size })));
+});
+Icon.displayName = 'Icon';
+export default Icon;
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,MAAM,MAAM,6CAA6C,CAAA;AAChE,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,IAAM,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAA;AAE7C,IAAM,SAAS,GAAG,OAAO,CAAC,qCAAqC,CAAC,CAAA;AAEhE,IAAM,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AAElC,IAAM,KAAK,GAAgC;IACzC,OAAO,EAAE,SAAS;IAClB,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;CACX,CAAA;AAED,SAAS,OAAO,CAAC,EAIF;QAHb,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,YAAqB,EAArB,IAAI,mBAAG,cAAc,KAAA,EACrB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA;IAEX,IAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,CAAA;IAEtC,OAAO,CACL,6BACE,SAAS,EAAC,OAAO,EACjB,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAC,eAAe;QAEvB,8BAAM,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CACzB,CACP,CAAA;AACH,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAGlC,SAAS,IAAI,CACb,EAA2E,EAC3E,GAAG;;IADD,IAAA,SAAS,eAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAE,IAAI,UAAA,EAAE,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAK,KAAK,cAAzE,qDAA2E,CAAF;IAGzE,OAAO,CACL,uCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,MAAM;gBAEJ,iBAAiB,EAAE,SAAS;;YAC5B,GAAC,gBAAS,OAAO,CAAE,IAAG,OAAO;iBAE/B,SAAS,CACV,0BACoB,MAAM,IACvB,KAAK;QAET,oBAAC,OAAO,IAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,CACzC,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,eAAe,IAAI,CAAA"}