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

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

@@ -0,0 +1,15 @@
+import { FlexProps } from '../../layouts/Flex';
+import { BannerProps } from './Banner.types';
+export declare const StyledBannerContainer: import("styled-components").StyledComponent<"div", any, {
+    isExpandable: boolean;
+} & BannerProps, never>;
+export declare const StyledContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledExpandableContentContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledExpandableContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, FlexProps & {
+    isOverflowingY: boolean;
+}, never>;
+export declare const StyledTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledActionsTrigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Dropdown/Dropdown.types").DropdownButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledAction: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,56 @@
+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 { Flex } from '../../layouts/Flex';
+import { borderRadius } from '../../styles/borderRadius';
+import { colors } from '../../styles/colors';
+import { focusable } from '../../styles/mixins';
+import { spacing } from '../../styles/spacing';
+import { getShadow } from '../../styles/shadows';
+import { DropdownButton } from '../Dropdown';
+import { StyledButton } from '../Button/Button.styles';
+import { getTypographyIntent, typographyWeights, } from '../Typography/Typography.styles';
+var bannerLeft = 8;
+var bannerVariantColors = {
+    action: {
+        primary: colors.yellow40,
+        secondary: colors.yellow94,
+    },
+    error: {
+        primary: colors.red50,
+        secondary: colors.red98,
+    },
+    info: {
+        primary: colors.blue40,
+        secondary: colors.blue96,
+    },
+    success: {
+        primary: colors.green30,
+        secondary: colors.green96,
+    },
+};
+var bannerShadow = getShadow(1, 'bottom');
+var expandContent = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    padding-top: 0;\n    padding-bottom: 0;\n    max-height: 0;\n    min-height: 0;\n    overflow-y: hidden;\n  }\n  to {\n    padding-top: ", "px;\n    padding-bottom: ", "px;\n    min-height: 32px;\n    max-height: 120px;\n    overflow-y: auto;\n  }\n"], ["\n  from {\n    padding-top: 0;\n    padding-bottom: 0;\n    max-height: 0;\n    min-height: 0;\n    overflow-y: hidden;\n  }\n  to {\n    padding-top: ", "px;\n    padding-bottom: ", "px;\n    min-height: 32px;\n    max-height: 120px;\n    overflow-y: auto;\n  }\n"])), spacing.sm, spacing.sm);
+export var StyledBannerContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  border-left: ", "px solid;\n  border-radius: ", "px;\n  color: ", ";\n  display: flex;\n  justify-content: space-between;\n  min-height: 52px;\n  padding: 0 ", "px;\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  align-items: center;\n  border-left: ", "px solid;\n  border-radius: ", "px;\n  color: ", ";\n  display: flex;\n  justify-content: space-between;\n  min-height: 52px;\n  padding: 0 ", "px;\n\n  ", "\n\n  ", "\n\n  ", "\n"])), bannerLeft, borderRadius.md, colors.gray15, spacing.lg, bannerShadow, function (_a) {
+    var variant = _a.variant;
+    var _b = bannerVariantColors[variant], primary = _b.primary, secondary = _b.secondary;
+    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      border-left-color: ", ";\n      background-color: ", ";\n\n      & ", " {\n        color: ", ";\n      }\n    "], ["\n      border-left-color: ", ";\n      background-color: ", ";\n\n      & ", " {\n        color: ", ";\n      }\n    "])), primary, secondary, StyledIconContainer, primary);
+}, function (_a) {
+    var isExpandable = _a.isExpandable;
+    return isExpandable && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      flex-direction: column;\n      align-items: stretch;\n      padding: 0;\n    "], ["\n      flex-direction: column;\n      align-items: stretch;\n      padding: 0;\n    "])));
+});
+export var StyledContent = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  align-self: center;\n  margin: ", "px ", "px;\n  width: 100%;\n"], ["\n  align-self: center;\n  margin: ", "px ", "px;\n  width: 100%;\n"])), spacing.sm, spacing.lg);
+export var StyledExpandableContentContainer = styled(Flex)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n  min-height: 52px;\n  padding: 0 ", "px;\n  position: relative;\n  z-index: 1;\n\n  ", "\n"], ["\n  color: ", ";\n  min-height: 52px;\n  padding: 0 ", "px;\n  position: relative;\n  z-index: 1;\n\n  ", "\n"])), colors.gray15, spacing.lg, bannerShadow);
+export var StyledExpandableContent = styled(Flex)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  animation-duration: 450ms;\n  animation-fill-mode: forwards;\n  animation-name: ", ";\n  animation-timing-function: ease-out;\n  background-color: ", ";\n  box-sizing: border-box;\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.25px;\n  line-height: 20px;\n  overflow-y: auto;\n  padding: 0 ", "px;\n  position: relative;\n  z-index: 0;\n\n  ", "\n"], ["\n  animation-duration: 450ms;\n  animation-fill-mode: forwards;\n  animation-name: ", ";\n  animation-timing-function: ease-out;\n  background-color: ", ";\n  box-sizing: border-box;\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.25px;\n  line-height: 20px;\n  overflow-y: auto;\n  padding: 0 ", "px;\n  position: relative;\n  z-index: 0;\n\n  ", "\n"])), expandContent, colors.white, spacing.xl * 2 + spacing.sm, function (_a) {
+    var isOverflowingY = _a.isOverflowingY;
+    return isOverflowingY && focusable;
+});
+export var StyledTitle = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n  color: ", ";\n  font-weight: ", ";\n"], ["\n  ", "\n  color: ", ";\n  font-weight: ", ";\n"])), getTypographyIntent('body'), colors.gray15, typographyWeights.semibold);
+export var StyledBody = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  ", "\n  color: ", ";\n"], ["\n  ", "\n  color: ", ";\n"])), getTypographyIntent('body'), colors.gray15);
+export var StyledIconContainer = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  flex: 0 0 auto;\n  margin: ", "px 0;\n"], ["\n  flex: 0 0 auto;\n  margin: ", "px 0;\n"])), spacing.lg);
+export var StyledActionsTrigger = styled(DropdownButton)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  flex-shrink: 0;\n\n  & + ", " {\n    margin-left: ", "px;\n  }\n"], ["\n  flex-shrink: 0;\n\n  & + ", " {\n    margin-left: ", "px;\n  }\n"])), StyledButton, spacing.sm);
+export var StyledAction = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  margin: ", "px 0;\n\n  & + ", ", & + ", " {\n    margin-left: ", "px;\n  }\n\n  ", " {\n    background: rgba(0, 0, 0, 0.05);\n    color: ", ";\n\n    &:hover {\n      background: ", ";\n      color: ", ";\n    }\n  }\n"], ["\n  margin: ", "px 0;\n\n  & + ", ", & + ", " {\n    margin-left: ", "px;\n  }\n\n  ", " {\n    background: rgba(0, 0, 0, 0.05);\n    color: ", ";\n\n    &:hover {\n      background: ", ";\n      color: ", ";\n    }\n  }\n"])), spacing.sm, StyledButton, StyledActionsTrigger, spacing.sm, StyledButton, colors.gray15, colors.gray85, colors.gray15);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
+//# sourceMappingURL=Banner.styles.js.map

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

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

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

@@ -0,0 +1,27 @@
+import { Props } from '../../utils/types';
+/**
+ * @deprecated "success" variation is deprecated and will be removed in a future version. Instead, please consider using "success" variant of Toast component.
+ */
+export declare type BannerVariant = 'action' | 'error' | 'info' | 'success';
+export declare type BannerIconVariant = 'warning-triangle-o' | 'error-o' | 'info-circle-o' | 'check-circle';
+export interface BannerProps extends Props {
+    /**
+     * Sets the banner's variant.
+     * @since 10.19.0
+     */
+    variant: BannerVariant;
+}
+export interface BannerIconProps extends Props {
+    /**
+     * @deprecated String type is deprecated. Please pass an SVG icon instance.
+     * @since 10.19.0
+     */
+    icon: BannerIconVariant | React.ReactNode;
+}
+export interface ExpandableProps extends Props {
+    /**
+     * Expands banner content
+     * @since 10.19.0
+     */
+    expanded: boolean;
+}

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { ActionBanner, Banner, Banner as default, ErrorBanner, InfoBanner, SuccessBanner, } from './Banner';
+export { BannerIconProps, BannerProps, ExpandableProps } from './Banner.types';

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

@@ -0,0 +1,2 @@
+export { ActionBanner, Banner, Banner as default, ErrorBanner, InfoBanner, SuccessBanner, } from './Banner';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,MAAM,EACN,MAAM,IAAI,OAAO,EACjB,WAAW,EACX,UAAU,EACV,aAAa,GACd,MAAM,UAAU,CAAA"}

package/dist/esm/components/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/esm/components/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/esm/components/Breadcrumbs/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/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,8BAA8B,CAAA;AAE/D,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/esm/components/Breadcrumbs/Breadcrumbs.styles.d.ts

@@ -0,0 +1,4 @@
+import { BreadcrumbCrumbProps } from './Breadcrumbs.types';
+export declare const StyledContainer: import("styled-components").StyledComponent<"nav", any, {}, never>;
+export declare const StyledSeparator: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCrumb: import("styled-components").StyledComponent<"div", any, BreadcrumbCrumbProps, never>;

package/dist/esm/components/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/esm/components/Breadcrumbs/Breadcrumbs.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.styles.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.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,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,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/esm/components/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/esm/components/Breadcrumbs/Breadcrumbs.types.js

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+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>>;
+export default Button;

package/dist/esm/components/Button/Button.js

@@ -0,0 +1,97 @@
+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 '../../effects/EventListener';
+import { mergeRefs } from '../../effects/mergeRefs';
+import { Icon } from '../Icon';
+import { StyledButton, StyledContent, StyledLabel, StyledLinkButton, StyledSpinner, } from './Button.styles';
+/**
+ * This is a temporary component to handle rendering either a string icon or a React node
+ * Once we decommission the string API we can directly render the icon
+ */
+function LegacyIcon(_a) {
+    var _b;
+    var icon = _a.icon;
+    if (typeof icon === 'string') {
+        return React.createElement(Icon, { icon: icon, size: "sm" });
+    }
+    else if (React.isValidElement(icon)) {
+        return React.cloneElement(icon, (_b = {}, _b['data-icon-prop'] = 'true', _b));
+    }
+    return null;
+}
+var ButtonContent = function (_a) {
+    var _b;
+    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.createElement(LegacyIcon, { icon: icon }),
+            React.Children.map(children, function (child) {
+                return React.isValidElement(child) && child.type === Icon ? (child) : (React.createElement(StyledLabel, null, child));
+            }),
+            React.isValidElement(iconRight)
+                ? React.cloneElement(iconRight, (_b = {}, _b['data-icon-prop'] = 'true', _b))
+                : 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)));
+});
+export default Button;
+//# sourceMappingURL=Button.js.map

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

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

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

@@ -0,0 +1,25 @@
+import { ButtonSizes, ButtonVariant, LegacyButtonVariant } from './Button.types';
+export declare const buttonBGColors: {
+    [key in ButtonVariant]: {
+        main: string;
+        hover: string;
+        disabled: string;
+    };
+};
+export declare function getVariant(variant: LegacyButtonVariant): ButtonVariant;
+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: LegacyButtonVariant;
+}
+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/esm/components/Button/Button.styles.js

@@ -0,0 +1,102 @@
+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 deprecatedVariants = [
+    'action-outline',
+    'error-outline',
+    'success-outline',
+    'info-outline',
+    'dropdown',
+    'dropdown-secondary',
+    'form',
+];
+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,
+    },
+};
+export 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 getVariant(variant) {
+    if (deprecatedVariants.includes(variant)) {
+        return 'secondary';
+    }
+    return variant;
+}
+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
+        ? buttonBGColors[getVariant(variant)].hover
+        : buttonBGColors[getVariant(variant)].main, buttonTextColors[getVariant(variant)].main, buttonBGColors[getVariant(variant)].hover, buttonTextColors[getVariant(variant)].main, loading
+        ? buttonBGColors[getVariant(variant)].hover
+        : buttonBGColors[getVariant(variant)].disabled, buttonTextColors[getVariant(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    // TODO remove this legacy support for old Icon\n    [data-jss-placeholder='icon'] {\n      align-items: center;\n      display: flex;\n      height: ", "px;\n      justify-content: center;\n      width: ", "px;\n\n      svg {\n        pointer-events: none;\n        height: ", "px;\n        width: ", "px;\n      }\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    // TODO remove this legacy support for old Icon\n    [data-jss-placeholder='icon'] {\n      align-items: center;\n      display: flex;\n      height: ", "px;\n      justify-content: center;\n      width: ", "px;\n\n      svg {\n        pointer-events: none;\n        height: ", "px;\n        width: ", "px;\n      }\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, size === 'sm' ? 16 : 24, size === 'sm' ? 16 : 24, size === 'sm' ? 12 : 16, size === 'sm' ? 12 : 16, 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/esm/components/Button/Button.styles.js.map

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

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

@@ -0,0 +1,43 @@
+import { AnchorAttributes, ButtonAttributes } from '../../utils/types';
+export declare type ButtonSizes = 'sm' | 'md' | 'lg';
+export declare type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
+export declare type LegacyButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'action-outline' | 'error-outline' | 'success-outline' | 'info-outline' | 'dropdown' | 'dropdown-secondary' | 'form';
+export declare type SizingObject = {
+    [key in ButtonSizes]: number;
+};
+export interface ButtonProps extends ButtonAttributes {
+    /**
+     * Sets the button to be 100% of the width of its parent
+     * @since 10.19.0
+     */
+    block?: boolean;
+    /**
+     * string icons have been deprecated, please pass a component from `@procore/core-icons`
+     * The icon to display on the left side of the label
+     * @since 10.19.0
+     */
+    icon?: string | React.ReactNode;
+    /**
+     * The icon to display on the right side of the label
+     * @since 10.19.0
+     */
+    iconRight?: React.ReactNode;
+    /**
+     * Shows the button spinner
+     * @since 10.19.0
+     */
+    loading?: boolean;
+    /**
+     * The size of the button
+     * @since 10.19.0
+     */
+    size?: ButtonSizes;
+    /**
+     * All variants except for primary, secondary, tertiary are DEPRECATED.
+     * All will still be accepted, but deprecated ones will look like secondary
+     * @since 10.19.0
+     */
+    variant?: LegacyButtonVariant;
+}
+export interface LinkButtonProps extends AnchorAttributes, Pick<ButtonProps, 'block' | 'disabled' | 'icon' | 'iconRight' | 'size' | 'variant'> {
+}

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { Button as default, Button, LinkButton } from './Button';
+export { ButtonProps, LinkButtonProps } from './Button.types';

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

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

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

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