@procore/core-react 12.48.1 → 12.49.0

package/dist/TableShelf/TableShelf.styles.js

@@ -4,22 +4,22 @@ import { spacing } from '../_styles/spacing';
 var tableShelfShadow = '-4px 0px 5px 0px rgba(112, 112, 112, 0.1)';
 export var StyledShelf = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledShelf",
-  componentId: "core-12_48_1__sc-a6498a-0"
+  componentId: "core-12_49_0__sc-a6498a-0"
 })(["position:absolute;right:0;top:0;bottom:0;box-shadow:", ";background-color:", ";"], tableShelfShadow, colors.white);
 export var StyledHead = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHead",
-  componentId: "core-12_48_1__sc-a6498a-1"
+  componentId: "core-12_49_0__sc-a6498a-1"
 })(["background-color:", ";transition:background-color 0.2s ease-in-out;"], colors.gray96);
 export var StyledBodyRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBodyRow",
-  componentId: "core-12_48_1__sc-a6498a-2"
+  componentId: "core-12_49_0__sc-a6498a-2"
 })(["border-top:1px solid ", ";transition:background-color 0.2s ease-in-out;"], colors.gray85);
 export var StyledHeadCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeadCell",
-  componentId: "core-12_48_1__sc-a6498a-3"
+  componentId: "core-12_49_0__sc-a6498a-3"
 })(["text-align:left;padding:", "px;line-height:13px;"], spacing.lg);
 export var StyledBodyCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBodyCell",
-  componentId: "core-12_48_1__sc-a6498a-4"
+  componentId: "core-12_49_0__sc-a6498a-4"
 })(["padding:", "px;line-height:13px;"], spacing.lg);
 //# sourceMappingURL=TableShelf.styles.js.map

package/dist/Tabs/Tabs.styles.js

@@ -17,17 +17,17 @@ var borderRadius = /*#__PURE__*/css(["border-radius:", "px ", "px 0 0;"], spacin
  */
 var StyledTabBase = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabBase",
-  componentId: "core-12_48_1__sc-17s58xs-0"
+  componentId: "core-12_49_0__sc-17s58xs-0"
 })(["align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;position:relative;white-space:nowrap;text-decoration:none;background-color:transparent;border:none;font-family:inherit;padding:0;"]);
 var StyledTabInnerBase = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabInnerBase",
-  componentId: "core-12_48_1__sc-17s58xs-1"
+  componentId: "core-12_49_0__sc-17s58xs-1"
 })(["align-self:baseline;box-sizing:border-box;&,> a{display:flex;text-decoration:none;width:100%;}"]);
 
 // This so that it can be visible/hidden via CSS down below
 var StyledDropdownTabBase = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledDropdownTabBase",
-  componentId: "core-12_48_1__sc-17s58xs-2"
+  componentId: "core-12_49_0__sc-17s58xs-2"
 })(["", ""], hiddenTab);
 
 //// END BASE LAYOUT COMPONENTS FOR TABS ////
@@ -50,11 +50,11 @@ function getTabStyle() {
 }
 var StyledTab = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledTab",
-  componentId: "core-12_48_1__sc-17s58xs-3"
+  componentId: "core-12_49_0__sc-17s58xs-3"
 })(["", ""], getTabStyle);
 var StyledTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
   displayName: "StyledTabInner",
-  componentId: "core-12_48_1__sc-17s58xs-4"
+  componentId: "core-12_49_0__sc-17s58xs-4"
 })(["", " padding:0 ", "px;font-weight:", ";&,> a{", ";color:", ";height:23px;}& a:focus-visible{outline:2px solid ", ";outline-offset:-1px;border-radius:", "px;}", ""], getTypographyIntent('body'), spacing.xs, function (_ref3) {
   var $selected = _ref3.$selected;
   return $selected ? 600 : 400;
@@ -67,15 +67,15 @@ var StyledTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
 });
 var StyledDropdownTab = /*#__PURE__*/styled(StyledDropdownTabBase).withConfig({
   displayName: "StyledDropdownTab",
-  componentId: "core-12_48_1__sc-17s58xs-5"
+  componentId: "core-12_49_0__sc-17s58xs-5"
 })(["", ""], getTabStyle);
 var StyledDropdownTabInner = /*#__PURE__*/styled(StyledTabInner).withConfig({
   displayName: "StyledDropdownTabInner",
-  componentId: "core-12_48_1__sc-17s58xs-6"
+  componentId: "core-12_49_0__sc-17s58xs-6"
 })(["align-items:center;cursor:pointer;display:inline-flex;"]);
 var StyledLink = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLink",
-  componentId: "core-12_48_1__sc-17s58xs-7"
+  componentId: "core-12_49_0__sc-17s58xs-7"
 })(["align-items:center;display:flex;height:23px;", ";box-sizing:border-box;"], borderRadius);
 
 //// END TRADITIONAL DESIGN SYSTEM TAB STYLES ////
@@ -92,34 +92,34 @@ function getHelixHeaderTabStyles() {
 }
 var StyledGlobalNavigationTab = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledGlobalNavigationTab",
-  componentId: "core-12_48_1__sc-17s58xs-8"
+  componentId: "core-12_49_0__sc-17s58xs-8"
 })(["", ""], getHelixHeaderTabStyles);
 var StyledGlobalNavigationDropdownTab = /*#__PURE__*/styled(StyledDropdownTabBase).withConfig({
   displayName: "StyledGlobalNavigationDropdownTab",
-  componentId: "core-12_48_1__sc-17s58xs-9"
+  componentId: "core-12_49_0__sc-17s58xs-9"
 })(["", ""], getHelixHeaderTabStyles);
 var StyledGlobalNavigationDropdownTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
   displayName: "StyledGlobalNavigationDropdownTabInner",
-  componentId: "core-12_48_1__sc-17s58xs-10"
+  componentId: "core-12_49_0__sc-17s58xs-10"
 })(["align-items:center;cursor:pointer;display:inline-flex;"]);
 var StyledGlobalNavigationLink = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledGlobalNavigationLink",
-  componentId: "core-12_48_1__sc-17s58xs-11"
+  componentId: "core-12_49_0__sc-17s58xs-11"
 })(["padding-left:6px;padding-right:6px;"]);
 
 //// END HELIX GLOBAL NAVIGATION TAB STYLES ////
 
 export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledOverlay",
-  componentId: "core-12_48_1__sc-17s58xs-12"
+  componentId: "core-12_49_0__sc-17s58xs-12"
 })(["max-height:40vh;", "{padding:0;display:flex;justify-content:center;a{color:unset;margin:unset;padding:unset;&:focus-visible{outline-offset:1px;}}}", "{padding:0;display:flex;}", "{padding:2px 16px 4px 16px;}", ",", "{color:", ";border-radius:0;display:flex;width:100%;background:inherit;font-weight:inherit;font-size:inherit;padding:0;}[data-selected='true']{", ",", "{border-bottom-color:transparent;color:", ";}}"], StyledItem, StyledLink, StyledTabInnerBase, StyledLink, StyledTabBase, colors.gray15, StyledLink, StyledTabBase, colors.blue50);
 export var StyledTabList = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabList",
-  componentId: "core-12_48_1__sc-17s58xs-13"
+  componentId: "core-12_49_0__sc-17s58xs-13"
 })(["display:flex;list-style:none;margin:0;padding:0;width:100%;"]);
 export var StyledTabs = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabs",
-  componentId: "core-12_48_1__sc-17s58xs-14"
+  componentId: "core-12_49_0__sc-17s58xs-14"
 })(["background-color:", ";display:flex;overflow:hidden;width:100%;", "{&:nth-child(1n + ", "){&:not(", "){", "}}}", ""], function (_ref6) {
   var $dark = _ref6.$dark;
   return $dark && colors.gray15;
@@ -133,7 +133,7 @@ export var StyledTabs = /*#__PURE__*/styled.div.withConfig({
 });
 var StyledMoreLi = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledMoreLi",
-  componentId: "core-12_48_1__sc-17s58xs-15"
+  componentId: "core-12_49_0__sc-17s58xs-15"
 })(["", ""], function (_ref9) {
   var $helix = _ref9.$helix;
   return $helix ? css(["margin-left:", "px;"], spacing.sm) : css(["margin-left:", "px;"], spacing.xl);

package/dist/Tearsheet/Tearsheet.styles.js

@@ -46,7 +46,7 @@ var getSlideOutAnimation = function getSlideOutAnimation($placement) {
 };
 export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetContent",
-  componentId: "core-12_48_1__sc-ljrxoq-0"
+  componentId: "core-12_49_0__sc-ljrxoq-0"
 })(["display:flex;z-index:2;width:100%;", " ", " ", " ", ""], function (_ref) {
   var $open = _ref.$open,
     $placement = _ref.$placement;
@@ -66,7 +66,7 @@ export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
 export var minScrimSize = spacing.xxl * 3;
 export var StyledTearsheetBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetBody",
-  componentId: "core-12_48_1__sc-ljrxoq-1"
+  componentId: "core-12_49_0__sc-ljrxoq-1"
 })(["display:flex;overflow-y:auto;flex-direction:column;background-color:", ";&:focus-visible{", "}", ""], colors.white, getGapOutlineFocus('inside'), function (_ref5) {
   var $block = _ref5.$block,
     $placement = _ref5.$placement,
@@ -78,7 +78,7 @@ var zoomIn = /*#__PURE__*/keyframes(["from{transform:scale(0);}to{transform:scal
 var zoomOut = /*#__PURE__*/keyframes(["from{transform:scale(1);}to{transform:scale(0);}"]);
 export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledScrimContainer",
-  componentId: "core-12_48_1__sc-ljrxoq-2"
+  componentId: "core-12_49_0__sc-ljrxoq-2"
 })(["", ""], function (_ref6) {
   var $placement = _ref6.$placement;
   var minSizeProp = ['top', 'bottom'].includes($placement) ? 'min-height' : 'min-width';
@@ -86,7 +86,7 @@ export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledButtonContainer",
-  componentId: "core-12_48_1__sc-ljrxoq-3"
+  componentId: "core-12_49_0__sc-ljrxoq-3"
 })(["", ""], function (_ref7) {
   var $placement = _ref7.$placement;
   switch ($placement) {
@@ -101,7 +101,7 @@ export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonCard = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledButtonCard",
-  componentId: "core-12_48_1__sc-ljrxoq-4"
+  componentId: "core-12_49_0__sc-ljrxoq-4"
 })(["display:inline-flex;margin:", "px;", " ", " ", ""], spacing.xl, function (_ref8) {
   var $open = _ref8.$open;
   return $open ? css(["transform:scale(1);"]) : css(["transform:scale(0);"]);

package/dist/TextArea/TextArea.styles.js

@@ -3,7 +3,7 @@ import { getInputStyles } from '../Input/Input.styles';
 import { spacing } from '../_styles/spacing';
 export var StyledTextArea = /*#__PURE__*/styled.textarea.withConfig({
   displayName: "StyledTextArea",
-  componentId: "core-12_48_1__sc-u5mow1-0"
+  componentId: "core-12_49_0__sc-u5mow1-0"
 })(["", ";height:auto;min-height:64px;padding:", "px ", "px;resize:", ";"], getInputStyles, spacing.sm, spacing.md, function (_ref) {
   var _ref$$resize = _ref.$resize,
     $resize = _ref$$resize === void 0 ? 'both' : _ref$$resize;

package/dist/TextEditorOutput/TextEditorOutput.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 export var StyledEditor = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEditor",
-  componentId: "core-12_48_1__sc-1lje1b0-0"
+  componentId: "core-12_49_0__sc-1lje1b0-0"
 })(["> .tox-tinymce{border:none;}"]);
 //# sourceMappingURL=TextEditorOutput.styles.js.map

package/dist/Thumbnail/Thumbnail.hooks.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="trusted-types" />
 import type React from 'react';
 import type { LayoutVariant, ThumbnailProps } from './Thumbnail.types';
 export declare const useThumbnail: ({ selected, disabled, clickable, focused, hasCaptionPlaceholder, src, filename: filename_, size, label, error, name, caption, onChange, value, ...props }: ThumbnailProps<'checkbox'> | ThumbnailProps<'figure'> | ThumbnailProps<undefined>) => {

package/dist/Thumbnail/Thumbnail.styles.js

@@ -29,51 +29,51 @@ var captionTextStyles = /*#__PURE__*/css(["color:", ";font-size:12px;line-height
 });
 export var StyledThumbnailCaptionStack = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailCaptionStack",
-  componentId: "core-12_48_1__sc-195f70c-0"
+  componentId: "core-12_49_0__sc-195f70c-0"
 })(["", ";display:flex;flex-direction:column;align-items:stretch;"], captionStandaloneLayout);
 export var StyledThumbnailErrorRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailErrorRow",
-  componentId: "core-12_48_1__sc-195f70c-1"
+  componentId: "core-12_49_0__sc-195f70c-1"
 })(["font-family:inherit;display:flex;align-items:flex-start;gap:", "px;&:not(:first-child){margin-top:", "px;}color:", ";font-size:12px;line-height:16px;letter-spacing:0.25px;font-weight:400;width:100%;min-width:0;"], spacing.xs, spacing.xs, colors.red50);
 export var StyledThumbnailErrorIcon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledThumbnailErrorIcon",
-  componentId: "core-12_48_1__sc-195f70c-2"
+  componentId: "core-12_49_0__sc-195f70c-2"
 })(["flex-shrink:0;display:inline-flex;"]);
 export var StyledThumbnailErrorText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledThumbnailErrorText",
-  componentId: "core-12_48_1__sc-195f70c-3"
+  componentId: "core-12_49_0__sc-195f70c-3"
 })(["display:flex;flex:1 1 0;min-width:0;max-width:100%;align-items:center;"]);
 export var StyledMultilineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultilineCaption",
-  componentId: "core-12_48_1__sc-195f70c-4"
+  componentId: "core-12_49_0__sc-195f70c-4"
 })(["", ";", ";display:flex;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:", "px;"], captionStandaloneLayoutUnlessError, captionTextStyles, multilineCaptionMaxHeight);
 export var StyledCaptionText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledCaptionText",
-  componentId: "core-12_48_1__sc-195f70c-5"
+  componentId: "core-12_49_0__sc-195f70c-5"
 })(["width:100%;"]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-12_48_1__sc-195f70c-6"
+  componentId: "core-12_49_0__sc-195f70c-6"
 })(["", ";", ""], captionStandaloneLayoutUnlessError, captionTextStyles);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-12_48_1__sc-195f70c-7"
+  componentId: "core-12_49_0__sc-195f70c-7"
 })(["display:flex;", ";", ""], captionStandaloneLayoutUnlessError, captionTextStyles);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-12_48_1__sc-195f70c-8"
+  componentId: "core-12_49_0__sc-195f70c-8"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-12_48_1__sc-195f70c-9"
+  componentId: "core-12_49_0__sc-195f70c-9"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-12_48_1__sc-195f70c-10"
+  componentId: "core-12_49_0__sc-195f70c-10"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-12_48_1__sc-195f70c-11"
+  componentId: "core-12_49_0__sc-195f70c-11"
 })(["", " ", " color:", ";font-weight:", ";text-align:center;width:100%;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;background-color:", ";"], getTypographyIntent('small'), getEllipsis(), function (_ref5) {
   var _ref5$$color = _ref5.$color,
     $color = _ref5$$color === void 0 ? 'gray15' : _ref5$$color;
@@ -81,7 +81,7 @@ export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig
 }, typographyWeights.bold, labelHeight, spacing.sm / 2, spacing.sm, colors.white);
 export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_48_1__sc-195f70c-12"
+  componentId: "core-12_49_0__sc-195f70c-12"
 })(["display:flex;justify-content:center;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;font-size:", "px;background-color:", ";"], labelHeight, spacing.sm / 2, spacing.sm, labelFontSize, colors.white);
 var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border:1px solid ", ";border-radius:", "px;margin:0;", " ", " &:focus{", ";}", " ", " ", ""], colors.gray85, borderRadius.md, function (_ref6) {
   var $clickable = _ref6.$clickable;
@@ -103,7 +103,7 @@ var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align
 });
 export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledTickIcon",
-  componentId: "core-12_48_1__sc-195f70c-13"
+  componentId: "core-12_49_0__sc-195f70c-13"
 })(["position:absolute;top:", "px;right:", "px;width:", "px;height:", "px;opacity:0;transform:scale(0.75);transition:transform 250ms ease-out,opacity 100ms ease-out;", " ", ""], spacing.sm, spacing.sm, tickSize, tickSize, function (_ref1) {
   var $selected = _ref1.$selected;
   return $selected && css(["opacity:1;transform:scale(1);"]);
@@ -113,28 +113,28 @@ export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
 });
 export var StyledFileIcon = /*#__PURE__*/styled(DocumentIcon).withConfig({
   displayName: "StyledFileIcon",
-  componentId: "core-12_48_1__sc-195f70c-14"
+  componentId: "core-12_49_0__sc-195f70c-14"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-12_48_1__sc-195f70c-15"
+  componentId: "core-12_49_0__sc-195f70c-15"
 })(["width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;", ""], function (_ref11) {
   var $bgImage = _ref11.$bgImage;
   return css(["background-image:url(", ");"], $bgImage);
 });
 export var StyledImageThumbnailOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailOverlay",
-  componentId: "core-12_48_1__sc-195f70c-16"
+  componentId: "core-12_49_0__sc-195f70c-16"
 })(["display:none;position:absolute;top:0;bottom:0;left:0;right:0;"]);
 var blackOverlay = "\n  background-color: ".concat(colors.black, ";\n  opacity: 0.2;\n");
 var whiteOverlay = "\n  background-color: ".concat(colors.white, ";\n  opacity: 0.5;\n");
 export var StyledImageThumbnailImage = /*#__PURE__*/styled.img.withConfig({
   displayName: "StyledImageThumbnailImage",
-  componentId: "core-12_48_1__sc-195f70c-17"
+  componentId: "core-12_49_0__sc-195f70c-17"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-12_48_1__sc-195f70c-18"
+  componentId: "core-12_49_0__sc-195f70c-18"
 })(["", ";flex-direction:column;", " ", " ", " ", " ", " ", ""], thumbnailBase, function (_ref12) {
   var $disabled = _ref12.$disabled;
   return $disabled && css(["&,&:hover{", "{display:block;", "}}", ",", ",", "{filter:saturate(0);}", "{filter:saturate(0);z-index:-1;}"], StyledImageThumbnailOverlay, whiteOverlay, StyledImageThumbnailPreview, StyledTickIcon, StyledImageThumbnailImage, StyledFileIcon);
@@ -163,7 +163,7 @@ export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailWrapper",
-  componentId: "core-12_48_1__sc-195f70c-19"
+  componentId: "core-12_49_0__sc-195f70c-19"
 })(["display:flex;", " ", ""], function (_ref18) {
   var $size = _ref18.$size;
   return $size === 'lg' ? "\n        width: ".concat(thumbnailSizeLg, "px;\n      ") : '';
@@ -174,7 +174,7 @@ export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPlaceholderThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderThumbnail",
-  componentId: "core-12_48_1__sc-195f70c-20"
+  componentId: "core-12_49_0__sc-195f70c-20"
 })(["", " ", " ", " ", " ", ""], thumbnailBase, function (_ref20) {
   var $clickable = _ref20.$clickable;
   return $clickable && css(["&:hover{background-color:", ";}"], colors.gray96);

package/dist/ThumbnailGrid/ThumbnailGrid.styles.js

@@ -7,31 +7,31 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledCheckbox = /*#__PURE__*/styled(Checkbox).withConfig({
   displayName: "StyledCheckbox",
-  componentId: "core-12_48_1__sc-1inrbm9-0"
+  componentId: "core-12_49_0__sc-1inrbm9-0"
 })(["input{z-index:2;}"]);
 export var StyledGroupCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroupCell",
-  componentId: "core-12_48_1__sc-1inrbm9-1"
+  componentId: "core-12_49_0__sc-1inrbm9-1"
 })(["display:flex;align-items:flex-end;padding-bottom:", "px;"], spacing.md);
 export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
   displayName: "StyledThumbnail",
-  componentId: "core-12_48_1__sc-1inrbm9-2"
+  componentId: "core-12_49_0__sc-1inrbm9-2"
 })(["display:inline-flex;&:focus{outline:none;}"]);
 // VariableSizeGrid has provided width and height as inline style, so to make it flexible and support responsive !important was added
 export var StyledVariableSizeGrid = /*#__PURE__*/styled(VariableSizeGrid).withConfig({
   displayName: "StyledVariableSizeGrid",
-  componentId: "core-12_48_1__sc-1inrbm9-3"
+  componentId: "core-12_49_0__sc-1inrbm9-3"
 })(["height:100% !important;& > div{width:100% !important;}"]);
 export var StyledGroupTitle = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledGroupTitle",
-  componentId: "core-12_48_1__sc-1inrbm9-4"
+  componentId: "core-12_49_0__sc-1inrbm9-4"
 })(["", ""], getEllipsis);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-12_48_1__sc-1inrbm9-5"
+  componentId: "core-12_49_0__sc-1inrbm9-5"
 })(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
 export var StyledThumbnailGrid = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailGrid",
-  componentId: "core-12_48_1__sc-1inrbm9-6"
+  componentId: "core-12_49_0__sc-1inrbm9-6"
 })(["display:flex;flex-wrap:wrap;outline:none;"]);
 //# sourceMappingURL=ThumbnailGrid.styles.js.map

package/dist/TieredSelect/TieredSelect.styles.js

@@ -9,19 +9,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledTieredSelect = /*#__PURE__*/styled(MenuImperative).withConfig({
   displayName: "StyledTieredSelect",
-  componentId: "core-12_48_1__sc-e1ql06-0"
+  componentId: "core-12_49_0__sc-e1ql06-0"
 })(["align-items:stretch;max-height:40vh;"]);
 export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectIcon",
-  componentId: "core-12_48_1__sc-e1ql06-1"
+  componentId: "core-12_49_0__sc-e1ql06-1"
 })(["height:24px;width:24px;"]);
 export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledTieredSelectArrowButton",
-  componentId: "core-12_48_1__sc-e1ql06-2"
+  componentId: "core-12_49_0__sc-e1ql06-2"
 })(["border:1px solid transparent;"]);
 export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
   displayName: "StyledTieredSelectBreadcrumbs",
-  componentId: "core-12_48_1__sc-e1ql06-3"
+  componentId: "core-12_49_0__sc-e1ql06-3"
 })(["background-color:", ";flex-wrap:wrap;margin-top:", "px;max-height:68px;overflow-y:auto;padding:", "px ", "px;", ""], colors.gray96, spacing.sm, spacing.xs, spacing.md, function (_ref) {
   var $nonInteractive = _ref.$nonInteractive;
   if ($nonInteractive) {
@@ -30,22 +30,22 @@ export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).with
 });
 export var StyledTieredSelectHome = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectHome",
-  componentId: "core-12_48_1__sc-e1ql06-4"
+  componentId: "core-12_49_0__sc-e1ql06-4"
 })(["height:20px;"]);
 export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
   displayName: "StyledTieredSelectOption",
-  componentId: "core-12_48_1__sc-e1ql06-5"
+  componentId: "core-12_49_0__sc-e1ql06-5"
 })(["align-items:center;display:flex;justify-content:space-between;padding:2px ", "px;"], spacing.lg);
 export var StyledTieredSelectLoadingMore = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectLoadingMore",
-  componentId: "core-12_48_1__sc-e1ql06-6"
+  componentId: "core-12_49_0__sc-e1ql06-6"
 })(["align-items:center;justify-content:center;padding:", "px ", "px 0px ", "px;"], spacing.xs, spacing.lg, spacing.lg);
 export var StyledTieredSelectOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledTieredSelectOverlay",
-  componentId: "core-12_48_1__sc-e1ql06-7"
+  componentId: "core-12_49_0__sc-e1ql06-7"
 })(["max-width:248px;min-width:inherit;"]);
 export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledTieredSelectSpinnerOverlay",
-  componentId: "core-12_48_1__sc-e1ql06-8"
+  componentId: "core-12_49_0__sc-e1ql06-8"
 })(["min-height:auto;"]);
 //# sourceMappingURL=TieredSelect.styles.js.map

package/dist/Tile/Tile.styles.js

@@ -44,7 +44,7 @@ var getTileStyles = function getTileStyles(_ref) {
 };
 export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkTile",
-  componentId: "core-12_48_1__sc-8q9p0n-0"
+  componentId: "core-12_49_0__sc-8q9p0n-0"
 })(["", " text-decoration:none;color:inherit;"], function (_ref2) {
   var $orientation = _ref2.$orientation;
   return getTileStyles({
@@ -54,7 +54,7 @@ export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
 });
 export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectableTile",
-  componentId: "core-12_48_1__sc-8q9p0n-1"
+  componentId: "core-12_49_0__sc-8q9p0n-1"
 })(["", ""], function (_ref3) {
   var $orientation = _ref3.$orientation,
     $selected = _ref3.$selected,
@@ -72,7 +72,7 @@ export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledInteractableTile",
-  componentId: "core-12_48_1__sc-8q9p0n-2"
+  componentId: "core-12_49_0__sc-8q9p0n-2"
 })(["", ""], function (_ref4) {
   var $orientation = _ref4.$orientation;
   return getTileStyles({
@@ -81,26 +81,26 @@ export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_48_1__sc-8q9p0n-3"
+  componentId: "core-12_49_0__sc-8q9p0n-3"
 })(["grid-area:footer;padding:", "px;> ", "{flex-wrap:wrap-reverse;}"], spacing.lg, StyledActions);
 export var StyledTileContent = /*#__PURE__*/styled(StyledContent).withConfig({
   displayName: "StyledTileContent",
-  componentId: "core-12_48_1__sc-8q9p0n-4"
+  componentId: "core-12_49_0__sc-8q9p0n-4"
 })(["grid-column-start:hero-start;grid-column-end:body-end;padding:", "px;+ ", "{padding-top:0;}> ", ",> ", " > ", ",> ", "{grid-column-gap:", "px;}"], spacing.lg, StyledFooter, SFormRow, SForm, SFormRow, SFormRow, spacing.md);
 export var StyledHeroMedia = /*#__PURE__*/styled.figure.withConfig({
   displayName: "StyledHeroMedia",
-  componentId: "core-12_48_1__sc-8q9p0n-5"
+  componentId: "core-12_49_0__sc-8q9p0n-5"
 })(["grid-area:hero;margin:0;position:relative;overflow:hidden;font-size:0;> *{font-size:initial;}+ ", "{grid-area:body;}> video{background-color:", ";}> img,> picture > img{object-fit:cover;}", ""], StyledTileContent, colors.black, function (_ref5) {
   var $orientation = _ref5.$orientation;
   return $orientation === 'landscape' && !isIE11() ? css(["border-top-left-radius:calc(", "px - 1px);border-bottom-left-radius:calc(", "px - 1px);> *,> picture > img{border-bottom-left-radius:calc(", "px - 1px);border-top-left-radius:calc(", "px - 1px);height:100%;width:100%;position:absolute;}@media ", "{> picture > img,> img{width:auto;left:50%;transform:translate(-50%,0);}}"], borderRadius.md, borderRadius.md, borderRadius.md, borderRadius.md, mediaIE11Hack) : css(["min-height:156px;max-height:567px;border-top-left-radius:calc(", "px - 1px);border-top-right-radius:calc(", "px - 1px);> *,> picture > img{border-top-left-radius:calc(", "px - 1px);border-top-right-radius:calc(", "px - 1px);min-height:inherit;max-height:inherit;height:auto;width:100%;}"], borderRadius.md, borderRadius.md, borderRadius.md, borderRadius.md);
 });
 export var StyledHeroOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroOverlay",
-  componentId: "core-12_48_1__sc-8q9p0n-6"
+  componentId: "core-12_49_0__sc-8q9p0n-6"
 })(["position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;"]);
 export var StyledHeroText = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroText",
-  componentId: "core-12_48_1__sc-8q9p0n-7"
+  componentId: "core-12_49_0__sc-8q9p0n-7"
 })(["grid-area:hero;+ ", "{grid-area:body;}padding:", "px;border-radius:inherit;", ""], StyledTileContent, spacing.lg, function (_ref6) {
   var $orientation = _ref6.$orientation;
   return $orientation === 'landscape' ? css(["display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-right:0;"]) : css(["padding-bottom:0;"]);

package/dist/Title/Title.styles.js

@@ -5,36 +5,36 @@ import { Typography } from '../Typography/Typography';
 import { spacing } from '../_styles/spacing';
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_48_1__sc-1t2ye1d-0"
+  componentId: "core-12_49_0__sc-1t2ye1d-0"
 })(["display:flex;align-items:flex-start;"]);
 export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAssets",
-  componentId: "core-12_48_1__sc-1t2ye1d-1"
+  componentId: "core-12_49_0__sc-1t2ye1d-1"
 })(["margin-right:", "px;", ""], spacing.md, function (_ref) {
   var alignment = _ref.alignment;
   return css(["align-self:", ";"], alignment);
 });
 export var StyledTitleContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitleContent",
-  componentId: "core-12_48_1__sc-1t2ye1d-2"
+  componentId: "core-12_49_0__sc-1t2ye1d-2"
 })(["align-self:center;", ""], function (_ref2) {
   var $hasActions = _ref2.$hasActions;
   return $hasActions && css(["margin-right:", "px;"], spacing.lg);
 });
 export var StyledText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledText",
-  componentId: "core-12_48_1__sc-1t2ye1d-3"
+  componentId: "core-12_49_0__sc-1t2ye1d-3"
 })(["> h1,> h2,> h3{display:inline;}"]);
 export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTitlePill",
-  componentId: "core-12_48_1__sc-1t2ye1d-4"
+  componentId: "core-12_49_0__sc-1t2ye1d-4"
 })(["margin-left:", "px;", "{vertical-align:text-top;}"], spacing.sm, StyledPill);
 export var StyledTitleActions = /*#__PURE__*/styled(StyledActions).withConfig({
   displayName: "StyledTitleActions",
-  componentId: "core-12_48_1__sc-1t2ye1d-5"
+  componentId: "core-12_49_0__sc-1t2ye1d-5"
 })(["margin-left:auto;"]);
 export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledSubtext",
-  componentId: "core-12_48_1__sc-1t2ye1d-6"
+  componentId: "core-12_49_0__sc-1t2ye1d-6"
 })(["display:block;margin-top:", "px;"], spacing.xs);
 //# sourceMappingURL=Title.styles.js.map

package/dist/Toast/Toast.js

@@ -19,8 +19,6 @@ var Text = /*#__PURE__*/React.forwardRef(function Label(_ref, ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledToastText, _extends({
-    role: "alert",
-    "aria-atomic": "true",
     ref: ref
   }, props), children);
 });
@@ -48,13 +46,24 @@ export var Toast_ = /*#__PURE__*/React.forwardRef(function Toast(_ref3, ref) {
   var children = _ref3.children,
     variant = _ref3.variant,
     props = _objectWithoutProperties(_ref3, _excluded2);
-  return /*#__PURE__*/React.createElement(StyledToast, _extends({}, props, {
+  var I18n = useI18nContext();
+  var isSuccess = variant === 'success';
+  return /*#__PURE__*/React.createElement(StyledToast, _extends({
+    role: isSuccess ? 'status' : 'alert',
+    "aria-atomic": "true"
+  }, props, {
     $variant: variant,
     ref: ref
-  }), variant === 'success' ? /*#__PURE__*/React.createElement(Check, {
-    size: "lg"
+  }), isSuccess ? /*#__PURE__*/React.createElement(Check, {
+    size: "lg",
+    "aria-hidden": false,
+    "aria-label": I18n.t('core.toast.a11y.success'),
+    role: "img"
   }) : /*#__PURE__*/React.createElement(Error, {
-    size: "lg"
+    size: "lg",
+    "aria-hidden": false,
+    "aria-label": I18n.t('core.toast.a11y.error'),
+    role: "img"
   }), typeof children === 'string' || children && typeof children[0] === 'string' ?
   /*#__PURE__*/
   // legacy path automates and wraps direct text with the subcomponent

package/dist/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":["Check","Clear","Error","React","useI18nContext","addSubcomponents","StyledToast","StyledToastButton","StyledToastText","Text","forwardRef","Label","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","role","Dismiss","ToastDismiss","_ref2","_objectDestructuringEmpty","I18n","variant","t","Toast_","Toast","_ref3","_excluded2","$variant","size","$legacy","displayName"],"sources":["../../src/Toast/Toast.tsx"],"sourcesContent":["import { Check, Clear, Error } from '@procore/core-icons'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { StyledToast, StyledToastButton, StyledToastText } from './Toast.styles'\nimport type { ToastProps } from './Toast.types'\n\n/**\n * Toasts are concise and are written in sentence case with punctuation.\n * Toasts have a suggested character count limit of 65.\n\n  @since 11.12.0\n */\nconst Text = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement>\n>(function Label({ children, ...props }, ref) {\n  return (\n    <StyledToastText role=\"alert\" aria-atomic=\"true\" ref={ref} {...props}>\n      {children}\n    </StyledToastText>\n  )\n})\n\n/**\n Button to dismiss/close/hide the Toast. For accessible 'enough time' patterns,\n Toasts can be extended and have an action to dismiss the Toast. Otherwise,\n Toasts do not present the user with an action. If an action needs to be performed\n because of the particular message, use a banner.\n\n @since 11.12.0\n\n */\nconst Dismiss = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n>(function ToastDismiss({ ...props }, ref) {\n  const I18n = useI18nContext()\n  return (\n    <StyledToastButton\n      ref={ref}\n      variant=\"tertiary\"\n      aria-hidden=\"false\"\n      aria-label={I18n.t('core.toast.a11y.dismiss')}\n      {...props}\n    >\n      <Clear />\n    </StyledToastButton>\n  )\n})\n\nexport const Toast_ = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & ToastProps\n>(function Toast({ children, variant, ...props }, ref) {\n  return (\n    <StyledToast {...props} $variant={variant} ref={ref}>\n      {variant === 'success' ? <Check size=\"lg\" /> : <Error size=\"lg\" />}\n      {typeof children === 'string' ||\n      (children && typeof (children as Array<unknown>)[0] === 'string') ? (\n        // legacy path automates and wraps direct text with the subcomponent\n        <StyledToastText $legacy>{children}</StyledToastText>\n      ) : (\n        children\n      )}\n    </StyledToast>\n  )\n})\n\nToast_.displayName = 'Toast'\nDismiss.displayName = 'Toast.Dismiss'\nText.displayName = 'Toast.Text'\n\n/**\n\n We use toasts to temporarily display information to a user. For example,\n as a confirmation that an action was successfully or unsuccessfully completed.\n\n Toasts do not present the user with an action. If an action needs to be\n performed because of the particular message, use a banner. However, for\n accessible 'enough time' patterns, Toasts can be extended and can have\n an action to dismiss the Toast.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toast--demo)\n\n @see [Design Guidelines](https://design.procore.com/toast)\n\n */\nexport const Toast = addSubcomponents(\n  {\n    Dismiss,\n    Text,\n  },\n  Toast_\n)\n"],"mappings":";;;;;;AAAA,SAASA,KAAK,EAAEC,KAAK,EAAEC,KAAK,QAAQ,qBAAqB;AACzD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,WAAW,EAAEC,iBAAiB,EAAEC,eAAe,QAAQ,gBAAgB;AAGhF;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,IAAI,gBAAGN,KAAK,CAACO,UAAU,CAG3B,SAASC,KAAKA,CAAAC,IAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACnC,oBACEd,KAAA,CAAAe,aAAA,CAACV,eAAe,EAAAW,QAAA;IAACC,IAAI,EAAC,OAAO;IAAC,eAAY,MAAM;IAACP,GAAG,EAAEA;EAAI,GAAKE,KAAK,GACjED,QACc,CAAC;AAEtB,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMO,OAAO,gBAAGlB,KAAK,CAACO,UAAU,CAG9B,SAASY,YAAYA,CAAAC,KAAA,EAAeV,GAAG,EAAE;EAAA,IAAdE,KAAK,GAAAI,QAAA,MAAAK,yBAAA,CAAAD,KAAA,GAAAA,KAAA;EAChC,IAAME,IAAI,GAAGrB,cAAc,CAAC,CAAC;EAC7B,oBACED,KAAA,CAAAe,aAAA,CAACX,iBAAiB,EAAAY,QAAA;IAChBN,GAAG,EAAEA,GAAI;IACTa,OAAO,EAAC,UAAU;IAClB,eAAY,OAAO;IACnB,cAAYD,IAAI,CAACE,CAAC,CAAC,yBAAyB;EAAE,GAC1CZ,KAAK,gBAETZ,KAAA,CAAAe,aAAA,CAACjB,KAAK,MAAE,CACS,CAAC;AAExB,CAAC,CAAC;AAEF,OAAO,IAAM2B,MAAM,gBAAGzB,KAAK,CAACO,UAAU,CAGpC,SAASmB,KAAKA,CAAAC,KAAA,EAAkCjB,GAAG,EAAE;EAAA,IAApCC,QAAQ,GAAAgB,KAAA,CAARhB,QAAQ;IAAEY,OAAO,GAAAI,KAAA,CAAPJ,OAAO;IAAKX,KAAK,GAAAC,wBAAA,CAAAc,KAAA,EAAAC,UAAA;EAC5C,oBACE5B,KAAA,CAAAe,aAAA,CAACZ,WAAW,EAAAa,QAAA,KAAKJ,KAAK;IAAEiB,QAAQ,EAAEN,OAAQ;IAACb,GAAG,EAAEA;EAAI,IACjDa,OAAO,KAAK,SAAS,gBAAGvB,KAAA,CAAAe,aAAA,CAAClB,KAAK;IAACiC,IAAI,EAAC;EAAI,CAAE,CAAC,gBAAG9B,KAAA,CAAAe,aAAA,CAAChB,KAAK;IAAC+B,IAAI,EAAC;EAAI,CAAE,CAAC,EACjE,OAAOnB,QAAQ,KAAK,QAAQ,IAC5BA,QAAQ,IAAI,OAAQA,QAAQ,CAAoB,CAAC,CAAC,KAAK,QAAS;EAAA;EAC/D;EACAX,KAAA,CAAAe,aAAA,CAACV,eAAe;IAAC0B,OAAO;EAAA,GAAEpB,QAA0B,CAAC,GAErDA,QAES,CAAC;AAElB,CAAC,CAAC;AAEFc,MAAM,CAACO,WAAW,GAAG,OAAO;AAC5Bd,OAAO,CAACc,WAAW,GAAG,eAAe;AACrC1B,IAAI,CAAC0B,WAAW,GAAG,YAAY;;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMN,KAAK,GAAGxB,gBAAgB,CACnC;EACEgB,OAAO,EAAPA,OAAO;EACPZ,IAAI,EAAJA;AACF,CAAC,EACDmB,MACF,CAAC"}
+{"version":3,"file":"Toast.js","names":["Check","Clear","Error","React","useI18nContext","addSubcomponents","StyledToast","StyledToastButton","StyledToastText","Text","forwardRef","Label","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","Dismiss","ToastDismiss","_ref2","_objectDestructuringEmpty","I18n","variant","t","Toast_","Toast","_ref3","_excluded2","isSuccess","role","$variant","size","$legacy","displayName"],"sources":["../../src/Toast/Toast.tsx"],"sourcesContent":["import { Check, Clear, Error } from '@procore/core-icons'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { StyledToast, StyledToastButton, StyledToastText } from './Toast.styles'\nimport type { ToastProps } from './Toast.types'\n\n/**\n * Toasts are concise and are written in sentence case with punctuation.\n * Toasts have a suggested character count limit of 65.\n\n  @since 11.12.0\n */\nconst Text = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement>\n>(function Label({ children, ...props }, ref) {\n  return (\n    <StyledToastText ref={ref} {...props}>\n      {children}\n    </StyledToastText>\n  )\n})\n\n/**\n Button to dismiss/close/hide the Toast. For accessible 'enough time' patterns,\n Toasts can be extended and have an action to dismiss the Toast. Otherwise,\n Toasts do not present the user with an action. If an action needs to be performed\n because of the particular message, use a banner.\n\n @since 11.12.0\n\n */\nconst Dismiss = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n>(function ToastDismiss({ ...props }, ref) {\n  const I18n = useI18nContext()\n  return (\n    <StyledToastButton\n      ref={ref}\n      variant=\"tertiary\"\n      aria-hidden=\"false\"\n      aria-label={I18n.t('core.toast.a11y.dismiss')}\n      {...props}\n    >\n      <Clear />\n    </StyledToastButton>\n  )\n})\n\nexport const Toast_ = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & ToastProps\n>(function Toast({ children, variant, ...props }, ref) {\n  const I18n = useI18nContext()\n  const isSuccess = variant === 'success'\n\n  return (\n    <StyledToast\n      role={isSuccess ? 'status' : 'alert'}\n      aria-atomic=\"true\"\n      {...props}\n      $variant={variant}\n      ref={ref}\n    >\n      {isSuccess ? (\n        <Check\n          size=\"lg\"\n          aria-hidden={false}\n          aria-label={I18n.t('core.toast.a11y.success')}\n          role=\"img\"\n        />\n      ) : (\n        <Error\n          size=\"lg\"\n          aria-hidden={false}\n          aria-label={I18n.t('core.toast.a11y.error')}\n          role=\"img\"\n        />\n      )}\n      {typeof children === 'string' ||\n      (children && typeof (children as Array<unknown>)[0] === 'string') ? (\n        // legacy path automates and wraps direct text with the subcomponent\n        <StyledToastText $legacy>{children}</StyledToastText>\n      ) : (\n        children\n      )}\n    </StyledToast>\n  )\n})\n\nToast_.displayName = 'Toast'\nDismiss.displayName = 'Toast.Dismiss'\nText.displayName = 'Toast.Text'\n\n/**\n\n We use toasts to temporarily display information to a user. For example,\n as a confirmation that an action was successfully or unsuccessfully completed.\n\n Toasts do not present the user with an action. If an action needs to be\n performed because of the particular message, use a banner. However, for\n accessible 'enough time' patterns, Toasts can be extended and can have\n an action to dismiss the Toast.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toast--demo)\n\n @see [Design Guidelines](https://design.procore.com/toast)\n\n */\nexport const Toast = addSubcomponents(\n  {\n    Dismiss,\n    Text,\n  },\n  Toast_\n)\n"],"mappings":"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"}