@procore/core-react 11.31.0 → 11.32.0

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-11_31_0__sc-1inrbm9-0"
+  componentId: "core-11_32_0__sc-1inrbm9-0"
 })(["input{z-index:2;}"]);
 export var StyledGroupCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroupCell",
-  componentId: "core-11_31_0__sc-1inrbm9-1"
+  componentId: "core-11_32_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-11_31_0__sc-1inrbm9-2"
+  componentId: "core-11_32_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-11_31_0__sc-1inrbm9-3"
+  componentId: "core-11_32_0__sc-1inrbm9-3"
 })(["height:100% !important;& > div{width:100% !important;}"]);
 export var StyledGroupTitle = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledGroupTitle",
-  componentId: "core-11_31_0__sc-1inrbm9-4"
+  componentId: "core-11_32_0__sc-1inrbm9-4"
 })(["", ""], getEllipsis);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-11_31_0__sc-1inrbm9-5"
+  componentId: "core-11_32_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-11_31_0__sc-1inrbm9-6"
+  componentId: "core-11_32_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-11_31_0__sc-e1ql06-0"
+  componentId: "core-11_32_0__sc-e1ql06-0"
 })(["align-items:stretch;max-height:40vh;"]);
 export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectIcon",
-  componentId: "core-11_31_0__sc-e1ql06-1"
+  componentId: "core-11_32_0__sc-e1ql06-1"
 })(["height:24px;width:24px;"]);
 export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledTieredSelectArrowButton",
-  componentId: "core-11_31_0__sc-e1ql06-2"
+  componentId: "core-11_32_0__sc-e1ql06-2"
 })(["border:1px solid transparent;"]);
 export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
   displayName: "StyledTieredSelectBreadcrumbs",
-  componentId: "core-11_31_0__sc-e1ql06-3"
+  componentId: "core-11_32_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-11_31_0__sc-e1ql06-4"
+  componentId: "core-11_32_0__sc-e1ql06-4"
 })(["height:20px;"]);
 export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
   displayName: "StyledTieredSelectOption",
-  componentId: "core-11_31_0__sc-e1ql06-5"
+  componentId: "core-11_32_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-11_31_0__sc-e1ql06-6"
+  componentId: "core-11_32_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-11_31_0__sc-e1ql06-7"
+  componentId: "core-11_32_0__sc-e1ql06-7"
 })(["max-width:248px;min-width:inherit;"]);
 export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledTieredSelectSpinnerOverlay",
-  componentId: "core-11_31_0__sc-e1ql06-8"
+  componentId: "core-11_32_0__sc-e1ql06-8"
 })(["min-height:auto;"]);
 //# sourceMappingURL=TieredSelect.styles.js.map

package/dist/Tile/Tile.styles.js

@@ -39,7 +39,7 @@ var getTileStyles = function getTileStyles(_ref) {
 };
 export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkTile",
-  componentId: "core-11_31_0__sc-8q9p0n-0"
+  componentId: "core-11_32_0__sc-8q9p0n-0"
 })(["", " text-decoration:none;color:inherit;"], function (_ref2) {
   var $orientation = _ref2.$orientation;
   return getTileStyles({
@@ -49,7 +49,7 @@ export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
 });
 export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectableTile",
-  componentId: "core-11_31_0__sc-8q9p0n-1"
+  componentId: "core-11_32_0__sc-8q9p0n-1"
 })(["", ""], function (_ref3) {
   var $orientation = _ref3.$orientation,
     $selected = _ref3.$selected,
@@ -65,7 +65,7 @@ export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledInteractableTile",
-  componentId: "core-11_31_0__sc-8q9p0n-2"
+  componentId: "core-11_32_0__sc-8q9p0n-2"
 })(["", ""], function (_ref4) {
   var $orientation = _ref4.$orientation;
   return getTileStyles({
@@ -74,26 +74,26 @@ export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-11_31_0__sc-8q9p0n-3"
+  componentId: "core-11_32_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-11_31_0__sc-8q9p0n-4"
+  componentId: "core-11_32_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, SFormikForm, SFormRow, spacing.md);
 export var StyledHeroMedia = /*#__PURE__*/styled.figure.withConfig({
   displayName: "StyledHeroMedia",
-  componentId: "core-11_31_0__sc-8q9p0n-5"
+  componentId: "core-11_32_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-11_31_0__sc-8q9p0n-6"
+  componentId: "core-11_32_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-11_31_0__sc-8q9p0n-7"
+  componentId: "core-11_32_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-11_31_0__sc-1t2ye1d-0"
+  componentId: "core-11_32_0__sc-1t2ye1d-0"
 })(["display:flex;align-items:flex-start;"]);
 export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAssets",
-  componentId: "core-11_31_0__sc-1t2ye1d-1"
+  componentId: "core-11_32_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-11_31_0__sc-1t2ye1d-2"
+  componentId: "core-11_32_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-11_31_0__sc-1t2ye1d-3"
+  componentId: "core-11_32_0__sc-1t2ye1d-3"
 })(["> h1,> h2,> h3{display:inline;}"]);
 export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTitlePill",
-  componentId: "core-11_31_0__sc-1t2ye1d-4"
+  componentId: "core-11_32_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-11_31_0__sc-1t2ye1d-5"
+  componentId: "core-11_32_0__sc-1t2ye1d-5"
 })(["margin-left:auto;"]);
 export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledSubtext",
-  componentId: "core-11_31_0__sc-1t2ye1d-6"
+  componentId: "core-11_32_0__sc-1t2ye1d-6"
 })(["display:block;"]);
 //# sourceMappingURL=Title.styles.js.map

package/dist/Toast/Toast.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { ButtonAttributes, DivAttributes, Props, SpanAttributes } from '../_utils/types';
 import type { ToastProps } from './Toast.types';
+export declare const Toast_: React.ForwardRefExoticComponent<DivAttributes & ToastProps & React.RefAttributes<HTMLDivElement>>;
 /**
 
  We use toasts to temporarily display information to a user. For example,
@@ -18,7 +19,6 @@ import type { ToastProps } from './Toast.types';
  @see [Design Guidelines](https://design.procore.com/toast)
 
  */
-export declare const Toast_: React.ForwardRefExoticComponent<DivAttributes & ToastProps & React.RefAttributes<HTMLDivElement>>;
 export declare const Toast: React.ForwardRefExoticComponent<DivAttributes & ToastProps & React.RefAttributes<HTMLDivElement>> & {
     Dismiss: React.ForwardRefExoticComponent<ButtonAttributes & Props & React.RefAttributes<HTMLButtonElement>>;
     Text: React.ForwardRefExoticComponent<SpanAttributes & Props & React.RefAttributes<HTMLSpanElement>>;

package/dist/Toast/Toast.js

@@ -44,24 +44,6 @@ var Dismiss = /*#__PURE__*/React.forwardRef(function ToastDismiss(_ref2, ref) {
     "aria-label": I18n.t('core.toast.a11y.dismiss')
   }, props), /*#__PURE__*/React.createElement(Clear, null));
 });
-
-/**
-
- We use toasts to temporarily display information to a user. For example,
- as a confirmation that an action was successfully or unsuccessfully completed.
-
- Toasts do not present the user with an action. If an action needs to be
- performed because of the particular message, use a banner. However, for
- accessible 'enough time' patterns, Toasts can be extended and can have
- an action to dismiss the Toast.
-
- @since 10.19.0
-
- @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toast--demo)
-
- @see [Design Guidelines](https://design.procore.com/toast)
-
- */
 export var Toast_ = /*#__PURE__*/React.forwardRef(function Toast(_ref3, ref) {
   var children = _ref3.children,
     variant = _ref3.variant,
@@ -83,6 +65,24 @@ export var Toast_ = /*#__PURE__*/React.forwardRef(function Toast(_ref3, ref) {
 Toast_.displayName = 'Toast';
 Dismiss.displayName = 'Toast.Dismiss';
 Text.displayName = 'Toast.Text';
+
+/**
+
+ We use toasts to temporarily display information to a user. For example,
+ as a confirmation that an action was successfully or unsuccessfully completed.
+
+ Toasts do not present the user with an action. If an action needs to be
+ performed because of the particular message, use a banner. However, for
+ accessible 'enough time' patterns, Toasts can be extended and can have
+ an action to dismiss the Toast.
+
+ @since 10.19.0
+
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toast--demo)
+
+ @see [Design Guidelines](https://design.procore.com/toast)
+
+ */
 export var Toast = addSubcomponents({
   Dismiss: Dismiss,
   Text: Text

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","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 type {\n  ButtonAttributes,\n  DivAttributes,\n  Props,\n  SpanAttributes,\n} from '../_utils/types'\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<HTMLSpanElement, SpanAttributes & Props>(\n  function Label({ children, ...props }, ref) {\n    return (\n      <StyledToastText\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </StyledToastText>\n    )\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<HTMLButtonElement, ButtonAttributes & Props>(\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)\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_ = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & 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\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;AAO7D,SAASC,WAAW,EAAEC,iBAAiB,EAAEC,eAAe,QAAQ,gBAAgB;AAGhF;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,IAAI,gBAAGN,KAAK,CAACO,UAAU,CAC3B,SAASC,KAAKA,CAAAC,IAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACjC,oBACEd,KAAA,CAAAe,aAAA,CAACV,eAAe,EAAAW,QAAA;IACd,aAAU,WAAW;IACrB,eAAY,MAAM;IAClBN,GAAG,EAAEA;EAAI,GACLE,KAAK,GAERD,QACc,CAAC;AAEtB,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMM,OAAO,gBAAGjB,KAAK,CAACO,UAAU,CAC9B,SAASW,YAAYA,CAAAC,KAAA,EAAeT,GAAG,EAAE;EAAA,IAAdE,KAAK,GAAAI,QAAA,MAAAI,yBAAA,CAAAD,KAAA,GAAAA,KAAA;EAC9B,IAAME,IAAI,GAAGpB,cAAc,CAAC,CAAC;EAC7B,oBACED,KAAA,CAAAe,aAAA,CAACX,iBAAiB,EAAAY,QAAA;IAChBN,GAAG,EAAEA,GAAI;IACTY,OAAO,EAAC,UAAU;IAClB,eAAY,OAAO;IACnB,cAAYD,IAAI,CAACE,CAAC,CAAC,yBAAyB;EAAE,GAC1CX,KAAK,gBAETZ,KAAA,CAAAe,aAAA,CAACjB,KAAK,MAAE,CACS,CAAC;AAExB,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAM0B,MAAM,gBAAGxB,KAAK,CAACO,UAAU,CAGpC,SAASkB,KAAKA,CAAAC,KAAA,EAAkChB,GAAG,EAAE;EAAA,IAApCC,QAAQ,GAAAe,KAAA,CAARf,QAAQ;IAAEW,OAAO,GAAAI,KAAA,CAAPJ,OAAO;IAAKV,KAAK,GAAAC,wBAAA,CAAAa,KAAA,EAAAC,UAAA;EAC5C,oBACE3B,KAAA,CAAAe,aAAA,CAACZ,WAAW,EAAAa,QAAA,KAAKJ,KAAK;IAAEgB,QAAQ,EAAEN,OAAQ;IAACZ,GAAG,EAAEA;EAAI,IACjDY,OAAO,KAAK,SAAS,gBAAGtB,KAAA,CAAAe,aAAA,CAAClB,KAAK;IAACgC,IAAI,EAAC;EAAI,CAAE,CAAC,gBAAG7B,KAAA,CAAAe,aAAA,CAAChB,KAAK;IAAC8B,IAAI,EAAC;EAAI,CAAE,CAAC,EACjE,OAAOlB,QAAQ,KAAK,QAAQ,IAC5BA,QAAQ,IAAI,OAAQA,QAAQ,CAAoB,CAAC,CAAC,KAAK,QAAS;EAAA;EAC/D;EACAX,KAAA,CAAAe,aAAA,CAACV,eAAe;IAACyB,OAAO;EAAA,GAAEnB,QAA0B,CAAC,GAErDA,QAES,CAAC;AAElB,CAAC,CAAC;AAEFa,MAAM,CAACO,WAAW,GAAG,OAAO;AAC5Bd,OAAO,CAACc,WAAW,GAAG,eAAe;AACrCzB,IAAI,CAACyB,WAAW,GAAG,YAAY;AAE/B,OAAO,IAAMN,KAAK,GAAGvB,gBAAgB,CACnC;EACEe,OAAO,EAAPA,OAAO;EACPX,IAAI,EAAJA;AACF,CAAC,EACDkB,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","$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 type {\n  ButtonAttributes,\n  DivAttributes,\n  Props,\n  SpanAttributes,\n} from '../_utils/types'\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<HTMLSpanElement, SpanAttributes & Props>(\n  function Label({ children, ...props }, ref) {\n    return (\n      <StyledToastText\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </StyledToastText>\n    )\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<HTMLButtonElement, ButtonAttributes & Props>(\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)\n\nexport const Toast_ = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & 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;AAO7D,SAASC,WAAW,EAAEC,iBAAiB,EAAEC,eAAe,QAAQ,gBAAgB;AAGhF;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,IAAI,gBAAGN,KAAK,CAACO,UAAU,CAC3B,SAASC,KAAKA,CAAAC,IAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACjC,oBACEd,KAAA,CAAAe,aAAA,CAACV,eAAe,EAAAW,QAAA;IACd,aAAU,WAAW;IACrB,eAAY,MAAM;IAClBN,GAAG,EAAEA;EAAI,GACLE,KAAK,GAERD,QACc,CAAC;AAEtB,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMM,OAAO,gBAAGjB,KAAK,CAACO,UAAU,CAC9B,SAASW,YAAYA,CAAAC,KAAA,EAAeT,GAAG,EAAE;EAAA,IAAdE,KAAK,GAAAI,QAAA,MAAAI,yBAAA,CAAAD,KAAA,GAAAA,KAAA;EAC9B,IAAME,IAAI,GAAGpB,cAAc,CAAC,CAAC;EAC7B,oBACED,KAAA,CAAAe,aAAA,CAACX,iBAAiB,EAAAY,QAAA;IAChBN,GAAG,EAAEA,GAAI;IACTY,OAAO,EAAC,UAAU;IAClB,eAAY,OAAO;IACnB,cAAYD,IAAI,CAACE,CAAC,CAAC,yBAAyB;EAAE,GAC1CX,KAAK,gBAETZ,KAAA,CAAAe,aAAA,CAACjB,KAAK,MAAE,CACS,CAAC;AAExB,CACF,CAAC;AAED,OAAO,IAAM0B,MAAM,gBAAGxB,KAAK,CAACO,UAAU,CAGpC,SAASkB,KAAKA,CAAAC,KAAA,EAAkChB,GAAG,EAAE;EAAA,IAApCC,QAAQ,GAAAe,KAAA,CAARf,QAAQ;IAAEW,OAAO,GAAAI,KAAA,CAAPJ,OAAO;IAAKV,KAAK,GAAAC,wBAAA,CAAAa,KAAA,EAAAC,UAAA;EAC5C,oBACE3B,KAAA,CAAAe,aAAA,CAACZ,WAAW,EAAAa,QAAA,KAAKJ,KAAK;IAAEgB,QAAQ,EAAEN,OAAQ;IAACZ,GAAG,EAAEA;EAAI,IACjDY,OAAO,KAAK,SAAS,gBAAGtB,KAAA,CAAAe,aAAA,CAAClB,KAAK;IAACgC,IAAI,EAAC;EAAI,CAAE,CAAC,gBAAG7B,KAAA,CAAAe,aAAA,CAAChB,KAAK;IAAC8B,IAAI,EAAC;EAAI,CAAE,CAAC,EACjE,OAAOlB,QAAQ,KAAK,QAAQ,IAC5BA,QAAQ,IAAI,OAAQA,QAAQ,CAAoB,CAAC,CAAC,KAAK,QAAS;EAAA;EAC/D;EACAX,KAAA,CAAAe,aAAA,CAACV,eAAe;IAACyB,OAAO;EAAA,GAAEnB,QAA0B,CAAC,GAErDA,QAES,CAAC;AAElB,CAAC,CAAC;AAEFa,MAAM,CAACO,WAAW,GAAG,OAAO;AAC5Bd,OAAO,CAACc,WAAW,GAAG,eAAe;AACrCzB,IAAI,CAACyB,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,GAAGvB,gBAAgB,CACnC;EACEe,OAAO,EAAPA,OAAO;EACPX,IAAI,EAAJA;AACF,CAAC,EACDkB,MACF,CAAC"}

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-11_31_0__sc-1l6lk2n-0"
+  componentId: "core-11_32_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-11_31_0__sc-1l6lk2n-1"
+  componentId: "core-11_32_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-11_31_0__sc-1l6lk2n-2"
+  componentId: "core-11_32_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-11_31_0__sc-1x59fxi-0"
+  componentId: "core-11_32_0__sc-1x59fxi-0"
 })(["", "}"], function (_ref) {
   var $selected = _ref.$selected;
   return $selected && css(["background-color:", ";color:", ";&:hover{background-color:", ";color:", ";}&:focus{background-color:", ";color:", ";}&:disabled{background-color:", ";color:", ";}"], colors.blue50, colors.white, colors.blue40, colors.white, colors.blue50, colors.white, colors.blue85, colors.white);

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-11_31_0__sc-zqi94b-0"
+  componentId: "core-11_32_0__sc-zqi94b-0"
 })(["", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis);
 export var StyledRemove = /*#__PURE__*/styled(Clear).withConfig({
   displayName: "StyledRemove",
-  componentId: "core-11_31_0__sc-zqi94b-1"
+  componentId: "core-11_32_0__sc-zqi94b-1"
 })(["border-radius:100%;cursor:pointer;flex:0 0 auto;height:16px;margin:0 -", "px 0 ", "px;width:16px;&:hover{background:", ";color:", ";}"], spacing.sm, spacing.sm, colors.white, colors.blue40);
 export var StyledToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToken",
-  componentId: "core-11_31_0__sc-zqi94b-2"
+  componentId: "core-11_32_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-11_31_0__sc-1jpjx47-0"
+  componentId: "core-11_32_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-11_31_0__sc-1jpjx47-1"
+  componentId: "core-11_32_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-11_31_0__sc-1jpjx47-2"
+  componentId: "core-11_32_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-11_31_0__sc-1jpjx47-3"
+  componentId: "core-11_32_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-11_31_0__sc-1jpjx47-4"
+  componentId: "core-11_32_0__sc-1jpjx47-4"
 })(["margin-right:", "px;white-space:nowrap;"], spacing.xl);
 export var StyledToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolHeader",
-  componentId: "core-11_31_0__sc-1jpjx47-5"
+  componentId: "core-11_32_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/Tooltip/Tooltip.d.ts

@@ -1,6 +1,23 @@
 import React from 'react';
 import type { OverlayTriggerProps } from '../OverlayTrigger';
 import type { TooltipContentProps, TooltipProps } from './Tooltip.types';
+/**
+
+ We use tooltips to display additional descriptive information about an element
+ or item to the user. For example, we could use them to explain a specific term
+ or phrase, to denote the specific format required (e.g. mm/dd/yyy), or to
+ clarify certain information (e.g. why a button is disabled).
+
+ They can be displayed either by hovering over an element in the product or by
+ hovering over an icon next to an element.
+
+ @since 10.19.0
+
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tooltip--demo)
+
+ @see [Design Guidelines](https://design.procore.com/tooltip)
+
+ */
 export declare const Tooltip: React.ForwardRefExoticComponent<OverlayTriggerProps & TooltipProps & React.RefAttributes<HTMLElement>> & {
     Content: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLSpanElement>>;
 };

package/dist/Tooltip/Tooltip.js

@@ -19,24 +19,6 @@ var Content = /*#__PURE__*/React.forwardRef(function Content(_ref, ref) {
     ref: ref
   }, /*#__PURE__*/React.createElement(StyledTooltip, props, children));
 });
-
-/**
-
- We use tooltips to display additional descriptive information about an element
- or item to the user. For example, we could use them to explain a specific term
- or phrase, to denote the specific format required (e.g. mm/dd/yyy), or to
- clarify certain information (e.g. why a button is disabled).
-
- They can be displayed either by hovering over an element in the product or by
- hovering over an icon next to an element.
-
- @since 10.19.0
-
- @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tooltip--demo)
-
- @see [Design Guidelines](https://design.procore.com/tooltip)
-
- */
 var Tooltip_ = /*#__PURE__*/React.forwardRef(function Tooltip(_ref2, ref) {
   var children = _ref2.children,
     _ref2$initialIsVisibl = _ref2.initialIsVisible,
@@ -65,6 +47,24 @@ var Tooltip_ = /*#__PURE__*/React.forwardRef(function Tooltip(_ref2, ref) {
 });
 Tooltip_.displayName = 'Tooltip';
 Content.displayName = 'Tooltip.Content';
+
+/**
+
+ We use tooltips to display additional descriptive information about an element
+ or item to the user. For example, we could use them to explain a specific term
+ or phrase, to denote the specific format required (e.g. mm/dd/yyy), or to
+ clarify certain information (e.g. why a button is disabled).
+
+ They can be displayed either by hovering over an element in the product or by
+ hovering over an icon next to an element.
+
+ @since 10.19.0
+
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tooltip--demo)
+
+ @see [Design Guidelines](https://design.procore.com/tooltip)
+
+ */
 export var Tooltip = addSubcomponents({
   Content: Content
 }, Tooltip_);

package/dist/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["React","OverlayTrigger","addSubcomponents","StyledContainer","StyledTooltip","Content","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","Tooltip_","Tooltip","_ref2","_ref2$initialIsVisibl","initialIsVisible","overlay","_ref2$placement","placement","_ref2$trigger","trigger","_excluded2","overlayNode","isValidElement","cloneElement","_objectSpread","restoreFocusOnHide","shrinkOverlay","arrow","displayName"],"sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react'\nimport type { OverlayTriggerProps } from '../OverlayTrigger'\nimport { OverlayTrigger } from '../OverlayTrigger'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { StyledContainer, StyledTooltip } from './Tooltip.styles'\nimport type { TooltipContentProps, TooltipProps } from './Tooltip.types'\n\nconst Content = React.forwardRef<HTMLSpanElement, TooltipContentProps>(\n  function Content({ children, ...props }, ref) {\n    return (\n      <StyledContainer ref={ref}>\n        <StyledTooltip {...props}>{children}</StyledTooltip>\n      </StyledContainer>\n    )\n  }\n)\n\n/**\n\n We use tooltips to display additional descriptive information about an element\n or item to the user. For example, we could use them to explain a specific term\n or phrase, to denote the specific format required (e.g. mm/dd/yyy), or to\n clarify certain information (e.g. why a button is disabled).\n\n They can be displayed either by hovering over an element in the product or by\n hovering over an icon next to an element.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tooltip--demo)\n\n @see [Design Guidelines](https://design.procore.com/tooltip)\n\n */\nconst Tooltip_ = React.forwardRef<\n  HTMLElement,\n  OverlayTriggerProps & TooltipProps\n>(function Tooltip(\n  {\n    children,\n    initialIsVisible = false,\n    overlay,\n    placement = 'top',\n    trigger = 'hover',\n    ...props\n  },\n  ref\n) {\n  const overlayNode = React.isValidElement(overlay) ? (\n    React.cloneElement(overlay as React.ReactElement, { placement })\n  ) : (\n    <Content placement={placement}>{overlay}</Content>\n  )\n\n  return (\n    <OverlayTrigger\n      {...{\n        ...props,\n        initialIsVisible,\n        overlay: overlayNode,\n        placement,\n        ref,\n        restoreFocusOnHide: false,\n        trigger,\n        shrinkOverlay: true,\n        arrow: true,\n      }}\n    >\n      {children}\n    </OverlayTrigger>\n  )\n})\n\nTooltip_.displayName = 'Tooltip'\n\nContent.displayName = 'Tooltip.Content'\n\nexport const Tooltip = addSubcomponents(\n  {\n    Content,\n  },\n  Tooltip_\n)\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,eAAe,EAAEC,aAAa,QAAQ,kBAAkB;AAGjE,IAAMC,OAAO,gBAAGL,KAAK,CAACM,UAAU,CAC9B,SAASD,OAAOA,CAAAE,IAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACnC,oBACEZ,KAAA,CAAAa,aAAA,CAACV,eAAe;IAACK,GAAG,EAAEA;EAAI,gBACxBR,KAAA,CAAAa,aAAA,CAACT,aAAa,EAAKM,KAAK,EAAGD,QAAwB,CACpC,CAAC;AAEtB,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMK,QAAQ,gBAAGd,KAAK,CAACM,UAAU,CAG/B,SAASS,OAAOA,CAAAC,KAAA,EAShBR,GAAG,EACH;EAAA,IAREC,QAAQ,GAAAO,KAAA,CAARP,QAAQ;IAAAQ,qBAAA,GAAAD,KAAA,CACRE,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IACxBE,OAAO,GAAAH,KAAA,CAAPG,OAAO;IAAAC,eAAA,GAAAJ,KAAA,CACPK,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAAE,aAAA,GAAAN,KAAA,CACjBO,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,OAAO,GAAAA,aAAA;IACdZ,KAAK,GAAAC,wBAAA,CAAAK,KAAA,EAAAQ,UAAA;EAIV,IAAMC,WAAW,GAAG,aAAAzB,KAAK,CAAC0B,cAAc,CAACP,OAAO,CAAC,gBAC/CnB,KAAK,CAAC2B,YAAY,CAACR,OAAO,EAAwB;IAAEE,SAAS,EAATA;EAAU,CAAC,CAAC,gBAEhErB,KAAA,CAAAa,aAAA,CAACR,OAAO;IAACgB,SAAS,EAAEA;EAAU,GAAEF,OAAiB,CAClD;EAED,oBACEnB,KAAA,CAAAa,aAAA,CAACZ,cAAc,EAAA2B,aAAA,CAAAA,aAAA,KAERlB,KAAK;IACRQ,gBAAgB,EAAhBA,gBAAgB;IAChBC,OAAO,EAAEM,WAAW;IACpBJ,SAAS,EAATA,SAAS;IACTb,GAAG,EAAHA,GAAG;IACHqB,kBAAkB,EAAE,KAAK;IACzBN,OAAO,EAAPA,OAAO;IACPO,aAAa,EAAE,IAAI;IACnBC,KAAK,EAAE;EAAI,IAGZtB,QACa,CAAC;AAErB,CAAC,CAAC;AAEFK,QAAQ,CAACkB,WAAW,GAAG,SAAS;AAEhC3B,OAAO,CAAC2B,WAAW,GAAG,iBAAiB;AAEvC,OAAO,IAAMjB,OAAO,GAAGb,gBAAgB,CACrC;EACEG,OAAO,EAAPA;AACF,CAAC,EACDS,QACF,CAAC"}
+{"version":3,"file":"Tooltip.js","names":["React","OverlayTrigger","addSubcomponents","StyledContainer","StyledTooltip","Content","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","Tooltip_","Tooltip","_ref2","_ref2$initialIsVisibl","initialIsVisible","overlay","_ref2$placement","placement","_ref2$trigger","trigger","_excluded2","overlayNode","isValidElement","cloneElement","_objectSpread","restoreFocusOnHide","shrinkOverlay","arrow","displayName"],"sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react'\nimport type { OverlayTriggerProps } from '../OverlayTrigger'\nimport { OverlayTrigger } from '../OverlayTrigger'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { StyledContainer, StyledTooltip } from './Tooltip.styles'\nimport type { TooltipContentProps, TooltipProps } from './Tooltip.types'\n\nconst Content = React.forwardRef<HTMLSpanElement, TooltipContentProps>(\n  function Content({ children, ...props }, ref) {\n    return (\n      <StyledContainer ref={ref}>\n        <StyledTooltip {...props}>{children}</StyledTooltip>\n      </StyledContainer>\n    )\n  }\n)\n\nconst Tooltip_ = React.forwardRef<\n  HTMLElement,\n  OverlayTriggerProps & TooltipProps\n>(function Tooltip(\n  {\n    children,\n    initialIsVisible = false,\n    overlay,\n    placement = 'top',\n    trigger = 'hover',\n    ...props\n  },\n  ref\n) {\n  const overlayNode = React.isValidElement(overlay) ? (\n    React.cloneElement(overlay as React.ReactElement, { placement })\n  ) : (\n    <Content placement={placement}>{overlay}</Content>\n  )\n\n  return (\n    <OverlayTrigger\n      {...{\n        ...props,\n        initialIsVisible,\n        overlay: overlayNode,\n        placement,\n        ref,\n        restoreFocusOnHide: false,\n        trigger,\n        shrinkOverlay: true,\n        arrow: true,\n      }}\n    >\n      {children}\n    </OverlayTrigger>\n  )\n})\n\nTooltip_.displayName = 'Tooltip'\n\nContent.displayName = 'Tooltip.Content'\n\n/**\n\n We use tooltips to display additional descriptive information about an element\n or item to the user. For example, we could use them to explain a specific term\n or phrase, to denote the specific format required (e.g. mm/dd/yyy), or to\n clarify certain information (e.g. why a button is disabled).\n\n They can be displayed either by hovering over an element in the product or by\n hovering over an icon next to an element.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tooltip--demo)\n\n @see [Design Guidelines](https://design.procore.com/tooltip)\n\n */\nexport const Tooltip = addSubcomponents(\n  {\n    Content,\n  },\n  Tooltip_\n)\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,eAAe,EAAEC,aAAa,QAAQ,kBAAkB;AAGjE,IAAMC,OAAO,gBAAGL,KAAK,CAACM,UAAU,CAC9B,SAASD,OAAOA,CAAAE,IAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACnC,oBACEZ,KAAA,CAAAa,aAAA,CAACV,eAAe;IAACK,GAAG,EAAEA;EAAI,gBACxBR,KAAA,CAAAa,aAAA,CAACT,aAAa,EAAKM,KAAK,EAAGD,QAAwB,CACpC,CAAC;AAEtB,CACF,CAAC;AAED,IAAMK,QAAQ,gBAAGd,KAAK,CAACM,UAAU,CAG/B,SAASS,OAAOA,CAAAC,KAAA,EAShBR,GAAG,EACH;EAAA,IAREC,QAAQ,GAAAO,KAAA,CAARP,QAAQ;IAAAQ,qBAAA,GAAAD,KAAA,CACRE,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IACxBE,OAAO,GAAAH,KAAA,CAAPG,OAAO;IAAAC,eAAA,GAAAJ,KAAA,CACPK,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAAE,aAAA,GAAAN,KAAA,CACjBO,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,OAAO,GAAAA,aAAA;IACdZ,KAAK,GAAAC,wBAAA,CAAAK,KAAA,EAAAQ,UAAA;EAIV,IAAMC,WAAW,GAAG,aAAAzB,KAAK,CAAC0B,cAAc,CAACP,OAAO,CAAC,gBAC/CnB,KAAK,CAAC2B,YAAY,CAACR,OAAO,EAAwB;IAAEE,SAAS,EAATA;EAAU,CAAC,CAAC,gBAEhErB,KAAA,CAAAa,aAAA,CAACR,OAAO;IAACgB,SAAS,EAAEA;EAAU,GAAEF,OAAiB,CAClD;EAED,oBACEnB,KAAA,CAAAa,aAAA,CAACZ,cAAc,EAAA2B,aAAA,CAAAA,aAAA,KAERlB,KAAK;IACRQ,gBAAgB,EAAhBA,gBAAgB;IAChBC,OAAO,EAAEM,WAAW;IACpBJ,SAAS,EAATA,SAAS;IACTb,GAAG,EAAHA,GAAG;IACHqB,kBAAkB,EAAE,KAAK;IACzBN,OAAO,EAAPA,OAAO;IACPO,aAAa,EAAE,IAAI;IACnBC,KAAK,EAAE;EAAI,IAGZtB,QACa,CAAC;AAErB,CAAC,CAAC;AAEFK,QAAQ,CAACkB,WAAW,GAAG,SAAS;AAEhC3B,OAAO,CAAC2B,WAAW,GAAG,iBAAiB;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMjB,OAAO,GAAGb,gBAAgB,CACrC;EACEG,OAAO,EAAPA;AACF,CAAC,EACDS,QACF,CAAC"}

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-11_31_0__sc-1fawsi4-0"
+  componentId: "core-11_32_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-11_31_0__sc-1fawsi4-1"
+  componentId: "core-11_32_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

package/dist/Tree/Tree.styles.js

@@ -5,15 +5,15 @@ import { Typography } from '../Typography/Typography';
 import { colors } from '../_styles/colors';
 export var StyledFilenameCaption = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledFilenameCaption",
-  componentId: "core-11_31_0__sc-2d45b5-0"
+  componentId: "core-11_32_0__sc-2d45b5-0"
 })(["display:flex;width:100%;"]);
 export var StyledTree = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTree",
-  componentId: "core-11_31_0__sc-2d45b5-1"
+  componentId: "core-11_32_0__sc-2d45b5-1"
 })(["width:100%;height:100%;min-height:36px;outline:none;overflow:auto;"]);
 export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledTreeRowContainer",
-  componentId: "core-11_31_0__sc-2d45b5-2"
+  componentId: "core-11_32_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;
   return isSelectable ? 'cursor: pointer;' : '';
@@ -27,30 +27,30 @@ export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
 });
 export var StyledTreeRowContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTreeRowContent",
-  componentId: "core-11_31_0__sc-2d45b5-3"
+  componentId: "core-11_32_0__sc-2d45b5-3"
 })(["display:flex;align-items:center;"]);
 export var StyledTreeRowWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTreeRowWrapper",
-  componentId: "core-11_31_0__sc-2d45b5-4"
+  componentId: "core-11_32_0__sc-2d45b5-4"
 })(["outline:none;"]);
 var StyledIconBase = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledIconBase",
-  componentId: "core-11_31_0__sc-2d45b5-5"
+  componentId: "core-11_32_0__sc-2d45b5-5"
 })(["display:flex;justify-content:center;align-items:center;width:24px;height:24px;min-width:24px;min-height:24px;"]);
 export var StyledChevronContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
   displayName: "StyledChevronContainer",
-  componentId: "core-11_31_0__sc-2d45b5-6"
+  componentId: "core-11_32_0__sc-2d45b5-6"
 })([""]);
 export var StyledIconContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-11_31_0__sc-2d45b5-7"
+  componentId: "core-11_32_0__sc-2d45b5-7"
 })(["color:", ";"], function (_ref4) {
   var $isSelected = _ref4.$isSelected;
   return $isSelected ? colors.blue45 : colors.gray40;
 });
 export var StyledChevron = /*#__PURE__*/styled(ChevronRight).withConfig({
   displayName: "StyledChevron",
-  componentId: "core-11_31_0__sc-2d45b5-8"
+  componentId: "core-11_32_0__sc-2d45b5-8"
 })(["transform:rotate(", "deg);transition:transform 150ms ease-out;"], function (_ref5) {
   var $isExpanded = _ref5.$isExpanded;
   return $isExpanded ? 90 : 0;

package/dist/Typeahead/Typeahead.styles.js

@@ -5,11 +5,11 @@ import { spacing } from '../_styles/spacing';
 var inputHeight = 36;
 export var StyledInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledInput",
-  componentId: "core-11_31_0__sc-gpc39h-0"
+  componentId: "core-11_32_0__sc-gpc39h-0"
 })(["", " padding-right:", "px;"], getSearchInputStyles(), spacing.xxl);
 export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIcon",
-  componentId: "core-11_31_0__sc-gpc39h-1"
+  componentId: "core-11_32_0__sc-gpc39h-1"
 })(["align-items:center;color:", ";display:flex;height:", "px;justify-content:center;pointer-events:", ";position:absolute;right:0;top:0;width:", "px;"], function (p) {
   return p.disabled ? colors.gray70 : colors.gray45;
 }, inputHeight, function (p) {
@@ -17,6 +17,6 @@ export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
 }, inputHeight);
 export var StyledTypeahead = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTypeahead",
-  componentId: "core-11_31_0__sc-gpc39h-2"
+  componentId: "core-11_32_0__sc-gpc39h-2"
 })(["position:relative;width:100%;"]);
 //# sourceMappingURL=Typeahead.styles.js.map

package/dist/Typography/Typography.styles.js

@@ -35,7 +35,7 @@ export var semiboldRules = function semiboldRules() {
 };
 export var StyledTypography = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTypography",
-  componentId: "core-11_31_0__sc-1c4583t-0"
+  componentId: "core-11_32_0__sc-1c4583t-0"
 })(["", " color:", ";font-style:", ";font-weight:", ";", " em,i{font-style:italic;}"], function (_ref) {
   var _ref$intent = _ref.intent,
     intent = _ref$intent === void 0 ? 'body' : _ref$intent;

package/dist/Typography/Typography.table.story.js

@@ -5,11 +5,11 @@ import { colors } from '../_styles/colors';
 import { getTypographyIntent } from './Typography.styles';
 var StyledBodyCell = /*#__PURE__*/styled(Table.BodyCell).withConfig({
   displayName: "StyledBodyCell",
-  componentId: "core-11_31_0__sc-p4v7d-0"
+  componentId: "core-11_32_0__sc-p4v7d-0"
 })([""]);
 var StyledTextCell = /*#__PURE__*/styled(Table.TextCell).withConfig({
   displayName: "StyledTextCell",
-  componentId: "core-11_31_0__sc-p4v7d-1"
+  componentId: "core-11_32_0__sc-p4v7d-1"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.blue50);
 function BodyCell() {
   return /*#__PURE__*/React.createElement(StyledBodyCell, {

package/dist/_hooks/useFileUploader.js

@@ -8,7 +8,7 @@ function _AsyncGenerator(gen) { var front, back; function resume(key, arg) { try
 _AsyncGenerator.prototype["function" == typeof Symbol && Symbol.asyncIterator || "@@asyncIterator"] = function () { return this; }, _AsyncGenerator.prototype.next = function (arg) { return this._invoke("next", arg); }, _AsyncGenerator.prototype["throw"] = function (arg) { return this._invoke("throw", arg); }, _AsyncGenerator.prototype["return"] = function (arg) { return this._invoke("return", arg); };
 function _OverloadYield(value, kind) { this.v = value, this.k = kind; }
 import axios from 'axios';
-import { isFunction } from 'formik';
+import { isFunction } from '../_utils/isFunction';
 import { runInQueue } from '../_utils/runInQueue';
 // max number of concurrent connections in most modern browsers
 var maxConcurrentUpload = 6;