@procore/core-react 12.34.1 → 12.35.0

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 { StyledToast, StyledToastButton, StyledToastText } from './Toast.styles'\nimport type { ToastProps } from './Toast.types'\n\n/**\n * Toasts are concise and are written in sentence case with punctuation.\n * Toasts have a suggested character count limit of 65.\n\n  @since 11.12.0\n */\nconst Text = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement>\n>(function Label({ children, ...props }, ref) {\n  return (\n    <StyledToastText\n      aria-live=\"assertive\"\n      aria-atomic=\"true\"\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </StyledToastText>\n  )\n})\n\n/**\n Button to dismiss/close/hide the Toast. For accessible 'enough time' patterns,\n Toasts can be extended and have an action to dismiss the Toast. Otherwise,\n Toasts do not present the user with an action. If an action needs to be performed\n because of the particular message, use a banner.\n\n @since 11.12.0\n\n */\nconst Dismiss = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n>(function ToastDismiss({ ...props }, ref) {\n  const I18n = useI18nContext()\n  return (\n    <StyledToastButton\n      ref={ref}\n      variant=\"tertiary\"\n      aria-hidden=\"false\"\n      aria-label={I18n.t('core.toast.a11y.dismiss')}\n      {...props}\n    >\n      <Clear />\n    </StyledToastButton>\n  )\n})\n\nexport const Toast_ = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & ToastProps\n>(function Toast({ children, variant, ...props }, ref) {\n  return (\n    <StyledToast {...props} $variant={variant} ref={ref}>\n      {variant === 'success' ? <Check size=\"lg\" /> : <Error size=\"lg\" />}\n      {typeof children === 'string' ||\n      (children && typeof (children as Array<unknown>)[0] === 'string') ? (\n        // legacy path automates and wraps direct text with the subcomponent\n        <StyledToastText $legacy>{children}</StyledToastText>\n      ) : (\n        children\n      )}\n    </StyledToast>\n  )\n})\n\nToast_.displayName = 'Toast'\nDismiss.displayName = 'Toast.Dismiss'\nText.displayName = 'Toast.Text'\n\n/**\n\n We use toasts to temporarily display information to a user. For example,\n as a confirmation that an action was successfully or unsuccessfully completed.\n\n Toasts do not present the user with an action. If an action needs to be\n performed because of the particular message, use a banner. However, for\n accessible 'enough time' patterns, Toasts can be extended and can have\n an action to dismiss the Toast.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toast--demo)\n\n @see [Design Guidelines](https://design.procore.com/toast)\n\n */\nexport const Toast = addSubcomponents(\n  {\n    Dismiss,\n    Text,\n  },\n  Toast_\n)\n"],"mappings":";;;;;;AAAA,SAASA,KAAK,EAAEC,KAAK,EAAEC,KAAK,QAAQ,qBAAqB;AACzD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,WAAW,EAAEC,iBAAiB,EAAEC,eAAe,QAAQ,gBAAgB;AAGhF;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,IAAI,gBAAGN,KAAK,CAACO,UAAU,CAG3B,SAASC,KAAKA,CAAAC,IAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACnC,oBACEd,KAAA,CAAAe,aAAA,CAACV,eAAe,EAAAW,QAAA;IACd,aAAU,WAAW;IACrB,eAAY,MAAM;IAClBN,GAAG,EAAEA;EAAI,GACLE,KAAK,GAERD,QACc,CAAC;AAEtB,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMM,OAAO,gBAAGjB,KAAK,CAACO,UAAU,CAG9B,SAASW,YAAYA,CAAAC,KAAA,EAAeT,GAAG,EAAE;EAAA,IAAdE,KAAK,GAAAI,QAAA,MAAAI,yBAAA,CAAAD,KAAA,GAAAA,KAAA;EAChC,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,CAAC,CAAC;AAEF,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"}
+{"version":3,"file":"Toast.js","names":["Check","Clear","Error","React","useI18nContext","addSubcomponents","StyledToast","StyledToastButton","StyledToastText","Text","forwardRef","Label","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","role","Dismiss","ToastDismiss","_ref2","_objectDestructuringEmpty","I18n","variant","t","Toast_","Toast","_ref3","_excluded2","$variant","size","$legacy","displayName"],"sources":["../../src/Toast/Toast.tsx"],"sourcesContent":["import { Check, Clear, Error } from '@procore/core-icons'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { StyledToast, StyledToastButton, StyledToastText } from './Toast.styles'\nimport type { ToastProps } from './Toast.types'\n\n/**\n * Toasts are concise and are written in sentence case with punctuation.\n * Toasts have a suggested character count limit of 65.\n\n  @since 11.12.0\n */\nconst Text = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement>\n>(function Label({ children, ...props }, ref) {\n  return (\n    <StyledToastText role=\"alert\" aria-atomic=\"true\" ref={ref} {...props}>\n      {children}\n    </StyledToastText>\n  )\n})\n\n/**\n Button to dismiss/close/hide the Toast. For accessible 'enough time' patterns,\n Toasts can be extended and have an action to dismiss the Toast. Otherwise,\n Toasts do not present the user with an action. If an action needs to be performed\n because of the particular message, use a banner.\n\n @since 11.12.0\n\n */\nconst Dismiss = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n>(function ToastDismiss({ ...props }, ref) {\n  const I18n = useI18nContext()\n  return (\n    <StyledToastButton\n      ref={ref}\n      variant=\"tertiary\"\n      aria-hidden=\"false\"\n      aria-label={I18n.t('core.toast.a11y.dismiss')}\n      {...props}\n    >\n      <Clear />\n    </StyledToastButton>\n  )\n})\n\nexport const Toast_ = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & ToastProps\n>(function Toast({ children, variant, ...props }, ref) {\n  return (\n    <StyledToast {...props} $variant={variant} ref={ref}>\n      {variant === 'success' ? <Check size=\"lg\" /> : <Error size=\"lg\" />}\n      {typeof children === 'string' ||\n      (children && typeof (children as Array<unknown>)[0] === 'string') ? (\n        // legacy path automates and wraps direct text with the subcomponent\n        <StyledToastText $legacy>{children}</StyledToastText>\n      ) : (\n        children\n      )}\n    </StyledToast>\n  )\n})\n\nToast_.displayName = 'Toast'\nDismiss.displayName = 'Toast.Dismiss'\nText.displayName = 'Toast.Text'\n\n/**\n\n We use toasts to temporarily display information to a user. For example,\n as a confirmation that an action was successfully or unsuccessfully completed.\n\n Toasts do not present the user with an action. If an action needs to be\n performed because of the particular message, use a banner. However, for\n accessible 'enough time' patterns, Toasts can be extended and can have\n an action to dismiss the Toast.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toast--demo)\n\n @see [Design Guidelines](https://design.procore.com/toast)\n\n */\nexport const Toast = addSubcomponents(\n  {\n    Dismiss,\n    Text,\n  },\n  Toast_\n)\n"],"mappings":";;;;;;AAAA,SAASA,KAAK,EAAEC,KAAK,EAAEC,KAAK,QAAQ,qBAAqB;AACzD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,WAAW,EAAEC,iBAAiB,EAAEC,eAAe,QAAQ,gBAAgB;AAGhF;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,IAAI,gBAAGN,KAAK,CAACO,UAAU,CAG3B,SAASC,KAAKA,CAAAC,IAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACnC,oBACEd,KAAA,CAAAe,aAAA,CAACV,eAAe,EAAAW,QAAA;IAACC,IAAI,EAAC,OAAO;IAAC,eAAY,MAAM;IAACP,GAAG,EAAEA;EAAI,GAAKE,KAAK,GACjED,QACc,CAAC;AAEtB,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMO,OAAO,gBAAGlB,KAAK,CAACO,UAAU,CAG9B,SAASY,YAAYA,CAAAC,KAAA,EAAeV,GAAG,EAAE;EAAA,IAAdE,KAAK,GAAAI,QAAA,MAAAK,yBAAA,CAAAD,KAAA,GAAAA,KAAA;EAChC,IAAME,IAAI,GAAGrB,cAAc,CAAC,CAAC;EAC7B,oBACED,KAAA,CAAAe,aAAA,CAACX,iBAAiB,EAAAY,QAAA;IAChBN,GAAG,EAAEA,GAAI;IACTa,OAAO,EAAC,UAAU;IAClB,eAAY,OAAO;IACnB,cAAYD,IAAI,CAACE,CAAC,CAAC,yBAAyB;EAAE,GAC1CZ,KAAK,gBAETZ,KAAA,CAAAe,aAAA,CAACjB,KAAK,MAAE,CACS,CAAC;AAExB,CAAC,CAAC;AAEF,OAAO,IAAM2B,MAAM,gBAAGzB,KAAK,CAACO,UAAU,CAGpC,SAASmB,KAAKA,CAAAC,KAAA,EAAkCjB,GAAG,EAAE;EAAA,IAApCC,QAAQ,GAAAgB,KAAA,CAARhB,QAAQ;IAAEY,OAAO,GAAAI,KAAA,CAAPJ,OAAO;IAAKX,KAAK,GAAAC,wBAAA,CAAAc,KAAA,EAAAC,UAAA;EAC5C,oBACE5B,KAAA,CAAAe,aAAA,CAACZ,WAAW,EAAAa,QAAA,KAAKJ,KAAK;IAAEiB,QAAQ,EAAEN,OAAQ;IAACb,GAAG,EAAEA;EAAI,IACjDa,OAAO,KAAK,SAAS,gBAAGvB,KAAA,CAAAe,aAAA,CAAClB,KAAK;IAACiC,IAAI,EAAC;EAAI,CAAE,CAAC,gBAAG9B,KAAA,CAAAe,aAAA,CAAChB,KAAK;IAAC+B,IAAI,EAAC;EAAI,CAAE,CAAC,EACjE,OAAOnB,QAAQ,KAAK,QAAQ,IAC5BA,QAAQ,IAAI,OAAQA,QAAQ,CAAoB,CAAC,CAAC,KAAK,QAAS;EAAA;EAC/D;EACAX,KAAA,CAAAe,aAAA,CAACV,eAAe;IAAC0B,OAAO;EAAA,GAAEpB,QAA0B,CAAC,GAErDA,QAES,CAAC;AAElB,CAAC,CAAC;AAEFc,MAAM,CAACO,WAAW,GAAG,OAAO;AAC5Bd,OAAO,CAACc,WAAW,GAAG,eAAe;AACrC1B,IAAI,CAAC0B,WAAW,GAAG,YAAY;;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMN,KAAK,GAAGxB,gBAAgB,CACnC;EACEgB,OAAO,EAAPA,OAAO;EACPZ,IAAI,EAAJA;AACF,CAAC,EACDmB,MACF,CAAC"}

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_34_1__sc-1l6lk2n-0"
+  componentId: "core-12_35_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_34_1__sc-1l6lk2n-1"
+  componentId: "core-12_35_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_34_1__sc-1l6lk2n-2"
+  componentId: "core-12_35_0__sc-1l6lk2n-2"
 })(["line-height:0;color:", ";padding:0;margin-left:auto;"], colors.white);
 //# sourceMappingURL=Toast.styles.js.map

package/dist/ToggleButton/ToggleButton.styles.js

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

package/dist/Token/Token.styles.js

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

package/dist/ToolHeader/ToolHeader.styles.js

@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderBadge",
-  componentId: "core-12_34_1__sc-1jpjx47-0"
+  componentId: "core-12_35_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_34_1__sc-1jpjx47-1"
+  componentId: "core-12_35_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_34_1__sc-1jpjx47-2"
+  componentId: "core-12_35_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_34_1__sc-1jpjx47-3"
+  componentId: "core-12_35_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_34_1__sc-1jpjx47-4"
+  componentId: "core-12_35_0__sc-1jpjx47-4"
 })(["margin-right:", "px;white-space:nowrap;"], spacing.xl);
 export var StyledToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolHeader",
-  componentId: "core-12_34_1__sc-1jpjx47-5"
+  componentId: "core-12_35_0__sc-1jpjx47-5"
 })(["align-items:center;display:flex;min-height:36px;width:100%;", " + ", ",a + ", ",button + ", "{margin-left:", "px;}"], StyledToolHeaderIconContainer, StyledToolHeaderTitle, StyledToolHeaderTitle, StyledToolHeaderTitle, spacing.lg);
 //# sourceMappingURL=ToolHeader.styles.js.map

package/dist/ToolLandingPage/ToolLandingPage.styles.js

@@ -3,14 +3,14 @@ import { Page } from '../PageLayout';
 import { spacing } from '../_styles/spacing';
 export var StyledTitleOuter = /*#__PURE__*/styled(Page.Title).withConfig({
   displayName: "StyledTitleOuter",
-  componentId: "core-12_34_1__sc-wa8j06-0"
+  componentId: "core-12_35_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_34_1__sc-wa8j06-1"
+  componentId: "core-12_35_0__sc-wa8j06-1"
 })(["width:100%;"]);
 export var StyledToolLandingPageBodyContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolLandingPageBodyContent",
-  componentId: "core-12_34_1__sc-wa8j06-2"
+  componentId: "core-12_35_0__sc-wa8j06-2"
 })(["> * + *{margin-top:", "px;}"], spacing.sm);
 //# sourceMappingURL=ToolLandingPage.styles.js.map

package/dist/Tooltip/Tooltip.styles.js

@@ -6,10 +6,10 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 export var StyledTooltip = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTooltip",
-  componentId: "core-12_34_1__sc-1fawsi4-0"
+  componentId: "core-12_35_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_34_1__sc-1fawsi4-1"
+  componentId: "core-12_35_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,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_34_1__sc-2d45b5-0"
+  componentId: "core-12_35_0__sc-2d45b5-0"
 })(["display:flex;width:100%;"]);
 export var StyledTree = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTree",
-  componentId: "core-12_34_1__sc-2d45b5-1"
+  componentId: "core-12_35_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_34_1__sc-2d45b5-2"
+  componentId: "core-12_35_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_34_1__sc-2d45b5-3"
+  componentId: "core-12_35_0__sc-2d45b5-3"
 })(["display:flex;align-items:center;"]);
 export var StyledTreeRowWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTreeRowWrapper",
-  componentId: "core-12_34_1__sc-2d45b5-4"
+  componentId: "core-12_35_0__sc-2d45b5-4"
 })(["outline:none;"]);
 var StyledIconBase = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledIconBase",
-  componentId: "core-12_34_1__sc-2d45b5-5"
+  componentId: "core-12_35_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_34_1__sc-2d45b5-6"
+  componentId: "core-12_35_0__sc-2d45b5-6"
 })([""]);
 export var StyledIconContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_34_1__sc-2d45b5-7"
+  componentId: "core-12_35_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_34_1__sc-2d45b5-8"
+  componentId: "core-12_35_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-12_34_1__sc-gpc39h-0"
+  componentId: "core-12_35_0__sc-gpc39h-0"
 })(["", " padding-right:", "px;"], getSearchInputStyles(), spacing.xxl);
 export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIcon",
-  componentId: "core-12_34_1__sc-gpc39h-1"
+  componentId: "core-12_35_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-12_34_1__sc-gpc39h-2"
+  componentId: "core-12_35_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-12_34_1__sc-1c4583t-0"
+  componentId: "core-12_35_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-12_34_1__sc-p4v7d-0"
+  componentId: "core-12_35_0__sc-p4v7d-0"
 })([""]);
 var StyledTextCell = /*#__PURE__*/styled(Table.TextCell).withConfig({
   displayName: "StyledTextCell",
-  componentId: "core-12_34_1__sc-p4v7d-1"
+  componentId: "core-12_35_0__sc-p4v7d-1"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.blue50);
 function BodyCell() {
   return /*#__PURE__*/React.createElement(StyledBodyCell, {