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

package/dist/Tile/Tile.js

@@ -0,0 +1,106 @@
+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 { mergeRefs } from '../_utils/mergeRefs';
+import { StyledActions } from '../Content/Content.styles';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { StyledLinkTile, StyledSelectableTile, StyledInteractableTile, StyledFooter, StyledHeroMedia, StyledHeroText, StyledTileContent, StyledHeroOverlay, } from './Tile.styles';
+var heroTextGridTemplateColumns = 'auto 1fr';
+var TileContext = React.createContext({
+    orientation: 'portrait',
+});
+var HeroMedia = React.forwardRef(function HeroMedia(_a, ref) {
+    var children = _a.children, _b = _a.overlay, overlay = _b === void 0 ? false : _b, onOverlayClick = _a.onOverlayClick, props = __rest(_a, ["children", "overlay", "onOverlayClick"]);
+    var orientation = React.useContext(TileContext).orientation;
+    var heroRef = React.useRef(null);
+    React.useLayoutEffect(function () {
+        var _a, _b;
+        if (orientation === 'landscape') {
+            (_b = (_a = heroRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.style.removeProperty('--core-tile-grid-template-columns');
+        }
+    }, [orientation]);
+    return (React.createElement(StyledHeroMedia, __assign({ ref: mergeRefs(heroRef, ref), "$orientation": orientation }, props),
+        overlay && React.createElement(StyledHeroOverlay, { onClick: onOverlayClick }),
+        children));
+});
+var HeroText = React.forwardRef(function HeroText(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var orientation = React.useContext(TileContext).orientation;
+    var heroRef = React.useRef(null);
+    React.useLayoutEffect(function () {
+        var _a, _b;
+        if (orientation === 'landscape') {
+            (_b = (_a = heroRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.style.setProperty('--core-tile-grid-template-columns', heroTextGridTemplateColumns);
+        }
+    }, [orientation]);
+    return (React.createElement(StyledHeroText, __assign({ ref: mergeRefs(heroRef, ref), "$orientation": orientation }, props), children));
+});
+var Content = React.forwardRef(function Content(props, ref) {
+    return React.createElement(StyledTileContent, __assign({ ref: ref }, props));
+});
+var Footer = React.forwardRef(function Footer(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledFooter, __assign({ ref: ref }, props), children));
+});
+var Actions = React.forwardRef(function Actions(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledActions, __assign({ ref: ref }, props), children));
+});
+export var InteractableTile = React.forwardRef(function InteractableTile(_a, ref) {
+    var orientation = _a.orientation, children = _a.children, props = __rest(_a, ["orientation", "children"]);
+    return (React.createElement(StyledInteractableTile, __assign({ ref: ref, "$orientation": orientation }, props),
+        React.createElement(TileContext.Provider, { value: { orientation: orientation } }, children)));
+});
+export var LinkTile = React.forwardRef(function LinkTile(_a, ref) {
+    var orientation = _a.orientation, children = _a.children, props = __rest(_a, ["orientation", "children"]);
+    return (React.createElement(StyledLinkTile, __assign({ ref: ref, "$orientation": orientation }, props),
+        React.createElement(TileContext.Provider, { value: { orientation: orientation } }, children)));
+});
+export var SelectableTile = React.forwardRef(function SelectableTile(_a, ref) {
+    var orientation = _a.orientation, _b = _a.selected, selected = _b === void 0 ? false : _b, onClick = _a.onClick, onKeyDown = _a.onKeyDown, _c = _a.disabled, disabled = _c === void 0 ? false : _c, children = _a.children, props = __rest(_a, ["orientation", "selected", "onClick", "onKeyDown", "disabled", "children"]);
+    return (React.createElement(StyledSelectableTile, __assign({ ref: ref, "$disabled": disabled, "$orientation": orientation, "$selected": selected, tabIndex: !disabled ? 0 : undefined, onClick: function (e) {
+            if (!disabled) {
+                onClick === null || onClick === void 0 ? void 0 : onClick();
+            }
+        }, onKeyDown: function (e) {
+            var code = e.code;
+            if (code === 'Enter' || code === 'Space') {
+                onClick === null || onClick === void 0 ? void 0 : onClick();
+            }
+            onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+        } }, props),
+        React.createElement(TileContext.Provider, { value: { orientation: orientation } }, children)));
+});
+var Tile_ = React.forwardRef(function Tile(_a, ref) {
+    var _b = _a.variant, variant = _b === void 0 ? 'interactive' : _b, _c = _a.orientation, orientation = _c === void 0 ? 'portrait' : _c, props = __rest(_a, ["variant", "orientation"]);
+    switch (variant) {
+        case 'interactive':
+            return (React.createElement(InteractableTile, __assign({ ref: ref, orientation: orientation }, props)));
+        case 'selectable':
+            return (React.createElement(SelectableTile, __assign({ ref: ref, orientation: orientation }, props)));
+        case 'link':
+            return (React.createElement(LinkTile, __assign({ ref: ref, orientation: orientation }, props)));
+    }
+});
+export var Tile = addSubcomponents({ Actions: Actions, Content: Content, Footer: Footer, HeroText: HeroText, HeroMedia: HeroMedia }, Tile_);
+//# sourceMappingURL=Tile.js.map

package/dist/Tile/Tile.js.map

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

package/dist/Tile/Tile.styles.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { TileCommonProps } from './Tile.types';
+interface StyledTile {
+    $orientation: TileCommonProps['orientation'];
+}
+export declare const StyledLinkTile: import("styled-components").StyledComponent<"a", any, StyledTile, never>;
+export declare const StyledSelectableTile: import("styled-components").StyledComponent<"div", any, StyledTile & {
+    $selected: boolean;
+    $disabled: boolean;
+}, never>;
+export declare const StyledInteractableTile: import("styled-components").StyledComponent<"div", any, StyledTile, never>;
+export declare const StyledFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTileContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledHeroMedia: import("styled-components").StyledComponent<"figure", any, {
+    $orientation: TileCommonProps['orientation'];
+}, never>;
+export declare const StyledHeroOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHeroText: import("styled-components").StyledComponent<"div", any, {
+    $orientation: TileCommonProps['orientation'];
+}, never>;
+export {};

package/dist/Tile/Tile.styles.js

@@ -0,0 +1,65 @@
+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 { spacing } from '../_styles/spacing';
+import { getShadow } from '../_styles/shadows';
+import { getFocus } from '../_styles/mixins';
+import { StyledActions, StyledContent } from '../Content/Content.styles';
+import { mediaIE11Hack } from '../_styles/media';
+import { isIE11 } from '../_utils/isIE11';
+import { StyledFormikForm as SFormikForm, StyledForm as SForm, StyledFormRow as SFormRow, } from '../Form/Form.styles';
+var getHover = function ($selected) {
+    if ($selected === void 0) { $selected = false; }
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: pointer;\n  &:hover,\n  &.hover {\n    background-color: ", ";\n  }\n"], ["\n  cursor: pointer;\n  &:hover,\n  &.hover {\n    background-color: ", ";\n  }\n"])), $selected ? colors.blue94 : colors.gray96);
+};
+var getSelected = function () { return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), colors.blue98); };
+var getDisabled = function () { return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  cursor: not-allowed;\n"], ["\n  cursor: not-allowed;\n"]))); };
+var oneThirdTwoThirds = 'minmax(0, 1fr) minmax(0, 2fr)';
+var getLandscapeTemplate = function () {
+    return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    --core-tile-grid-template-columns: ", ";\n    grid-template-areas:\n      'hero body'\n      'hero footer';\n    grid-template-columns: var(\n      --core-tile-grid-template-columns,\n      ", "\n    );\n  "], ["\n    --core-tile-grid-template-columns: ", ";\n    grid-template-areas:\n      'hero body'\n      'hero footer';\n    grid-template-columns: var(\n      --core-tile-grid-template-columns,\n      ", "\n    );\n  "])), oneThirdTwoThirds, oneThirdTwoThirds);
+};
+var getPortraitTemplate = function () {
+    return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    grid-template-areas:\n      'hero'\n      'body'\n      'footer';\n    grid-template-columns: 1fr;\n  "], ["\n    grid-template-areas:\n      'hero'\n      'body'\n      'footer';\n    grid-template-columns: 1fr;\n  "])));
+};
+var getTileStyles = function (_a) {
+    var $orientation = _a.$orientation, _b = _a.$selected, $selected = _b === void 0 ? false : _b, _c = _a.$hoverable, $hoverable = _c === void 0 ? false : _c, _d = _a.$disabled, $disabled = _d === void 0 ? false : _d;
+    return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    display: grid;\n    ", ";\n\n    background-color: ", ";\n    border-radius: ", "px;\n    width: 100%;\n    ", "\n\n    &:focus, &.focus {\n      ", "\n    }\n\n    ", "\n    ", "\n    ", "\n  "], ["\n    display: grid;\n    ", ";\n\n    background-color: ", ";\n    border-radius: ", "px;\n    width: 100%;\n    ", "\n\n    &:focus, &.focus {\n      ", "\n    }\n\n    ", "\n    ", "\n    ", "\n  "])), $orientation === 'landscape'
+        ? getLandscapeTemplate()
+        : getPortraitTemplate(), colors.white, borderRadius.md, getShadow(1, 'bottom'), getFocus(), $disabled ? getDisabled() : '', $selected ? getSelected() : '', $hoverable && !$disabled ? getHover($selected) : '');
+};
+export var StyledLinkTile = styled.a(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n  text-decoration: none;\n  color: inherit;\n"], ["\n  ", "\n  text-decoration: none;\n  color: inherit;\n"])), function (_a) {
+    var $orientation = _a.$orientation;
+    return getTileStyles({ $orientation: $orientation, $hoverable: true });
+});
+export var StyledSelectableTile = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var $orientation = _a.$orientation, $selected = _a.$selected, $disabled = _a.$disabled;
+    return getTileStyles({
+        $orientation: $orientation,
+        $selected: $selected,
+        $disabled: $disabled,
+        $hoverable: true,
+    });
+});
+export var StyledInteractableTile = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var $orientation = _a.$orientation;
+    return getTileStyles({ $orientation: $orientation });
+});
+export var StyledFooter = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  grid-area: footer;\n  padding: ", "px;\n\n  > ", " {\n    flex-wrap: wrap-reverse;\n  }\n"], ["\n  grid-area: footer;\n  padding: ", "px;\n\n  > ", " {\n    flex-wrap: wrap-reverse;\n  }\n"])), spacing.lg, StyledActions);
+export var StyledTileContent = styled(StyledContent)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  grid-column-start: hero-start;\n  grid-column-end: body-end;\n  padding: ", "px;\n\n  + ", " {\n    padding-top: 0;\n  }\n\n  > ", ", > ", " > ", ", > ", " > ", " {\n    grid-column-gap: ", "px;\n  }\n"], ["\n  grid-column-start: hero-start;\n  grid-column-end: body-end;\n  padding: ", "px;\n\n  + ", " {\n    padding-top: 0;\n  }\n\n  > ", ", > ", " > ", ", > ", " > ", " {\n    grid-column-gap: ", "px;\n  }\n"])), spacing.lg, StyledFooter, SFormRow, SForm, SFormRow, SFormikForm, SFormRow, spacing.md);
+export var StyledHeroMedia = styled.figure(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  grid-area: hero;\n  margin: 0;\n  position: relative;\n  overflow: hidden;\n\n  font-size: 0;\n  > * {\n    font-size: initial;\n  }\n\n  + ", " {\n    grid-area: body;\n  }\n\n  > video {\n    background-color: ", ";\n  }\n  > img,\n  > picture > img {\n    object-fit: cover;\n  }\n  ", "\n"], ["\n  grid-area: hero;\n  margin: 0;\n  position: relative;\n  overflow: hidden;\n\n  font-size: 0;\n  > * {\n    font-size: initial;\n  }\n\n  + ", " {\n    grid-area: body;\n  }\n\n  > video {\n    background-color: ", ";\n  }\n  > img,\n  > picture > img {\n    object-fit: cover;\n  }\n  ", "\n"])), StyledTileContent, colors.black, function (_a) {
+    var $orientation = _a.$orientation;
+    return $orientation === 'landscape' && !isIE11()
+        ? css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n          border-top-left-radius: inherit;\n          border-bottom-left-radius: inherit;\n          > *,\n          > picture > img {\n            height: 100%;\n            width: 100%;\n            position: absolute;\n          }\n\n          @media ", " {\n            > picture > img,\n            > img {\n              width: auto;\n              left: 50%;\n              transform: translate(-50%, 0);\n            }\n          }\n        "], ["\n          border-top-left-radius: inherit;\n          border-bottom-left-radius: inherit;\n          > *,\n          > picture > img {\n            height: 100%;\n            width: 100%;\n            position: absolute;\n          }\n\n          @media ", " {\n            > picture > img,\n            > img {\n              width: auto;\n              left: 50%;\n              transform: translate(-50%, 0);\n            }\n          }\n        "])), mediaIE11Hack) : css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n          min-height: 156px;\n          max-height: 567px;\n          border-top-left-radius: inherit;\n          border-top-right-radius: inherit;\n          > *,\n          > picture > img {\n            min-height: inherit;\n            max-height: inherit;\n            height: auto;\n            width: 100%;\n          }\n        "], ["\n          min-height: 156px;\n          max-height: 567px;\n          border-top-left-radius: inherit;\n          border-top-right-radius: inherit;\n          > *,\n          > picture > img {\n            min-height: inherit;\n            max-height: inherit;\n            height: auto;\n            width: 100%;\n          }\n        "])));
+});
+export var StyledHeroOverlay = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 1;\n"], ["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 1;\n"])));
+export var StyledHeroText = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  grid-area: hero;\n\n  + ", " {\n    grid-area: body;\n  }\n\n  padding: ", "px;\n  border-radius: inherit;\n  ", "\n"], ["\n  grid-area: hero;\n\n  + ", " {\n    grid-area: body;\n  }\n\n  padding: ", "px;\n  border-radius: inherit;\n  ", "\n"])), StyledTileContent, spacing.lg, function (_a) {
+    var $orientation = _a.$orientation;
+    return $orientation === 'landscape'
+        ? css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          padding-right: 0;\n        "], ["\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          padding-right: 0;\n        "]))) : css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n          padding-bottom: 0;\n        "], ["\n          padding-bottom: 0;\n        "])));
+});
+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, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
+//# sourceMappingURL=Tile.styles.js.map

package/dist/Tile/Tile.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.styles.js","sourceRoot":"","sources":["../../src/Tile/Tile.styles.tsx"],"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,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAExE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EACL,gBAAgB,IAAI,WAAW,EAC/B,UAAU,IAAI,KAAK,EACnB,aAAa,IAAI,QAAQ,GAC1B,MAAM,qBAAqB,CAAA;AAM5B,IAAM,QAAQ,GAAG,UAAC,SAAiB;IAAjB,0BAAA,EAAA,iBAAiB;IAAK,OAAA,GAAG,sJAAA,uEAInB,EAAyC,UAEhE,KAFuB,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM;AAJzB,CAMvC,CAAA;AAED,IAAM,WAAW,GAAG,cAAM,OAAA,GAAG,kGAAA,wBACP,EAAa,KAClC,KADqB,MAAM,CAAC,MAAM,GADT,CAEzB,CAAA;AAED,IAAM,WAAW,GAAG,cAAM,OAAA,GAAG,+FAAA,4BAE5B,MAFyB,CAEzB,CAAA;AASD,IAAM,iBAAiB,GAAG,+BAA+B,CAAA;AAEzD,IAAM,oBAAoB,GAAG;IAC3B,OAAO,GAAG,yRAAA,2CAC6B,EAAiB,yJAMlD,EAAiB,cAEtB,KARsC,iBAAiB,EAMlD,iBAAiB,EAEtB;AACH,CAAC,CAAA;AAED,IAAM,mBAAmB,GAAG;IAC1B,OAAO,GAAG,iLAAA,8GAMT,KAAA;AACH,CAAC,CAAA;AAED,IAAM,aAAa,GAAG,UAAC,EAKF;QAJnB,YAAY,kBAAA,EACZ,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IAEjB,OAAO,GAAG,4QAAA,4BAEN,EAEuB,6BAEL,EAAY,wBACf,EAAe,6BAE9B,EAAsB,oCAGpB,EAAU,iBAGZ,EAA8B,QAC9B,EAA8B,QAC9B,EAAmD,MACtD,KAhBG,YAAY,KAAK,WAAW;QAC5B,CAAC,CAAC,oBAAoB,EAAE;QACxB,CAAC,CAAC,mBAAmB,EAAE,EAEL,MAAM,CAAC,KAAK,EACf,YAAY,CAAC,EAAE,EAE9B,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,EAGpB,QAAQ,EAAE,EAGZ,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAC9B,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAC9B,UAAU,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,EACtD;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,CAAC,4HAAY,MAC9C,EAAuE,iDAG1E,KAHG,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,aAAa,CAAC,EAAE,YAAY,cAAA,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;AAAjD,CAAiD,CAG1E,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,+EAE7C,MACG,EAME,IACL,KAPG,UAAC,EAAsC;QAApC,YAAY,kBAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA;IACrC,OAAA,aAAa,CAAC;QACZ,YAAY,cAAA;QACZ,SAAS,WAAA;QACT,SAAS,WAAA;QACT,UAAU,EAAE,IAAI;KACjB,CAAC;AALF,CAKE,CACL,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,+EAAY,MACxD,EAAqD,IACxD,KADG,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,aAAa,CAAC,EAAE,YAAY,cAAA,EAAE,CAAC;AAA/B,CAA+B,CACxD,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,oKAAA,qCAEzB,EAAU,aAEjB,EAAa,yCAGlB,KALY,OAAO,CAAC,EAAE,EAEjB,aAAa,CAGlB,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,aAAa,CAAC,oRAAA,+EAGzC,EAAU,aAEjB,EAAY,sCAIZ,EAAQ,MAAO,EAAK,KAAM,EAAQ,MAAO,EAAW,KAAM,EAAQ,2BACjD,EAAU,YAEhC,KATY,OAAO,CAAC,EAAE,EAEjB,YAAY,EAIZ,QAAQ,EAAO,KAAK,EAAM,QAAQ,EAAO,WAAW,EAAM,QAAQ,EACjD,OAAO,CAAC,EAAE,CAEhC,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,MAAM,+WAE1C,kJAWI,EAAiB,sEAKC,EAAY,wEAMhC,EAiCK,IACR,KA7CK,iBAAiB,EAKC,MAAM,CAAC,KAAK,EAMhC,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,KAAK,WAAW,IAAI,CAAC,MAAM,EAAE;QACvC,CAAC,CAAC,GAAG,0gBAAA,kQAUQ,EAAa,iMAQvB,KARU,aAAa,EAS1B,CAAC,CAAC,GAAG,yZAAA,oVAYF,IAAA;AAhCL,CAgCK,CACR,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,uKAAA,kGAO1C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,+LAEtC,8BAGI,EAAiB,8CAIV,EAAU,oCAEnB,EAUK,IACR,KAjBK,iBAAiB,EAIV,OAAO,CAAC,EAAE,EAEnB,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,KAAK,WAAW;QAC1B,CAAC,CAAC,GAAG,+MAAA,0IAKF,KACH,CAAC,CAAC,GAAG,+GAAA,0CAEF,IAAA;AATL,CASK,CACR,CAAA"}

package/dist/Tile/Tile.types.d.ts

@@ -0,0 +1,53 @@
+import { AnchorAttributes, DivAttributes, Props } from '../_utils/types';
+import React from 'react';
+export interface HeroTextProps extends Props {
+}
+export interface HeroMediaProps extends Props {
+    overlay?: boolean;
+    onOverlayClick?: React.MouseEventHandler<HTMLDivElement>;
+}
+export interface TileCommonProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    orientation: 'portrait' | 'landscape';
+}
+export interface InteractableTileProps extends TileCommonProps, DivAttributes {
+    /**
+     * To change tile behaviour
+     * @since 10.19.0
+     */
+    variant?: 'interactive';
+}
+export interface LinkTileProps extends TileCommonProps, AnchorAttributes {
+    /**
+     * To change tile behaviour
+     * @since 10.19.0
+     */
+    variant?: 'link';
+}
+export interface SelectableTileProps extends TileCommonProps, Omit<DivAttributes, 'onClick'> {
+    /**
+     * To change tile behaviour
+     * @since 10.19.0
+     */
+    variant?: 'selectable';
+    /**
+     * A function for controlling <Code>selected</Code> Tile prop.
+     * @since 10.19.0
+     */
+    onClick?: () => {};
+    /**
+     * Only with selectable variant.
+     * @default false
+     * @since 10.19.0
+     */
+    selected?: boolean;
+    /**
+     * Only with selectable variant.
+     * @default false
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+}
+export declare type TileProps = SelectableTileProps | InteractableTileProps | LinkTileProps;

package/dist/Tile/Tile.types.js.map

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

package/dist/Tile/index.d.ts

@@ -0,0 +1,2 @@
+export { Tile } from './Tile';
+export { InteractableTileProps, LinkTileProps, SelectableTileProps, TileProps, } from './Tile.types';

package/dist/Tile/index.js

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

package/dist/Tile/index.js.map

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

package/dist/Title/Title.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DivAttributes } from '../_utils/types';
+import { TitleProps } from './Title.types';
+export declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLDivElement>> & {
+    Pills: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
+    Text: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
+    Subtext: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
+    Actions: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
+    Assets: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/Title/Title.js

@@ -0,0 +1,78 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { slotify } from '../_utils/slotify';
+import { StyledText, StyledSubtext, StyledTitle, StyledTitleActions, StyledAssets, StyledTitlePill, StyledTitleContent, } from './Title.styles';
+function isValidElement(element) {
+    return Boolean(element);
+}
+var Title_ = React.forwardRef(function Title_(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var _b = slotify(children, {
+        pills: TitlePills,
+        text: TitleText,
+        subtext: TitleSubtext,
+        actions: TitleActions,
+        assets: TitleAssets,
+    }), pills = _b.pills, text = _b.text, subtext = _b.subtext, actions = _b.actions, assets = _b.assets;
+    var hasActions = isValidElement(actions.slotChildren);
+    var hasAssets = isValidElement(assets.slotChildren);
+    var hasPills = isValidElement(pills.slotChildren);
+    var hasText = isValidElement(text.slotChildren);
+    var hasSubtext = isValidElement(subtext.slotChildren);
+    var isEmpty = [hasActions, hasAssets, hasPills, hasText, hasSubtext].every(function (el) { return !el; });
+    if (isEmpty) {
+        return null;
+    }
+    return (React.createElement(StyledTitle, __assign({ ref: ref }, props),
+        hasAssets && (React.createElement(StyledAssets, __assign({ ref: assets.slotRef }, assets.slotProps), assets.slotChildren)),
+        React.createElement(StyledTitleContent, { "$hasActions": hasActions },
+            hasText && (React.createElement(StyledText, __assign({ ref: text.slotRef }, text.slotProps), text.slotChildren)),
+            hasPills && (React.createElement(StyledTitlePill, __assign({ ref: pills.slotRef }, pills.slotProps), pills.slotChildren)),
+            hasSubtext && (React.createElement(StyledSubtext, __assign({ ref: subtext.slotRef }, subtext.slotProps, { color: "gray45" }), subtext.slotChildren))),
+        hasActions && (React.createElement(StyledTitleActions, __assign({ ref: actions.slotRef }, actions.slotProps), actions.slotChildren))));
+});
+var TitlePills = React.forwardRef(function TitlePills() {
+    return React.createElement("div", null);
+});
+var TitleText = React.forwardRef(function TitleText() {
+    return React.createElement("div", null);
+});
+var TitleSubtext = React.forwardRef(function TitleSubtext() {
+    return React.createElement("div", null);
+});
+var TitleActions = React.forwardRef(function TitleActions() {
+    return React.createElement("div", null);
+});
+var TitleAssets = React.forwardRef(function TitleAssets() {
+    return React.createElement("div", null);
+});
+export var Title = addSubcomponents({
+    Pills: TitlePills,
+    Text: TitleText,
+    Subtext: TitleSubtext,
+    Actions: TitleActions,
+    Assets: TitleAssets,
+}, Title_);
+//# sourceMappingURL=Title.js.map

package/dist/Title/Title.js.map

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

package/dist/Title/Title.styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const StyledTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledAssets: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTitleContent: import("styled-components").StyledComponent<"div", any, {
+    $hasActions: boolean;
+}, never>;
+export declare const StyledText: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledTitlePill: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledTitleActions: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledSubtext: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").SpanAttributes & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;

package/dist/Title/Title.styles.js

@@ -0,0 +1,21 @@
+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 { StyledActions } from '../Content/Content.styles';
+import { spacing } from '../_styles/spacing';
+import { StyledPill } from '../Pill/Pill.styles';
+import { Typography } from '../Typography';
+export var StyledTitle = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n"], ["\n  display: flex;\n  align-items: flex-start;\n"])));
+export var StyledAssets = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-right: ", "px;\n"], ["\n  margin-right: ", "px;\n"])), spacing.md);
+export var StyledTitleContent = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-self: center;\n\n  ", "\n"], ["\n  align-self: center;\n\n  ", "\n"])), function (_a) {
+    var $hasActions = _a.$hasActions;
+    return $hasActions && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      margin-right: ", "px;\n    "], ["\n      margin-right: ", "px;\n    "])), spacing.lg);
+});
+export var StyledText = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  > h1,\n  > h2,\n  > h3 {\n    display: inline;\n  }\n"], ["\n  > h1,\n  > h2,\n  > h3 {\n    display: inline;\n  }\n"])));
+export var StyledTitlePill = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  margin-left: ", "px;\n\n  ", " {\n    vertical-align: text-top;\n  }\n"], ["\n  margin-left: ", "px;\n\n  ", " {\n    vertical-align: text-top;\n  }\n"])), spacing.sm, StyledPill);
+export var StyledTitleActions = styled(StyledActions)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  margin-left: auto;\n"], ["\n  margin-left: auto;\n"])));
+export var StyledSubtext = styled(Typography)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: block;\n"], ["\n  display: block;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=Title.styles.js.map

package/dist/Title/Title.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.styles.js","sourceRoot":"","sources":["../../src/Title/Title.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,qHAAA,kDAGpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,gGAAA,oBACpB,EAAU,OAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,wGAA0B,+BAGlE,EAIC,IACJ,KALG,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,WAAW,IACX,GAAG,wGAAA,wBACe,EAAU,WAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B;AAHD,CAGC,CACJ,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,8HAAA,2DAMpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,IAAI,+IAAA,mBACzB,EAAU,WAEvB,EAAU,0CAGb,KALgB,OAAO,CAAC,EAAE,EAEvB,UAAU,CAGb,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,aAAa,CAAC,6FAAA,0BAEtD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,0FAAA,uBAE9C,IAAA,CAAA"}

package/dist/Title/Title.types.d.ts

@@ -0,0 +1,3 @@
+import { DivAttributes } from '../_utils/types';
+export interface TitleProps extends DivAttributes {
+}

package/dist/Title/Title.types.js

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

package/dist/Title/Title.types.js.map

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

package/dist/Title/index.d.ts

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

package/dist/Title/index.js.map

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

package/dist/Toast/Toast.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { DivAttributes } from '../_utils/types';
+import { ToastProps } from './Toast.types';
+/**
+
+ We use toasts to temporarily display information to a user. For example,
+ as a confirmation that an action was successfully or unsuccessfully completed.
+
+ Toasts do not present the user with an action. If an action needs to be
+ performed because of the particular message, use a banner.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-toast--demo)
+
+ @see [Design Guidelines](https://design.procore.com/toast)
+
+ */
+export declare const Toast: React.ForwardRefExoticComponent<DivAttributes & ToastProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Toast/Toast.js

@@ -0,0 +1,48 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Check, Error } from '@procore/core-icons/dist';
+import React from 'react';
+import { StyledToast, StyledToastLabel } from './Toast.styles';
+/**
+
+ We use toasts to temporarily display information to a user. For example,
+ as a confirmation that an action was successfully or unsuccessfully completed.
+
+ Toasts do not present the user with an action. If an action needs to be
+ performed because of the particular message, use a banner.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-toast--demo)
+
+ @see [Design Guidelines](https://design.procore.com/toast)
+
+ */
+export var Toast = React.forwardRef(function Toast(_a, ref) {
+    var children = _a.children, variant = _a.variant, props = __rest(_a, ["children", "variant"]);
+    return (React.createElement(StyledToast, __assign({}, props, { "$variant": variant, ref: ref }),
+        variant === 'success' ? React.createElement(Check, { size: "lg" }) : React.createElement(Error, { size: "lg" }),
+        React.createElement(StyledToastLabel, null, children)));
+});
+Toast.displayName = 'Toast';
+//# sourceMappingURL=Toast.js.map

package/dist/Toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/Toast/Toast.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAG9D;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAGnC,SAAS,KAAK,CAAC,EAA+B,EAAE,GAAG;IAAlC,IAAA,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA7B,uBAA+B,CAAF;IAC5C,OAAO,CACL,oBAAC,WAAW,eAAK,KAAK,gBAAY,OAAO,EAAE,GAAG,EAAE,GAAG;QAChD,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,oBAAC,KAAK,IAAC,IAAI,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,oBAAC,KAAK,IAAC,IAAI,EAAC,IAAI,GAAG;QAClE,oBAAC,gBAAgB,QAAE,QAAQ,CAAoB,CACnC,CACf,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}

package/dist/Toast/Toast.styles.js

@@ -0,0 +1,17 @@
+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 from 'styled-components';
+import { borderRadius } from '../_styles/borderRadius';
+import { colors } from '../_styles/colors';
+import { getShadow } from '../_styles/shadows';
+import { spacing } from '../_styles/spacing';
+import { getTypographyIntent, typographyWeights, } from '../Typography/Typography.styles';
+export var StyledToast = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  align-items: center;\n  background-color: ", ";\n  border-radius: ", "px;\n  color: ", ";\n  display: flex;\n  min-height: 48px;\n  padding: ", "px ", "px;\n  width: 550px;\n"], ["\n  ", "\n\n  align-items: center;\n  background-color: ", ";\n  border-radius: ", "px;\n  color: ", ";\n  display: flex;\n  min-height: 48px;\n  padding: ", "px ", "px;\n  width: 550px;\n"])), getShadow(4, 'bottom'), function (_a) {
+    var $variant = _a.$variant;
+    return $variant === 'success' ? colors.green30 : colors.red50;
+}, borderRadius.md, colors.white, spacing.md, spacing.xl);
+export var StyledToastLabel = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n\n  font-weight: ", ";\n  margin-left: ", "px;\n  overflow: hidden;\n"], ["\n  ", "\n\n  font-weight: ", ";\n  margin-left: ", "px;\n  overflow: hidden;\n"])), getTypographyIntent('body'), typographyWeights.semibold, spacing.lg);
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Toast.styles.js.map

package/dist/Toast/Toast.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.styles.js","sourceRoot":"","sources":["../../src/Toast/Toast.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EACL,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,iCAAiC,CAAA;AAGxC,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,iQAA4B,MAC7D,EAAsB,kDAGJ,EACoC,sBACvC,EAAe,gBACvB,EAAY,uDAGV,EAAU,KAAM,EAAU,wBAEtC,KAXG,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,EAGJ,UAAC,EAAY;QAAV,QAAQ,cAAA;IAC7B,OAAA,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK;AAAtD,CAAsD,EACvC,YAAY,CAAC,EAAE,EACvB,MAAM,CAAC,KAAK,EAGV,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,CAEtC,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,oJAAA,MACvC,EAA2B,qBAEd,EAA0B,oBAC1B,EAAU,4BAE1B,KALG,mBAAmB,CAAC,MAAM,CAAC,EAEd,iBAAiB,CAAC,QAAQ,EAC1B,OAAO,CAAC,EAAE,CAE1B,CAAA"}

package/dist/Toast/Toast.types.d.ts

@@ -0,0 +1,9 @@
+import { Props } from '../_utils/types';
+export declare type ToastVariant = 'error' | 'success';
+export interface ToastProps extends Props {
+    /**
+     * Controls icon and background color
+     * @since 10.19.0
+     */
+    variant: ToastVariant;
+}

package/dist/Toast/Toast.types.js.map

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

package/dist/Toast/index.d.ts

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

package/dist/Toast/index.js

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

package/dist/Toast/index.js.map

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

package/dist/ToggleButton/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../src/ToggleButton/ToggleButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAG1D;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAG1C,SAAS,YAAY,CACrB,EAAoD,EACpD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAAlD,wCAAoD,CAAF;IAGlD,OAAO,CACL,oBAAC,kBAAkB,eACb,KAAK,iBACE,QAAQ,EACnB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,UAAU,EAClB,GAAG,EAAE,GAAG,KAEP,QAAQ,IAAI,IAAI,CACE,CACtB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}

package/dist/ToggleButton/ToggleButton.styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledToggleButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {
+    $selected: boolean;
+}, never>;