@procore/core-react 12.48.2 → 12.49.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_48_2__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_2__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_2__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_2__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_2__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_2__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_2__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_2__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_2__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_2__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_2__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_2__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_2__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_2__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_2__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_2__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_2__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_2__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_2__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_2__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_2__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_2__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_2__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_2__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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"}

package/dist/Toast/Toast.styles.js

@@ -7,22 +7,22 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 export var StyledToast = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToast",
-  componentId: "core-12_48_2__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) {
+  componentId: "core-12_49_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;
-}, borderRadius.md, colors.white, spacing.md, spacing.xl);
+}, borderRadius.md, colors.white, spacing.md, spacing.xl, colors.white);
 
 // $legacy is direct string inside Toast. Next is with subcomponents
 export var StyledToastText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledToastText",
-  componentId: "core-12_48_2__sc-1l6lk2n-1"
+  componentId: "core-12_49_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_48_2__sc-1l6lk2n-2"
+  componentId: "core-12_49_0__sc-1l6lk2n-2"
 })(["line-height:0;color:", ";padding:0;margin-left:auto;"], colors.white);
 //# sourceMappingURL=Toast.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.styles.js","names":["styled","Button","getTypographyIntent","typographyWeights","borderRadius","colors","getShadow","spacing","StyledToast","div","withConfig","displayName","componentId","_ref","$variant","green30","red50","md","white","xl","StyledToastText","span","semibold","_ref2","$legacy","concat","lg","StyledToastButton"],"sources":["../../src/Toast/Toast.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Button } from '../Button'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\nimport type { ToastVariant } from './Toast.types'\n\nexport const StyledToast = styled.div<{ $variant: ToastVariant }>`\n  ${getShadow(4, 'bottom')}\n\n  align-items: center;\n  background-color: ${({ $variant }) =>\n    $variant === 'success' ? colors.green30 : colors.red50};\n  border-radius: ${borderRadius.md}px;\n  color: ${colors.white};\n  display: flex;\n  min-height: 48px;\n  padding: ${spacing.md}px ${spacing.xl}px;\n  width: 550px;\n`\n\n// $legacy is direct string inside Toast. Next is with subcomponents\nexport const StyledToastText = styled.span<{ $legacy?: boolean }>`\n  ${getTypographyIntent('body')}\n  font-weight: ${typographyWeights.semibold};\n  overflow: hidden;\n\n  ${({ $legacy }) =>\n    $legacy ? `margin-left: ${spacing.lg}px;` : `padding: 0 ${spacing.lg}px;`}\n`\n\nexport const StyledToastButton = styled(Button)`\n  line-height: 0;\n  color: ${colors.white};\n  padding: 0;\n  margin-left: auto;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,WAAW;AAClC,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,OAAO,IAAMC,WAAW,gBAAGR,MAAM,CAACS,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sJACjCN,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,EAGJ,UAAAO,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OAC7BA,QAAQ,KAAK,SAAS,GAAGT,MAAM,CAACU,OAAO,GAAGV,MAAM,CAACW,KAAK;AAAA,GACvCZ,YAAY,CAACa,EAAE,EACvBZ,MAAM,CAACa,KAAK,EAGVX,OAAO,CAACU,EAAE,EAAMV,OAAO,CAACY,EAAE,CAEtC;;AAED;AACA,OAAO,IAAMC,eAAe,gBAAGpB,MAAM,CAACqB,IAAI,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mDACtCV,mBAAmB,CAAC,MAAM,CAAC,EACdC,iBAAiB,CAACmB,QAAQ,EAGvC,UAAAC,KAAA;EAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;EAAA,OACVA,OAAO,mBAAAC,MAAA,CAAmBlB,OAAO,CAACmB,EAAE,yBAAAD,MAAA,CAAsBlB,OAAO,CAACmB,EAAE,QAAK;AAAA,EAC5E;AAED,OAAO,IAAMC,iBAAiB,gBAAG3B,MAAM,CAACC,MAAM,CAAC,CAAAS,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6DAEpCP,MAAM,CAACa,KAAK,CAGtB"}
+{"version":3,"file":"Toast.styles.js","names":["styled","Button","getTypographyIntent","typographyWeights","borderRadius","colors","getShadow","spacing","StyledToast","div","withConfig","displayName","componentId","_ref","$variant","green30","red50","md","white","xl","StyledToastText","span","semibold","_ref2","$legacy","concat","lg","StyledToastButton"],"sources":["../../src/Toast/Toast.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Button } from '../Button'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\nimport type { ToastVariant } from './Toast.types'\n\nexport const StyledToast = styled.div<{ $variant: ToastVariant }>`\n  ${getShadow(4, 'bottom')}\n\n  align-items: center;\n  background-color: ${({ $variant }) =>\n    $variant === 'success' ? colors.green30 : colors.red50};\n  border-radius: ${borderRadius.md}px;\n  color: ${colors.white};\n  display: flex;\n  min-height: 48px;\n  padding: ${spacing.md}px ${spacing.xl}px;\n  width: 550px;\n\n  a {\n    color: ${colors.white};\n    text-decoration: underline;\n  }\n`\n\n// $legacy is direct string inside Toast. Next is with subcomponents\nexport const StyledToastText = styled.span<{ $legacy?: boolean }>`\n  ${getTypographyIntent('body')}\n  font-weight: ${typographyWeights.semibold};\n  overflow: hidden;\n\n  ${({ $legacy }) =>\n    $legacy ? `margin-left: ${spacing.lg}px;` : `padding: 0 ${spacing.lg}px;`}\n`\n\nexport const StyledToastButton = styled(Button)`\n  line-height: 0;\n  color: ${colors.white};\n  padding: 0;\n  margin-left: auto;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,WAAW;AAClC,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,OAAO,IAAMC,WAAW,gBAAGR,MAAM,CAACS,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8LACjCN,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,EAGJ,UAAAO,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OAC7BA,QAAQ,KAAK,SAAS,GAAGT,MAAM,CAACU,OAAO,GAAGV,MAAM,CAACW,KAAK;AAAA,GACvCZ,YAAY,CAACa,EAAE,EACvBZ,MAAM,CAACa,KAAK,EAGVX,OAAO,CAACU,EAAE,EAAMV,OAAO,CAACY,EAAE,EAI1Bd,MAAM,CAACa,KAAK,CAGxB;;AAED;AACA,OAAO,IAAME,eAAe,gBAAGpB,MAAM,CAACqB,IAAI,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mDACtCV,mBAAmB,CAAC,MAAM,CAAC,EACdC,iBAAiB,CAACmB,QAAQ,EAGvC,UAAAC,KAAA;EAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;EAAA,OACVA,OAAO,mBAAAC,MAAA,CAAmBlB,OAAO,CAACmB,EAAE,yBAAAD,MAAA,CAAsBlB,OAAO,CAACmB,EAAE,QAAK;AAAA,EAC5E;AAED,OAAO,IAAMC,iBAAiB,gBAAG3B,MAAM,CAACC,MAAM,CAAC,CAAAS,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6DAEpCP,MAAM,CAACa,KAAK,CAGtB"}

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_48_2__sc-1x59fxi-0"
+  componentId: "core-12_49_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_48_2__sc-zqi94b-0"
+  componentId: "core-12_49_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_48_2__sc-zqi94b-1"
+  componentId: "core-12_49_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_48_2__sc-zqi94b-2"
+  componentId: "core-12_49_0__sc-zqi94b-2"
 })(["", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis);
 export var StyledRemove = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledRemove",
-  componentId: "core-12_48_2__sc-zqi94b-3"
+  componentId: "core-12_49_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_48_2__sc-zqi94b-4"
+  componentId: "core-12_49_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_48_2__sc-1jpjx47-0"
+  componentId: "core-12_49_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_48_2__sc-1jpjx47-1"
+  componentId: "core-12_49_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_48_2__sc-1jpjx47-2"
+  componentId: "core-12_49_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_48_2__sc-1jpjx47-3"
+  componentId: "core-12_49_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_48_2__sc-1jpjx47-4"
+  componentId: "core-12_49_0__sc-1jpjx47-4"
 })(["margin-right:", "px;white-space:nowrap;"], spacing.xl);
 export var StyledToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolHeader",
-  componentId: "core-12_48_2__sc-1jpjx47-5"
+  componentId: "core-12_49_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

@@ -22,6 +22,7 @@ export var ToolLandingPage_ = /*#__PURE__*/React.forwardRef(function (_ref, ref)
       hasNavigation: false
     }
   }, /*#__PURE__*/React.createElement(Page, _extends({
+    fillHeight: true,
     ref: ref
   }, props, {
     "data-core-react": "tool-landing-page"

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","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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"}
+{"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","fillHeight","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 fillHeight 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":";;;;;;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,WAAW;AACtC,SAASC,UAAU,EAAEC,qBAAqB,QAAQ,eAAe;AACjE,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAE7D,SACEC,gBAAgB,EAChBC,gBAAgB,EAChBC,gCAAgC,QAC3B,0BAA0B;AAMjC,OAAO,IAAMC,gBAAgB,gBAAGX,KAAK,CAACY,UAAU,CAG9C,UAAAC,IAAA,EAAyBC,GAAG,EAAK;EAAA,IAA9BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACrB,oBACElB,KAAA,CAAAmB,aAAA,CAAChB,qBAAqB,CAACiB,QAAQ;IAC7BC,KAAK,EAAE;MAAEC,KAAK,EAAE,IAAI;MAAEC,aAAa,EAAE;IAAM;EAAE,gBAE7CvB,KAAA,CAAAmB,aAAA,CAACf,IAAI,EAAAoB,QAAA;IAACC,UAAU;IAACX,GAAG,EAAEA;EAAI,GAAKE,KAAK;IAAE,mBAAgB;EAAmB,IACtED,QACG,CACwB,CAAC;AAErC,CAAC,CAAC;AAEF,OAAO,IAAMW,KAAK,gBAAG1B,KAAK,CAACY,UAAU,CAGnC,UAAAe,KAAA,EAAqDb,GAAG,EAAK;EAAA,IAA1DC,QAAQ,GAAAY,KAAA,CAARZ,QAAQ;IAAEa,YAAY,GAAAD,KAAA,CAAZC,YAAY;IAAEC,YAAY,GAAAF,KAAA,CAAZE,YAAY;IAAKb,KAAK,GAAAC,wBAAA,CAAAU,KAAA,EAAAG,UAAA;EACjD,IAAMC,IAAI,GAAGzB,cAAc,CAAC,CAAC;;EAE7B;EACA,IAAM0B,IAAI,GAAGH,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAID,YAAY;EACzC,IAAMK,oBAAoB,GAAG,OAAOD,IAAI,KAAK,QAAQ;EAErD,IAAME,cAAc,GAAGF,IAAI,gBACzBhC,KAAA,CAAAmB,aAAA,CAACd,OAAO;IACN8B,OAAO,EAAEJ,IAAI,CAACK,CAAC,CAAC,gCAAgC,CAAE;IAClDC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO;EAAE,gBAE5BrC,KAAA,CAAAmB,aAAA,CAAClB,UAAU;IACT,cAAY8B,IAAI,CAACK,CAAC,CAAC,gCAAgC,CAAE;IACrDE,EAAE,EAAEL,oBAAoB,GAAGM,SAAS,GAAGP,IAAK;IAC5CQ,IAAI,EAAEP,oBAAoB,GAAGD,IAAI,GAAGO,SAAU;IAC9CE,IAAI,eAAEzC,KAAA,CAAAmB,aAAA,CAACpB,GAAG,MAAE,CAAE;IACd2C,IAAI,EAAC,MAAM;IACXC,OAAO,EAAC;EAAW,CACpB,CACM,CAAC,GACR,IAAI;EAER,oBACE3C,KAAA,CAAAmB,aAAA,CAACV,gBAAgB,EAAAe,QAAA;IAACV,GAAG,EAAEA;EAAI,GAAKE,KAAK,GAClCkB,cAAc,eACflC,KAAA,CAAAmB,aAAA,CAACX,gBAAgB,QAAEO,QAA2B,CAC9B,CAAC;AAEvB,CAAC,CAAC;AAEF,OAAO,IAAM6B,IAAI,gBAAG5C,KAAK,CAACY,UAAU,CAClC,UAAAiC,KAAA,EAAyB/B,GAAG;EAAA,IAAzBC,QAAQ,GAAA8B,KAAA,CAAR9B,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAA4B,KAAA,EAAAC,UAAA;EAAA,oBACnB9C,KAAA,CAAAmB,aAAA,CAACjB,UAAU,CAAC0C,IAAI,EAAApB,QAAA;IAACV,GAAG,EAAEA;EAAI,GAAKE,KAAK,gBAClChB,KAAA,CAAAmB,aAAA,CAACT,gCAAgC,QAC9BK,QAC+B,CACnB,CAAC;AAAA,CAEtB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMgC,eAAe,GAAGxC,gBAAgB,CAC7C;EACEyC,IAAI,EAAE5C,IAAI,CAAC4C,IAAI;EACfC,MAAM,EAAE7C,IAAI,CAAC6C,MAAM;EACnBC,MAAM,EAAE9C,IAAI,CAAC8C,MAAM;EACnBxB,KAAK,EAALA,KAAK;EACLyB,IAAI,EAAE/C,IAAI,CAAC+C,IAAI;EACfP,IAAI,EAAJA,IAAI;EACJQ,KAAK,EAAEhD,IAAI,CAACgD;AACd,CAAC,EACDzC,gBACF,CAAC;AAEDA,gBAAgB,CAAC0C,WAAW,GAAG,iBAAiB"}

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_48_2__sc-wa8j06-0"
+  componentId: "core-12_49_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_48_2__sc-wa8j06-1"
+  componentId: "core-12_49_0__sc-wa8j06-1"
 })(["width:100%;"]);
 export var StyledToolLandingPageBodyContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolLandingPageBodyContent",
-  componentId: "core-12_48_2__sc-wa8j06-2"
+  componentId: "core-12_49_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_48_2__sc-1fawsi4-0"
+  componentId: "core-12_49_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_48_2__sc-1fawsi4-1"
+  componentId: "core-12_49_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_48_2__sc-1fawsi4-2"
+  componentId: "core-12_49_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

@@ -565,7 +565,7 @@ var IconContainer = function IconContainer(_ref5) {
 };
 var StyledChevronIcon = /*#__PURE__*/styled(ChevronRight).withConfig({
   displayName: "StyledChevronIcon",
-  componentId: "core-12_48_2__sc-f25ekl-0"
+  componentId: "core-12_49_0__sc-f25ekl-0"
 })(["transform:rotate(", "deg);transition:transform 150ms ease-out;"], function (_ref6) {
   var $isExpanded = _ref6.$isExpanded;
   return $isExpanded ? 90 : 0;

package/dist/Tree/Tree.styles.js

@@ -5,11 +5,11 @@ import { Typography } from '../Typography/Typography';
 import { colors } from '../_styles/colors';
 export var StyledFilenameCaption = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledFilenameCaption",
-  componentId: "core-12_48_2__sc-2d45b5-0"
+  componentId: "core-12_49_0__sc-2d45b5-0"
 })(["display:flex;width:100%;"]);
 export var StyledTree = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTree",
-  componentId: "core-12_48_2__sc-2d45b5-1"
+  componentId: "core-12_49_0__sc-2d45b5-1"
 })(["width:100%;height:100%;min-height:36px;outline:none;overflow:auto;"]);
 export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -17,7 +17,7 @@ export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
   }
 }).withConfig({
   displayName: "StyledTreeRowContainer",
-  componentId: "core-12_48_2__sc-2d45b5-2"
+  componentId: "core-12_49_0__sc-2d45b5-2"
 })(["display:flex;align-items:center;height:36px;background:transparent;box-shadow:inset 4px 0px 0px transparent;cursor:default;outline:none;", " &:hover{background:", ";}", " ", ""], function (_ref) {
   var isSelectable = _ref.isSelectable,
     $isSelectable = _ref.$isSelectable;
@@ -35,29 +35,29 @@ export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
 });
 export var StyledTreeRowContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTreeRowContent",
-  componentId: "core-12_48_2__sc-2d45b5-3"
+  componentId: "core-12_49_0__sc-2d45b5-3"
 })(["display:flex;align-items:center;"]);
 export var StyledTreeRowWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTreeRowWrapper",
-  componentId: "core-12_48_2__sc-2d45b5-4"
+  componentId: "core-12_49_0__sc-2d45b5-4"
 })(["outline:none;"]);
 var StyledIconBase = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledIconBase",
-  componentId: "core-12_48_2__sc-2d45b5-5"
+  componentId: "core-12_49_0__sc-2d45b5-5"
 })(["display:flex;justify-content:center;align-items:center;width:24px;height:24px;min-width:24px;min-height:24px;"]);
 
 /** @deprecated Use StyledChevronPlaceholder instead */
 export var StyledChevronContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
   displayName: "StyledChevronContainer",
-  componentId: "core-12_48_2__sc-2d45b5-6"
+  componentId: "core-12_49_0__sc-2d45b5-6"
 })([""]);
 export var StyledChevronPlaceholder = /*#__PURE__*/styled(StyledIconBase).withConfig({
   displayName: "StyledChevronPlaceholder",
-  componentId: "core-12_48_2__sc-2d45b5-7"
+  componentId: "core-12_49_0__sc-2d45b5-7"
 })([""]);
 export var StyledIconContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_48_2__sc-2d45b5-8"
+  componentId: "core-12_49_0__sc-2d45b5-8"
 })(["color:", ";"], function (_ref4) {
   var $isSelected = _ref4.$isSelected;
   return $isSelected ? colors.blue45 : colors.gray40;
@@ -66,7 +66,7 @@ export var StyledIconContainer = /*#__PURE__*/styled(StyledIconBase).withConfig(
 /** @deprecated TreeRowChevron now uses Button with inline styled icon */
 export var StyledChevron = /*#__PURE__*/styled(ChevronRight).withConfig({
   displayName: "StyledChevron",
-  componentId: "core-12_48_2__sc-2d45b5-9"
+  componentId: "core-12_49_0__sc-2d45b5-9"
 })(["transform:rotate(", "deg);transition:transform 150ms ease-out;"], function (_ref5) {
   var $isExpanded = _ref5.$isExpanded;
   return $isExpanded ? 90 : 0;

package/dist/Typeahead/Typeahead.js

@@ -14,7 +14,7 @@ import { Button } from '../Button';
 import { useLayoutEventListener } from '../_hooks/EventListener';
 import { useI18nContext } from '../_hooks/I18n';
 import { mergeRefs } from '../_utils/mergeRefs';
-import { StyledIcon, StyledInput, StyledTypeahead } from './Typeahead.styles';
+import { StyledClearIcon, StyledInput, StyledSearchIcon, StyledTypeahead } from './Typeahead.styles';
 /**
  @since 10.19.0
 
@@ -78,9 +78,14 @@ export var Typeahead = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onChange: onChange,
     disabled: disabled,
     value: value
-  })), /*#__PURE__*/React.createElement(StyledIcon, {
+  })), /*#__PURE__*/React.createElement(StyledSearchIcon, {
     disabled: disabled
-  }, value ? /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Search, {
+    "data-qa": "core-typeahead-search-icon",
+    size: "sm"
+  })), value && /*#__PURE__*/React.createElement(StyledClearIcon, {
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(Button, {
     "aria-label": i18n.t('core.typeahead.clear'),
     "data-qa": "core-typeahead-clear-icon",
     size: "sm",
@@ -88,9 +93,6 @@ export var Typeahead = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     icon: /*#__PURE__*/React.createElement(Clear, null),
     disabled: disabled,
     onClick: onClickClear
-  }) : /*#__PURE__*/React.createElement(Search, {
-    "data-qa": "core-typeahead-search-icon",
-    size: "sm"
   })));
 });
 //# sourceMappingURL=Typeahead.js.map

package/dist/Typeahead/Typeahead.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typeahead.js","names":["Clear","Search","React","Button","useLayoutEventListener","useI18nContext","mergeRefs","StyledIcon","StyledInput","StyledTypeahead","Typeahead","forwardRef","_ref","ref","className","disabled","onChange_","onChange","style","value","_ref$type","type","onKeyDown_","onKeyDown","props","_objectWithoutProperties","_excluded","useCallback","e","target","i18n","innerRef","useRef","dependencies","event","handler","key","stopPropagation","_objectSpread","scope","onClickClear","current","focus","createElement","_extends","t","size","variant","icon","onClick"],"sources":["../../src/Typeahead/Typeahead.tsx"],"sourcesContent":["import { Clear, Search } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { Button } from '../Button'\nimport { useLayoutEventListener } from '../_hooks/EventListener'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { StyledIcon, StyledInput, StyledTypeahead } from './Typeahead.styles'\nimport type { TypeaheadInputProps, TypeaheadProps } from './Typeahead.types'\n\n/**\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-typeahead--demo)\n\n */\nexport const Typeahead = React.forwardRef<\n  HTMLInputElement,\n  TypeaheadInputProps & TypeaheadProps\n>(function (\n  {\n    className,\n    disabled,\n    onChange: onChange_,\n    style,\n    value,\n    type = 'search',\n    onKeyDown: onKeyDown_,\n    ...props\n  },\n  ref\n) {\n  const onChange = React.useCallback(\n    function onChange(e: React.ChangeEvent<HTMLInputElement>) {\n      onChange_?.(e.target.value, e)\n    },\n    [onChange_]\n  )\n  const i18n = useI18nContext()\n  const innerRef = React.useRef<HTMLInputElement | null>(null)\n\n  useLayoutEventListener({\n    dependencies: [onChange_, onKeyDown_],\n    event: 'keydown',\n    handler: function onKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n      if (e.key === 'Escape' || e.key === 'Esc') {\n        // stop propagation once to clear input\n        if ((e.target as HTMLInputElement).value) {\n          e.stopPropagation()\n        }\n        onChange_?.('', { ...e, target: { ...e.target, value: '' } })\n      }\n\n      onKeyDown_?.(e)\n    },\n    scope: innerRef,\n  })\n\n  const onClickClear = React.useCallback(\n    function onClickClear(e: React.MouseEvent<HTMLButtonElement>) {\n      if (!disabled) {\n        onChange_?.('', { ...e, target: { ...e.target, value: '' } })\n\n        if (innerRef.current) {\n          innerRef.current.focus()\n        }\n      }\n    },\n    [disabled, onChange_]\n  )\n\n  return (\n    <StyledTypeahead\n      className={className}\n      style={style}\n      data-qa={props['data-qa']}\n    >\n      <StyledInput\n        {...props}\n        type={type}\n        data-qa=\"core-typeahead-input\"\n        ref={mergeRefs(innerRef, ref)}\n        onChange={onChange}\n        disabled={disabled}\n        value={value}\n      />\n      <StyledIcon disabled={disabled}>\n        {value ? (\n          <Button\n            aria-label={i18n.t('core.typeahead.clear')}\n            data-qa=\"core-typeahead-clear-icon\"\n            size=\"sm\"\n            variant=\"tertiary\"\n            icon={<Clear />}\n            disabled={disabled}\n            onClick={onClickClear}\n          />\n        ) : (\n          <Search data-qa=\"core-typeahead-search-icon\" size=\"sm\" />\n        )}\n      </StyledIcon>\n    </StyledTypeahead>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"Typeahead.js","names":["Clear","Search","React","Button","useLayoutEventListener","useI18nContext","mergeRefs","StyledClearIcon","StyledInput","StyledSearchIcon","StyledTypeahead","Typeahead","forwardRef","_ref","ref","className","disabled","onChange_","onChange","style","value","_ref$type","type","onKeyDown_","onKeyDown","props","_objectWithoutProperties","_excluded","useCallback","e","target","i18n","innerRef","useRef","dependencies","event","handler","key","stopPropagation","_objectSpread","scope","onClickClear","current","focus","createElement","_extends","size","t","variant","icon","onClick"],"sources":["../../src/Typeahead/Typeahead.tsx"],"sourcesContent":["import { Clear, Search } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { Button } from '../Button'\nimport { useLayoutEventListener } from '../_hooks/EventListener'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport {\n  StyledClearIcon,\n  StyledInput,\n  StyledSearchIcon,\n  StyledTypeahead,\n} from './Typeahead.styles'\nimport type { TypeaheadInputProps, TypeaheadProps } from './Typeahead.types'\n\n/**\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-typeahead--demo)\n\n */\nexport const Typeahead = React.forwardRef<\n  HTMLInputElement,\n  TypeaheadInputProps & TypeaheadProps\n>(function (\n  {\n    className,\n    disabled,\n    onChange: onChange_,\n    style,\n    value,\n    type = 'search',\n    onKeyDown: onKeyDown_,\n    ...props\n  },\n  ref\n) {\n  const onChange = React.useCallback(\n    function onChange(e: React.ChangeEvent<HTMLInputElement>) {\n      onChange_?.(e.target.value, e)\n    },\n    [onChange_]\n  )\n  const i18n = useI18nContext()\n  const innerRef = React.useRef<HTMLInputElement | null>(null)\n\n  useLayoutEventListener({\n    dependencies: [onChange_, onKeyDown_],\n    event: 'keydown',\n    handler: function onKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n      if (e.key === 'Escape' || e.key === 'Esc') {\n        // stop propagation once to clear input\n        if ((e.target as HTMLInputElement).value) {\n          e.stopPropagation()\n        }\n        onChange_?.('', { ...e, target: { ...e.target, value: '' } })\n      }\n\n      onKeyDown_?.(e)\n    },\n    scope: innerRef,\n  })\n\n  const onClickClear = React.useCallback(\n    function onClickClear(e: React.MouseEvent<HTMLButtonElement>) {\n      if (!disabled) {\n        onChange_?.('', { ...e, target: { ...e.target, value: '' } })\n\n        if (innerRef.current) {\n          innerRef.current.focus()\n        }\n      }\n    },\n    [disabled, onChange_]\n  )\n\n  return (\n    <StyledTypeahead\n      className={className}\n      style={style}\n      data-qa={props['data-qa']}\n    >\n      <StyledInput\n        {...props}\n        type={type}\n        data-qa=\"core-typeahead-input\"\n        ref={mergeRefs(innerRef, ref)}\n        onChange={onChange}\n        disabled={disabled}\n        value={value}\n      />\n      <StyledSearchIcon disabled={disabled}>\n        <Search data-qa=\"core-typeahead-search-icon\" size=\"sm\" />\n      </StyledSearchIcon>\n      {value && (\n        <StyledClearIcon disabled={disabled}>\n          <Button\n            aria-label={i18n.t('core.typeahead.clear')}\n            data-qa=\"core-typeahead-clear-icon\"\n            size=\"sm\"\n            variant=\"tertiary\"\n            icon={<Clear />}\n            disabled={disabled}\n            onClick={onClickClear}\n          />\n        </StyledClearIcon>\n      )}\n    </StyledTypeahead>\n  )\n})\n"],"mappings":"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"}