@procore/core-react 12.31.0 → 12.33.0

package/dist/Thumbnail/Thumbnail.styles.js

@@ -27,35 +27,35 @@ var captionBase = /*#__PURE__*/css(["color:", ";font-size:12px;line-height:16px;
 });
 export var StyledMultilineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultilineCaption",
-  componentId: "core-12_31_0__sc-195f70c-0"
+  componentId: "core-12_33_0__sc-195f70c-0"
 })(["", ";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;"], captionBase, multilineCaptionMaxHeight);
 export var StyledCaptionText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledCaptionText",
-  componentId: "core-12_31_0__sc-195f70c-1"
+  componentId: "core-12_33_0__sc-195f70c-1"
 })(["width:100%;"]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-12_31_0__sc-195f70c-2"
+  componentId: "core-12_33_0__sc-195f70c-2"
 })(["", ""], captionBase);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-12_31_0__sc-195f70c-3"
+  componentId: "core-12_33_0__sc-195f70c-3"
 })(["display:flex;", ""], captionBase);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-12_31_0__sc-195f70c-4"
+  componentId: "core-12_33_0__sc-195f70c-4"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-12_31_0__sc-195f70c-5"
+  componentId: "core-12_33_0__sc-195f70c-5"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-12_31_0__sc-195f70c-6"
+  componentId: "core-12_33_0__sc-195f70c-6"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-12_31_0__sc-195f70c-7"
+  componentId: "core-12_33_0__sc-195f70c-7"
 })(["", " ", " 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;
@@ -63,7 +63,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_31_0__sc-195f70c-8"
+  componentId: "core-12_33_0__sc-195f70c-8"
 })(["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;
@@ -85,7 +85,7 @@ var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align
 });
 export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledTickIcon",
-  componentId: "core-12_31_0__sc-195f70c-9"
+  componentId: "core-12_33_0__sc-195f70c-9"
 })(["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);"]);
@@ -95,28 +95,28 @@ export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
 });
 export var StyledFileIcon = /*#__PURE__*/styled(DocumentIcon).withConfig({
   displayName: "StyledFileIcon",
-  componentId: "core-12_31_0__sc-195f70c-10"
+  componentId: "core-12_33_0__sc-195f70c-10"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-12_31_0__sc-195f70c-11"
+  componentId: "core-12_33_0__sc-195f70c-11"
 })(["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_31_0__sc-195f70c-12"
+  componentId: "core-12_33_0__sc-195f70c-12"
 })(["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_31_0__sc-195f70c-13"
+  componentId: "core-12_33_0__sc-195f70c-13"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-12_31_0__sc-195f70c-14"
+  componentId: "core-12_33_0__sc-195f70c-14"
 })(["", ";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);
@@ -145,7 +145,7 @@ export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailWrapper",
-  componentId: "core-12_31_0__sc-195f70c-15"
+  componentId: "core-12_33_0__sc-195f70c-15"
 })(["display:flex;", " ", ""], function (_ref18) {
   var $size = _ref18.$size;
   return $size === 'lg' ? "\n        width: ".concat(thumbnailSizeLg, "px;\n      ") : '';
@@ -156,7 +156,7 @@ export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPlaceholderThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderThumbnail",
-  componentId: "core-12_31_0__sc-195f70c-16"
+  componentId: "core-12_33_0__sc-195f70c-16"
 })(["", " ", " ", " ", " ", ""], 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_31_0__sc-1inrbm9-0"
+  componentId: "core-12_33_0__sc-1inrbm9-0"
 })(["input{z-index:2;}"]);
 export var StyledGroupCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroupCell",
-  componentId: "core-12_31_0__sc-1inrbm9-1"
+  componentId: "core-12_33_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_31_0__sc-1inrbm9-2"
+  componentId: "core-12_33_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_31_0__sc-1inrbm9-3"
+  componentId: "core-12_33_0__sc-1inrbm9-3"
 })(["height:100% !important;& > div{width:100% !important;}"]);
 export var StyledGroupTitle = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledGroupTitle",
-  componentId: "core-12_31_0__sc-1inrbm9-4"
+  componentId: "core-12_33_0__sc-1inrbm9-4"
 })(["", ""], getEllipsis);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-12_31_0__sc-1inrbm9-5"
+  componentId: "core-12_33_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_31_0__sc-1inrbm9-6"
+  componentId: "core-12_33_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_31_0__sc-e1ql06-0"
+  componentId: "core-12_33_0__sc-e1ql06-0"
 })(["align-items:stretch;max-height:40vh;"]);
 export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectIcon",
-  componentId: "core-12_31_0__sc-e1ql06-1"
+  componentId: "core-12_33_0__sc-e1ql06-1"
 })(["height:24px;width:24px;"]);
 export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledTieredSelectArrowButton",
-  componentId: "core-12_31_0__sc-e1ql06-2"
+  componentId: "core-12_33_0__sc-e1ql06-2"
 })(["border:1px solid transparent;"]);
 export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
   displayName: "StyledTieredSelectBreadcrumbs",
-  componentId: "core-12_31_0__sc-e1ql06-3"
+  componentId: "core-12_33_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_31_0__sc-e1ql06-4"
+  componentId: "core-12_33_0__sc-e1ql06-4"
 })(["height:20px;"]);
 export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
   displayName: "StyledTieredSelectOption",
-  componentId: "core-12_31_0__sc-e1ql06-5"
+  componentId: "core-12_33_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_31_0__sc-e1ql06-6"
+  componentId: "core-12_33_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_31_0__sc-e1ql06-7"
+  componentId: "core-12_33_0__sc-e1ql06-7"
 })(["max-width:248px;min-width:inherit;"]);
 export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledTieredSelectSpinnerOverlay",
-  componentId: "core-12_31_0__sc-e1ql06-8"
+  componentId: "core-12_33_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_31_0__sc-8q9p0n-0"
+  componentId: "core-12_33_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_31_0__sc-8q9p0n-1"
+  componentId: "core-12_33_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_31_0__sc-8q9p0n-2"
+  componentId: "core-12_33_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_31_0__sc-8q9p0n-3"
+  componentId: "core-12_33_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_31_0__sc-8q9p0n-4"
+  componentId: "core-12_33_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_31_0__sc-8q9p0n-5"
+  componentId: "core-12_33_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:inherit;border-bottom-left-radius:inherit;> *,> picture > img{height:100%;width:100%;position:absolute;}@media ", "{> picture > img,> img{width:auto;left:50%;transform:translate(-50%,0);}}"], mediaIE11Hack) : css(["min-height:156px;max-height:567px;border-top-left-radius:inherit;border-top-right-radius:inherit;> *,> picture > img{min-height:inherit;max-height:inherit;height:auto;width:100%;}"]);
 });
 export var StyledHeroOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroOverlay",
-  componentId: "core-12_31_0__sc-8q9p0n-6"
+  componentId: "core-12_33_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_31_0__sc-8q9p0n-7"
+  componentId: "core-12_33_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;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_31_0__sc-1t2ye1d-0"
+  componentId: "core-12_33_0__sc-1t2ye1d-0"
 })(["display:flex;align-items:flex-start;"]);
 export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAssets",
-  componentId: "core-12_31_0__sc-1t2ye1d-1"
+  componentId: "core-12_33_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_31_0__sc-1t2ye1d-2"
+  componentId: "core-12_33_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_31_0__sc-1t2ye1d-3"
+  componentId: "core-12_33_0__sc-1t2ye1d-3"
 })(["> h1,> h2,> h3{display:inline;}"]);
 export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTitlePill",
-  componentId: "core-12_31_0__sc-1t2ye1d-4"
+  componentId: "core-12_33_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_31_0__sc-1t2ye1d-5"
+  componentId: "core-12_33_0__sc-1t2ye1d-5"
 })(["margin-left:auto;"]);
 export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledSubtext",
-  componentId: "core-12_31_0__sc-1t2ye1d-6"
+  componentId: "core-12_33_0__sc-1t2ye1d-6"
 })(["display:block;margin-top:", "px;"], spacing.xs);
 //# sourceMappingURL=Title.styles.js.map

package/dist/Toast/Toast.styles.js

@@ -7,7 +7,7 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 export var StyledToast = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToast",
-  componentId: "core-12_31_0__sc-1l6lk2n-0"
+  componentId: "core-12_33_0__sc-1l6lk2n-0"
 })(["", " align-items:center;background-color:", ";border-radius:", "px;color:", ";display:flex;min-height:48px;padding:", "px ", "px;width:550px;"], getShadow(4, 'bottom'), function (_ref) {
   var $variant = _ref.$variant;
   return $variant === 'success' ? colors.green30 : colors.red50;
@@ -16,13 +16,13 @@ export var StyledToast = /*#__PURE__*/styled.div.withConfig({
 // $legacy is direct string inside Toast. Next is with subcomponents
 export var StyledToastText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledToastText",
-  componentId: "core-12_31_0__sc-1l6lk2n-1"
+  componentId: "core-12_33_0__sc-1l6lk2n-1"
 })(["", " font-weight:", ";overflow:hidden;", ""], getTypographyIntent('body'), typographyWeights.semibold, function (_ref2) {
   var $legacy = _ref2.$legacy;
   return $legacy ? "margin-left: ".concat(spacing.lg, "px;") : "padding: 0 ".concat(spacing.lg, "px;");
 });
 export var StyledToastButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledToastButton",
-  componentId: "core-12_31_0__sc-1l6lk2n-2"
+  componentId: "core-12_33_0__sc-1l6lk2n-2"
 })(["line-height:0;color:", ";padding:0;margin-left:auto;"], colors.white);
 //# sourceMappingURL=Toast.styles.js.map

package/dist/ToggleButton/ToggleButton.styles.js

@@ -3,7 +3,7 @@ import { Button } from '../Button/Button';
 import { colors } from '../_styles/colors';
 export var StyledToggleButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledToggleButton",
-  componentId: "core-12_31_0__sc-1x59fxi-0"
+  componentId: "core-12_33_0__sc-1x59fxi-0"
 })(["", ""], function (_ref) {
   var $selected = _ref.$selected;
   return $selected && css(["background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}&:hover{background-color:", ";color:", ";}&:focus{background-color:", ";color:", ";}&:disabled{background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}circle{stroke:", ";}}"], colors.blue96, colors.blue45, colors.blue50, colors.blue90, colors.blue45, colors.blue96, colors.blue45, colors.blue96, colors.blue70, colors.blue70, colors.blue50);

package/dist/Token/Token.styles.js

@@ -6,15 +6,15 @@ import { getEllipsis, getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_31_0__sc-zqi94b-0"
+  componentId: "core-12_33_0__sc-zqi94b-0"
 })(["", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis);
 export var StyledRemove = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledRemove",
-  componentId: "core-12_31_0__sc-zqi94b-1"
+  componentId: "core-12_33_0__sc-zqi94b-1"
 })(["border-radius:100%;color:", ";flex:0 0 auto;height:16px;margin:0 -", "px 0 ", "px;padding:0;width:16px;&:hover{background:", ";color:", ";}&:disabled,&[aria-disabled='true']{color:", ";}"], colors.white, spacing.sm, spacing.sm, colors.white, colors.blue40, colors.white);
 export var StyledToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToken",
-  componentId: "core-12_31_0__sc-zqi94b-2"
+  componentId: "core-12_33_0__sc-zqi94b-2"
 })(["align-items:center;background-color:", ";border-radius:200px;border:1px solid transparent;color:", ";cursor:default;display:inline-flex;height:24px;line-height:1;max-width:360px;min-width:48px;padding:", "px ", "px;&:hover,&.hover{background-color:", ";}", " ", " ", ""], colors.blue50, colors.white, spacing.xs, spacing.md, colors.blue45, function (_ref) {
   var _ref$$focused = _ref.$focused,
     $focused = _ref$$focused === void 0 ? false : _ref$$focused,

package/dist/ToolHeader/ToolHeader.styles.js

@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderBadge",
-  componentId: "core-12_31_0__sc-1jpjx47-0"
+  componentId: "core-12_33_0__sc-1jpjx47-0"
 })(["", " border-radius:10px;border-style:solid;border-width:1px;display:inline-block;margin-bottom:", "px;padding:1px ", "px;", ""], getTypographyIntent('small'), spacing.sm, spacing.sm, function (_ref) {
   var $variant = _ref.$variant;
   if ($variant) {
@@ -18,22 +18,22 @@ export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
 // TODO in v12 remove cursor: pointer;
 export var StyledToolHeaderIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolHeaderIconContainer",
-  componentId: "core-12_31_0__sc-1jpjx47-1"
+  componentId: "core-12_33_0__sc-1jpjx47-1"
 })(["color:", ";cursor:pointer;display:inline-flex;flex:0 0 auto;"], colors.orange50);
 export var StyledHeaderTabs = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderTabs",
-  componentId: "core-12_31_0__sc-1jpjx47-2"
+  componentId: "core-12_33_0__sc-1jpjx47-2"
 })(["align-self:flex-end;flex:1 1 auto;min-width:100px;overflow:hidden;"]);
 export var StyledHeaderActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderActions",
-  componentId: "core-12_31_0__sc-1jpjx47-3"
+  componentId: "core-12_33_0__sc-1jpjx47-3"
 })(["flex:0 0 auto;margin-left:auto;padding-left:", "px;"], spacing.lg);
 export var StyledToolHeaderTitle = /*#__PURE__*/styled(H1).withConfig({
   displayName: "StyledToolHeaderTitle",
-  componentId: "core-12_31_0__sc-1jpjx47-4"
+  componentId: "core-12_33_0__sc-1jpjx47-4"
 })(["margin-right:", "px;white-space:nowrap;"], spacing.xl);
 export var StyledToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolHeader",
-  componentId: "core-12_31_0__sc-1jpjx47-5"
+  componentId: "core-12_33_0__sc-1jpjx47-5"
 })(["align-items:center;display:flex;min-height:36px;width:100%;", " + ", ",a + ", ",button + ", "{margin-left:", "px;}"], StyledToolHeaderIconContainer, StyledToolHeaderTitle, StyledToolHeaderTitle, StyledToolHeaderTitle, spacing.lg);
 //# sourceMappingURL=ToolHeader.styles.js.map

package/dist/ToolLandingPage/ToolLandingPage.js

@@ -1,5 +1,5 @@
 var _excluded = ["children"],
-  _excluded2 = ["children", "settingsHref"],
+  _excluded2 = ["children", "settingsHref", "settingsLink"],
   _excluded3 = ["children"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
@@ -30,20 +30,27 @@ export var ToolLandingPage_ = /*#__PURE__*/React.forwardRef(function (_ref, ref)
 export var Title = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
     settingsHref = _ref2.settingsHref,
+    settingsLink = _ref2.settingsLink,
     props = _objectWithoutProperties(_ref2, _excluded2);
   var i18n = useI18nContext();
-  return /*#__PURE__*/React.createElement(StyledTitleOuter, _extends({
-    ref: ref
-  }, props), settingsHref && /*#__PURE__*/React.createElement(Tooltip, {
+
+  // Use settingsLink if provided, otherwise fall back to settingsHref for backwards compatibility
+  var link = settingsLink !== null && settingsLink !== void 0 ? settingsLink : settingsHref;
+  var settingsLinkIsString = typeof link === 'string';
+  var settingsButton = link ? /*#__PURE__*/React.createElement(Tooltip, {
     overlay: i18n.t('core.toolHeader.settingsAction'),
     trigger: ['hover', 'focus']
   }, /*#__PURE__*/React.createElement(LinkButton, {
     "aria-label": i18n.t('core.toolHeader.settingsAction'),
-    role: "link",
+    as: settingsLinkIsString ? undefined : link,
+    href: settingsLinkIsString ? link : undefined,
     icon: /*#__PURE__*/React.createElement(Cog, null),
-    href: settingsHref,
+    role: "link",
     variant: "secondary"
-  })), /*#__PURE__*/React.createElement(StyledTitleInner, null, children));
+  })) : null;
+  return /*#__PURE__*/React.createElement(StyledTitleOuter, _extends({
+    ref: ref
+  }, props), settingsButton, /*#__PURE__*/React.createElement(StyledTitleInner, null, children));
 });
 export var Body = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
   var children = _ref3.children,

package/dist/ToolLandingPage/ToolLandingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolLandingPage.js","names":["Cog","React","LinkButton","DetailPage","DetailPageViewContext","Page","Tooltip","useI18nContext","addSubcomponents","StyledTitleInner","StyledTitleOuter","StyledToolLandingPageBodyContent","ToolLandingPage_","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","Provider","value","width","hasNavigation","_extends","Title","_ref2","settingsHref","_excluded2","i18n","overlay","t","trigger","role","icon","href","variant","Body","_ref3","_excluded3","ToolLandingPage","Main","Header","Banner","Tabs","Aside","displayName"],"sources":["../../src/ToolLandingPage/ToolLandingPage.tsx"],"sourcesContent":["import { Cog } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { LinkButton } from '../Button'\nimport { DetailPage, DetailPageViewContext } from '../DetailPage'\nimport { Page } from '../PageLayout'\nimport { Tooltip } from '../Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledTitleInner,\n  StyledTitleOuter,\n  StyledToolLandingPageBodyContent,\n} from './ToolLandingPage.styles'\nimport type {\n  ToolLandingPageProps,\n  ToolLandingPageTitleProps,\n} from './ToolLandingPage.types'\n\nexport const ToolLandingPage_ = React.forwardRef<\n  HTMLDivElement,\n  ToolLandingPageProps\n>(({ children, ...props }, ref) => {\n  return (\n    <DetailPageViewContext.Provider\n      value={{ width: 'xl', hasNavigation: false }}\n    >\n      <Page ref={ref} {...props} data-core-react=\"tool-landing-page\">\n        {children}\n      </Page>\n    </DetailPageViewContext.Provider>\n  )\n})\n\nexport const Title = React.forwardRef<\n  HTMLDivElement,\n  ToolLandingPageTitleProps\n>(({ children, settingsHref, ...props }, ref) => {\n  const i18n = useI18nContext()\n\n  return (\n    <StyledTitleOuter ref={ref} {...props}>\n      {settingsHref && (\n        <Tooltip\n          overlay={i18n.t('core.toolHeader.settingsAction')}\n          trigger={['hover', 'focus']}\n        >\n          <LinkButton\n            aria-label={i18n.t('core.toolHeader.settingsAction')}\n            role=\"link\"\n            icon={<Cog />}\n            href={settingsHref}\n            variant=\"secondary\"\n          />\n        </Tooltip>\n      )}\n      <StyledTitleInner>{children}</StyledTitleInner>\n    </StyledTitleOuter>\n  )\n})\n\nexport const Body = React.forwardRef<HTMLDivElement, Props>(\n  ({ children, ...props }, ref) => (\n    <DetailPage.Body ref={ref} {...props}>\n      <StyledToolLandingPageBodyContent>\n        {children}\n      </StyledToolLandingPageBodyContent>\n    </DetailPage.Body>\n  )\n)\n\n/**\n * A list page is basically a copy of SettingsPage/DetailPage. However, it has some differences.\n * ToolLandingPage does not have Breadcrumbs, nested sections (although, we may need them in the future), and Footer.\n *\n * @since 12.9.0\n *\n * @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toollandingpage--demo)\n *\n * @see [Design Guidelines](https://design.procore.com/tool-landing-layout)\n */\n\nexport const ToolLandingPage = addSubcomponents(\n  {\n    Main: Page.Main,\n    Header: Page.Header,\n    Banner: Page.Banner,\n    Title,\n    Tabs: Page.Tabs,\n    Body,\n    Aside: Page.Aside,\n  },\n  ToolLandingPage_\n)\n\nToolLandingPage_.displayName = 'ToolLandingPage'\n"],"mappings":"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"}
+{"version":3,"file":"ToolLandingPage.js","names":["Cog","React","LinkButton","DetailPage","DetailPageViewContext","Page","Tooltip","useI18nContext","addSubcomponents","StyledTitleInner","StyledTitleOuter","StyledToolLandingPageBodyContent","ToolLandingPage_","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","Provider","value","width","hasNavigation","_extends","Title","_ref2","settingsHref","settingsLink","_excluded2","i18n","link","settingsLinkIsString","settingsButton","overlay","t","trigger","as","undefined","href","icon","role","variant","Body","_ref3","_excluded3","ToolLandingPage","Main","Header","Banner","Tabs","Aside","displayName"],"sources":["../../src/ToolLandingPage/ToolLandingPage.tsx"],"sourcesContent":["import { Cog } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { LinkButton } from '../Button'\nimport { DetailPage, DetailPageViewContext } from '../DetailPage'\nimport { Page } from '../PageLayout'\nimport { Tooltip } from '../Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledTitleInner,\n  StyledTitleOuter,\n  StyledToolLandingPageBodyContent,\n} from './ToolLandingPage.styles'\nimport type {\n  ToolLandingPageProps,\n  ToolLandingPageTitleProps,\n} from './ToolLandingPage.types'\n\nexport const ToolLandingPage_ = React.forwardRef<\n  HTMLDivElement,\n  ToolLandingPageProps\n>(({ children, ...props }, ref) => {\n  return (\n    <DetailPageViewContext.Provider\n      value={{ width: 'xl', hasNavigation: false }}\n    >\n      <Page ref={ref} {...props} data-core-react=\"tool-landing-page\">\n        {children}\n      </Page>\n    </DetailPageViewContext.Provider>\n  )\n})\n\nexport const Title = React.forwardRef<\n  HTMLDivElement,\n  ToolLandingPageTitleProps\n>(({ children, settingsHref, settingsLink, ...props }, ref) => {\n  const i18n = useI18nContext()\n\n  // Use settingsLink if provided, otherwise fall back to settingsHref for backwards compatibility\n  const link = settingsLink ?? settingsHref\n  const settingsLinkIsString = typeof link === 'string'\n\n  const settingsButton = link ? (\n    <Tooltip\n      overlay={i18n.t('core.toolHeader.settingsAction')}\n      trigger={['hover', 'focus']}\n    >\n      <LinkButton\n        aria-label={i18n.t('core.toolHeader.settingsAction')}\n        as={settingsLinkIsString ? undefined : link}\n        href={settingsLinkIsString ? link : undefined}\n        icon={<Cog />}\n        role=\"link\"\n        variant=\"secondary\"\n      />\n    </Tooltip>\n  ) : null\n\n  return (\n    <StyledTitleOuter ref={ref} {...props}>\n      {settingsButton}\n      <StyledTitleInner>{children}</StyledTitleInner>\n    </StyledTitleOuter>\n  )\n})\n\nexport const Body = React.forwardRef<HTMLDivElement, Props>(\n  ({ children, ...props }, ref) => (\n    <DetailPage.Body ref={ref} {...props}>\n      <StyledToolLandingPageBodyContent>\n        {children}\n      </StyledToolLandingPageBodyContent>\n    </DetailPage.Body>\n  )\n)\n\n/**\n * A list page is basically a copy of SettingsPage/DetailPage. However, it has some differences.\n * ToolLandingPage does not have Breadcrumbs, nested sections (although, we may need them in the future), and Footer.\n *\n * @since 12.9.0\n *\n * @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toollandingpage--demo)\n *\n * @see [Design Guidelines](https://design.procore.com/tool-landing-layout)\n */\n\nexport const ToolLandingPage = addSubcomponents(\n  {\n    Main: Page.Main,\n    Header: Page.Header,\n    Banner: Page.Banner,\n    Title,\n    Tabs: Page.Tabs,\n    Body,\n    Aside: Page.Aside,\n  },\n  ToolLandingPage_\n)\n\nToolLandingPage_.displayName = 'ToolLandingPage'\n"],"mappings":"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"}

package/dist/ToolLandingPage/ToolLandingPage.styles.js

@@ -3,14 +3,14 @@ import { Page } from '../PageLayout';
 import { spacing } from '../_styles/spacing';
 export var StyledTitleOuter = /*#__PURE__*/styled(Page.Title).withConfig({
   displayName: "StyledTitleOuter",
-  componentId: "core-12_31_0__sc-wa8j06-0"
+  componentId: "core-12_33_0__sc-wa8j06-0"
 })(["align-items:center;display:flex;gap:", "px;"], spacing.md);
 export var StyledTitleInner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitleInner",
-  componentId: "core-12_31_0__sc-wa8j06-1"
+  componentId: "core-12_33_0__sc-wa8j06-1"
 })(["width:100%;"]);
 export var StyledToolLandingPageBodyContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolLandingPageBodyContent",
-  componentId: "core-12_31_0__sc-wa8j06-2"
+  componentId: "core-12_33_0__sc-wa8j06-2"
 })(["> * + *{margin-top:", "px;}"], spacing.sm);
 //# sourceMappingURL=ToolLandingPage.styles.js.map

package/dist/ToolLandingPage/ToolLandingPage.types.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+import type { AsLinkProps } from '../Button/Button.types';
 import type { DetailPageProps } from '../DetailPage';
 import type { Props } from '../_utils/types';
 export interface ToolLandingPageProps extends Omit<DetailPageProps, 'width' | 'hasNavigation'> {
@@ -6,6 +8,33 @@ export interface ToolLandingPageTitleProps extends Props {
     /**
      * Link for the settings page
      * @since 12.9.0
+     * @deprecated Use `settingsLink` instead. This prop will be removed in a future version.
      */
     settingsHref?: string;
+    /**
+     * Link for the settings page. Supports a link component for client side routing.
+     * Also supports a string for a simple full-page-reload href.
+     *
+     * @since 12.31.1
+     *
+     * @example
+     *
+     *   <ToolLandingPage.Title settingsLink="/settings" />
+     *
+     * @example
+     *
+     *   import { Link } from "some-router";
+     *
+     *   // ...
+     *
+     *   <ToolLandingPage.Title
+     *     settingsLink={(linkProps) => (
+     *       <Link
+     *         {...linkProps}
+     *         to={{ pathname: "/settings" }}
+     *       />
+     *     )}
+     *   />
+     */
+    settingsLink?: string | React.FunctionComponent<AsLinkProps>;
 }

package/dist/ToolLandingPage/ToolLandingPage.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolLandingPage.types.js","names":[],"sources":["../../src/ToolLandingPage/ToolLandingPage.types.ts"],"sourcesContent":["import type { DetailPageProps } from '../DetailPage'\nimport type { Props } from '../_utils/types'\n\nexport interface ToolLandingPageProps\n  extends Omit<DetailPageProps, 'width' | 'hasNavigation'> {}\n\nexport interface ToolLandingPageTitleProps extends Props {\n  /**\n   * Link for the settings page\n   * @since 12.9.0\n   */\n  settingsHref?: string\n}\n"],"mappings":""}
+{"version":3,"file":"ToolLandingPage.types.js","names":[],"sources":["../../src/ToolLandingPage/ToolLandingPage.types.ts"],"sourcesContent":["import type { AsLinkProps } from '../Button/Button.types'\nimport type { DetailPageProps } from '../DetailPage'\nimport type { Props } from '../_utils/types'\n\nexport interface ToolLandingPageProps\n  extends Omit<DetailPageProps, 'width' | 'hasNavigation'> {}\n\nexport interface ToolLandingPageTitleProps extends Props {\n  /**\n   * Link for the settings page\n   * @since 12.9.0\n   * @deprecated Use `settingsLink` instead. This prop will be removed in a future version.\n   */\n  settingsHref?: string\n\n  /**\n   * Link for the settings page. Supports a link component for client side routing.\n   * Also supports a string for a simple full-page-reload href.\n   *\n   * @since 12.31.1\n   *\n   * @example\n   *\n   *   <ToolLandingPage.Title settingsLink=\"/settings\" />\n   *\n   * @example\n   *\n   *   import { Link } from \"some-router\";\n   *\n   *   // ...\n   *\n   *   <ToolLandingPage.Title\n   *     settingsLink={(linkProps) => (\n   *       <Link\n   *         {...linkProps}\n   *         to={{ pathname: \"/settings\" }}\n   *       />\n   *     )}\n   *   />\n   */\n  settingsLink?: string | React.FunctionComponent<AsLinkProps>\n}\n"],"mappings":""}

package/dist/Tooltip/Tooltip.styles.js

@@ -6,10 +6,10 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 export var StyledTooltip = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTooltip",
-  componentId: "core-12_31_0__sc-1fawsi4-0"
+  componentId: "core-12_33_0__sc-1fawsi4-0"
 })(["", " color:", ";max-width:200px;padding:", "px ", "px;position:relative;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;"], getTypographyIntent('small'), colors.white, spacing.sm, spacing.md);
 export var StyledContainer = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContainer",
-  componentId: "core-12_31_0__sc-1fawsi4-1"
+  componentId: "core-12_33_0__sc-1fawsi4-1"
 })(["display:inline-flex;background-color:", ";border-radius:", "px;", " & + [data-overlay-arrow]{background:", ";}"], colors.gray15, borderRadius.md, getShadow(3, 'bottom'), colors.gray15);
 //# sourceMappingURL=Tooltip.styles.js.map