@procore/core-react 12.20.0 → 12.20.2

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-12_20_0__sc-8q9p0n-0"
+  componentId: "core-12_20_2__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-12_20_0__sc-8q9p0n-1"
+  componentId: "core-12_20_2__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-12_20_0__sc-8q9p0n-2"
+  componentId: "core-12_20_2__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-12_20_0__sc-8q9p0n-3"
+  componentId: "core-12_20_2__sc-8q9p0n-3"
 })(["grid-area:footer;padding:", "px;> ", "{flex-wrap:wrap-reverse;}"], spacing.lg, StyledActions);
 export var StyledTileContent = /*#__PURE__*/styled(StyledContent).withConfig({
   displayName: "StyledTileContent",
-  componentId: "core-12_20_0__sc-8q9p0n-4"
+  componentId: "core-12_20_2__sc-8q9p0n-4"
 })(["grid-column-start:hero-start;grid-column-end:body-end;padding:", "px;+ ", "{padding-top:0;}> ", ",> ", " > ", ",> ", "{grid-column-gap:", "px;}"], spacing.lg, StyledFooter, SFormRow, SForm, SFormRow, SFormRow, spacing.md);
 export var StyledHeroMedia = /*#__PURE__*/styled.figure.withConfig({
   displayName: "StyledHeroMedia",
-  componentId: "core-12_20_0__sc-8q9p0n-5"
+  componentId: "core-12_20_2__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-12_20_0__sc-8q9p0n-6"
+  componentId: "core-12_20_2__sc-8q9p0n-6"
 })(["position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;"]);
 export var StyledHeroText = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroText",
-  componentId: "core-12_20_0__sc-8q9p0n-7"
+  componentId: "core-12_20_2__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-12_20_0__sc-1t2ye1d-0"
+  componentId: "core-12_20_2__sc-1t2ye1d-0"
 })(["display:flex;align-items:flex-start;"]);
 export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAssets",
-  componentId: "core-12_20_0__sc-1t2ye1d-1"
+  componentId: "core-12_20_2__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_20_0__sc-1t2ye1d-2"
+  componentId: "core-12_20_2__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_20_0__sc-1t2ye1d-3"
+  componentId: "core-12_20_2__sc-1t2ye1d-3"
 })(["> h1,> h2,> h3{display:inline;}"]);
 export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTitlePill",
-  componentId: "core-12_20_0__sc-1t2ye1d-4"
+  componentId: "core-12_20_2__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_20_0__sc-1t2ye1d-5"
+  componentId: "core-12_20_2__sc-1t2ye1d-5"
 })(["margin-left:auto;"]);
 export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledSubtext",
-  componentId: "core-12_20_0__sc-1t2ye1d-6"
+  componentId: "core-12_20_2__sc-1t2ye1d-6"
 })(["display:block;"]);
 //# sourceMappingURL=Title.styles.js.map

package/dist/Toast/Toast.styles.js

@@ -7,7 +7,7 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 export var StyledToast = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToast",
-  componentId: "core-12_20_0__sc-1l6lk2n-0"
+  componentId: "core-12_20_2__sc-1l6lk2n-0"
 })(["", " align-items:center;background-color:", ";border-radius:", "px;color:", ";display:flex;min-height:48px;padding:", "px ", "px;width:550px;"], getShadow(4, 'bottom'), function (_ref) {
   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_20_0__sc-1l6lk2n-1"
+  componentId: "core-12_20_2__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_20_0__sc-1l6lk2n-2"
+  componentId: "core-12_20_2__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_20_0__sc-1x59fxi-0"
+  componentId: "core-12_20_2__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_20_0__sc-zqi94b-0"
+  componentId: "core-12_20_2__sc-zqi94b-0"
 })(["", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis);
 export var StyledRemove = /*#__PURE__*/styled(Clear).withConfig({
   displayName: "StyledRemove",
-  componentId: "core-12_20_0__sc-zqi94b-1"
+  componentId: "core-12_20_2__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_20_0__sc-zqi94b-2"
+  componentId: "core-12_20_2__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_20_0__sc-1jpjx47-0"
+  componentId: "core-12_20_2__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_20_0__sc-1jpjx47-1"
+  componentId: "core-12_20_2__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_20_0__sc-1jpjx47-2"
+  componentId: "core-12_20_2__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_20_0__sc-1jpjx47-3"
+  componentId: "core-12_20_2__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_20_0__sc-1jpjx47-4"
+  componentId: "core-12_20_2__sc-1jpjx47-4"
 })(["margin-right:", "px;white-space:nowrap;"], spacing.xl);
 export var StyledToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolHeader",
-  componentId: "core-12_20_0__sc-1jpjx47-5"
+  componentId: "core-12_20_2__sc-1jpjx47-5"
 })(["align-items:center;display:flex;min-height:36px;width:100%;", " + ", ",a + ", ",button + ", "{margin-left:", "px;}"], StyledToolHeaderIconContainer, StyledToolHeaderTitle, StyledToolHeaderTitle, StyledToolHeaderTitle, spacing.lg);
 //# sourceMappingURL=ToolHeader.styles.js.map

package/dist/ToolLandingPage/ToolLandingPage.js

@@ -11,7 +11,6 @@ import { DetailPage, DetailPageViewContext } from '../DetailPage';
 import { Page } from '../PageLayout';
 import { Tooltip } from '../Tooltip';
 import { useI18nContext } from '../_hooks/I18n';
-import { colors } from '../_styles/colors';
 import { addSubcomponents } from '../_utils/addSubcomponents';
 import { StyledTitleInner, StyledTitleOuter, StyledToolLandingPageBodyContent } from './ToolLandingPage.styles';
 export var ToolLandingPage_ = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -41,11 +40,9 @@ export var Title = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   }, /*#__PURE__*/React.createElement(LinkButton, {
     "aria-label": i18n.t('core.toolHeader.settingsAction'),
     role: "link",
-    icon: /*#__PURE__*/React.createElement(Cog, {
-      color: colors.orange50
-    }),
+    icon: /*#__PURE__*/React.createElement(Cog, null),
     href: settingsHref,
-    variant: "tertiary"
+    variant: "secondary"
   })), /*#__PURE__*/React.createElement(StyledTitleInner, null, children));
 });
 export var Body = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {

package/dist/ToolLandingPage/ToolLandingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolLandingPage.js","names":["Cog","React","LinkButton","DetailPage","DetailPageViewContext","Page","Tooltip","useI18nContext","colors","addSubcomponents","StyledTitleInner","StyledTitleOuter","StyledToolLandingPageBodyContent","ToolLandingPage_","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","Provider","value","width","hasNavigation","_extends","Title","_ref2","settingsHref","_excluded2","i18n","overlay","t","trigger","role","icon","color","orange50","href","variant","Body","_ref3","_excluded3","ToolLandingPage","Main","Header","Banner","Tabs","Aside","displayName"],"sources":["../../src/ToolLandingPage/ToolLandingPage.tsx"],"sourcesContent":["import { Cog } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { LinkButton } from '../Button'\nimport { DetailPage, DetailPageViewContext } from '../DetailPage'\nimport { Page } from '../PageLayout'\nimport { Tooltip } from '../Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { colors } from '../_styles/colors'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledTitleInner,\n  StyledTitleOuter,\n  StyledToolLandingPageBodyContent,\n} from './ToolLandingPage.styles'\nimport type {\n  ToolLandingPageProps,\n  ToolLandingPageTitleProps,\n} from './ToolLandingPage.types'\n\nexport const ToolLandingPage_ = React.forwardRef<\n  HTMLDivElement,\n  ToolLandingPageProps\n>(({ children, ...props }, ref) => {\n  return (\n    <DetailPageViewContext.Provider\n      value={{ width: 'xl', hasNavigation: false }}\n    >\n      <Page ref={ref} {...props} data-core-react=\"tool-landing-page\">\n        {children}\n      </Page>\n    </DetailPageViewContext.Provider>\n  )\n})\n\nexport const Title = React.forwardRef<\n  HTMLDivElement,\n  ToolLandingPageTitleProps\n>(({ children, settingsHref, ...props }, ref) => {\n  const i18n = useI18nContext()\n\n  return (\n    <StyledTitleOuter ref={ref} {...props}>\n      {settingsHref && (\n        <Tooltip\n          overlay={i18n.t('core.toolHeader.settingsAction')}\n          trigger={['hover', 'focus']}\n        >\n          <LinkButton\n            aria-label={i18n.t('core.toolHeader.settingsAction')}\n            role=\"link\"\n            icon={<Cog color={colors.orange50} />}\n            href={settingsHref}\n            variant=\"tertiary\"\n          />\n        </Tooltip>\n      )}\n      <StyledTitleInner>{children}</StyledTitleInner>\n    </StyledTitleOuter>\n  )\n})\n\nexport const Body = React.forwardRef<HTMLDivElement, Props>(\n  ({ children, ...props }, ref) => (\n    <DetailPage.Body ref={ref} {...props}>\n      <StyledToolLandingPageBodyContent>\n        {children}\n      </StyledToolLandingPageBodyContent>\n    </DetailPage.Body>\n  )\n)\n\n/**\n * A list page is basically a copy of SettingsPage/DetailPage. However, it has some differences.\n * ToolLandingPage does not have Breadcrumbs, nested sections (although, we may need them in the future), and Footer.\n *\n * @since 12.9.0\n *\n * @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toollandingpage--demo)\n *\n * @see [Design Guidelines](https://design.procore.com/tool-landing-layout)\n */\n\nexport const ToolLandingPage = addSubcomponents(\n  {\n    Main: Page.Main,\n    Header: Page.Header,\n    Banner: Page.Banner,\n    Title,\n    Tabs: Page.Tabs,\n    Body,\n    Aside: Page.Aside,\n  },\n  ToolLandingPage_\n)\n\nToolLandingPage_.displayName = 'ToolLandingPage'\n"],"mappings":"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"}
+{"version":3,"file":"ToolLandingPage.js","names":["Cog","React","LinkButton","DetailPage","DetailPageViewContext","Page","Tooltip","useI18nContext","addSubcomponents","StyledTitleInner","StyledTitleOuter","StyledToolLandingPageBodyContent","ToolLandingPage_","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","Provider","value","width","hasNavigation","_extends","Title","_ref2","settingsHref","_excluded2","i18n","overlay","t","trigger","role","icon","href","variant","Body","_ref3","_excluded3","ToolLandingPage","Main","Header","Banner","Tabs","Aside","displayName"],"sources":["../../src/ToolLandingPage/ToolLandingPage.tsx"],"sourcesContent":["import { Cog } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { LinkButton } from '../Button'\nimport { DetailPage, DetailPageViewContext } from '../DetailPage'\nimport { Page } from '../PageLayout'\nimport { Tooltip } from '../Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledTitleInner,\n  StyledTitleOuter,\n  StyledToolLandingPageBodyContent,\n} from './ToolLandingPage.styles'\nimport type {\n  ToolLandingPageProps,\n  ToolLandingPageTitleProps,\n} from './ToolLandingPage.types'\n\nexport const ToolLandingPage_ = React.forwardRef<\n  HTMLDivElement,\n  ToolLandingPageProps\n>(({ children, ...props }, ref) => {\n  return (\n    <DetailPageViewContext.Provider\n      value={{ width: 'xl', hasNavigation: false }}\n    >\n      <Page ref={ref} {...props} data-core-react=\"tool-landing-page\">\n        {children}\n      </Page>\n    </DetailPageViewContext.Provider>\n  )\n})\n\nexport const Title = React.forwardRef<\n  HTMLDivElement,\n  ToolLandingPageTitleProps\n>(({ children, settingsHref, ...props }, ref) => {\n  const i18n = useI18nContext()\n\n  return (\n    <StyledTitleOuter ref={ref} {...props}>\n      {settingsHref && (\n        <Tooltip\n          overlay={i18n.t('core.toolHeader.settingsAction')}\n          trigger={['hover', 'focus']}\n        >\n          <LinkButton\n            aria-label={i18n.t('core.toolHeader.settingsAction')}\n            role=\"link\"\n            icon={<Cog />}\n            href={settingsHref}\n            variant=\"secondary\"\n          />\n        </Tooltip>\n      )}\n      <StyledTitleInner>{children}</StyledTitleInner>\n    </StyledTitleOuter>\n  )\n})\n\nexport const Body = React.forwardRef<HTMLDivElement, Props>(\n  ({ children, ...props }, ref) => (\n    <DetailPage.Body ref={ref} {...props}>\n      <StyledToolLandingPageBodyContent>\n        {children}\n      </StyledToolLandingPageBodyContent>\n    </DetailPage.Body>\n  )\n)\n\n/**\n * A list page is basically a copy of SettingsPage/DetailPage. However, it has some differences.\n * ToolLandingPage does not have Breadcrumbs, nested sections (although, we may need them in the future), and Footer.\n *\n * @since 12.9.0\n *\n * @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toollandingpage--demo)\n *\n * @see [Design Guidelines](https://design.procore.com/tool-landing-layout)\n */\n\nexport const ToolLandingPage = addSubcomponents(\n  {\n    Main: Page.Main,\n    Header: Page.Header,\n    Banner: Page.Banner,\n    Title,\n    Tabs: Page.Tabs,\n    Body,\n    Aside: Page.Aside,\n  },\n  ToolLandingPage_\n)\n\nToolLandingPage_.displayName = 'ToolLandingPage'\n"],"mappings":"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"}

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_20_0__sc-wa8j06-0"
+  componentId: "core-12_20_2__sc-wa8j06-0"
 })(["align-items:center;display:flex;gap:", "px;"], spacing.md);
 export var StyledTitleInner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitleInner",
-  componentId: "core-12_20_0__sc-wa8j06-1"
+  componentId: "core-12_20_2__sc-wa8j06-1"
 })(["width:100%;"]);
 export var StyledToolLandingPageBodyContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolLandingPageBodyContent",
-  componentId: "core-12_20_0__sc-wa8j06-2"
+  componentId: "core-12_20_2__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_20_0__sc-1fawsi4-0"
+  componentId: "core-12_20_2__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_20_0__sc-1fawsi4-1"
+  componentId: "core-12_20_2__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_20_0__sc-2d45b5-0"
+  componentId: "core-12_20_2__sc-2d45b5-0"
 })(["display:flex;width:100%;"]);
 export var StyledTree = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTree",
-  componentId: "core-12_20_0__sc-2d45b5-1"
+  componentId: "core-12_20_2__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,11 +17,11 @@ export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
   }
 }).withConfig({
   displayName: "StyledTreeRowContainer",
-  componentId: "core-12_20_0__sc-2d45b5-2"
+  componentId: "core-12_20_2__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;
-  return isSelectable || $isSelectable ? 'cursor: pointer;' : '';
+  return isSelectable || $isSelectable ? 'cursor: pointer;' : "\n      ".concat(StyledFilenameCaption, ",\n      ").concat(StyledChevron, ",\n      ").concat(StyledIconContainer, " {\n        color: ").concat(colors.gray70, ";\n      }\n  ");
 }, colors.gray98, function (_ref2) {
   var isHighlighted = _ref2.isHighlighted,
     $isHighlighted = _ref2.$isHighlighted;
@@ -35,30 +35,30 @@ export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
 });
 export var StyledTreeRowContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTreeRowContent",
-  componentId: "core-12_20_0__sc-2d45b5-3"
+  componentId: "core-12_20_2__sc-2d45b5-3"
 })(["display:flex;align-items:center;"]);
 export var StyledTreeRowWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTreeRowWrapper",
-  componentId: "core-12_20_0__sc-2d45b5-4"
+  componentId: "core-12_20_2__sc-2d45b5-4"
 })(["outline:none;"]);
 var StyledIconBase = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledIconBase",
-  componentId: "core-12_20_0__sc-2d45b5-5"
+  componentId: "core-12_20_2__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_20_0__sc-2d45b5-6"
+  componentId: "core-12_20_2__sc-2d45b5-6"
 })([""]);
 export var StyledIconContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_20_0__sc-2d45b5-7"
+  componentId: "core-12_20_2__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_20_0__sc-2d45b5-8"
+  componentId: "core-12_20_2__sc-2d45b5-8"
 })(["transform:rotate(", "deg);transition:transform 150ms ease-out;"], function (_ref5) {
   var $isExpanded = _ref5.$isExpanded;
   return $isExpanded ? 90 : 0;

package/dist/Tree/Tree.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.styles.js","names":["ChevronRight","styled","Box","Typography","colors","StyledFilenameCaption","withConfig","displayName","componentId","StyledTree","div","StyledTreeRowContainer","shouldForwardProp","prop","includes","_ref","isSelectable","$isSelectable","gray98","_ref2","isHighlighted","$isHighlighted","concat","_ref3","isSelected","$isSelected","blue96","blue50","blue40","blue94","blue45","StyledTreeRowContent","StyledTreeRowWrapper","StyledIconBase","StyledChevronContainer","StyledIconContainer","_ref4","gray40","StyledChevron","_ref5","$isExpanded"],"sources":["../../src/Tree/Tree.styles.ts"],"sourcesContent":["import { ChevronRight } from '@procore/core-icons'\nimport styled from 'styled-components'\nimport { Box } from '../Box/Box'\nimport { Typography } from '../Typography/Typography'\nimport { colors } from '../_styles/colors'\n\nexport const StyledFilenameCaption = styled(Typography)`\n  display: flex;\n  width: 100%;\n`\n\nexport const StyledTree = styled.div`\n  width: 100%;\n  height: 100%;\n  min-height: 36px;\n  outline: none;\n  overflow: auto;\n`\n\nexport const StyledTreeRowContainer = styled(Typography).withConfig({\n  shouldForwardProp: (prop) =>\n    !['isHighlighted', 'isSelectable', 'isSelected'].includes(prop),\n})<{\n  /** @deprecated Use $isHighlighted instead */\n  isHighlighted?: boolean\n  $isHighlighted?: boolean\n  /** @deprecated Use $isSelectable instead */\n  isSelectable?: boolean\n  $isSelectable?: boolean\n  /** @deprecated Use $isSelected instead */\n  isSelected?: boolean\n  $isSelected?: boolean\n}>`\n  display: flex;\n  align-items: center;\n  height: 36px;\n  background: transparent;\n  box-shadow: inset 4px 0px 0px transparent;\n  cursor: default;\n  outline: none;\n\n  ${({ isSelectable, $isSelectable }) =>\n    isSelectable || $isSelectable ? 'cursor: pointer;' : ''}\n\n  &:hover {\n    background: ${colors.gray98};\n  }\n\n  ${({ isHighlighted, $isHighlighted }) =>\n    isHighlighted || $isHighlighted ? `background: ${colors.gray98};` : ''}\n\n  ${({ isSelected, $isSelected, isHighlighted, $isHighlighted }) =>\n    (isSelected || $isSelected) &&\n    `\n      background: ${colors.blue96};\n      box-shadow: inset 4px 0px 0px ${colors.blue50};\n\n      ${StyledFilenameCaption} {\n        color: ${colors.blue40};\n        font-weight: 600;\n      }\n\n      &:hover {\n        background-color: ${colors.blue94};\n        ${StyledFilenameCaption} {\n          color: ${colors.blue45};\n        }\n      }\n\n      ${\n        (isHighlighted || $isHighlighted) &&\n        `\n          background-color: ${colors.blue94};\n          ${StyledFilenameCaption} {\n            color: ${colors.blue45};\n          }\n        `\n      }\n    `}\n`\n\nexport const StyledTreeRowContent = styled.div`\n  display: flex;\n  align-items: center;\n`\n\nexport const StyledTreeRowWrapper = styled.div`\n  outline: none;\n`\n\nconst StyledIconBase = styled(Box)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  min-height: 24px;\n`\n\nexport const StyledChevronContainer = styled(StyledIconBase)``\n\nexport const StyledIconContainer = styled(StyledIconBase)<{\n  $isSelected?: boolean\n}>`\n  color: ${({ $isSelected }) => ($isSelected ? colors.blue45 : colors.gray40)};\n`\n\nexport const StyledChevron = styled(ChevronRight)<{\n  $isExpanded?: boolean\n}>`\n  transform: rotate(${({ $isExpanded }) => ($isExpanded ? 90 : 0)}deg);\n  transition: transform 150ms ease-out;\n`\n"],"mappings":"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"}
+{"version":3,"file":"Tree.styles.js","names":["ChevronRight","styled","Box","Typography","colors","StyledFilenameCaption","withConfig","displayName","componentId","StyledTree","div","StyledTreeRowContainer","shouldForwardProp","prop","includes","_ref","isSelectable","$isSelectable","concat","StyledChevron","StyledIconContainer","gray70","gray98","_ref2","isHighlighted","$isHighlighted","_ref3","isSelected","$isSelected","blue96","blue50","blue40","blue94","blue45","StyledTreeRowContent","StyledTreeRowWrapper","StyledIconBase","StyledChevronContainer","_ref4","gray40","_ref5","$isExpanded"],"sources":["../../src/Tree/Tree.styles.ts"],"sourcesContent":["import { ChevronRight } from '@procore/core-icons'\nimport styled from 'styled-components'\nimport { Box } from '../Box/Box'\nimport { Typography } from '../Typography/Typography'\nimport { colors } from '../_styles/colors'\n\nexport const StyledFilenameCaption = styled(Typography)`\n  display: flex;\n  width: 100%;\n`\n\nexport const StyledTree = styled.div`\n  width: 100%;\n  height: 100%;\n  min-height: 36px;\n  outline: none;\n  overflow: auto;\n`\n\nexport const StyledTreeRowContainer = styled(Typography).withConfig({\n  shouldForwardProp: (prop) =>\n    !['isHighlighted', 'isSelectable', 'isSelected'].includes(prop),\n})<{\n  /** @deprecated Use $isHighlighted instead */\n  isHighlighted?: boolean\n  $isHighlighted?: boolean\n  /** @deprecated Use $isSelectable instead */\n  isSelectable?: boolean\n  $isSelectable?: boolean\n  /** @deprecated Use $isSelected instead */\n  isSelected?: boolean\n  $isSelected?: boolean\n}>`\n  display: flex;\n  align-items: center;\n  height: 36px;\n  background: transparent;\n  box-shadow: inset 4px 0px 0px transparent;\n  cursor: default;\n  outline: none;\n\n  ${({ isSelectable, $isSelectable }) =>\n    isSelectable || $isSelectable\n      ? 'cursor: pointer;'\n      : `\n      ${StyledFilenameCaption},\n      ${StyledChevron},\n      ${StyledIconContainer} {\n        color: ${colors.gray70};\n      }\n  `}\n\n  &:hover {\n    background: ${colors.gray98};\n  }\n\n  ${({ isHighlighted, $isHighlighted }) =>\n    isHighlighted || $isHighlighted ? `background: ${colors.gray98};` : ''}\n\n  ${({ isSelected, $isSelected, isHighlighted, $isHighlighted }) =>\n    (isSelected || $isSelected) &&\n    `\n      background: ${colors.blue96};\n      box-shadow: inset 4px 0px 0px ${colors.blue50};\n\n      ${StyledFilenameCaption} {\n        color: ${colors.blue40};\n        font-weight: 600;\n      }\n\n      &:hover {\n        background-color: ${colors.blue94};\n        ${StyledFilenameCaption} {\n          color: ${colors.blue45};\n        }\n      }\n\n      ${\n        (isHighlighted || $isHighlighted) &&\n        `\n          background-color: ${colors.blue94};\n          ${StyledFilenameCaption} {\n            color: ${colors.blue45};\n          }\n        `\n      }\n    `}\n`\n\nexport const StyledTreeRowContent = styled.div`\n  display: flex;\n  align-items: center;\n`\n\nexport const StyledTreeRowWrapper = styled.div`\n  outline: none;\n`\n\nconst StyledIconBase = styled(Box)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  min-height: 24px;\n`\n\nexport const StyledChevronContainer = styled(StyledIconBase)``\n\nexport const StyledIconContainer = styled(StyledIconBase)<{\n  $isSelected?: boolean\n}>`\n  color: ${({ $isSelected }) => ($isSelected ? colors.blue45 : colors.gray40)};\n`\n\nexport const StyledChevron = styled(ChevronRight)<{\n  $isExpanded?: boolean\n}>`\n  transform: rotate(${({ $isExpanded }) => ($isExpanded ? 90 : 0)}deg);\n  transition: transform 150ms ease-out;\n`\n"],"mappings":"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"}

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_20_0__sc-gpc39h-0"
+  componentId: "core-12_20_2__sc-gpc39h-0"
 })(["", " padding-right:", "px;"], getSearchInputStyles(), spacing.xxl);
 export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIcon",
-  componentId: "core-12_20_0__sc-gpc39h-1"
+  componentId: "core-12_20_2__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_20_0__sc-gpc39h-2"
+  componentId: "core-12_20_2__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_20_0__sc-1c4583t-0"
+  componentId: "core-12_20_2__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_20_0__sc-p4v7d-0"
+  componentId: "core-12_20_2__sc-p4v7d-0"
 })([""]);
 var StyledTextCell = /*#__PURE__*/styled(Table.TextCell).withConfig({
   displayName: "StyledTextCell",
-  componentId: "core-12_20_0__sc-p4v7d-1"
+  componentId: "core-12_20_2__sc-p4v7d-1"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.blue50);
 function BodyCell() {
   return /*#__PURE__*/React.createElement(StyledBodyCell, {

package/dist/_hooks/I18n.d.ts

@@ -927,6 +927,17 @@ export declare const coreTranslations: {
             };
             dropzone: {
                 uploadFiles: {
+                    /**
+                     * Hook to access the I18n context.
+                     *
+                     * @template Translations - An optional generic to provide type safety for translations.
+                     * If specified, it enables typed access to the `t` and `translate` methods of the I18n instance.
+                     * These methods will have type safe access to both the tranlsation scope as well as the interpolation variables.
+                     * If not specified, the default I18njs instance is returned.
+                     *
+                     * @returns {I18njs | I18njsWithTypedTranslate<Translations>} The I18n context instance,
+                     * either with or without typed translations based on the provided generic.
+                     */
                     one: string;
                     other: string;
                 };
@@ -1671,6 +1682,17 @@ export declare const coreTranslations: {
             };
             dropzone: {
                 uploadFiles: {
+                    /**
+                     * Hook to access the I18n context.
+                     *
+                     * @template Translations - An optional generic to provide type safety for translations.
+                     * If specified, it enables typed access to the `t` and `translate` methods of the I18n instance.
+                     * These methods will have type safe access to both the tranlsation scope as well as the interpolation variables.
+                     * If not specified, the default I18njs instance is returned.
+                     *
+                     * @returns {I18njs | I18njsWithTypedTranslate<Translations>} The I18n context instance,
+                     * either with or without typed translations based on the provided generic.
+                     */
                     one: string;
                     other: string;
                 };
@@ -3135,6 +3157,17 @@ export declare const coreTranslations: {
                     ariaLabel: {
                         withValue: {
                             month: string;
+                            /**
+                             * Hook to access the I18n context.
+                             *
+                             * @template Translations - An optional generic to provide type safety for translations.
+                             * If specified, it enables typed access to the `t` and `translate` methods of the I18n instance.
+                             * These methods will have type safe access to both the tranlsation scope as well as the interpolation variables.
+                             * If not specified, the default I18njs instance is returned.
+                             *
+                             * @returns {I18njs | I18njsWithTypedTranslate<Translations>} The I18n context instance,
+                             * either with or without typed translations based on the provided generic.
+                             */
                             day: string;
                             year: string;
                         };
@@ -4628,6 +4661,17 @@ export declare const coreTranslations: {
                         };
                         withoutValue: {
                             month: string;
+                            /**
+                             * Hook to access the I18n context.
+                             *
+                             * @template Translations - An optional generic to provide type safety for translations.
+                             * If specified, it enables typed access to the `t` and `translate` methods of the I18n instance.
+                             * These methods will have type safe access to both the tranlsation scope as well as the interpolation variables.
+                             * If not specified, the default I18njs instance is returned.
+                             *
+                             * @returns {I18njs | I18njsWithTypedTranslate<Translations>} The I18n context instance,
+                             * either with or without typed translations based on the provided generic.
+                             */
                             day: string;
                             year: string;
                         };
@@ -5969,11 +6013,16 @@ export declare function I18nProvider({ children, ...props }: I18nConfig & {
 declare type DeepStringRecord = {
     [key: string]: string | DeepStringRecord;
 };
+declare type PluralizationForm = {
+    zero?: string;
+    one: string;
+    other: string;
+};
 declare type DotPrefix<T extends string> = T extends '' ? '' : `.${T}`;
 declare type DotNestedKeys<T> = (T extends string ? '' : T extends DeepStringRecord ? {
-    [K in keyof T]: K extends string ? T[K] extends DeepStringRecord ? `${K}${DotPrefix<DotNestedKeys<T[K]>>}` : `${K}` : never;
+    [K in keyof T]: K extends string ? T[K] extends PluralizationForm ? `${K}` : T[K] extends DeepStringRecord ? `${K}${DotPrefix<DotNestedKeys<T[K]>>}` : `${K}` : never;
 }[keyof T] : '') extends infer D ? Extract<D, string> : never;
-declare type StringLiteralPathValue<T, P extends string> = P extends `${infer K}.${infer Rest}` ? K extends keyof T ? T[K] extends DeepStringRecord ? StringLiteralPathValue<T[K], Rest> : never : never : P extends keyof T ? T[P] extends string ? T[P] : never : never;
+declare type StringLiteralPathValue<T, P extends string> = P extends `${infer K}.${infer Rest}` ? K extends keyof T ? T[K] extends PluralizationForm ? T[K] : T[K] extends DeepStringRecord ? StringLiteralPathValue<T[K], Rest> : never : never : P extends keyof T ? T[P] extends PluralizationForm ? T[P] : T[P] extends string ? T[P] : never : never;
 declare type HasInterpolation<T extends string> = T extends `${string}%{${string}}${string}` ? true : false;
 declare type ExtractInterpolationVars<T extends string> = T extends `${infer _Before}%{${infer Param}}${infer After}` ? Param | ExtractInterpolationVars<After> : never;
 declare type ExplicitTranslateOptions = {
@@ -5984,9 +6033,25 @@ declare type InterpolationParams<T extends string> = HasInterpolation<T> extends
 } & {
     [K in keyof ExplicitTranslateOptions]?: ExplicitTranslateOptions[K];
 } : never;
-declare type TypedTranslate<Translations> = {
-    <P extends DotNestedKeys<Translations>>(path: P, ...args: StringLiteralPathValue<Translations, P> extends string ? HasInterpolation<StringLiteralPathValue<Translations, P>> extends true ? [InterpolationParams<StringLiteralPathValue<Translations, P>>] : [] : []): StringLiteralPathValue<Translations, P>;
+declare type PluralizationParams<T extends PluralizationForm> = {
+    count: number;
+} & ((T['zero'] extends string ? {
+    count: 0;
+} & {
+    [K in ExtractInterpolationVars<T['zero']>]: string;
+} : {}) | (T['one'] extends string ? {
+    count: 1;
+} & {
+    [K in ExtractInterpolationVars<T['one']>]: string;
+} : {}) | (T['other'] extends string ? {
+    count: number;
+} & {
+    [K in ExtractInterpolationVars<T['other']>]: string;
+} : {})) & {
+    [K in keyof ExplicitTranslateOptions]?: ExplicitTranslateOptions[K];
 };
+declare type InterpolationOrPluralizationParams<T> = T extends PluralizationForm ? [PluralizationParams<T>] : T extends string ? InterpolationParams<T> extends never ? [ExplicitTranslateOptions?] : [InterpolationParams<T>] : [ExplicitTranslateOptions?];
+declare type TypedTranslate<Translations> = <P extends DotNestedKeys<Translations>>(path: P, ...args: InterpolationOrPluralizationParams<StringLiteralPathValue<Translations, P>>) => StringLiteralPathValue<Translations, P>;
 declare type I18njsWithTypedTranslate<Translations> = Omit<I18njs, 't' | 'translate'> & {
     t: TypedTranslate<Translations>;
     translate: TypedTranslate<Translations>;