@procore/core-react 12.50.1 → 12.52.0

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_50_1__sc-e1ql06-0"
+  componentId: "core-12_52_0__sc-e1ql06-0"
 })(["align-items:stretch;max-height:40vh;"]);
 export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectIcon",
-  componentId: "core-12_50_1__sc-e1ql06-1"
+  componentId: "core-12_52_0__sc-e1ql06-1"
 })(["height:24px;width:24px;"]);
 export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledTieredSelectArrowButton",
-  componentId: "core-12_50_1__sc-e1ql06-2"
+  componentId: "core-12_52_0__sc-e1ql06-2"
 })(["border:1px solid transparent;"]);
 export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
   displayName: "StyledTieredSelectBreadcrumbs",
-  componentId: "core-12_50_1__sc-e1ql06-3"
+  componentId: "core-12_52_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_50_1__sc-e1ql06-4"
+  componentId: "core-12_52_0__sc-e1ql06-4"
 })(["height:20px;"]);
 export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
   displayName: "StyledTieredSelectOption",
-  componentId: "core-12_50_1__sc-e1ql06-5"
+  componentId: "core-12_52_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_50_1__sc-e1ql06-6"
+  componentId: "core-12_52_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_50_1__sc-e1ql06-7"
+  componentId: "core-12_52_0__sc-e1ql06-7"
 })(["max-width:248px;min-width:inherit;"]);
 export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledTieredSelectSpinnerOverlay",
-  componentId: "core-12_50_1__sc-e1ql06-8"
+  componentId: "core-12_52_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_50_1__sc-8q9p0n-0"
+  componentId: "core-12_52_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_50_1__sc-8q9p0n-1"
+  componentId: "core-12_52_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_50_1__sc-8q9p0n-2"
+  componentId: "core-12_52_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_50_1__sc-8q9p0n-3"
+  componentId: "core-12_52_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_50_1__sc-8q9p0n-4"
+  componentId: "core-12_52_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_50_1__sc-8q9p0n-5"
+  componentId: "core-12_52_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_50_1__sc-8q9p0n-6"
+  componentId: "core-12_52_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_50_1__sc-8q9p0n-7"
+  componentId: "core-12_52_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_50_1__sc-1t2ye1d-0"
+  componentId: "core-12_52_0__sc-1t2ye1d-0"
 })(["display:flex;align-items:flex-start;"]);
 export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAssets",
-  componentId: "core-12_50_1__sc-1t2ye1d-1"
+  componentId: "core-12_52_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_50_1__sc-1t2ye1d-2"
+  componentId: "core-12_52_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_50_1__sc-1t2ye1d-3"
+  componentId: "core-12_52_0__sc-1t2ye1d-3"
 })(["> h1,> h2,> h3{display:inline;}"]);
 export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTitlePill",
-  componentId: "core-12_50_1__sc-1t2ye1d-4"
+  componentId: "core-12_52_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_50_1__sc-1t2ye1d-5"
+  componentId: "core-12_52_0__sc-1t2ye1d-5"
 })(["margin-left:auto;"]);
 export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledSubtext",
-  componentId: "core-12_50_1__sc-1t2ye1d-6"
+  componentId: "core-12_52_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_50_1__sc-1l6lk2n-0"
+  componentId: "core-12_52_0__sc-1l6lk2n-0"
 })(["", " align-items:center;background-color:", ";border-radius:", "px;color:", ";display:flex;min-height:48px;padding:", "px ", "px;width:550px;a{color:", ";text-decoration:underline;}"], 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_50_1__sc-1l6lk2n-1"
+  componentId: "core-12_52_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_50_1__sc-1l6lk2n-2"
+  componentId: "core-12_52_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

@@ -5,7 +5,7 @@ import { focusBlue } from '../_styles/mixins';
 var selectedStyles = /*#__PURE__*/css(["background-color:", ";color:", ";box-shadow:0 0 0 2px ", ";[data-icon-prop='true']{color:", ";}&.hover,&:hover{background-color:", ";color:", ";}&.focus,&:focus{background-color:", ";color:", ";box-shadow:0 0 0 2px ", ";}&:disabled{background-color:", ";color:", ";box-shadow:0 0 0 2px ", ";[data-icon-prop='true']{color:", ";}circle{stroke:", ";}}"], colors.blue96, colors.blue45, colors.blue50, colors.blue50, colors.blue90, colors.blue45, colors.blue96, colors.blue45, colors.blue50, colors.blue96, colors.blue70, colors.blue70, colors.blue70, colors.blue50);
 export var StyledToggleButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledToggleButton",
-  componentId: "core-12_50_1__sc-1x59fxi-0"
+  componentId: "core-12_52_0__sc-1x59fxi-0"
 })(["&.focus,&:focus{box-shadow:none;outline:2px solid ", ";outline-offset:4px;}&.selected{", "}", ""], focusBlue, selectedStyles, function (_ref) {
   var $selected = _ref.$selected;
   return $selected && selectedStyles;

package/dist/Token/Token.styles.js

@@ -7,23 +7,23 @@ import { getEllipsis, getFocus, getGapOutlineFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledErrorIcon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledErrorIcon",
-  componentId: "core-12_50_1__sc-zqi94b-0"
+  componentId: "core-12_52_0__sc-zqi94b-0"
 })(["align-items:center;color:", ";display:inline-flex;flex:0 0 auto;margin-right:", "px;"], colors.white, spacing.xs);
 export var StyledErrorButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledErrorButton",
-  componentId: "core-12_50_1__sc-zqi94b-1"
+  componentId: "core-12_52_0__sc-zqi94b-1"
 })(["", " align-items:center;border-radius:50%;color:", ";display:inline-flex;flex:0 0 auto;margin-right:", "px;&:focus-visible{", "}"], getUnstyledButton, colors.white, spacing.xs, getGapOutlineFocus('ontop'));
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_50_1__sc-zqi94b-2"
+  componentId: "core-12_52_0__sc-zqi94b-2"
 })(["", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis);
 export var StyledRemove = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledRemove",
-  componentId: "core-12_50_1__sc-zqi94b-3"
+  componentId: "core-12_52_0__sc-zqi94b-3"
 })(["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_50_1__sc-zqi94b-4"
+  componentId: "core-12_52_0__sc-zqi94b-4"
 })(["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_50_1__sc-1jpjx47-0"
+  componentId: "core-12_52_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_50_1__sc-1jpjx47-1"
+  componentId: "core-12_52_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_50_1__sc-1jpjx47-2"
+  componentId: "core-12_52_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_50_1__sc-1jpjx47-3"
+  componentId: "core-12_52_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_50_1__sc-1jpjx47-4"
+  componentId: "core-12_52_0__sc-1jpjx47-4"
 })(["margin-right:", "px;white-space:nowrap;"], spacing.xl);
 export var StyledToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolHeader",
-  componentId: "core-12_50_1__sc-1jpjx47-5"
+  componentId: "core-12_52_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.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_50_1__sc-wa8j06-0"
+  componentId: "core-12_52_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_50_1__sc-wa8j06-1"
+  componentId: "core-12_52_0__sc-wa8j06-1"
 })(["width:100%;"]);
 export var StyledToolLandingPageBodyContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolLandingPageBodyContent",
-  componentId: "core-12_50_1__sc-wa8j06-2"
+  componentId: "core-12_52_0__sc-wa8j06-2"
 })(["> * + *{margin-top:", "px;}"], spacing.sm);
 //# sourceMappingURL=ToolLandingPage.styles.js.map

package/dist/Tooltip/Tooltip.styles.js

@@ -8,16 +8,16 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 export var StyledTooltip = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTooltip",
-  componentId: "core-12_50_1__sc-1fawsi4-0"
+  componentId: "core-12_52_0__sc-1fawsi4-0"
 })(["", " color:", ";max-width:200px;padding:", "px ", "px;position:relative;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;&:empty{display:none;}"], getTypographyIntent('small'), colors.white, spacing.sm, spacing.md);
 export var StyledContainer = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContainer",
-  componentId: "core-12_50_1__sc-1fawsi4-1"
+  componentId: "core-12_52_0__sc-1fawsi4-1"
 })(["display:inline-flex;background-color:", ";border-radius:", "px;", " & + [data-overlay-arrow]{background:", ";}&:has(> span:empty) + [data-overlay-arrow]{display:none;}"], colors.gray15, borderRadius.md, getShadow(3, 'bottom'), colors.gray15);
 
 // This is for the inline typography icon button. Note: not `Button` styles
 export var StyledTooltipButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledTooltipButton",
-  componentId: "core-12_50_1__sc-1fawsi4-2"
+  componentId: "core-12_52_0__sc-1fawsi4-2"
 })(["", " border-radius:50%;color:", ";display:inline-flex;vertical-align:middle;&:focus-visible{", "}* + &{margin-left:", "px;}"], getUnstyledButton, colors.gray45, getGapOutlineFocus('ontop'), spacing.sm);
 //# sourceMappingURL=Tooltip.styles.js.map

package/dist/Tree/Tree.js

@@ -3,7 +3,7 @@ var _excluded = ["options", "expanded", "selected", "selectionLimit", "getRoot",
   _excluded2 = ["nodes", "rowRenderer", "highlight", "isTreeFocused"],
   _excluded3 = ["node", "getIcon", "getLabel", "handleExpansion", "handleSelection", "selectionLimit", "isFileLimitReached", "shouldShowTooltip", "isMouseOver", "treeContainer"],
   _excluded4 = ["children", "isSelected"],
-  _excluded5 = ["children", "isHighlighted", "isSelected", "isSelectable", "isExpandable", "isFileLimitReached", "level"];
+  _excluded5 = ["children", "isHighlighted", "isSelected", "isSelectable", "isExpandable", "isFileLimitReached", "isKeyboardMode", "level"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -180,13 +180,17 @@ export var Tree = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     isTreeFocused = _React$useState4[0],
     setIsTreeFocused = _React$useState4[1];
-  var _React$useState5 = React.useState({
+  var _React$useState5 = React.useState(false),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    isKeyboardMode = _React$useState6[0],
+    setIsKeyboardMode = _React$useState6[1];
+  var _React$useState7 = React.useState({
       width: 0,
       height: 0
     }),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    containerSize = _React$useState6[0],
-    setContainerSize = _React$useState6[1];
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    containerSize = _React$useState8[0],
+    setContainerSize = _React$useState8[1];
   var handleContainerResize = React.useCallback(function (entries) {
     if (entries[0]) {
       var _ref2 = entries[0].target,
@@ -272,7 +276,22 @@ export var Tree = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var isHighlighted = React.useCallback(function (node) {
     return isTreeFocused && isNodeHighlighted(node);
   }, [isNodeHighlighted, isTreeFocused]);
+  var handleFocus = function handleFocus(e) {
+    setIsTreeFocused(true);
+    try {
+      if (typeof e.target.matches === 'function' && e.target.matches(':focus-visible')) {
+        setIsKeyboardMode(true);
+      }
+    } catch (_unused) {
+      // :focus-visible unsupported in this environment; ignore.
+    }
+  };
+  var handleBlur = function handleBlur() {
+    setIsTreeFocused(false);
+    setIsKeyboardMode(false);
+  };
   var handleAccessibility = function handleAccessibility(e) {
+    setIsKeyboardMode(true);
     onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
     var key = e.key;
     switch (key) {
@@ -380,9 +399,10 @@ export var Tree = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       isFileLimitReached: isFileLimitReached,
       selectionLimit: selectionLimit,
       isTreeFocused: isTreeFocused,
+      isKeyboardMode: isKeyboardMode,
       treeContainer: wrapperRef.current
     };
-  }, [getIcon, getLabel, getType, handleExpansion, handleSelection, highlight, isExpandable, isExpanded, isFileLimitReached, isHighlighted, isLoading, isSelectable, isSelected, isTreeFocused, nodes, rowRenderer, selectionLimit]);
+  }, [getIcon, getLabel, getType, handleExpansion, handleSelection, highlight, isExpandable, isExpanded, isFileLimitReached, isHighlighted, isKeyboardMode, isLoading, isSelectable, isSelected, isTreeFocused, nodes, rowRenderer, selectionLimit]);
   if (!rootNodes) {
     console.error('Tree must have a valid root node');
     return null;
@@ -393,13 +413,15 @@ export var Tree = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     "aria-multiselectable": multiple,
     "aria-activedescendant": highlightedNode ? getTreeItemId(highlightedNode.id) : undefined,
     tabIndex: 0,
-    onFocus: function onFocus() {
-      return setIsTreeFocused(true);
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onKeyDown: handleAccessibility,
+    onMouseDown: function onMouseDown() {
+      return setIsKeyboardMode(false);
     },
-    onBlur: function onBlur() {
-      return setIsTreeFocused(false);
-    },
-    onKeyDown: handleAccessibility
+    onMouseMove: function onMouseMove() {
+      return setIsKeyboardMode(false);
+    }
   }), /*#__PURE__*/React.createElement(FixedSizeList, {
     className: "size-list",
     ref: listRef,
@@ -425,10 +447,10 @@ var TreeNode = /*#__PURE__*/React.memo(function (_ref3) {
     style = _ref3.style;
   var node = nodes[index];
   var isHighlighted = props.isHighlighted(node);
-  var _React$useState7 = React.useState(false),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    isMouseOver = _React$useState8[0],
-    setMouseOver = _React$useState8[1];
+  var _React$useState9 = React.useState(false),
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    isMouseOver = _React$useState0[0],
+    setMouseOver = _React$useState0[1];
   var timer = useTimer({});
   var _useVisibility = useVisibility({}),
     shouldShowTooltip = _useVisibility.isVisible,
@@ -527,6 +549,7 @@ var TreeRow = function TreeRow(_ref4) {
     isSelectable: isSelectable,
     isExpandable: isExpandable,
     isHighlighted: isHighlighted,
+    isKeyboardMode: props.isKeyboardMode,
     isFileLimitReached: isFileLimitReached,
     "data-qa": "core-tree-row-container"
   }, /*#__PURE__*/React.createElement(StyledTreeRowContent, {
@@ -565,7 +588,7 @@ var IconContainer = function IconContainer(_ref5) {
 };
 var StyledChevronIcon = /*#__PURE__*/styled(ChevronRight).withConfig({
   displayName: "StyledChevronIcon",
-  componentId: "core-12_50_1__sc-f25ekl-0"
+  componentId: "core-12_52_0__sc-f25ekl-0"
 })(["transform:rotate(", "deg);transition:transform 150ms ease-out;"], function (_ref6) {
   var $isExpanded = _ref6.$isExpanded;
   return $isExpanded ? 90 : 0;
@@ -643,10 +666,10 @@ var TreeRowTooltip = function TreeRowTooltip(_ref0) {
   var isUserInteracting = isFocused || isMouseOver;
   var isTooltipVisible = isUserInteracting && shouldShowTooltip && !isSelected;
   var isFile = nodeType === 'leaf';
-  var _React$useState9 = React.useState(false),
-    _React$useState0 = _slicedToArray(_React$useState9, 2),
-    isCropped = _React$useState0[0],
-    setCropped = _React$useState0[1];
+  var _React$useState1 = React.useState(false),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    isCropped = _React$useState10[0],
+    setCropped = _React$useState10[1];
   var registerRowEl = useIntersectionObserver(function (entries) {
     entries.forEach(function (entry) {
       if (entry.rootBounds && entry.rootBounds.left - entry.boundingClientRect.left >= 0) {
@@ -679,12 +702,14 @@ var TreeRowContainer = function TreeRowContainer(_ref1) {
     isSelectable = _ref1.isSelectable,
     isExpandable = _ref1.isExpandable,
     isFileLimitReached = _ref1.isFileLimitReached,
+    isKeyboardMode = _ref1.isKeyboardMode,
     level = _ref1.level,
     props = _objectWithoutProperties(_ref1, _excluded5);
   return /*#__PURE__*/React.createElement(StyledTreeRowContainer, _extends({
     $isSelectable: isSelectable && (isFileLimitReached && isSelected || !isFileLimitReached) || isExpandable,
     $isHighlighted: isHighlighted,
     $isSelected: isSelected,
+    $isKeyboardMode: isKeyboardMode,
     style: {
       paddingLeft: getPadding(level)
     }