@procore/core-react 12.21.2 → 12.23.0

package/dist/Title/Title.styles.d.ts

@@ -1,11 +1,15 @@
 /// <reference types="react" />
 import type { TitleAssetsProps } from './Title.types';
-export declare const StyledTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledAssets: import("styled-components").StyledComponent<"div", any, TitleAssetsProps, never>;
-export declare const StyledTitleContent: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledAssets: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TitleAssetsProps>> & string;
+export declare const StyledTitleContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $hasActions: boolean;
-}, never>;
-export declare const StyledText: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledTitlePill: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledTitleActions: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledSubtext: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+}>> & string;
+export declare const StyledText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledTitlePill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledTitleActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>, never>> & string;
+export declare const StyledSubtext: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;

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_21_2__sc-1t2ye1d-0"
+  componentId: "core-12_23_0__sc-1t2ye1d-0"
 })(["display:flex;align-items:flex-start;"]);
 export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAssets",
-  componentId: "core-12_21_2__sc-1t2ye1d-1"
+  componentId: "core-12_23_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_21_2__sc-1t2ye1d-2"
+  componentId: "core-12_23_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_21_2__sc-1t2ye1d-3"
+  componentId: "core-12_23_0__sc-1t2ye1d-3"
 })(["> h1,> h2,> h3{display:inline;}"]);
 export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTitlePill",
-  componentId: "core-12_21_2__sc-1t2ye1d-4"
+  componentId: "core-12_23_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_21_2__sc-1t2ye1d-5"
+  componentId: "core-12_23_0__sc-1t2ye1d-5"
 })(["margin-left:auto;"]);
 export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledSubtext",
-  componentId: "core-12_21_2__sc-1t2ye1d-6"
+  componentId: "core-12_23_0__sc-1t2ye1d-6"
 })(["display:block;margin-top:", "px;"], spacing.xs);
 //# sourceMappingURL=Title.styles.js.map

package/dist/Toast/Toast.styles.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
 import type { ToastVariant } from './Toast.types';
-export declare const StyledToast: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledToast: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $variant: ToastVariant;
-}, never>;
-export declare const StyledToastText: import("styled-components").StyledComponent<"span", any, {
+}>> & string;
+export declare const StyledToastText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $legacy?: boolean | undefined;
-}, never>;
-export declare const StyledToastButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+}>> & string;
+export declare const StyledToastButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/Toast/Toast.styles.js

@@ -7,7 +7,7 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 export var StyledToast = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToast",
-  componentId: "core-12_21_2__sc-1l6lk2n-0"
+  componentId: "core-12_23_0__sc-1l6lk2n-0"
 })(["", " align-items:center;background-color:", ";border-radius:", "px;color:", ";display:flex;min-height:48px;padding:", "px ", "px;width:550px;"], getShadow(4, 'bottom'), function (_ref) {
   var $variant = _ref.$variant;
   return $variant === 'success' ? colors.green30 : colors.red50;
@@ -16,13 +16,13 @@ export var StyledToast = /*#__PURE__*/styled.div.withConfig({
 // $legacy is direct string inside Toast. Next is with subcomponents
 export var StyledToastText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledToastText",
-  componentId: "core-12_21_2__sc-1l6lk2n-1"
+  componentId: "core-12_23_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_21_2__sc-1l6lk2n-2"
+  componentId: "core-12_23_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.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-export declare const StyledToggleButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {
+export declare const StyledToggleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, {
     $selected: boolean;
     loading?: boolean | undefined;
-}, never>;
+}>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/ToggleButton/ToggleButton.styles.js

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

package/dist/Token/Token.styles.d.ts

@@ -1,10 +1,14 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledRemove: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
+export declare const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledRemove: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<{
     size?: import("@procore/core-icons/dist/Icon").IconSize | undefined;
-} & import("react").SVGAttributes<SVGElement> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
-export declare const StyledToken: import("styled-components").StyledComponent<"div", any, {
+} & import("react").SVGAttributes<SVGElement> & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
+    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<{
+    size?: import("@procore/core-icons/dist/Icon").IconSize | undefined;
+} & import("react").SVGAttributes<SVGElement> & import("react").RefAttributes<SVGSVGElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledToken: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $disabled: boolean;
     $focused: boolean;
     $error: boolean;
-}, never>;
+}>> & string;

package/dist/Token/Token.styles.js

@@ -6,15 +6,15 @@ import { getEllipsis, getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_21_2__sc-zqi94b-0"
+  componentId: "core-12_23_0__sc-zqi94b-0"
 })(["", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis);
 export var StyledRemove = /*#__PURE__*/styled(Clear).withConfig({
   displayName: "StyledRemove",
-  componentId: "core-12_21_2__sc-zqi94b-1"
+  componentId: "core-12_23_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-12_21_2__sc-zqi94b-2"
+  componentId: "core-12_23_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.d.ts

@@ -3,9 +3,11 @@ import type { DivAttributes, Props, SVGAttributes } from '../_utils/types';
 import type { ToolHeaderBadgeProps, ToolHeaderIconProps, ToolHeaderSettingsActionPolyType, ToolHeaderSettingsActionProps, ToolHeaderSettingsActionRef } from './ToolHeader.types';
 export declare const Icon: React.ForwardRefExoticComponent<SVGAttributes & ToolHeaderIconProps & React.RefAttributes<HTMLDivElement>>;
 declare function SettingsActionInner<Role extends ToolHeaderSettingsActionPolyType>(props: ToolHeaderSettingsActionProps<Role>, ref: ToolHeaderSettingsActionRef<Role>): React.JSX.Element;
-export declare const Title: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../Semantic/Semantic.types").HeadingProps & React.RefAttributes<HTMLHeadingElement>>, any, {}, never>;
+export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../Semantic/Semantic.types").HeadingProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & {
+    ref?: ((instance: HTMLHeadingElement | null) => void) | React.RefObject<HTMLHeadingElement> | null | undefined;
+}, never>> & string & Omit<React.ForwardRefExoticComponent<import("../Semantic/Semantic.types").HeadingProps & React.RefAttributes<HTMLHeadingElement>>, keyof React.Component<any, {}, any>>;
 export declare const Tabs: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
-export declare const Actions: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Actions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 /**
  * @deprecated
  *
@@ -27,9 +29,11 @@ export declare const Badge: React.ForwardRefExoticComponent<DivAttributes & Tool
  */
 export declare const ToolHeader: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLDivElement>> & {
     Icon: React.ForwardRefExoticComponent<SVGAttributes & ToolHeaderIconProps & React.RefAttributes<HTMLDivElement>>;
-    Title: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../Semantic/Semantic.types").HeadingProps & React.RefAttributes<HTMLHeadingElement>>, any, {}, never>;
+    Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../Semantic/Semantic.types").HeadingProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & {
+        ref?: ((instance: HTMLHeadingElement | null) => void) | React.RefObject<HTMLHeadingElement> | null | undefined;
+    }, never>> & string & Omit<React.ForwardRefExoticComponent<import("../Semantic/Semantic.types").HeadingProps & React.RefAttributes<HTMLHeadingElement>>, keyof React.Component<any, {}, any>>;
     Tabs: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
-    Actions: import("styled-components").StyledComponent<"div", any, {}, never>;
+    Actions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
     Badge: React.ForwardRefExoticComponent<DivAttributes & ToolHeaderBadgeProps & React.RefAttributes<HTMLDivElement>>;
     SettingsAction: <Role extends ToolHeaderSettingsActionPolyType>(props: ToolHeaderSettingsActionProps<Role>) => ReturnType<typeof SettingsActionInner>;
 };

package/dist/ToolHeader/ToolHeader.styles.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
 import type { ToolHeaderBadgeVariant } from './ToolHeader.types';
-export declare const StyledHeaderBadge: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledHeaderBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $variant: ToolHeaderBadgeVariant;
-}, never>;
-export declare const StyledToolHeaderIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledHeaderTabs: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledHeaderActions: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledToolHeaderTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Semantic/Semantic.types").HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>, any, {}, never>;
-export declare const StyledToolHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+}>> & string;
+export declare const StyledToolHeaderIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledHeaderTabs: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledHeaderActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledToolHeaderTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../Semantic/Semantic.types").HeadingProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & {
+    ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Semantic/Semantic.types").HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledToolHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/ToolHeader/ToolHeader.styles.js

@@ -1,11 +1,11 @@
 import styled, { css } from 'styled-components';
-import { H1 } from '../Semantic/Semantic';
-import { getTypographyIntent } from '../Typography/Typography.styles';
+import { H1 } from '../Semantic';
+import { getTypographyIntent } from '../Typography';
 import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderBadge",
-  componentId: "core-12_21_2__sc-1jpjx47-0"
+  componentId: "core-12_23_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_21_2__sc-1jpjx47-1"
+  componentId: "core-12_23_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_21_2__sc-1jpjx47-2"
+  componentId: "core-12_23_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_21_2__sc-1jpjx47-3"
+  componentId: "core-12_23_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_21_2__sc-1jpjx47-4"
+  componentId: "core-12_23_0__sc-1jpjx47-4"
 })(["margin-right:", "px;white-space:nowrap;"], spacing.xl);
 export var StyledToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolHeader",
-  componentId: "core-12_21_2__sc-1jpjx47-5"
+  componentId: "core-12_23_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/ToolHeader/ToolHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolHeader.styles.js","names":["styled","css","H1","getTypographyIntent","colors","spacing","StyledHeaderBadge","div","withConfig","displayName","componentId","sm","_ref","$variant","purple50","white","StyledToolHeaderIconContainer","orange50","StyledHeaderTabs","StyledHeaderActions","lg","StyledToolHeaderTitle","xl","StyledToolHeader"],"sources":["../../src/ToolHeader/ToolHeader.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { H1 } from '../Semantic/Semantic'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\nimport type { ToolHeaderBadgeVariant } from './ToolHeader.types'\n\nexport const StyledHeaderBadge = styled.div<{\n  $variant: ToolHeaderBadgeVariant\n}>`\n  ${getTypographyIntent('small')}\n  border-radius: 10px;\n  border-style: solid;\n  border-width: 1px;\n  display: inline-block;\n  margin-bottom: ${spacing.sm}px;\n  padding: 1px ${spacing.sm}px;\n\n  ${({ $variant }) => {\n    if ($variant) {\n      if ($variant === 'trial') {\n        return css`\n          background-color: ${colors.purple50};\n          border-color: ${colors.purple50};\n          color: ${colors.white};\n        `\n      }\n    }\n  }}\n`\n\n// TODO in v12 remove cursor: pointer;\nexport const StyledToolHeaderIconContainer = styled.div`\n  color: ${colors.orange50};\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n`\n\nexport const StyledHeaderTabs = styled.div`\n  align-self: flex-end;\n  flex: 1 1 auto;\n  min-width: 100px;\n  overflow: hidden;\n`\n\nexport const StyledHeaderActions = styled.div`\n  flex: 0 0 auto;\n  margin-left: auto;\n  padding-left: ${spacing.lg}px;\n`\n\nexport const StyledToolHeaderTitle = styled(H1)`\n  margin-right: ${spacing.xl}px;\n  white-space: nowrap;\n`\n\nexport const StyledToolHeader = styled.div`\n  align-items: center;\n  display: flex;\n  min-height: 36px;\n  width: 100%;\n\n  ${StyledToolHeaderIconContainer} + ${StyledToolHeaderTitle},\n  a + ${StyledToolHeaderTitle}, button + ${StyledToolHeaderTitle} {\n    margin-left: ${spacing.lg}px;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,EAAE,QAAQ,sBAAsB;AACzC,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,OAAO,IAAMC,iBAAiB,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sIAGvCP,mBAAmB,CAAC,OAAO,CAAC,EAKbE,OAAO,CAACM,EAAE,EACZN,OAAO,CAACM,EAAE,EAEvB,UAAAC,IAAA,EAAkB;EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACX,IAAIA,QAAQ,EAAE;IACZ,IAAIA,QAAQ,KAAK,OAAO,EAAE;MACxB,OAAOZ,GAAG,0DACYG,MAAM,CAACU,QAAQ,EACnBV,MAAM,CAACU,QAAQ,EACtBV,MAAM,CAACW,KAAK;IAEzB;EACF;AACF,CAAC,CACF;;AAED;AACA,OAAO,IAAMC,6BAA6B,gBAAGhB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qEAC5CN,MAAM,CAACa,QAAQ,CAIzB;AAED,OAAO,IAAMC,gBAAgB,gBAAGlB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0EAKzC;AAED,OAAO,IAAMS,mBAAmB,gBAAGnB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4DAG3BL,OAAO,CAACe,EAAE,CAC3B;AAED,OAAO,IAAMC,qBAAqB,gBAAGrB,MAAM,CAACE,EAAE,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDAC7BL,OAAO,CAACiB,EAAE,CAE3B;AAED,OAAO,IAAMC,gBAAgB,gBAAGvB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2HAMtCM,6BAA6B,EAAMK,qBAAqB,EACpDA,qBAAqB,EAAcA,qBAAqB,EAC7ChB,OAAO,CAACe,EAAE,CAE5B"}
+{"version":3,"file":"ToolHeader.styles.js","names":["styled","css","H1","getTypographyIntent","colors","spacing","StyledHeaderBadge","div","withConfig","displayName","componentId","sm","_ref","$variant","purple50","white","StyledToolHeaderIconContainer","orange50","StyledHeaderTabs","StyledHeaderActions","lg","StyledToolHeaderTitle","xl","StyledToolHeader"],"sources":["../../src/ToolHeader/ToolHeader.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { H1 } from '../Semantic'\nimport { getTypographyIntent } from '../Typography'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\nimport type { ToolHeaderBadgeVariant } from './ToolHeader.types'\n\nexport const StyledHeaderBadge = styled.div<{\n  $variant: ToolHeaderBadgeVariant\n}>`\n  ${getTypographyIntent('small')}\n  border-radius: 10px;\n  border-style: solid;\n  border-width: 1px;\n  display: inline-block;\n  margin-bottom: ${spacing.sm}px;\n  padding: 1px ${spacing.sm}px;\n\n  ${({ $variant }) => {\n    if ($variant) {\n      if ($variant === 'trial') {\n        return css`\n          background-color: ${colors.purple50};\n          border-color: ${colors.purple50};\n          color: ${colors.white};\n        `\n      }\n    }\n  }}\n`\n\n// TODO in v12 remove cursor: pointer;\nexport const StyledToolHeaderIconContainer = styled.div`\n  color: ${colors.orange50};\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n`\n\nexport const StyledHeaderTabs = styled.div`\n  align-self: flex-end;\n  flex: 1 1 auto;\n  min-width: 100px;\n  overflow: hidden;\n`\n\nexport const StyledHeaderActions = styled.div`\n  flex: 0 0 auto;\n  margin-left: auto;\n  padding-left: ${spacing.lg}px;\n`\n\nexport const StyledToolHeaderTitle = styled(H1)`\n  margin-right: ${spacing.xl}px;\n  white-space: nowrap;\n`\n\nexport const StyledToolHeader = styled.div`\n  align-items: center;\n  display: flex;\n  min-height: 36px;\n  width: 100%;\n\n  ${StyledToolHeaderIconContainer} + ${StyledToolHeaderTitle},\n  a + ${StyledToolHeaderTitle}, button + ${StyledToolHeaderTitle} {\n    margin-left: ${spacing.lg}px;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,EAAE,QAAQ,aAAa;AAChC,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,OAAO,IAAMC,iBAAiB,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sIAGvCP,mBAAmB,CAAC,OAAO,CAAC,EAKbE,OAAO,CAACM,EAAE,EACZN,OAAO,CAACM,EAAE,EAEvB,UAAAC,IAAA,EAAkB;EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACX,IAAIA,QAAQ,EAAE;IACZ,IAAIA,QAAQ,KAAK,OAAO,EAAE;MACxB,OAAOZ,GAAG,0DACYG,MAAM,CAACU,QAAQ,EACnBV,MAAM,CAACU,QAAQ,EACtBV,MAAM,CAACW,KAAK;IAEzB;EACF;AACF,CAAC,CACF;;AAED;AACA,OAAO,IAAMC,6BAA6B,gBAAGhB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qEAC5CN,MAAM,CAACa,QAAQ,CAIzB;AAED,OAAO,IAAMC,gBAAgB,gBAAGlB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0EAKzC;AAED,OAAO,IAAMS,mBAAmB,gBAAGnB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4DAG3BL,OAAO,CAACe,EAAE,CAC3B;AAED,OAAO,IAAMC,qBAAqB,gBAAGrB,MAAM,CAACE,EAAE,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDAC7BL,OAAO,CAACiB,EAAE,CAE3B;AAED,OAAO,IAAMC,gBAAgB,gBAAGvB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2HAMtCM,6BAA6B,EAAMK,qBAAqB,EACpDA,qBAAqB,EAAcA,qBAAqB,EAC7ChB,OAAO,CAACe,EAAE,CAE5B"}

package/dist/ToolLandingPage/ToolLandingPage.styles.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
-export declare const StyledTitleOuter: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").Props & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTitleInner: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledToolLandingPageBodyContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTitleOuter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../_utils/types").Props & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../_utils/types").Props & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTitleInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledToolLandingPageBodyContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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_21_2__sc-wa8j06-0"
+  componentId: "core-12_23_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_21_2__sc-wa8j06-1"
+  componentId: "core-12_23_0__sc-wa8j06-1"
 })(["width:100%;"]);
 export var StyledToolLandingPageBodyContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolLandingPageBodyContent",
-  componentId: "core-12_21_2__sc-wa8j06-2"
+  componentId: "core-12_23_0__sc-wa8j06-2"
 })(["> * + *{margin-top:", "px;}"], spacing.sm);
 //# sourceMappingURL=ToolLandingPage.styles.js.map

package/dist/Tooltip/Tooltip.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children"],
+var _excluded = ["children", "placement"],
   _excluded2 = ["children", "initialIsVisible", "overlay", "placement", "trigger"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -14,6 +14,7 @@ import { addSubcomponents } from '../_utils/addSubcomponents';
 import { StyledContainer, StyledTooltip } from './Tooltip.styles';
 var Content = /*#__PURE__*/React.forwardRef(function Content(_ref, ref) {
   var children = _ref.children,
+    placement = _ref.placement,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledContainer, {
     ref: ref
@@ -31,9 +32,7 @@ var Tooltip_ = /*#__PURE__*/React.forwardRef(function Tooltip(_ref2, ref) {
     props = _objectWithoutProperties(_ref2, _excluded2);
   var overlayNode = /*#__PURE__*/React.isValidElement(overlay) ? /*#__PURE__*/React.cloneElement(overlay, {
     placement: placement
-  }) : /*#__PURE__*/React.createElement(Content, {
-    placement: placement
-  }, overlay);
+  }) : /*#__PURE__*/React.createElement(Content, null, overlay);
   return /*#__PURE__*/React.createElement(OverlayTrigger, _objectSpread(_objectSpread({}, props), {}, {
     initialIsVisible: initialIsVisible,
     overlay: overlayNode,

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\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"}
+{"version":3,"file":"Tooltip.js","names":["React","OverlayTrigger","addSubcomponents","StyledContainer","StyledTooltip","Content","forwardRef","_ref","ref","children","placement","props","_objectWithoutProperties","_excluded","createElement","Tooltip_","Tooltip","_ref2","_ref2$initialIsVisibl","initialIsVisible","overlay","_ref2$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, placement, ...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>{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,EAAoCC,GAAG,EAAE;EAAA,IAAtCC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAKC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAC9C,oBACEb,KAAA,CAAAc,aAAA,CAACX,eAAe;IAACK,GAAG,EAAEA;EAAI,gBACxBR,KAAA,CAAAc,aAAA,CAACV,aAAa,EAAKO,KAAK,EAAGF,QAAwB,CACpC,CAAC;AAEtB,CACF,CAAC;AAED,IAAMM,QAAQ,gBAAGf,KAAK,CAACM,UAAU,CAG/B,SAASU,OAAOA,CAAAC,KAAA,EAShBT,GAAG,EACH;EAAA,IAREC,QAAQ,GAAAQ,KAAA,CAARR,QAAQ;IAAAS,qBAAA,GAAAD,KAAA,CACRE,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IACxBE,OAAO,GAAAH,KAAA,CAAPG,OAAO;IAAAC,eAAA,GAAAJ,KAAA,CACPP,SAAS;IAATA,SAAS,GAAAW,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAAC,aAAA,GAAAL,KAAA,CACjBM,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,OAAO,GAAAA,aAAA;IACdX,KAAK,GAAAC,wBAAA,CAAAK,KAAA,EAAAO,UAAA;EAIV,IAAMC,WAAW,GAAG,aAAAzB,KAAK,CAAC0B,cAAc,CAACN,OAAO,CAAC,gBAC/CpB,KAAK,CAAC2B,YAAY,CAACP,OAAO,EAAwB;IAAEV,SAAS,EAATA;EAAU,CAAC,CAAC,gBAEhEV,KAAA,CAAAc,aAAA,CAACT,OAAO,QAAEe,OAAiB,CAC5B;EAED,oBACEpB,KAAA,CAAAc,aAAA,CAACb,cAAc,EAAA2B,aAAA,CAAAA,aAAA,KAERjB,KAAK;IACRQ,gBAAgB,EAAhBA,gBAAgB;IAChBC,OAAO,EAAEK,WAAW;IACpBf,SAAS,EAATA,SAAS;IACTF,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;AAEFM,QAAQ,CAACiB,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,IAAMhB,OAAO,GAAGd,gBAAgB,CACrC;EACEG,OAAO,EAAPA;AACF,CAAC,EACDU,QACF,CAAC"}

package/dist/Tooltip/Tooltip.styles.d.ts

@@ -1,2 +1,3 @@
-export declare const StyledTooltip: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledContainer: import("styled-components").StyledComponent<"span", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/Tooltip/Tooltip.styles.js

@@ -1,15 +1,15 @@
 import styled from 'styled-components';
-import { getTypographyIntent } from '../Typography/Typography.styles';
+import { getTypographyIntent } from '../Typography';
 import { borderRadius } from '../_styles/borderRadius';
 import { colors } from '../_styles/colors';
 import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 export var StyledTooltip = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTooltip",
-  componentId: "core-12_21_2__sc-1fawsi4-0"
+  componentId: "core-12_23_0__sc-1fawsi4-0"
 })(["", " color:", ";max-width:200px;padding:", "px ", "px;position:relative;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;"], getTypographyIntent('small'), colors.white, spacing.sm, spacing.md);
 export var StyledContainer = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContainer",
-  componentId: "core-12_21_2__sc-1fawsi4-1"
+  componentId: "core-12_23_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/Tooltip/Tooltip.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.styles.js","names":["styled","getTypographyIntent","borderRadius","colors","getShadow","spacing","StyledTooltip","span","withConfig","displayName","componentId","white","sm","md","StyledContainer","gray15"],"sources":["../../src/Tooltip/Tooltip.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledTooltip = styled.span`\n  ${getTypographyIntent('small')}\n  color: ${colors.white};\n  max-width: 200px;\n  padding: ${spacing.sm}px ${spacing.md}px;\n  position: relative;\n\n  // for IE11, use word-wrap property\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  white-space: normal;\n`\n\nexport const StyledContainer = styled.span`\n  display: inline-flex;\n  background-color: ${colors.gray15};\n  border-radius: ${borderRadius.md}px;\n  ${getShadow(3, 'bottom')}\n\n  & + [data-overlay-arrow] {\n    background: ${colors.gray15};\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,aAAa,gBAAGN,MAAM,CAACO,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kJACpCT,mBAAmB,CAAC,OAAO,CAAC,EACrBE,MAAM,CAACQ,KAAK,EAEVN,OAAO,CAACO,EAAE,EAAMP,OAAO,CAACQ,EAAE,CAOtC;AAED,OAAO,IAAMC,eAAe,gBAAGd,MAAM,CAACO,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uHAEpBP,MAAM,CAACY,MAAM,EAChBb,YAAY,CAACW,EAAE,EAC9BT,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,EAGRD,MAAM,CAACY,MAAM,CAE9B"}
+{"version":3,"file":"Tooltip.styles.js","names":["styled","getTypographyIntent","borderRadius","colors","getShadow","spacing","StyledTooltip","span","withConfig","displayName","componentId","white","sm","md","StyledContainer","gray15"],"sources":["../../src/Tooltip/Tooltip.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getTypographyIntent } from '../Typography'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledTooltip = styled.span`\n  ${getTypographyIntent('small')}\n  color: ${colors.white};\n  max-width: 200px;\n  padding: ${spacing.sm}px ${spacing.md}px;\n  position: relative;\n\n  // for IE11, use word-wrap property\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  white-space: normal;\n`\n\nexport const StyledContainer = styled.span`\n  display: inline-flex;\n  background-color: ${colors.gray15};\n  border-radius: ${borderRadius.md}px;\n  ${getShadow(3, 'bottom')}\n\n  & + [data-overlay-arrow] {\n    background: ${colors.gray15};\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,aAAa,gBAAGN,MAAM,CAACO,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kJACpCT,mBAAmB,CAAC,OAAO,CAAC,EACrBE,MAAM,CAACQ,KAAK,EAEVN,OAAO,CAACO,EAAE,EAAMP,OAAO,CAACQ,EAAE,CAOtC;AAED,OAAO,IAAMC,eAAe,gBAAGd,MAAM,CAACO,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uHAEpBP,MAAM,CAACY,MAAM,EAChBb,YAAY,CAACW,EAAE,EAC9BT,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,EAGRD,MAAM,CAACY,MAAM,CAE9B"}

package/dist/Tree/Tree.styles.d.ts

@@ -1,7 +1,11 @@
 /// <reference types="react" />
-export declare const StyledFilenameCaption: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
-export declare const StyledTree: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTreeRowContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {
+export declare const StyledFilenameCaption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTree: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledTreeRowContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("..").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, {
     /** @deprecated Use $isHighlighted instead */
     isHighlighted?: boolean | undefined;
     $isHighlighted?: boolean | undefined;
@@ -11,15 +15,23 @@ export declare const StyledTreeRowContainer: import("styled-components").StyledC
     /** @deprecated Use $isSelected instead */
     isSelected?: boolean | undefined;
     $isSelected?: boolean | undefined;
-}, never>;
-export declare const StyledTreeRowContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTreeRowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledChevronContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledIconContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {
+}>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTreeRowContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledTreeRowWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledChevronContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>, never>> & string;
+export declare const StyledIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>, {
     $isSelected?: boolean | undefined;
-}, never>;
-export declare const StyledChevron: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
+}>> & string;
+export declare const StyledChevron: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
     size?: import("@procore/core-icons/dist/Icon").IconSize | undefined;
-} & import("react").SVGAttributes<SVGElement> & import("react").RefAttributes<SVGSVGElement>>, any, {
+} & import("react").SVGAttributes<SVGElement> & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
+    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
+}, {
     $isExpanded?: boolean | undefined;
-}, never>;
+}>> & string & Omit<import("react").ForwardRefExoticComponent<{
+    size?: import("@procore/core-icons/dist/Icon").IconSize | undefined;
+} & import("react").SVGAttributes<SVGElement> & import("react").RefAttributes<SVGSVGElement>>, keyof import("react").Component<any, {}, any>>;

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_21_2__sc-2d45b5-0"
+  componentId: "core-12_23_0__sc-2d45b5-0"
 })(["display:flex;width:100%;"]);
 export var StyledTree = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTree",
-  componentId: "core-12_21_2__sc-2d45b5-1"
+  componentId: "core-12_23_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_21_2__sc-2d45b5-2"
+  componentId: "core-12_23_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,30 +35,30 @@ export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
 });
 export var StyledTreeRowContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTreeRowContent",
-  componentId: "core-12_21_2__sc-2d45b5-3"
+  componentId: "core-12_23_0__sc-2d45b5-3"
 })(["display:flex;align-items:center;"]);
 export var StyledTreeRowWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTreeRowWrapper",
-  componentId: "core-12_21_2__sc-2d45b5-4"
+  componentId: "core-12_23_0__sc-2d45b5-4"
 })(["outline:none;"]);
 var StyledIconBase = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledIconBase",
-  componentId: "core-12_21_2__sc-2d45b5-5"
+  componentId: "core-12_23_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-12_21_2__sc-2d45b5-6"
+  componentId: "core-12_23_0__sc-2d45b5-6"
 })([""]);
 export var StyledIconContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_21_2__sc-2d45b5-7"
+  componentId: "core-12_23_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-12_21_2__sc-2d45b5-8"
+  componentId: "core-12_23_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.js

@@ -10,7 +10,7 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { Clear, Search } from '@procore/core-icons/dist';
 import React from 'react';
-import { Button } from '../Button/Button';
+import { Button } from '../Button';
 import { useLayoutEventListener } from '../_hooks/EventListener';
 import { mergeRefs } from '../_utils/mergeRefs';
 import { StyledIcon, StyledInput, StyledTypeahead } from './Typeahead.styles';