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

package/dist/Grid/Grid.types.d.ts

@@ -0,0 +1,79 @@
+import { Spacing } from '../_styles/spacing';
+import { DivAttributes } from '../_utils/types';
+declare type GridSpacing = Spacing | Partial<SpacingByBreakpoint>;
+export interface GridProps extends DivAttributes {
+    /**
+     * If given a spacing string value (e.g. "sm" or "none"), sets horizontal
+     * column spacing across all breakpoints.
+     *
+     * If given an object, sets horizontal column spacing for given breakpoints
+     * (keys in configuration object, e.g. {"tabletMd": "xs", "mobileLg": "none"}).
+     * @since 10.19.0
+     */
+    gutterX?: GridSpacing;
+    /**
+     * If given a spacing string value (e.g. "sm" or "none"), sets vertical
+     * column spacing across all breakpoints. Vertical spacing is only displayed
+     * when the columns are stacked (typically, on smaller breakpoints or
+     * as defined by "colStackCap").
+     *
+     * If given an object, sets vertical column spacing for given breakpoints
+     * (keys in configuration object, e.g. {"tabletMd": "xs", "mobileLg": "none"}).
+     * @since 10.19.0
+     */
+    gutterY?: GridSpacing;
+    /**
+     * Sets a breakpoing at which columns will start stacking on top of each other.
+     * E.g. if set to "tabletMd" - columns will stack on "tabletMd", "tabletSm"
+     * and "mobileLg" breakpoints.
+     * @since 10.19.0
+     */
+    colStackCap?: GridBreakpoint;
+}
+export interface GridContextShape {
+    /**
+     * @since 10.19.0
+     */
+    gutterX: GridSpacing;
+    /**
+     * @since 10.19.0
+     */
+    gutterY: GridSpacing;
+    /**
+     * @since 10.19.0
+     */
+    colStackCap: GridBreakpoint;
+}
+export interface GridRowProps extends DivAttributes {
+}
+export declare type GridColSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare type SpanByBreakpoint = Record<GridBreakpoint, GridColSpan>;
+export declare type GutterByBreakpoint = Record<GridBreakpoint, Spacing>;
+export declare type OffsetByBreakpoint = Record<GridBreakpoint, number>;
+export declare type SpacingByBreakpoint = Record<GridBreakpoint, Spacing>;
+export interface GridColProps extends DivAttributes {
+    /**
+     * @defaultValue auto
+     * If given a number value between 1 and 12, sets column width across all
+     * breakpoints.
+     *
+     * If given an object, sets column widths for given breakpoints
+     * (keys in configuration object, e.g. {"tabletMd": 10, "mobileLg": 5}).
+     *
+     * If set to "auto", the column will take all the available space
+     * @since 10.19.0
+     */
+    colWidth?: number | Partial<SpanByBreakpoint> | 'auto';
+    /**
+     * If given a number value between 1 and 12, sets start positions across all
+     * breakpoints.
+     * @since 10.19.0
+     *
+     * If given an object, sets start positions for given breakpoints
+     * (keys in configuration object, e.g. {"tabletMd": 10, "mobileLg": 5}).
+     * @since 10.19.0
+     */
+    colStart?: number | Partial<OffsetByBreakpoint>;
+}
+export declare type GridBreakpoint = 'mobileLg' | 'tabletSm' | 'tabletMd' | 'tabletLg' | 'desktopSm' | 'desktopMd';
+export {};

package/dist/Grid/Grid.types.js

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

package/dist/Grid/Grid.types.js.map

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

package/dist/Grid/Grid.utils.js

@@ -0,0 +1,11 @@
+export var overrideIfNotDefined = function (blueprint, obj) {
+    var result = {};
+    Object.entries(blueprint).forEach(function (_a) {
+        var _b;
+        var key = _a[0], value = _a[1];
+        var key_ = key;
+        result[key_] = (_b = obj[key_]) !== null && _b !== void 0 ? _b : value;
+    });
+    return result;
+};
+//# sourceMappingURL=Grid.utils.js.map

package/dist/Grid/Grid.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.utils.js","sourceRoot":"","sources":["../../src/Grid/Grid.utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAI,SAAY,EAAE,GAAe;IACnE,IAAM,MAAM,GAAG,EAAO,CAAA;IAEtB,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,UAAC,EAAY;;YAAX,GAAG,QAAA,EAAE,KAAK,QAAA;QAC5C,IAAM,IAAI,GAAG,GAAc,CAAA;QAC3B,MAAM,CAAC,IAAI,CAAC,GAAG,MAAA,GAAG,CAAC,IAAI,CAAC,mCAAI,KAAK,CAAA;IACnC,CAAC,CAAC,CAAA;IAEF,OAAO,MAAM,CAAA;AACf,CAAC,CAAA"}

package/dist/Grid/index.d.ts

@@ -0,0 +1,2 @@
+export { Grid } from './Grid';
+export { GridColProps, GridRowProps, GridProps } from './Grid.types';

package/dist/Grid/index.js

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

package/dist/Grid/index.js.map

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

package/dist/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 { UNSAFE_Menu as 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/GroupSelect/GroupSelect.js.map

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

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

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

package/dist/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/GroupSelect/GroupSelect.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupSelect.styles.js","sourceRoot":"","sources":["../../src/GroupSelect/GroupSelect.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,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/GroupSelect/GroupSelect.types.d.ts

@@ -0,0 +1,126 @@
+import React from 'react';
+import { MenuNavigationProps } from '../Menu';
+import { MultiSelectProps } from '../MultiSelect';
+import { GroupItem } from '../MultiSelect/MultiSelect.types';
+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 MenuNavigationProps, 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/GroupSelect/GroupSelect.types.js.map

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

package/dist/GroupSelect/index.d.ts

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

package/dist/GroupSelect/index.js

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

package/dist/GroupSelect/index.js.map

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

package/dist/Input/Input.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { InputAttributes } from '../_utils/types';
+import { InputProps } from './Input.types';
+/**
+  @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-input--demo)
+*/
+export declare const Input: React.ForwardRefExoticComponent<InputAttributes & InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/Input/Input.js

@@ -0,0 +1,33 @@
+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 { StyledInput } from './Input.styles';
+/**
+  @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-input--demo)
+*/
+export var Input = React.forwardRef(function Input(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return React.createElement(StyledInput, __assign({}, props, { ref: ref }));
+});
+Input.displayName = 'Input';
+//# sourceMappingURL=Input.js.map

package/dist/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C;;EAEE;AACF,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAGnC,SAAS,KAAK,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACnC,OAAO,oBAAC,WAAW,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;AAC7C,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}

package/dist/Input/Input.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 { borderRadius } from '../_styles/borderRadius';
+import { colors } from '../_styles/colors';
+import { getFocus } from '../_styles/mixins';
+import { spacing } from '../_styles/spacing';
+import { getTypographyIntent } from '../Typography/Typography.styles';
+export var dataQa = {
+    focused: 'core-input-focused',
+    hovered: 'core-input-hovered',
+};
+var inputHeight = 36;
+export function getInputStyles(_a) {
+    var error = _a.error, variant = _a.variant;
+    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", "\n\n    background-color: ", ";\n    border-color: ", ";\n    border-radius: ", "px;\n    border-style: solid;\n    border-width: 1px;\n    color: ", ";\n    display: block;\n    font-family: inherit;\n    height: ", "px;\n    width: 100%;\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    /* Firefox 19+ */\n    &::-moz-placeholder {\n      color: ", ";\n      opacity: 1;\n    }\n\n    ", "\n\n    &:focus,\n    &[data-qa=", "] {\n      ", "\n    }\n\n    &:disabled {\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n      // Safari: fixes lighter color of disabled input text\n      -webkit-text-fill-color: ", ";\n      opacity: 1;\n    }\n\n    ", "\n  "], ["\n    ", "\n\n    background-color: ", ";\n    border-color: ", ";\n    border-radius: ", "px;\n    border-style: solid;\n    border-width: 1px;\n    color: ", ";\n    display: block;\n    font-family: inherit;\n    height: ", "px;\n    width: 100%;\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    /* Firefox 19+ */\n    &::-moz-placeholder {\n      color: ", ";\n      opacity: 1;\n    }\n\n    ", "\n\n    &:focus,\n    &[data-qa=", "] {\n      ", "\n    }\n\n    &:disabled {\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n      // Safari: fixes lighter color of disabled input text\n      -webkit-text-fill-color: ", ";\n      opacity: 1;\n    }\n\n    ", "\n  "])), getTypographyIntent('body'), colors.white, colors.gray70, borderRadius.md, colors.gray15, inputHeight, colors.gray45, colors.gray45, !error && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      &:hover,\n      &[data-qa=", "] {\n        border-color: ", ";\n      }\n    "], ["\n      &:hover,\n      &[data-qa=", "] {\n        border-color: ", ";\n      }\n    "])), dataQa.hovered, colors.gray45), dataQa.focused, getFocus(), colors.gray94, colors.gray70, colors.gray45, colors.gray45, (error || variant === 'error') && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      border-color: ", ";\n      background-color: ", ";\n\n      // TODO we can clean up these css vars when we convert Form to JSS\n      border-color: var(--core-input-error-border-color, ", ");\n      background-color: var(\n        --core-input-error-background-color,\n        ", "\n      );\n    "], ["\n      border-color: ", ";\n      background-color: ", ";\n\n      // TODO we can clean up these css vars when we convert Form to JSS\n      border-color: var(--core-input-error-border-color, ", ");\n      background-color: var(\n        --core-input-error-background-color,\n        ", "\n      );\n    "])), colors.red50, colors.white, colors.red50, colors.white));
+}
+export var StyledInput = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n\n  padding: 0 ", "px;\n\n  &::-ms-clear {\n    display: none;\n  }\n\n  &[type='number'] {\n    -moz-appearance: textfield;\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n  }\n"], ["\n  ", "\n\n  padding: 0 ", "px;\n\n  &::-ms-clear {\n    display: none;\n  }\n\n  &[type='number'] {\n    -moz-appearance: textfield;\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n  }\n"])), getInputStyles, spacing.md);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=Input.styles.js.map

package/dist/Input/Input.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.styles.js","sourceRoot":"","sources":["../../src/Input/Input.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAErE,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,OAAO,EAAE,oBAAoB;IAC7B,OAAO,EAAE,oBAAoB;CAC9B,CAAA;AAED,IAAM,WAAW,GAAG,EAAE,CAAA;AAEtB,MAAM,UAAU,cAAc,CAAC,EAM9B;QALC,KAAK,WAAA,EACL,OAAO,aAAA;IAKP,OAAO,GAAG,wwBAAA,QACN,EAA2B,4BAET,EAAY,uBAChB,EAAa,wBACZ,EAAe,oEAGvB,EAAa,iEAGZ,EAAW,8DAIV,EAAa,6EAKb,EAAa,qCAItB,EAMD,kCAGW,EAAc,aACtB,EAAU,uDAIQ,EAAa,yBACjB,EAAa,kBACpB,EAAa,iGAEK,EAAa,qCAIxC,EAWD,MACF,KAzDG,mBAAmB,CAAC,MAAM,CAAC,EAET,MAAM,CAAC,KAAK,EAChB,MAAM,CAAC,MAAM,EACZ,YAAY,CAAC,EAAE,EAGvB,MAAM,CAAC,MAAM,EAGZ,WAAW,EAIV,MAAM,CAAC,MAAM,EAKb,MAAM,CAAC,MAAM,EAItB,CAAC,KAAK,IACR,GAAG,0JAAA,oCAEW,EAAc,6BACR,EAAa,kBAEhC,KAHa,MAAM,CAAC,OAAO,EACR,MAAM,CAAC,MAAM,CAEhC,EAGW,MAAM,CAAC,OAAO,EACtB,QAAQ,EAAE,EAIQ,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,MAAM,EAEK,MAAM,CAAC,MAAM,EAIxC,CAAC,KAAK,IAAI,OAAO,KAAK,OAAO,CAAC,IAChC,GAAG,sXAAA,wBACe,EAAY,6BACR,EAAY,0IAGqB,EAAY,0FAG7D,EAAY,kBAEjB,KATiB,MAAM,CAAC,KAAK,EACR,MAAM,CAAC,KAAK,EAGqB,MAAM,CAAC,KAAK,EAG7D,MAAM,CAAC,KAAK,CAEjB,EACF;AACH,CAAC;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,qVAAA,MACnC,EAAc,mBAEH,EAAU,qPAexB,KAjBG,cAAc,EAEH,OAAO,CAAC,EAAE,CAexB,CAAA"}

package/dist/Input/Input.types.d.ts

@@ -0,0 +1,14 @@
+import { InputAttributes } from '../_utils/types';
+export interface InputProps extends InputAttributes {
+    /**
+     * Controls the error state of the `Input`, changing the
+     * background color and border colors to red
+     * @since 10.19.0
+     */
+    error?: boolean;
+    /**
+     * @deprecated Use the `error` prop instead
+     * @since 10.19.0
+     */
+    variant?: 'error' | '';
+}

package/dist/Input/Input.types.js.map

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

package/dist/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { Input } from './Input';
+export { InputProps } from './Input.types';

package/dist/Input/index.js

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

package/dist/Input/index.js.map

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

package/dist/Link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,UAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACnB,OAAO,CACL,oBAAC,UAAU,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,KAC5B,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}

package/dist/Link/Link.styles.js

@@ -0,0 +1,23 @@
+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 { getBorderRadius } from '../_styles/borderRadius';
+import { colors } from '../_styles/colors';
+import { focusable } from '../_styles/mixins';
+function getLinkColors(_a) {
+    var _b = _a.variant, variant = _b === void 0 ? 'default' : _b;
+    switch (variant) {
+        case 'gray':
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      "], ["\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      "])), colors.gray30, colors.orange50);
+        case 'white':
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      "], ["\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      "])), colors.white, colors.white);
+        case 'default':
+        default:
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      "], ["\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      "])), colors.blue45, colors.blue30);
+    }
+}
+export var StyledLink = styled.a(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  text-decoration: underline;\n\n  &:hover {\n    cursor: pointer;\n    text-decoration: underline;\n  }\n\n  ", "\n\n  // the focusable mixin applies the class and pseudo selector\n  &.focus,\n  &:focus {\n    ", ";\n  }\n\n  ", "\n"], ["\n  text-decoration: underline;\n\n  &:hover {\n    cursor: pointer;\n    text-decoration: underline;\n  }\n\n  ", "\n\n  // the focusable mixin applies the class and pseudo selector\n  &.focus,\n  &:focus {\n    ", ";\n  }\n\n  ", "\n"])), focusable, getBorderRadius('md'), getLinkColors);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=Link.styles.js.map

package/dist/Link/Link.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.styles.js","sourceRoot":"","sources":["../../src/Link/Link.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAG7C,SAAS,aAAa,CAAC,EAAuB;QAArB,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA;IAC1C,QAAQ,OAAO,EAAE;QACf,KAAK,MAAM;YACT,OAAO,GAAG,2JAAA,mBACC,EAAa,2CAGX,EAAe,sBAE3B,KALU,MAAM,CAAC,MAAM,EAGX,MAAM,CAAC,QAAQ,EAE3B;QACH,KAAK,OAAO;YACV,OAAO,GAAG,2JAAA,mBACC,EAAY,2CAGV,EAAY,sBAExB,KALU,MAAM,CAAC,KAAK,EAGV,MAAM,CAAC,KAAK,EAExB;QACH,KAAK,SAAS,CAAC;QACf;YACE,OAAO,GAAG,2JAAA,mBACC,EAAa,2CAGX,EAAa,sBAEzB,KALU,MAAM,CAAC,MAAM,EAGX,MAAM,CAAC,MAAM,EAEzB;KACJ;AACH,CAAC;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,CAAC,gTAAW,kHAQzC,EAAS,mGAKP,EAAqB,cAGvB,EAAa,IAChB,KATG,SAAS,EAKP,eAAe,CAAC,IAAI,CAAC,EAGvB,aAAa,CAChB,CAAA"}