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

package/dist/Box/Box.types.d.ts

@@ -0,0 +1,233 @@
+import { Props, Size } from '../_utils/types';
+/**
+ * @deprecated
+ *
+ * These display modes are no longer valid, please use `direction` prop
+ *
+ * @deprecatedSince 10.20.0
+ */
+export declare type DeprecatedDisplay = 'flex-column-reverse' | 'flex-column' | 'flex-inline-column-reverse' | 'flex-inline-column' | 'flex-inline-row-reverse' | 'flex-inline-row' | 'flex-row-reverse' | 'flex-row';
+export declare type Display = DeprecatedDisplay | 'block' | 'flex' | 'inline' | 'inline-block' | 'inline-flex';
+export declare type FlexAlign = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'normal' | 'stretch';
+export declare type FlexDirection = 'column' | 'column-reverse' | 'row' | 'row-reverse';
+export declare type FlexJustify = 'center' | 'flex-end' | 'flex-start' | 'normal' | 'space-around' | 'space-between' | 'space-evenly';
+export declare type FlexAlignContent = FlexJustify | 'stretch';
+export declare type FlexWrap = 'nowrap' | 'wrap-reverse' | 'wrap';
+export declare type TextAlign = 'center' | 'left' | 'right';
+export declare type MarginSize = Extract<Size, 'auto' | 'none' | 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>;
+export declare type PaddingSize = Extract<Size, 'none' | 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>;
+export declare type BoxSize = MarginSize | PaddingSize | undefined;
+export interface MarginOptions {
+    /**
+     * @since 10.19.0
+     */
+    margin?: MarginSize | string;
+    /**
+     * @since 10.19.0
+     */
+    marginBottom?: MarginSize;
+    /**
+     * @since 10.19.0
+     */
+    marginLeft?: MarginSize;
+    /**
+     * @since 10.19.0
+     */
+    marginRight?: MarginSize;
+    /**
+     * @since 10.19.0
+     */
+    marginTop?: MarginSize;
+}
+export interface PaddingOptions {
+    /**
+     * @since 10.19.0
+     */
+    padding?: PaddingSize | string;
+    /**
+     * @since 10.19.0
+     */
+    paddingBottom?: PaddingSize;
+    /**
+     * @since 10.19.0
+     */
+    paddingLeft?: PaddingSize;
+    /**
+     * @since 10.19.0
+     */
+    paddingRight?: PaddingSize;
+    /**
+     * @since 10.19.0
+     */
+    paddingTop?: PaddingSize;
+}
+export interface FlexOptions {
+    /**
+     * @since 10.19.0
+     */
+    alignContent?: FlexAlignContent;
+    /**
+     * @since 10.19.0
+     */
+    alignItems?: FlexAlign;
+    /**
+     * @since 10.19.0
+     */
+    alignSelf?: FlexAlign;
+    /**
+     * @since 10.19.0
+     */
+    justifyContent?: FlexJustify;
+}
+export interface BoxProps extends Props, FlexOptions, MarginOptions, PaddingOptions {
+    /**
+     * Render semantic HTML tags with browser reset and normalize CSS
+     * @since 10.19.0
+     */
+    as?: 'ul' | 'ol' | 'li';
+    /**
+     * @since 10.19.0
+     */
+    display?: Display;
+    /**
+     * Alias to the `flex` property on a flexbox child.
+     * @since 10.19.0
+     */
+    flex?: string | number;
+    /**
+     * Alias to the `basis` property on a flexbox child.
+     * @since 10.19.0
+     */
+    flexBasis?: string | number;
+    /**
+     * Alias to the `direction` property on a flexbox child.
+     * @since 10.19.0
+     */
+    flexDirection?: FlexDirection;
+    /**
+     * Alias to the `grow` property on a flexbox child.
+     * @since 10.19.0
+     */
+    flexGrow?: string | number;
+    /**
+     * Alias to the `shrink` property on a flexbox child.
+     * @since 10.19.0
+     */
+    flexShrink?: string | number;
+    /**
+     * Alias to the `wrap` property on a flexbox child.
+     * @since 10.19.0
+     */
+    flexWrap?: FlexWrap;
+    /**
+     * Alias to the `order` property on a flexbox child.
+     * @since 10.19.0
+     */
+    order?: number;
+    /**
+     * @since 10.19.0
+     */
+    tabIndex?: number;
+    /**
+     * @since 10.19.0
+     */
+    textAlign?: TextAlign;
+}
+export interface $BoxProps {
+    /**
+     * @since 10.19.0
+     */
+    $as?: BoxProps['as'];
+    /**
+     * @since 10.19.0
+     */
+    $alignContent?: BoxProps['alignContent'];
+    /**
+     * @since 10.19.0
+     */
+    $alignItems?: BoxProps['alignItems'];
+    /**
+     * @since 10.19.0
+     */
+    $alignSelf?: BoxProps['alignSelf'];
+    /**
+     * @since 10.19.0
+     */
+    $display?: BoxProps['display'];
+    /**
+     * @since 10.19.0
+     */
+    $flex?: BoxProps['flex'];
+    /**
+     * @since 10.19.0
+     */
+    $flexBasis?: BoxProps['flexBasis'];
+    /**
+     * @since 10.19.0
+     */
+    $flexDirection?: BoxProps['flexDirection'];
+    /**
+     * @since 10.19.0
+     */
+    $flexGrow?: BoxProps['flexGrow'];
+    /**
+     * @since 10.19.0
+     */
+    $flexShrink?: BoxProps['flexShrink'];
+    /**
+     * @since 10.19.0
+     */
+    $flexWrap?: BoxProps['flexWrap'];
+    /**
+     * @since 10.19.0
+     */
+    $justifyContent?: BoxProps['justifyContent'];
+    /**
+     * @since 10.19.0
+     */
+    $margin?: BoxProps['margin'];
+    /**
+     * @since 10.19.0
+     */
+    $marginBottom?: BoxProps['marginBottom'];
+    /**
+     * @since 10.19.0
+     */
+    $marginLeft?: BoxProps['marginLeft'];
+    /**
+     * @since 10.19.0
+     */
+    $marginRight?: BoxProps['marginRight'];
+    /**
+     * @since 10.19.0
+     */
+    $marginTop?: BoxProps['marginTop'];
+    /**
+     * @since 10.19.0
+     */
+    $order?: BoxProps['order'];
+    /**
+     * @since 10.19.0
+     */
+    $padding?: BoxProps['padding'];
+    /**
+     * @since 10.19.0
+     */
+    $paddingBottom?: BoxProps['paddingBottom'];
+    /**
+     * @since 10.19.0
+     */
+    $paddingLeft?: BoxProps['paddingLeft'];
+    /**
+     * @since 10.19.0
+     */
+    $paddingRight?: BoxProps['paddingRight'];
+    /**
+     * @since 10.19.0
+     */
+    $paddingTop?: BoxProps['paddingTop'];
+    /**
+     * @since 10.19.0
+     */
+    $textAlign?: BoxProps['textAlign'];
+}

package/dist/Box/Box.types.js.map

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

package/dist/Box/index.d.ts

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

package/dist/Box/index.js

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

package/dist/Box/index.js.map

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

package/dist/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DivAttributes } from '../_utils/types';
+import { BreadcrumbCrumbProps, BreadcrumbProps } from './Breadcrumbs.types';
+export declare const Crumb: React.ForwardRefExoticComponent<DivAttributes & BreadcrumbCrumbProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<DivAttributes & BreadcrumbProps & React.RefAttributes<HTMLElement>> & {
+    Crumb: React.ForwardRefExoticComponent<DivAttributes & BreadcrumbCrumbProps & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,57 @@
+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 { ChevronRight } from '@procore/core-icons/dist';
+import React from 'react';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { StyledContainer, StyledCrumb, StyledSeparator, } from './Breadcrumbs.styles';
+/**
+
+ We use breadcrumbs to provide navigational information to the user on every
+ tool’s child page in Procore.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-breadcrumb--demo)
+
+ @see [Design Guidelines](https://design.procore.com/breadcrumb)
+
+ */
+var Breadcrumbs_ = React.forwardRef(function Breadcrumbs(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledContainer, __assign({}, props, { ref: ref }), React.Children.toArray(children)
+        .filter(function (child) { return child; })
+        .map(function (child, i) { return (React.createElement(React.Fragment, { key: "separator-".concat(i) },
+        i > 0 && (React.createElement(StyledSeparator, null,
+            React.createElement(ChevronRight, null))),
+        child)); })));
+});
+export var Crumb = React.forwardRef(function Crumb(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledCrumb, __assign({}, props, { ref: ref }), children));
+});
+Breadcrumbs_.displayName = 'Breadcrumbs';
+Crumb.displayName = 'Breadcrumbs.Crumb';
+export var Breadcrumbs = addSubcomponents({
+    Crumb: Crumb,
+}, Breadcrumbs_);
+//# sourceMappingURL=Breadcrumbs.js.map

package/dist/Breadcrumbs/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,OAAO,EACL,eAAe,EACf,WAAW,EACX,eAAe,GAChB,MAAM,sBAAsB,CAAA;AAG7B;;;;;;;;;;;GAWG;AACH,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,SAAS,WAAW,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACzC,OAAO,CACL,oBAAC,eAAe,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,KACjC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;SAC9B,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,EAAL,CAAK,CAAC;SACxB,GAAG,CAAC,UAAC,KAAK,EAAE,CAAC,IAAK,OAAA,CACjB,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,oBAAa,CAAC,CAAE;QAClC,CAAC,GAAG,CAAC,IAAI,CACR,oBAAC,eAAe;YACd,oBAAC,YAAY,OAAG,CACA,CACnB;QACA,KAAK,CACS,CAClB,EATkB,CASlB,CAAC,CACY,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,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,CACL,oBAAC,WAAW,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,KAC7B,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,YAAY,CAAC,WAAW,GAAG,aAAa,CAAA;AAExC,KAAK,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEvC,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CACzC;IACE,KAAK,OAAA;CACN,EACD,YAAY,CACb,CAAA"}

package/dist/Breadcrumbs/Breadcrumbs.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 { colors } from '../_styles/colors';
+import { spacing } from '../_styles/spacing';
+import { getTypographyIntent, typographyWeights, } from '../Typography/Typography.styles';
+export var StyledContainer = styled.nav(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n\n  a,\n  a:hover {\n    display: inline-flex;\n    text-decoration: none;\n  }\n"], ["\n  color: ", ";\n  display: flex;\n  align-items: center;\n\n  a,\n  a:hover {\n    display: inline-flex;\n    text-decoration: none;\n  }\n"])), colors.gray50);
+export var StyledSeparator = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  display: inline-flex;\n  justify-content: center;\n  margin: 0px ", "px;\n"], ["\n  align-items: center;\n  display: inline-flex;\n  justify-content: center;\n  margin: 0px ", "px;\n"])), spacing.xs);
+export var StyledCrumb = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n\n  align-items:center;\n  color: ", ";\n  display: inline-flex;\n  min-height: 24px;\n  text-decoration: none;\n\n  &:hover {\n    cursor: ", ";\n    text-decoration: ", ";\n  }\n\n  ", "\n"], ["\n  ", "\n\n  align-items:center;\n  color: ", ";\n  display: inline-flex;\n  min-height: 24px;\n  text-decoration: none;\n\n  &:hover {\n    cursor: ", ";\n    text-decoration: ", ";\n  }\n\n  ", "\n"])), getTypographyIntent('body'), colors.gray45, function (_a) {
+    var active = _a.active;
+    return (active ? 'default' : 'pointer');
+}, function (_a) {
+    var active = _a.active;
+    return (active ? 'none' : 'underline');
+}, function (_a) {
+    var active = _a.active;
+    return active && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      color: ", ";\n      font-weight: ", ";\n    "], ["\n      color: ", ";\n      font-weight: ", ";\n    "])), colors.gray15, typographyWeights.semibold);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=Breadcrumbs.styles.js.map

package/dist/Breadcrumbs/Breadcrumbs.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.styles.js","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.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,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EACL,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,iCAAiC,CAAA;AAGxC,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,kNAAA,aAC9B,EAAa,gIASvB,KATU,MAAM,CAAC,MAAM,CASvB,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,2KAAA,+FAIzB,EAAU,OACzB,KADe,OAAO,CAAC,EAAE,CACzB,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,6QAAsB,MACvD,EAA2B,sCAGpB,EAAa,wGAMV,EAAgD,0BACvC,EAA+C,cAGlE,EAKC,IACJ,KAnBG,mBAAmB,CAAC,MAAM,CAAC,EAGpB,MAAM,CAAC,MAAM,EAMV,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAAhC,CAAgC,EACvC,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC;AAA/B,CAA+B,EAGlE,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM,IACN,GAAG,yHAAA,iBACQ,EAAa,wBACP,EAA0B,SAC1C,KAFU,MAAM,CAAC,MAAM,EACP,iBAAiB,CAAC,QAAQ,CAC1C;AAJD,CAIC,CACJ,CAAA"}

package/dist/Breadcrumbs/Breadcrumbs.types.d.ts

@@ -0,0 +1,9 @@
+import { Props } from '../_utils/types';
+export interface BreadcrumbProps extends Props {
+}
+export interface BreadcrumbCrumbProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    active?: boolean;
+}

package/dist/Breadcrumbs/Breadcrumbs.types.js.map

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

package/dist/Breadcrumbs/index.d.ts

@@ -0,0 +1,2 @@
+export { Breadcrumbs } from './Breadcrumbs';
+export { BreadcrumbCrumbProps, BreadcrumbProps } from './Breadcrumbs.types';

package/dist/Breadcrumbs/index.js

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

package/dist/Breadcrumbs/index.js.map

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

package/dist/Button/Button.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ButtonProps, LinkButtonProps } from './Button.types';
+/**
+
+ We use buttons to link to other pages or to trigger an action.
+ Buttons clearly define what happens when a user clicks it.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-button--demo)
+
+ @see [Design Guidelines](https://design.procore.com/button)
+
+ */
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const LinkButton: React.ForwardRefExoticComponent<LinkButtonProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/Button/Button.js

@@ -0,0 +1,82 @@
+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 { useEventListener } from '../_hooks/EventListener';
+import { mergeRefs } from '../_utils/mergeRefs';
+import { StyledButton, StyledContent, StyledLabel, StyledLinkButton, StyledSpinner, } from './Button.styles';
+var ButtonContent = function (_a) {
+    var _b, _c;
+    var children = _a.children, icon = _a.icon, iconRight = _a.iconRight, size = _a.size, variant = _a.variant;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(StyledContent, null,
+            React.isValidElement(icon)
+                ? React.cloneElement(icon, (_b = {}, _b['data-icon-prop'] = 'true', _b))
+                : null,
+            React.Children.map(children, function (child) {
+                return React.createElement(StyledLabel, null, child);
+            }),
+            React.isValidElement(iconRight)
+                ? React.cloneElement(iconRight, (_c = {}, _c['data-icon-prop'] = 'true', _c))
+                : null),
+        React.createElement(StyledSpinner, { size: size === 'lg' ? 'md' : 'sm', color: variant === 'primary' ? 'white' : 'gray15' })));
+};
+/**
+
+ We use buttons to link to other pages or to trigger an action.
+ Buttons clearly define what happens when a user clicks it.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-button--demo)
+
+ @see [Design Guidelines](https://design.procore.com/button)
+
+ */
+export var Button = React.forwardRef(function Button(_a, ref) {
+    var _b = _a.block, block = _b === void 0 ? false : _b, children = _a.children, _c = _a.disabled, disabled = _c === void 0 ? false : _c, icon = _a.icon, iconRight = _a.iconRight, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 'md' : _e, _f = _a.type, type = _f === void 0 ? 'button' : _f, _g = _a.variant, variant = _g === void 0 ? 'primary' : _g, props = __rest(_a, ["block", "children", "disabled", "icon", "iconRight", "loading", "size", "type", "variant"]);
+    return (React.createElement(StyledButton, __assign({ "aria-busy": loading || undefined, "data-a11y-skip": variant === 'primary' ? 'color-contrast' : undefined, tabIndex: 0 }, props, { "$block": block, disabled: disabled || loading, "$loading": loading, "$size": size, "$variant": variant, type: type, ref: ref }),
+        React.createElement(ButtonContent, { icon: icon, iconRight: iconRight, size: size, variant: variant }, children)));
+});
+export var LinkButton = React.forwardRef(function LinkButton(_a, ref) {
+    var _b = _a.block, block = _b === void 0 ? false : _b, children = _a.children, disabled_ = _a.disabled, href_ = _a.href, icon = _a.icon, iconRight = _a.iconRight, _c = _a.size, size = _c === void 0 ? 'md' : _c, _d = _a.variant, variant = _d === void 0 ? 'primary' : _d, props = __rest(_a, ["block", "children", "disabled", "href", "icon", "iconRight", "size", "variant"]);
+    var innerRef = React.useRef(null);
+    var mimicButtonRole = function (e) {
+        var _a;
+        var key = e.key;
+        if (['Enter', 'Spacebar', ' '].indexOf(key) >= 0) {
+            // Prevents the page to scroll when "space" is pressed
+            e.preventDefault();
+            (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.click();
+        }
+    };
+    useEventListener({
+        event: 'keydown',
+        handler: mimicButtonRole,
+        scope: innerRef,
+    });
+    var disabled = disabled_ || !href_;
+    var href = disabled ? undefined : href_;
+    return (React.createElement(StyledLinkButton, __assign({ "data-a11y-skip": variant === 'primary' ? 'color-contrast' : undefined }, props, { role: "button", "aria-disabled": disabled, href: href, "$disabled": disabled, "$block": block, "$size": size, "$variant": variant, ref: mergeRefs(ref, innerRef) }),
+        React.createElement(ButtonContent, { icon: icon, iconRight: iconRight, size: size, variant: variant }, children)));
+});
+//# sourceMappingURL=Button.js.map

package/dist/Button/Button.js.map

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

package/dist/Button/Button.styles.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { ButtonSizes, ButtonVariant } from './Button.types';
+export declare function getBGColor(variant: ButtonVariant): {
+    main: string;
+    hover: string;
+    disabled: string;
+};
+export declare function getTextColor(variant: ButtonVariant): {
+    main: string;
+    disabled: string;
+};
+export declare const StyledContent: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledSpinner: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Spinner").SpinnerProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+interface StyledButtonProps {
+    disabled: boolean;
+    $block: boolean;
+    $loading: boolean;
+    $size: ButtonSizes;
+    $variant: ButtonVariant;
+}
+export declare const StyledButton: import("styled-components").StyledComponent<"button", any, StyledButtonProps, never>;
+interface StyledLinkButtonProps extends Pick<StyledButtonProps, '$block' | '$size' | '$variant'> {
+    $disabled: boolean;
+}
+export declare const StyledLinkButton: import("styled-components").StyledComponent<"a", any, StyledLinkButtonProps, never>;
+export {};

package/dist/Button/Button.styles.js

@@ -0,0 +1,103 @@
+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 { focusable } from '../_styles/mixins';
+import { spacing } from '../_styles/spacing';
+import { Spinner } from '../Spinner';
+import { spinnerDimensions } from '../Spinner/Spinner.styles';
+import { defaultSpinnerSize } from '../Spinner/Spinner';
+import { getTypographyIntent, typographyWeights, } from '../Typography/Typography.styles';
+import { mediaIE11Hack } from '../_styles/media';
+var heights = {
+    sm: 24,
+    md: 36,
+    lg: 48,
+};
+var paddingX = {
+    sm: spacing.xs,
+    md: 6,
+    lg: spacing.md,
+};
+var typographySizes = {
+    sm: 'small',
+    md: 'body',
+    lg: 'h3',
+};
+var buttonTextColors = {
+    primary: {
+        main: colors.white,
+        disabled: colors.white,
+    },
+    secondary: {
+        main: colors.gray15,
+        disabled: colors.gray70,
+    },
+    tertiary: {
+        main: colors.gray15,
+        disabled: colors.gray70,
+    },
+};
+var buttonBGColors = {
+    primary: {
+        main: colors.orange50,
+        hover: colors.orange45,
+        disabled: colors.orange85,
+    },
+    secondary: {
+        main: colors.gray90,
+        hover: colors.gray85,
+        disabled: colors.gray94,
+    },
+    tertiary: {
+        main: 'transparent',
+        hover: colors.gray90,
+        disabled: 'transparent',
+    },
+};
+export function getBGColor(variant) {
+    var colors = buttonBGColors[variant];
+    if (!colors) {
+        console.error("@procore/core-react: Using invalid Button variant ".concat(variant, ". Please update, falling back to primary."));
+        return buttonBGColors.primary;
+    }
+    return colors;
+}
+export function getTextColor(variant) {
+    var colors = buttonTextColors[variant];
+    if (!colors) {
+        console.error("@procore/core-react: Using invalid Button variant ".concat(variant, ". Please update, falling back to primary."));
+        return buttonTextColors.primary;
+    }
+    return colors;
+}
+function getColors(loading, variant) {
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    background: ", ";\n\n    color: ", ";\n\n    &.active,\n    &:active,\n    &.focus,\n    &:focus,\n    &.hover,\n    &:hover {\n      background: ", ";\n      color: ", ";\n    }\n\n    &:disabled,\n    &[aria-disabled='true'] {\n      background: ", ";\n      color: ", ";\n    }\n  "], ["\n    background: ", ";\n\n    color: ", ";\n\n    &.active,\n    &:active,\n    &.focus,\n    &:focus,\n    &.hover,\n    &:hover {\n      background: ", ";\n      color: ", ";\n    }\n\n    &:disabled,\n    &[aria-disabled='true'] {\n      background: ", ";\n      color: ", ";\n    }\n  "])), loading
+        ? getBGColor(variant).hover
+        : getBGColor(variant).main, getTextColor(variant).main, getBGColor(variant).hover, getTextColor(variant).main, loading
+        ? getBGColor(variant).hover
+        : getBGColor(variant).disabled, getTextColor(variant).disabled);
+}
+export var StyledContent = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  overflow: hidden;\n"], ["\n  align-items: center;\n  display: flex;\n  overflow: hidden;\n"])));
+export var StyledSpinner = styled(Spinner)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  box-sizing: border-box;\n  display: none;\n  position: absolute;\n  transform: translateZ(0);\n\n  @media ", " {\n    left: 50%;\n    top: 50%;\n    ", "\n  }\n"], ["\n  box-sizing: border-box;\n  display: none;\n  position: absolute;\n  transform: translateZ(0);\n\n  @media ", " {\n    left: 50%;\n    top: 50%;\n    ", "\n  }\n"])), mediaIE11Hack, function (_a) {
+    var size = _a.size;
+    var margin = -1 * (spinnerDimensions[size !== null && size !== void 0 ? size : defaultSpinnerSize] / 2);
+    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        margin-left: ", "px;\n        margin-top: ", "px;\n      "], ["\n        margin-left: ", "px;\n        margin-top: ", "px;\n      "])), margin, margin);
+});
+export var StyledLabel = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  overflow: hidden;\n  padding: 0 6px; // TODO one-off\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"], ["\n  overflow: hidden;\n  padding: 0 6px; // TODO one-off\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));
+function getButtonStyles(block, disabled, loading, size, variant) {
+    return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    ", "\n\n    ", "\n\n    ", "\n\n    align-items: center;\n    border-radius: ", "px;\n    border: 0;\n    box-sizing: border-box;\n    cursor: pointer;\n    display: inline-flex;\n    flex-direction: row;\n    flex-shrink: 0;\n    font-family: inherit;\n    font-weight: ", ";\n    height: ", "px;\n    justify-content: center;\n    margin: 0;\n    overflow: hidden;\n    padding: 0 ", "px;\n    position: relative;\n    pointer-events: ", ";\n    text-overflow: ellipsis;\n    user-select: ", ";\n    vertical-align: middle;\n    white-space: nowrap;\n    width: ", ";\n\n    [data-icon-prop='true'] {\n      pointer-events: none;\n      height: ", "px;\n      width: ", "px;\n    }\n\n    ", "\n  "], ["\n    ", "\n\n    ", "\n\n    ", "\n\n    align-items: center;\n    border-radius: ", "px;\n    border: 0;\n    box-sizing: border-box;\n    cursor: pointer;\n    display: inline-flex;\n    flex-direction: row;\n    flex-shrink: 0;\n    font-family: inherit;\n    font-weight: ", ";\n    height: ", "px;\n    justify-content: center;\n    margin: 0;\n    overflow: hidden;\n    padding: 0 ", "px;\n    position: relative;\n    pointer-events: ", ";\n    text-overflow: ellipsis;\n    user-select: ", ";\n    vertical-align: middle;\n    white-space: nowrap;\n    width: ", ";\n\n    [data-icon-prop='true'] {\n      pointer-events: none;\n      height: ", "px;\n      width: ", "px;\n    }\n\n    ", "\n  "])), getTypographyIntent(typographySizes[size]), focusable, getColors(loading, variant), borderRadius.md, typographyWeights.semibold, heights[size], paddingX[size], disabled || loading ? 'none' : 'inherit', disabled || loading ? 'none' : 'inherit', block && '100%', size === 'sm' ? 16 : 24, size === 'sm' ? 16 : 24, loading && css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      ", " {\n        pointer-events: none;\n        visibility: hidden;\n      }\n\n      ", " {\n        display: block;\n      }\n    "], ["\n      ", " {\n        pointer-events: none;\n        visibility: hidden;\n      }\n\n      ", " {\n        display: block;\n      }\n    "])), StyledContent, StyledSpinner));
+}
+export var StyledButton = styled.button(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var $block = _a.$block, disabled = _a.disabled, $loading = _a.$loading, $size = _a.$size, $variant = _a.$variant;
+    return getButtonStyles($block, disabled, $loading, $size, $variant);
+});
+export var StyledLinkButton = styled.a(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  text-decoration: none;\n\n  ", "\n"], ["\n  text-decoration: none;\n\n  ", "\n"])), function (_a) {
+    var $block = _a.$block, $disabled = _a.$disabled, $size = _a.$size, $variant = _a.$variant;
+    return getButtonStyles($block, $disabled, false, $size, $variant);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+//# sourceMappingURL=Button.styles.js.map

package/dist/Button/Button.styles.js.map

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