@procore/core-react 12.21.2 → 12.23.0

package/dist/Typeahead/Typeahead.js.map

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

package/dist/Typeahead/Typeahead.styles.d.ts

@@ -1,8 +1,6 @@
-export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
-    error?: boolean | undefined;
-    variant?: "" | "error" | undefined;
-}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const StyledIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     disabled?: boolean | undefined;
-}, never>;
-export declare const StyledTypeahead: import("styled-components").StyledComponent<"div", any, {}, never>;
+}>> & string;
+export declare const StyledTypeahead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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_21_2__sc-gpc39h-0"
+  componentId: "core-12_23_0__sc-gpc39h-0"
 })(["", " padding-right:", "px;"], getSearchInputStyles(), spacing.xxl);
 export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIcon",
-  componentId: "core-12_21_2__sc-gpc39h-1"
+  componentId: "core-12_23_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_21_2__sc-gpc39h-2"
+  componentId: "core-12_23_0__sc-gpc39h-2"
 })(["position:relative;width:100%;"]);
 //# sourceMappingURL=Typeahead.styles.js.map

package/dist/Typography/Typography.styles.d.ts

@@ -1,4 +1,5 @@
-import type { FlattenSimpleInterpolation } from 'styled-components';
+/// <reference types="react" />
+import type { RuleSet } from 'styled-components';
 import type { Intent, TypographyProps, Weight } from './Typography.types';
 export interface StyledTypographyProps {
     $breakWord?: TypographyProps['intent'];
@@ -11,6 +12,6 @@ export declare const typographyWeights: {
     [key in Weight]: number;
 };
 export declare const typographyLineHeight: Record<Intent, number>;
-export declare function getTypographyIntent(intent: Intent): FlattenSimpleInterpolation;
-export declare const semiboldRules: () => FlattenSimpleInterpolation;
-export declare const StyledTypography: import("styled-components").StyledComponent<"span", any, StyledTypographyProps, never>;
+export declare function getTypographyIntent(intent: Intent): RuleSet<object>;
+export declare const semiboldRules: () => RuleSet<object>;
+export declare const StyledTypography: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledTypographyProps>> & string;

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_21_2__sc-1c4583t-0"
+  componentId: "core-12_23_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.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.styles.js","names":["styled","css","colors","typographyWeights","regular","semibold","bold","typographyLineHeight","small","body","h1","h2","h3","label","typographyIntents","getTypographyIntent","intent","semiboldRules","StyledTypography","span","withConfig","displayName","componentId","_ref","_ref$$intent","$intent","_ref2","_ref2$$color","$color","_ref3","_ref3$$italic","$italic","_ref4","$weight","_ref5","$breakWord"],"sources":["../../src/Typography/Typography.styles.ts"],"sourcesContent":["import type { FlattenSimpleInterpolation } from 'styled-components'\nimport styled, { css } from 'styled-components'\nimport { colors } from '../_styles/colors'\nimport type { Intent, TypographyProps, Weight } from './Typography.types'\n\nexport interface StyledTypographyProps {\n  $breakWord?: TypographyProps['intent']\n  $color?: TypographyProps['color']\n  $intent?: TypographyProps['intent']\n  $italic?: TypographyProps['italic']\n  $weight?: TypographyProps['weight']\n}\n\nexport const typographyWeights: {\n  [key in Weight]: number\n} = {\n  regular: 400,\n  semibold: 600,\n  bold: 700,\n}\n\nexport const typographyLineHeight: Record<Intent, number> = {\n  small: 16,\n  body: 20,\n  h1: 32,\n  h2: 28,\n  h3: 24,\n  label: 20,\n}\n\nconst body = css`\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: ${typographyWeights.regular};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.body}px;\n`\n\nconst h1 = css`\n  font-family: inherit;\n  font-size: 24px;\n  font-weight: ${typographyWeights.bold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.h1}px;\n`\n\nconst h2 = css`\n  font-family: inherit;\n  font-size: 20px;\n  font-weight: ${typographyWeights.semibold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.h2}px;\n`\n\nconst h3 = css`\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: ${typographyWeights.semibold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.h3}px;\n`\n\nconst small = css`\n  font-family: inherit;\n  font-size: 12px;\n  font-weight: ${typographyWeights.regular};\n  letter-spacing: 0.25px;\n  line-height: ${typographyLineHeight.small}px;\n`\n\nconst label = css`\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: ${typographyWeights.semibold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.label}px;\n`\n\nconst typographyIntents: {\n  [key in Intent]: FlattenSimpleInterpolation\n} = {\n  body,\n  h1,\n  h2,\n  h3,\n  small,\n  label,\n}\n\nexport function getTypographyIntent(intent: Intent) {\n  return typographyIntents[intent]\n}\n\nexport const semiboldRules = () => {\n  return css`\n    & > strong,\n    > b {\n      font-weight: 600;\n    }\n  `\n}\n\nexport const StyledTypography = styled.span<StyledTypographyProps>`\n  ${({ $intent = 'body' }) => typographyIntents[$intent]}\n  color: ${({ $color = 'gray15' }) => colors[$color]};\n  font-style: ${({ $italic = false }) => ($italic ? 'italic' : 'inherit')};\n  font-weight: ${({ $weight }) => $weight && typographyWeights[$weight]};\n  ${semiboldRules}\n  ${({ $breakWord }) =>\n    $breakWord &&\n    `\n  word-wrap: break-word;\n  word-break: break-word;\n`}\n  em,\n  i {\n    font-style: italic;\n  }\n`\n"],"mappings":"AACA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,mBAAmB;AAW1C,OAAO,IAAMC,iBAEZ,GAAG;EACFC,OAAO,EAAE,GAAG;EACZC,QAAQ,EAAE,GAAG;EACbC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,IAAMC,oBAA4C,GAAG;EAC1DC,KAAK,EAAE,EAAE;EACTC,IAAI,EAAE,EAAE;EACRC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,KAAK,EAAE;AACT,CAAC;AAED,IAAMJ,IAAI,gBAAGR,GAAG,oGAGCE,iBAAiB,CAACC,OAAO,EAEzBG,oBAAoB,CAACE,IAAI,CACzC;AAED,IAAMC,EAAE,gBAAGT,GAAG,oGAGGE,iBAAiB,CAACG,IAAI,EAEtBC,oBAAoB,CAACG,EAAE,CACvC;AAED,IAAMC,EAAE,gBAAGV,GAAG,oGAGGE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACI,EAAE,CACvC;AAED,IAAMC,EAAE,gBAAGX,GAAG,oGAGGE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACK,EAAE,CACvC;AAED,IAAMJ,KAAK,gBAAGP,GAAG,oGAGAE,iBAAiB,CAACC,OAAO,EAEzBG,oBAAoB,CAACC,KAAK,CAC1C;AAED,IAAMK,KAAK,gBAAGZ,GAAG,oGAGAE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACM,KAAK,CAC1C;AAED,IAAMC,iBAEL,GAAG;EACFL,IAAI,EAAJA,IAAI;EACJC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFJ,KAAK,EAALA,KAAK;EACLK,KAAK,EAALA;AACF,CAAC;AAED,OAAO,SAASE,mBAAmBA,CAACC,MAAc,EAAE;EAClD,OAAOF,iBAAiB,CAACE,MAAM,CAAC;AAClC;AAEA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;EACjC,OAAOhB,GAAG;AAMZ,CAAC;AAED,OAAO,IAAMiB,gBAAgB,gBAAGlB,MAAM,CAACmB,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4FACvC,UAAAC,IAAA;EAAA,IAAAC,YAAA,GAAAD,IAAA,CAAGE,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,MAAM,GAAAA,YAAA;EAAA,OAAOV,iBAAiB,CAACW,OAAO,CAAC;AAAA,GAC7C,UAAAC,KAAA;EAAA,IAAAC,YAAA,GAAAD,KAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,QAAQ,GAAAA,YAAA;EAAA,OAAOzB,MAAM,CAAC0B,MAAM,CAAC;AAAA,GACpC,UAAAC,KAAA;EAAA,IAAAC,aAAA,GAAAD,KAAA,CAAGE,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;EAAA,OAAQC,OAAO,GAAG,QAAQ,GAAG,SAAS;AAAA,CAAC,EACxD,UAAAC,KAAA;EAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;EAAA,OAAOA,OAAO,IAAI9B,iBAAiB,CAAC8B,OAAO,CAAC;AAAA,GACnEhB,aAAa,EACb,UAAAiB,KAAA;EAAA,IAAGC,UAAU,GAAAD,KAAA,CAAVC,UAAU;EAAA,OACbA,UAAU,6DAIb;AAAA,EAKA"}
+{"version":3,"file":"Typography.styles.js","names":["styled","css","colors","typographyWeights","regular","semibold","bold","typographyLineHeight","small","body","h1","h2","h3","label","typographyIntents","getTypographyIntent","intent","semiboldRules","StyledTypography","span","withConfig","displayName","componentId","_ref","_ref$$intent","$intent","_ref2","_ref2$$color","$color","_ref3","_ref3$$italic","$italic","_ref4","$weight","_ref5","$breakWord"],"sources":["../../src/Typography/Typography.styles.ts"],"sourcesContent":["import type { RuleSet } from 'styled-components'\nimport styled, { css } from 'styled-components'\nimport { colors } from '../_styles/colors'\nimport type { Intent, TypographyProps, Weight } from './Typography.types'\n\nexport interface StyledTypographyProps {\n  $breakWord?: TypographyProps['intent']\n  $color?: TypographyProps['color']\n  $intent?: TypographyProps['intent']\n  $italic?: TypographyProps['italic']\n  $weight?: TypographyProps['weight']\n}\n\nexport const typographyWeights: {\n  [key in Weight]: number\n} = {\n  regular: 400,\n  semibold: 600,\n  bold: 700,\n}\n\nexport const typographyLineHeight: Record<Intent, number> = {\n  small: 16,\n  body: 20,\n  h1: 32,\n  h2: 28,\n  h3: 24,\n  label: 20,\n}\n\nconst body = css`\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: ${typographyWeights.regular};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.body}px;\n`\n\nconst h1 = css`\n  font-family: inherit;\n  font-size: 24px;\n  font-weight: ${typographyWeights.bold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.h1}px;\n`\n\nconst h2 = css`\n  font-family: inherit;\n  font-size: 20px;\n  font-weight: ${typographyWeights.semibold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.h2}px;\n`\n\nconst h3 = css`\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: ${typographyWeights.semibold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.h3}px;\n`\n\nconst small = css`\n  font-family: inherit;\n  font-size: 12px;\n  font-weight: ${typographyWeights.regular};\n  letter-spacing: 0.25px;\n  line-height: ${typographyLineHeight.small}px;\n`\n\nconst label = css`\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: ${typographyWeights.semibold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.label}px;\n`\n\nconst typographyIntents: Record<Intent, RuleSet<object>> = {\n  body,\n  h1,\n  h2,\n  h3,\n  small,\n  label,\n}\n\nexport function getTypographyIntent(intent: Intent) {\n  return typographyIntents[intent]\n}\n\nexport const semiboldRules = () => {\n  return css`\n    & > strong,\n    > b {\n      font-weight: 600;\n    }\n  `\n}\n\nexport const StyledTypography = styled.span<StyledTypographyProps>`\n  ${({ $intent = 'body' }) => typographyIntents[$intent]}\n  color: ${({ $color = 'gray15' }) => colors[$color]};\n  font-style: ${({ $italic = false }) => ($italic ? 'italic' : 'inherit')};\n  font-weight: ${({ $weight }) => $weight && typographyWeights[$weight]};\n  ${semiboldRules}\n  ${({ $breakWord }) =>\n    $breakWord &&\n    `\n  word-wrap: break-word;\n  word-break: break-word;\n`}\n  em,\n  i {\n    font-style: italic;\n  }\n`\n"],"mappings":"AACA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,mBAAmB;AAW1C,OAAO,IAAMC,iBAEZ,GAAG;EACFC,OAAO,EAAE,GAAG;EACZC,QAAQ,EAAE,GAAG;EACbC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,IAAMC,oBAA4C,GAAG;EAC1DC,KAAK,EAAE,EAAE;EACTC,IAAI,EAAE,EAAE;EACRC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,KAAK,EAAE;AACT,CAAC;AAED,IAAMJ,IAAI,gBAAGR,GAAG,oGAGCE,iBAAiB,CAACC,OAAO,EAEzBG,oBAAoB,CAACE,IAAI,CACzC;AAED,IAAMC,EAAE,gBAAGT,GAAG,oGAGGE,iBAAiB,CAACG,IAAI,EAEtBC,oBAAoB,CAACG,EAAE,CACvC;AAED,IAAMC,EAAE,gBAAGV,GAAG,oGAGGE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACI,EAAE,CACvC;AAED,IAAMC,EAAE,gBAAGX,GAAG,oGAGGE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACK,EAAE,CACvC;AAED,IAAMJ,KAAK,gBAAGP,GAAG,oGAGAE,iBAAiB,CAACC,OAAO,EAEzBG,oBAAoB,CAACC,KAAK,CAC1C;AAED,IAAMK,KAAK,gBAAGZ,GAAG,oGAGAE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACM,KAAK,CAC1C;AAED,IAAMC,iBAAkD,GAAG;EACzDL,IAAI,EAAJA,IAAI;EACJC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFJ,KAAK,EAALA,KAAK;EACLK,KAAK,EAALA;AACF,CAAC;AAED,OAAO,SAASE,mBAAmBA,CAACC,MAAc,EAAE;EAClD,OAAOF,iBAAiB,CAACE,MAAM,CAAC;AAClC;AAEA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;EACjC,OAAOhB,GAAG;AAMZ,CAAC;AAED,OAAO,IAAMiB,gBAAgB,gBAAGlB,MAAM,CAACmB,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4FACvC,UAAAC,IAAA;EAAA,IAAAC,YAAA,GAAAD,IAAA,CAAGE,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,MAAM,GAAAA,YAAA;EAAA,OAAOV,iBAAiB,CAACW,OAAO,CAAC;AAAA,GAC7C,UAAAC,KAAA;EAAA,IAAAC,YAAA,GAAAD,KAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,QAAQ,GAAAA,YAAA;EAAA,OAAOzB,MAAM,CAAC0B,MAAM,CAAC;AAAA,GACpC,UAAAC,KAAA;EAAA,IAAAC,aAAA,GAAAD,KAAA,CAAGE,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;EAAA,OAAQC,OAAO,GAAG,QAAQ,GAAG,SAAS;AAAA,CAAC,EACxD,UAAAC,KAAA;EAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;EAAA,OAAOA,OAAO,IAAI9B,iBAAiB,CAAC8B,OAAO,CAAC;AAAA,GACnEhB,aAAa,EACb,UAAAiB,KAAA;EAAA,IAAGC,UAAU,GAAAD,KAAA,CAAVC,UAAU;EAAA,OACbA,UAAU,6DAIb;AAAA,EAKA"}

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_21_2__sc-p4v7d-0"
+  componentId: "core-12_23_0__sc-p4v7d-0"
 })([""]);
 var StyledTextCell = /*#__PURE__*/styled(Table.TextCell).withConfig({
   displayName: "StyledTextCell",
-  componentId: "core-12_21_2__sc-p4v7d-1"
+  componentId: "core-12_23_0__sc-p4v7d-1"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.blue50);
 function BodyCell() {
   return /*#__PURE__*/React.createElement(StyledBodyCell, {

package/dist/_hooks/ClickOutside.js

@@ -1,3 +1,4 @@
+import { useRef } from 'react';
 import { useEventListener } from './EventListener';
 /**
  * @deprecatedSince 9
@@ -21,12 +22,19 @@ export function useClickOutside(_ref) {
     refs = _ref$refs === void 0 ? [] : _ref$refs,
     onClickOutside = _ref.onClickOutside,
     container = _ref.container;
-  var handler = function handler(event) {
-    if (onClickOutside && !refs.find(function (ref) {
+  var mousedownTarget = useRef(null);
+  var handleMouseDown = function handleMouseDown(event) {
+    mousedownTarget.current = event.target;
+  };
+  var handleMouseUp = function handleMouseUp(event) {
+    // Only trigger if the mouseup target is the same as the mousedown target
+    // and it's outside of our refs
+    if (mousedownTarget.current === event.target && onClickOutside && !refs.find(function (ref) {
       return isEventSource(ref, event);
     })) {
       onClickOutside(event);
     }
+    mousedownTarget.current = null;
   };
   var options = {
     capture: true
@@ -34,14 +42,20 @@ export function useClickOutside(_ref) {
   var containerDocument = container === null || container === void 0 ? void 0 : container.ownerDocument;
   var scope = (containerDocument === null || containerDocument === void 0 ? void 0 : containerDocument.defaultView) || undefined;
   useEventListener({
-    event: 'click',
-    handler: handler,
+    event: 'mousedown',
+    handler: handleMouseDown,
+    options: options,
+    scope: scope
+  });
+  useEventListener({
+    event: 'mouseup',
+    handler: handleMouseUp,
     options: options,
     scope: scope
   });
   useEventListener({
     event: 'touchend',
-    handler: handler,
+    handler: handleMouseUp,
     options: options,
     scope: scope
   });

package/dist/_hooks/ClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClickOutside.js","names":["useEventListener","isEventSource","ref","event","current","target","HTMLElement","SVGElement","contains","useClickOutside","_ref","_ref$refs","refs","onClickOutside","container","handler","find","options","capture","containerDocument","ownerDocument","scope","defaultView","undefined"],"sources":["../../src/_hooks/ClickOutside.ts"],"sourcesContent":["import type React from 'react'\nimport type { PortalProps } from '../Portal/Portal.types'\nimport { useEventListener } from './EventListener'\n\nexport interface ClickOutsideConfig extends Pick<PortalProps, 'container'> {\n  /**\n   * @since 10.19.0\n   */\n  onClickOutside: (event: MouseEvent) => void\n  /**\n   * @since 10.19.0\n   */\n  refs: Array<React.RefObject<HTMLElement>>\n}\n\nexport interface ClickOutsideProps extends ClickOutsideConfig {\n  /**\n   * @since 10.19.0\n   */\n  children: React.ReactElement\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\n// To support MenuRef had to change to any. Could manually do <HTMLElement & MenuRef> but seems brittle\nexport function isEventSource(ref: React.RefObject<any>, event: Event) {\n  if (\n    ref?.current &&\n    event &&\n    (event.target instanceof HTMLElement || event.target instanceof SVGElement)\n  ) {\n    return ref.current.contains(event.target)\n  } else {\n    return false\n  }\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useClickOutside({\n  refs = [],\n  onClickOutside,\n  container,\n}: ClickOutsideConfig) {\n  const handler = (event: MouseEvent) => {\n    if (onClickOutside && !refs.find((ref) => isEventSource(ref, event))) {\n      onClickOutside(event)\n    }\n  }\n\n  const options = { capture: true }\n\n  const containerDocument = container?.ownerDocument\n  const scope = containerDocument?.defaultView || undefined\n\n  useEventListener({ event: 'click', handler, options, scope: scope })\n\n  useEventListener({ event: 'touchend', handler, options, scope: scope })\n}\n"],"mappings":"AAEA,SAASA,gBAAgB,QAAQ,iBAAiB;AAoBlD;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAACC,GAAyB,EAAEC,KAAY,EAAE;EACrE,IACED,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEE,OAAO,IACZD,KAAK,KACJA,KAAK,CAACE,MAAM,YAAYC,WAAW,IAAIH,KAAK,CAACE,MAAM,YAAYE,UAAU,CAAC,EAC3E;IACA,OAAOL,GAAG,CAACE,OAAO,CAACI,QAAQ,CAACL,KAAK,CAACE,MAAM,CAAC;EAC3C,CAAC,MAAM;IACL,OAAO,KAAK;EACd;AACF;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASI,eAAeA,CAAAC,IAAA,EAIR;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAHrBE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IACTE,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EAET,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAIZ,KAAiB,EAAK;IACrC,IAAIU,cAAc,IAAI,CAACD,IAAI,CAACI,IAAI,CAAC,UAACd,GAAG;MAAA,OAAKD,aAAa,CAACC,GAAG,EAAEC,KAAK,CAAC;IAAA,EAAC,EAAE;MACpEU,cAAc,CAACV,KAAK,CAAC;IACvB;EACF,CAAC;EAED,IAAMc,OAAO,GAAG;IAAEC,OAAO,EAAE;EAAK,CAAC;EAEjC,IAAMC,iBAAiB,GAAGL,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEM,aAAa;EAClD,IAAMC,KAAK,GAAG,CAAAF,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEG,WAAW,KAAIC,SAAS;EAEzDvB,gBAAgB,CAAC;IAAEG,KAAK,EAAE,OAAO;IAAEY,OAAO,EAAPA,OAAO;IAAEE,OAAO,EAAPA,OAAO;IAAEI,KAAK,EAAEA;EAAM,CAAC,CAAC;EAEpErB,gBAAgB,CAAC;IAAEG,KAAK,EAAE,UAAU;IAAEY,OAAO,EAAPA,OAAO;IAAEE,OAAO,EAAPA,OAAO;IAAEI,KAAK,EAAEA;EAAM,CAAC,CAAC;AACzE"}
+{"version":3,"file":"ClickOutside.js","names":["useRef","useEventListener","isEventSource","ref","event","current","target","HTMLElement","SVGElement","contains","useClickOutside","_ref","_ref$refs","refs","onClickOutside","container","mousedownTarget","handleMouseDown","handleMouseUp","find","options","capture","containerDocument","ownerDocument","scope","defaultView","undefined","handler"],"sources":["../../src/_hooks/ClickOutside.ts"],"sourcesContent":["import type React from 'react'\nimport { useRef } from 'react'\nimport type { PortalProps } from '../Portal/Portal.types'\nimport { useEventListener } from './EventListener'\n\nexport interface ClickOutsideConfig extends Pick<PortalProps, 'container'> {\n  /**\n   * @since 10.19.0\n   */\n  onClickOutside: (event: MouseEvent) => void\n  /**\n   * @since 10.19.0\n   */\n  refs: Array<React.RefObject<HTMLElement>>\n}\n\nexport interface ClickOutsideProps extends ClickOutsideConfig {\n  /**\n   * @since 10.19.0\n   */\n  children: React.ReactElement\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\n// To support MenuRef had to change to any. Could manually do <HTMLElement & MenuRef> but seems brittle\nexport function isEventSource(ref: React.RefObject<any>, event: Event) {\n  if (\n    ref?.current &&\n    event &&\n    (event.target instanceof HTMLElement || event.target instanceof SVGElement)\n  ) {\n    return ref.current.contains(event.target)\n  } else {\n    return false\n  }\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useClickOutside({\n  refs = [],\n  onClickOutside,\n  container,\n}: ClickOutsideConfig) {\n  const mousedownTarget = useRef<EventTarget | null>(null)\n\n  const handleMouseDown = (event: MouseEvent) => {\n    mousedownTarget.current = event.target\n  }\n\n  const handleMouseUp = (event: MouseEvent) => {\n    // Only trigger if the mouseup target is the same as the mousedown target\n    // and it's outside of our refs\n    if (\n      mousedownTarget.current === event.target &&\n      onClickOutside &&\n      !refs.find((ref) => isEventSource(ref, event))\n    ) {\n      onClickOutside(event)\n    }\n    mousedownTarget.current = null\n  }\n\n  const options = { capture: true }\n  const containerDocument = container?.ownerDocument\n  const scope = containerDocument?.defaultView || undefined\n\n  useEventListener({\n    event: 'mousedown',\n    handler: handleMouseDown,\n    options,\n    scope: scope,\n  })\n\n  useEventListener({\n    event: 'mouseup',\n    handler: handleMouseUp,\n    options,\n    scope: scope,\n  })\n\n  useEventListener({\n    event: 'touchend',\n    handler: handleMouseUp,\n    options,\n    scope: scope,\n  })\n}\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,OAAO;AAE9B,SAASC,gBAAgB,QAAQ,iBAAiB;AAoBlD;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAACC,GAAyB,EAAEC,KAAY,EAAE;EACrE,IACED,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEE,OAAO,IACZD,KAAK,KACJA,KAAK,CAACE,MAAM,YAAYC,WAAW,IAAIH,KAAK,CAACE,MAAM,YAAYE,UAAU,CAAC,EAC3E;IACA,OAAOL,GAAG,CAACE,OAAO,CAACI,QAAQ,CAACL,KAAK,CAACE,MAAM,CAAC;EAC3C,CAAC,MAAM;IACL,OAAO,KAAK;EACd;AACF;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASI,eAAeA,CAAAC,IAAA,EAIR;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAHrBE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IACTE,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EAET,IAAMC,eAAe,GAAGhB,MAAM,CAAqB,IAAI,CAAC;EAExD,IAAMiB,eAAe,GAAG,SAAlBA,eAAeA,CAAIb,KAAiB,EAAK;IAC7CY,eAAe,CAACX,OAAO,GAAGD,KAAK,CAACE,MAAM;EACxC,CAAC;EAED,IAAMY,aAAa,GAAG,SAAhBA,aAAaA,CAAId,KAAiB,EAAK;IAC3C;IACA;IACA,IACEY,eAAe,CAACX,OAAO,KAAKD,KAAK,CAACE,MAAM,IACxCQ,cAAc,IACd,CAACD,IAAI,CAACM,IAAI,CAAC,UAAChB,GAAG;MAAA,OAAKD,aAAa,CAACC,GAAG,EAAEC,KAAK,CAAC;IAAA,EAAC,EAC9C;MACAU,cAAc,CAACV,KAAK,CAAC;IACvB;IACAY,eAAe,CAACX,OAAO,GAAG,IAAI;EAChC,CAAC;EAED,IAAMe,OAAO,GAAG;IAAEC,OAAO,EAAE;EAAK,CAAC;EACjC,IAAMC,iBAAiB,GAAGP,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEQ,aAAa;EAClD,IAAMC,KAAK,GAAG,CAAAF,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEG,WAAW,KAAIC,SAAS;EAEzDzB,gBAAgB,CAAC;IACfG,KAAK,EAAE,WAAW;IAClBuB,OAAO,EAAEV,eAAe;IACxBG,OAAO,EAAPA,OAAO;IACPI,KAAK,EAAEA;EACT,CAAC,CAAC;EAEFvB,gBAAgB,CAAC;IACfG,KAAK,EAAE,SAAS;IAChBuB,OAAO,EAAET,aAAa;IACtBE,OAAO,EAAPA,OAAO;IACPI,KAAK,EAAEA;EACT,CAAC,CAAC;EAEFvB,gBAAgB,CAAC;IACfG,KAAK,EAAE,UAAU;IACjBuB,OAAO,EAAET,aAAa;IACtBE,OAAO,EAAPA,OAAO;IACPI,KAAK,EAAEA;EACT,CAAC,CAAC;AACJ"}

package/dist/_hooks/I18n.d.ts

@@ -1,6 +1,9 @@
 import type { I18njs, I18njsConfig } from '@procore/core-i18n-js';
-import React from 'react';
+import React, { type PropsWithChildren } from 'react';
 declare type I18nConfig = Omit<I18njsConfig, 'I18n'>;
+declare type I18nWithCDNFlag = I18njs & {
+    enableCDN?: boolean;
+};
 /**
  * @deprecated this type will no longer be supported from core-i18n-js,
  * to have a type safe Locale use TmsSupportedLocale or AllLocales from [Globalization toolkit](https://github.com/procore/globalization-toolkit)
@@ -2272,6 +2275,11 @@ export declare const coreTranslations: {
                     emailSendErrorTitle: string;
                     emailBodyRequiredError: string;
                     emailContentValidationError: string;
+                    /**
+                     * @deprecated this type will no longer be supported from core-i18n-js,
+                     * to have a type safe Locale use TmsSupportedLocale or AllLocales from [Globalization toolkit](https://github.com/procore/globalization-toolkit)
+                     * @deprecatedSince 12.10.0
+                     */
                     emailContentDisclaimer: string;
                     recipientSelectPlaceholder: string;
                     emailRecipientRequiredError: string;
@@ -4950,6 +4958,15 @@ export declare const coreTranslations: {
                     toast: {
                         itemAdded: string;
                         itemAdditionFailed: string;
+                        /**
+                         * Provider to wrap the application with the I18n context.
+                         * @param {PropsWithChildren<UseI18n>} props - The I18n configuration.
+                         * @param {React.ReactNode} props.children - The children to render.
+                         * @param {UseI18n} props.locale - The locale to use.
+                         * @param {Record<string, string>} props.translations - The translations to use.
+                         * @param {boolean} props.enableCDN - Whether to pull core-react translations from the CDN or not, by default it follows the value passed down through the parent I18nProvider.
+                         * @returns {React.ReactNode} The I18n context instance.
+                         */
                         itemRemoved: string;
                         requestError: string;
                     };
@@ -5961,11 +5978,29 @@ export declare const coreTranslations: {
         };
     };
 };
-export declare function useI18n({ locale: _locale, translations: _translations, }: I18njsConfig): I18njs;
-export declare const I18nContext: React.Context<I18njs>;
-export declare function I18nProvider({ children, ...props }: I18nConfig & {
-    children: React.ReactNode;
-}): React.JSX.Element;
+declare type UseI18n = I18nConfig & {
+    enableCDN?: boolean;
+};
+/**
+ * Hook to create I18n object.
+ * @param {UseI18n} props - The I18n configuration.
+ * @param {string} props.locale - The locale to use.
+ * @param {Record<string, string>} props.translations - The translations to use.
+ * @param {boolean} props.enableCDN - Whether to pull core-react translations from the CDN or not,   by default it follows the value passed down through the parent I18nProvider.
+ * @returns {I18nWithCDNFlag} The I18n object.
+ */
+export declare function useI18n({ locale, translations: _translations, enableCDN, }: UseI18n): I18nWithCDNFlag;
+export declare const I18nContext: React.Context<I18nWithCDNFlag>;
+/**
+ * Provider to wrap the application with the I18n context.
+ * @param {PropsWithChildren<UseI18n>} props - The I18n configuration.
+ * @param {React.ReactNode} props.children - The children to render.
+ * @param {UseI18n} props.locale - The locale to use.
+ * @param {Record<string, string>} props.translations - The translations to use.
+ * @param {boolean} props.enableCDN - Whether to pull core-react translations from the CDN or not, by default it follows the value passed down through the parent I18nProvider.
+ * @returns {React.ReactNode} The I18n context instance.
+ */
+export declare function I18nProvider({ children, ...props }: PropsWithChildren<UseI18n>): React.JSX.Element;
 declare type DeepStringRecord = {
     [key: string]: string | DeepStringRecord;
 };
@@ -6008,10 +6043,10 @@ declare type PluralizationParams<T extends PluralizationForm> = {
 };
 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'> & {
+declare type I18njsWithTypedTranslate<Translations> = Omit<I18nWithCDNFlag, 't' | 'translate'> & {
     t: TypedTranslate<Translations>;
     translate: TypedTranslate<Translations>;
 };
-export declare function useI18nContext<Translations extends DeepStringRecord | undefined = undefined>(): Translations extends undefined ? I18njs : I18njsWithTypedTranslate<NonNullable<Translations>>;
-export declare function useI18nContext(): I18njs;
+export declare function useI18nContext<Translations extends DeepStringRecord | undefined = undefined>(): Translations extends undefined ? I18nWithCDNFlag : I18njsWithTypedTranslate<NonNullable<Translations>>;
+export declare function useI18nContext(): I18nWithCDNFlag;
 export {};

package/dist/_hooks/I18n.js

@@ -13,6 +13,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { getFallbackList, isCDNFeatureFlagEnabled, useRequestTranslations } from '@procore/cdn-translations';
 import { createI18njs } from '@procore/core-i18n-js';
 import * as R from 'ramda';
 import React from 'react';
@@ -40,7 +41,7 @@ import { OVERWRITE_LOCALE_MAP } from './getI18nProviderLocale';
  * @deprecatedSince 12.10.0
  */
 
-/* Set up i18n-js */
+/* Set up core translations */
 export var coreTranslations = {
   'de-DE': deDE,
   en: en,
@@ -59,11 +60,6 @@ export var coreTranslations = {
   'zh-SG': zhSG,
   'pl-PL': plPL
 };
-function getValidLocale(_ref) {
-  var locale = _ref.locale,
-    translations = _ref.translations;
-  return locale;
-}
 var FALLBACK_LOCALE_MAP = _objectSpread({
   'es-ES': 'es',
   'fr-FR': 'fr-CA'
@@ -74,38 +70,77 @@ function getTranslationFallbacks(locale) {
   }
   return ['en'];
 }
-function setTranslationFallbacks(I18n) {
-  I18n.locales[I18n.locale] = function () {
-    var fallbacks = getTranslationFallbacks(I18n.locale).filter(function (locale) {
-      return locale !== I18n.locale;
-    });
-    return [I18n.locale].concat(_toConsumableArray(fallbacks));
-  };
+function setTranslationFallbacks(I18n, isCDNEnabled) {
+  if (isCDNEnabled === true) {
+    I18n.locales[I18n.locale] = function () {
+      return getFallbackList(I18n.locale);
+    };
+  } else {
+    I18n.locales[I18n.locale] = function () {
+      var fallbacks = getTranslationFallbacks(I18n.locale).filter(function (locale) {
+        return locale !== I18n.locale;
+      });
+      return [I18n.locale].concat(_toConsumableArray(fallbacks));
+    };
+  }
   return I18n;
 }
-export function useI18n(_ref2) {
-  var _locale = _ref2.locale,
-    _ref2$translations = _ref2.translations,
-    _translations = _ref2$translations === void 0 ? {} : _ref2$translations;
-  var translations = R.mergeDeepLeft(_translations, coreTranslations);
-  var locale = getValidLocale({
-    locale: _locale,
-    translations: translations
+/**
+ * Hook to create I18n object.
+ * @param {UseI18n} props - The I18n configuration.
+ * @param {string} props.locale - The locale to use.
+ * @param {Record<string, string>} props.translations - The translations to use.
+ * @param {boolean} props.enableCDN - Whether to pull core-react translations from the CDN or not,   by default it follows the value passed down through the parent I18nProvider.
+ * @returns {I18nWithCDNFlag} The I18n object.
+ */
+export function useI18n(_ref) {
+  var locale = _ref.locale,
+    _ref$translations = _ref.translations,
+    _translations = _ref$translations === void 0 ? {} : _ref$translations,
+    enableCDN = _ref.enableCDN;
+  var i18nContext = React.useContext(I18nContext);
+  var isCDNEnabled = isCDNFeatureFlagEnabled(i18nContext, enableCDN);
+  var coreCDNTranslations = useRequestTranslations({
+    locale: locale !== null && locale !== void 0 ? locale : 'en',
+    type: 'file',
+    absolute_file_path: function absolute_file_path(locale) {
+      return "core/packages/core-react/src/_locales/".concat(locale, ".json");
+    }
+  }, {
+    en: en,
+    pseudo: pseudo
+  }, {
+    oldTranslations: coreTranslations,
+    enableCDN: isCDNEnabled
   });
+  var translations = R.mergeDeepLeft(_translations, coreCDNTranslations.translations);
   var I18n = createI18njs({
     locale: locale,
     translations: translations
   });
-  return setTranslationFallbacks(I18n);
+  var I18nWithFallbacks = setTranslationFallbacks(I18n, isCDNEnabled);
+  I18nWithFallbacks.enableCDN = isCDNEnabled;
+  return I18nWithFallbacks;
 }
 export var I18nContext = /*#__PURE__*/React.createContext(createI18njs({
   locale: 'en',
-  translations: coreTranslations // inject our translations
+  translations: {
+    en: coreTranslations.en
+  }
 }));
 
-export function I18nProvider(_ref3) {
-  var children = _ref3.children,
-    props = _objectWithoutProperties(_ref3, _excluded);
+/**
+ * Provider to wrap the application with the I18n context.
+ * @param {PropsWithChildren<UseI18n>} props - The I18n configuration.
+ * @param {React.ReactNode} props.children - The children to render.
+ * @param {UseI18n} props.locale - The locale to use.
+ * @param {Record<string, string>} props.translations - The translations to use.
+ * @param {boolean} props.enableCDN - Whether to pull core-react translations from the CDN or not, by default it follows the value passed down through the parent I18nProvider.
+ * @returns {React.ReactNode} The I18n context instance.
+ */
+export function I18nProvider(_ref2) {
+  var children = _ref2.children,
+    props = _objectWithoutProperties(_ref2, _excluded);
   return /*#__PURE__*/React.createElement(I18nContext.Provider, {
     value: useI18n(props)
   }, children);
@@ -131,9 +166,9 @@ export function I18nProvider(_ref3) {
  * @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.
+ * If not specified, the default I18nWithCDN instance is returned.
  *
- * @returns {I18njs | I18njsWithTypedTranslate<Translations>} The I18n context instance,
+ * @returns {I18nWithCDNFlag | I18njsWithTypedTranslate<Translations>} The I18n context instance,
  * either with or without typed translations based on the provided generic.
  */
 export function useI18nContext() {

package/dist/_hooks/I18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"I18n.js","names":["createI18njs","R","React","deDE","enAU","enCA","enGB","en","esES","es","frCA","frFR","isIS","jaJP","plPL","pseudo","ptBR","thTH","zhSG","OVERWRITE_LOCALE_MAP","coreTranslations","getValidLocale","_ref","locale","translations","FALLBACK_LOCALE_MAP","_objectSpread","getTranslationFallbacks","setTranslationFallbacks","I18n","locales","fallbacks","filter","concat","_toConsumableArray","useI18n","_ref2","_locale","_ref2$translations","_translations","mergeDeepLeft","I18nContext","createContext","I18nProvider","_ref3","children","props","_objectWithoutProperties","_excluded","createElement","Provider","value","useI18nContext","ctx","useContext"],"sources":["../../src/_hooks/I18n.tsx"],"sourcesContent":["import type { I18njs, I18njsConfig } from '@procore/core-i18n-js'\nimport { createI18njs } from '@procore/core-i18n-js'\nimport * as R from 'ramda'\nimport React from 'react'\nimport deDE from '../_locales/de-DE.json'\nimport enAU from '../_locales/en-AU.json'\nimport enCA from '../_locales/en-CA.json'\nimport enGB from '../_locales/en-GB.json'\nimport en from '../_locales/en.json'\nimport esES from '../_locales/es-ES.json'\nimport es from '../_locales/es.json'\nimport frCA from '../_locales/fr-CA.json'\nimport frFR from '../_locales/fr-FR.json'\nimport isIS from '../_locales/is-IS.json'\nimport jaJP from '../_locales/ja-JP.json'\nimport plPL from '../_locales/pl-PL.json'\nimport pseudo from '../_locales/pseudo.json'\nimport ptBR from '../_locales/pt-BR.json'\nimport thTH from '../_locales/th-TH.json'\nimport zhSG from '../_locales/zh-SG.json'\nimport { OVERWRITE_LOCALE_MAP } from './getI18nProviderLocale'\n\ntype I18nConfig = Omit<I18njsConfig, 'I18n'>\n\n/**\n * @deprecated this type will no longer be supported from core-i18n-js,\n * to have a type safe Locale use TmsSupportedLocale or AllLocales from [Globalization toolkit](https://github.com/procore/globalization-toolkit)\n * @deprecatedSince 12.10.0\n */\nexport type Locale =\n  | 'de-DE'\n  | 'en-AE'\n  | 'en-AU'\n  | 'en-CA'\n  | 'en-GB'\n  | 'en-SG'\n  | 'en'\n  | 'es-ES'\n  | 'es'\n  | 'fr-CA'\n  | 'fr-FR'\n  | 'is-IS'\n  | 'ja-JP'\n  | 'pt-BR'\n  | 'th-TH'\n  | 'zh-SG'\n  | 'pseudo'\n  | 'pl-PL'\n\n/* Set up i18n-js */\nexport const coreTranslations = {\n  'de-DE': deDE,\n  en,\n  'en-AU': enAU,\n  'en-CA': enCA,\n  'en-GB': enGB,\n  es,\n  'es-ES': esES,\n  'fr-CA': frCA,\n  'fr-FR': frFR,\n  'is-IS': isIS,\n  'ja-JP': jaJP,\n  pseudo,\n  'pt-BR': ptBR,\n  'th-TH': thTH,\n  'zh-SG': zhSG,\n  'pl-PL': plPL,\n} as const\n\nfunction getValidLocale({ locale, translations }: I18njsConfig) {\n  return locale\n}\n\nconst FALLBACK_LOCALE_MAP: Record<string, Locale> = {\n  'es-ES': 'es',\n  'fr-FR': 'fr-CA',\n  ...OVERWRITE_LOCALE_MAP,\n}\n\nfunction getTranslationFallbacks(locale: string): Locale[] {\n  if (FALLBACK_LOCALE_MAP[locale]) {\n    return [FALLBACK_LOCALE_MAP[locale], 'en']\n  }\n\n  return ['en']\n}\n\nfunction setTranslationFallbacks(I18n: I18njs) {\n  I18n.locales[I18n.locale] = function () {\n    const fallbacks = getTranslationFallbacks(I18n.locale).filter(\n      (locale) => locale !== I18n.locale\n    )\n    return [I18n.locale, ...fallbacks]\n  }\n\n  return I18n\n}\n\nexport function useI18n({\n  locale: _locale,\n  translations: _translations = {},\n}: I18njsConfig): I18njs {\n  const translations = R.mergeDeepLeft(_translations, coreTranslations)\n  const locale = getValidLocale({ locale: _locale, translations })\n  const I18n = createI18njs({\n    locale,\n    translations,\n  })\n  return setTranslationFallbacks(I18n)\n}\n\nexport const I18nContext: React.Context<I18njs> = React.createContext(\n  createI18njs({\n    locale: 'en',\n    translations: coreTranslations, // inject our translations\n  })\n)\n\nexport function I18nProvider({\n  children,\n  ...props\n}: I18nConfig & { children: React.ReactNode }) {\n  return (\n    <I18nContext.Provider value={useI18n(props)}>\n      {children}\n    </I18nContext.Provider>\n  )\n}\n\n// Base type of user provider translations type\ntype DeepStringRecord = {\n  [key: string]: string | DeepStringRecord\n}\n\ntype PluralizationForm = {\n  zero?: string\n  one: string\n  other: string\n}\n\n// Type to get nested key paths with dot notation\ntype DotPrefix<T extends string> = T extends '' ? '' : `.${T}`\ntype DotNestedKeys<T> = (\n  T extends string\n    ? ''\n    : T extends DeepStringRecord\n    ? {\n        [K in keyof T]: K extends string\n          ? T[K] extends PluralizationForm\n            ? `${K}`\n            : T[K] extends DeepStringRecord\n            ? `${K}${DotPrefix<DotNestedKeys<T[K]>>}`\n            : `${K}`\n          : never\n      }[keyof T]\n    : ''\n) extends infer D\n  ? Extract<D, string>\n  : never\n\n// Type to get the literal string type from a path\ntype StringLiteralPathValue<\n  T,\n  P extends string\n> = P extends `${infer K}.${infer Rest}`\n  ? K extends keyof T\n    ? T[K] extends PluralizationForm\n      ? T[K]\n      : T[K] extends DeepStringRecord\n      ? StringLiteralPathValue<T[K], Rest>\n      : never\n    : never\n  : P extends keyof T\n  ? T[P] extends PluralizationForm\n    ? T[P]\n    : T[P] extends string\n    ? T[P]\n    : never\n  : never\n\n// Check if a string has any interpolation variables\ntype HasInterpolation<T extends string> =\n  T extends `${string}%{${string}}${string}` ? true : false\n\n// Extract interpolation variables from a string\ntype ExtractInterpolationVars<T extends string> =\n  T extends `${infer _Before}%{${infer Param}}${infer After}`\n    ? Param | ExtractInterpolationVars<After>\n    : never\n\n// always allowed values in the interpolation object (remove [key: string]: any in favor of our strong types)\ntype ExplicitTranslateOptions = {\n  [K in keyof I18n.TranslateOptions as string extends K\n    ? never\n    : K]: I18n.TranslateOptions[K]\n}\n\ntype InterpolationParams<T extends string> = HasInterpolation<T> extends true\n  ? {\n      [K in ExtractInterpolationVars<T>]: string\n    } & {\n      [K in keyof ExplicitTranslateOptions]?: ExplicitTranslateOptions[K]\n    }\n  : never\n\ntype PluralizationParams<T extends PluralizationForm> = {\n  count: number\n} & (\n  | (T['zero'] extends string\n      ? { count: 0 } & { [K in ExtractInterpolationVars<T['zero']>]: string }\n      : {})\n  | (T['one'] extends string\n      ? { count: 1 } & { [K in ExtractInterpolationVars<T['one']>]: string }\n      : {})\n  | (T['other'] extends string\n      ? { count: number } & {\n          [K in ExtractInterpolationVars<T['other']>]: string\n        }\n      : {})\n) & {\n    [K in keyof ExplicitTranslateOptions]?: ExplicitTranslateOptions[K]\n  }\n\ntype InterpolationOrPluralizationParams<T> = T extends PluralizationForm\n  ? [PluralizationParams<T>]\n  : T extends string\n  ? InterpolationParams<T> extends never\n    ? [ExplicitTranslateOptions?]\n    : [InterpolationParams<T>]\n  : [ExplicitTranslateOptions?]\n\ntype TypedTranslate<Translations> = <P extends DotNestedKeys<Translations>>(\n  path: P,\n  ...args: InterpolationOrPluralizationParams<\n    StringLiteralPathValue<Translations, P>\n  >\n) => StringLiteralPathValue<Translations, P>\n\ntype I18njsWithTypedTranslate<Translations> = Omit<\n  I18njs,\n  't' | 'translate'\n> & {\n  t: TypedTranslate<Translations>\n  translate: TypedTranslate<Translations>\n}\n\nexport function useI18nContext<\n  Translations extends DeepStringRecord | undefined = undefined\n>(): Translations extends undefined\n  ? I18njs\n  : I18njsWithTypedTranslate<NonNullable<Translations>>\n// overload for when no generic is provided\nexport function useI18nContext(): I18njs\n\n/**\n * Hook to access the I18n context.\n *\n * @template Translations - An optional generic to provide type safety for translations.\n * If specified, it enables typed access to the `t` and `translate` methods of the I18n instance.\n * These methods will have type safe access to both the tranlsation scope as well as the interpolation variables.\n * If not specified, the default I18njs instance is returned.\n *\n * @returns {I18njs | I18njsWithTypedTranslate<Translations>} The I18n context instance,\n * either with or without typed translations based on the provided generic.\n */\nexport function useI18nContext<\n  Translations extends DeepStringRecord | undefined = undefined\n>() {\n  const ctx = React.useContext(I18nContext)\n\n  if (!ctx) {\n    // TODO investigate a way to do warnings that won't annoy people\n    // we probably need to introduce a build system to have nice dev warnings\n    // console.warn()\n  }\n\n  // Cast to typing if user has provided a type\n  return ctx as Translations extends undefined\n    ? I18njs\n    : I18njsWithTypedTranslate<NonNullable<Translations>>\n}\n"],"mappings":"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"}
+{"version":3,"file":"I18n.js","names":["getFallbackList","isCDNFeatureFlagEnabled","useRequestTranslations","createI18njs","R","React","deDE","enAU","enCA","enGB","en","esES","es","frCA","frFR","isIS","jaJP","plPL","pseudo","ptBR","thTH","zhSG","OVERWRITE_LOCALE_MAP","coreTranslations","FALLBACK_LOCALE_MAP","_objectSpread","getTranslationFallbacks","locale","setTranslationFallbacks","I18n","isCDNEnabled","locales","fallbacks","filter","concat","_toConsumableArray","useI18n","_ref","_ref$translations","translations","_translations","enableCDN","i18nContext","useContext","I18nContext","coreCDNTranslations","type","absolute_file_path","oldTranslations","mergeDeepLeft","I18nWithFallbacks","createContext","I18nProvider","_ref2","children","props","_objectWithoutProperties","_excluded","createElement","Provider","value","useI18nContext","ctx"],"sources":["../../src/_hooks/I18n.tsx"],"sourcesContent":["import {\n  getFallbackList,\n  isCDNFeatureFlagEnabled,\n  useRequestTranslations,\n} from '@procore/cdn-translations'\nimport type { I18njs, I18njsConfig } from '@procore/core-i18n-js'\nimport { createI18njs } from '@procore/core-i18n-js'\nimport * as R from 'ramda'\nimport React, { type PropsWithChildren } from 'react'\nimport deDE from '../_locales/de-DE.json'\nimport enAU from '../_locales/en-AU.json'\nimport enCA from '../_locales/en-CA.json'\nimport enGB from '../_locales/en-GB.json'\nimport en from '../_locales/en.json'\nimport esES from '../_locales/es-ES.json'\nimport es from '../_locales/es.json'\nimport frCA from '../_locales/fr-CA.json'\nimport frFR from '../_locales/fr-FR.json'\nimport isIS from '../_locales/is-IS.json'\nimport jaJP from '../_locales/ja-JP.json'\nimport plPL from '../_locales/pl-PL.json'\nimport pseudo from '../_locales/pseudo.json'\nimport ptBR from '../_locales/pt-BR.json'\nimport thTH from '../_locales/th-TH.json'\nimport zhSG from '../_locales/zh-SG.json'\nimport { OVERWRITE_LOCALE_MAP } from './getI18nProviderLocale'\n\ntype I18nConfig = Omit<I18njsConfig, 'I18n'>\n\ntype I18nWithCDNFlag = I18njs & {\n  enableCDN?: boolean\n}\n\n/**\n * @deprecated this type will no longer be supported from core-i18n-js,\n * to have a type safe Locale use TmsSupportedLocale or AllLocales from [Globalization toolkit](https://github.com/procore/globalization-toolkit)\n * @deprecatedSince 12.10.0\n */\nexport type Locale =\n  | 'de-DE'\n  | 'en-AE'\n  | 'en-AU'\n  | 'en-CA'\n  | 'en-GB'\n  | 'en-SG'\n  | 'en'\n  | 'es-ES'\n  | 'es'\n  | 'fr-CA'\n  | 'fr-FR'\n  | 'is-IS'\n  | 'ja-JP'\n  | 'pt-BR'\n  | 'th-TH'\n  | 'zh-SG'\n  | 'pseudo'\n  | 'pl-PL'\n\n/* Set up core translations */\nexport const coreTranslations = {\n  'de-DE': deDE,\n  en,\n  'en-AU': enAU,\n  'en-CA': enCA,\n  'en-GB': enGB,\n  es,\n  'es-ES': esES,\n  'fr-CA': frCA,\n  'fr-FR': frFR,\n  'is-IS': isIS,\n  'ja-JP': jaJP,\n  pseudo,\n  'pt-BR': ptBR,\n  'th-TH': thTH,\n  'zh-SG': zhSG,\n  'pl-PL': plPL,\n} as const\n\nconst FALLBACK_LOCALE_MAP: Record<string, Locale> = {\n  'es-ES': 'es',\n  'fr-FR': 'fr-CA',\n  ...OVERWRITE_LOCALE_MAP,\n}\n\nfunction getTranslationFallbacks(locale: string): Locale[] {\n  if (FALLBACK_LOCALE_MAP[locale]) {\n    return [FALLBACK_LOCALE_MAP[locale], 'en']\n  }\n\n  return ['en']\n}\n\nfunction setTranslationFallbacks(\n  I18n: I18nWithCDNFlag,\n  isCDNEnabled: boolean | undefined\n) {\n  if (isCDNEnabled === true) {\n    I18n.locales[I18n.locale] = function () {\n      return getFallbackList(I18n.locale)\n    }\n  } else {\n    I18n.locales[I18n.locale] = function () {\n      const fallbacks = getTranslationFallbacks(I18n.locale).filter(\n        (locale) => locale !== I18n.locale\n      )\n      return [I18n.locale, ...fallbacks]\n    }\n  }\n\n  return I18n\n}\n\ntype UseI18n = I18nConfig & {\n  enableCDN?: boolean\n}\n\n/**\n * Hook to create I18n object.\n * @param {UseI18n} props - The I18n configuration.\n * @param {string} props.locale - The locale to use.\n * @param {Record<string, string>} props.translations - The translations to use.\n * @param {boolean} props.enableCDN - Whether to pull core-react translations from the CDN or not,   by default it follows the value passed down through the parent I18nProvider.\n * @returns {I18nWithCDNFlag} The I18n object.\n */\nexport function useI18n({\n  locale,\n  translations: _translations = {},\n  enableCDN,\n}: UseI18n): I18nWithCDNFlag {\n  const i18nContext: I18nWithCDNFlag | undefined = React.useContext(I18nContext)\n\n  const isCDNEnabled = isCDNFeatureFlagEnabled(i18nContext, enableCDN)\n\n  const coreCDNTranslations = useRequestTranslations(\n    {\n      locale: locale ?? 'en',\n      type: 'file',\n      absolute_file_path: (locale) =>\n        `core/packages/core-react/src/_locales/${locale}.json`,\n    },\n    { en, pseudo },\n    {\n      oldTranslations: coreTranslations,\n      enableCDN: isCDNEnabled,\n    }\n  )\n\n  const translations = R.mergeDeepLeft(\n    _translations,\n    coreCDNTranslations.translations\n  )\n\n  const I18n = createI18njs({\n    locale,\n    translations,\n  })\n\n  const I18nWithFallbacks = setTranslationFallbacks(I18n, isCDNEnabled)\n\n  I18nWithFallbacks.enableCDN = isCDNEnabled\n\n  return I18nWithFallbacks\n}\n\nexport const I18nContext: React.Context<I18nWithCDNFlag> = React.createContext(\n  createI18njs({\n    locale: 'en',\n    translations: { en: coreTranslations.en },\n  })\n)\n\n/**\n * Provider to wrap the application with the I18n context.\n * @param {PropsWithChildren<UseI18n>} props - The I18n configuration.\n * @param {React.ReactNode} props.children - The children to render.\n * @param {UseI18n} props.locale - The locale to use.\n * @param {Record<string, string>} props.translations - The translations to use.\n * @param {boolean} props.enableCDN - Whether to pull core-react translations from the CDN or not, by default it follows the value passed down through the parent I18nProvider.\n * @returns {React.ReactNode} The I18n context instance.\n */\nexport function I18nProvider({\n  children,\n  ...props\n}: PropsWithChildren<UseI18n>) {\n  return (\n    <I18nContext.Provider value={useI18n(props)}>\n      {children}\n    </I18nContext.Provider>\n  )\n}\n\n// Base type of user provider translations type\ntype DeepStringRecord = {\n  [key: string]: string | DeepStringRecord\n}\n\ntype PluralizationForm = {\n  zero?: string\n  one: string\n  other: string\n}\n\n// Type to get nested key paths with dot notation\ntype DotPrefix<T extends string> = T extends '' ? '' : `.${T}`\ntype DotNestedKeys<T> = (\n  T extends string\n    ? ''\n    : T extends DeepStringRecord\n    ? {\n        [K in keyof T]: K extends string\n          ? T[K] extends PluralizationForm\n            ? `${K}`\n            : T[K] extends DeepStringRecord\n            ? `${K}${DotPrefix<DotNestedKeys<T[K]>>}`\n            : `${K}`\n          : never\n      }[keyof T]\n    : ''\n) extends infer D\n  ? Extract<D, string>\n  : never\n\n// Type to get the literal string type from a path\ntype StringLiteralPathValue<\n  T,\n  P extends string\n> = P extends `${infer K}.${infer Rest}`\n  ? K extends keyof T\n    ? T[K] extends PluralizationForm\n      ? T[K]\n      : T[K] extends DeepStringRecord\n      ? StringLiteralPathValue<T[K], Rest>\n      : never\n    : never\n  : P extends keyof T\n  ? T[P] extends PluralizationForm\n    ? T[P]\n    : T[P] extends string\n    ? T[P]\n    : never\n  : never\n\n// Check if a string has any interpolation variables\ntype HasInterpolation<T extends string> =\n  T extends `${string}%{${string}}${string}` ? true : false\n\n// Extract interpolation variables from a string\ntype ExtractInterpolationVars<T extends string> =\n  T extends `${infer _Before}%{${infer Param}}${infer After}`\n    ? Param | ExtractInterpolationVars<After>\n    : never\n\n// always allowed values in the interpolation object (remove [key: string]: any in favor of our strong types)\ntype ExplicitTranslateOptions = {\n  [K in keyof I18n.TranslateOptions as string extends K\n    ? never\n    : K]: I18n.TranslateOptions[K]\n}\n\ntype InterpolationParams<T extends string> = HasInterpolation<T> extends true\n  ? {\n      [K in ExtractInterpolationVars<T>]: string\n    } & {\n      [K in keyof ExplicitTranslateOptions]?: ExplicitTranslateOptions[K]\n    }\n  : never\n\ntype PluralizationParams<T extends PluralizationForm> = {\n  count: number\n} & (\n  | (T['zero'] extends string\n      ? { count: 0 } & { [K in ExtractInterpolationVars<T['zero']>]: string }\n      : {})\n  | (T['one'] extends string\n      ? { count: 1 } & { [K in ExtractInterpolationVars<T['one']>]: string }\n      : {})\n  | (T['other'] extends string\n      ? { count: number } & {\n          [K in ExtractInterpolationVars<T['other']>]: string\n        }\n      : {})\n) & {\n    [K in keyof ExplicitTranslateOptions]?: ExplicitTranslateOptions[K]\n  }\n\ntype InterpolationOrPluralizationParams<T> = T extends PluralizationForm\n  ? [PluralizationParams<T>]\n  : T extends string\n  ? InterpolationParams<T> extends never\n    ? [ExplicitTranslateOptions?]\n    : [InterpolationParams<T>]\n  : [ExplicitTranslateOptions?]\n\ntype TypedTranslate<Translations> = <P extends DotNestedKeys<Translations>>(\n  path: P,\n  ...args: InterpolationOrPluralizationParams<\n    StringLiteralPathValue<Translations, P>\n  >\n) => StringLiteralPathValue<Translations, P>\n\ntype I18njsWithTypedTranslate<Translations> = Omit<\n  I18nWithCDNFlag,\n  't' | 'translate'\n> & {\n  t: TypedTranslate<Translations>\n  translate: TypedTranslate<Translations>\n}\n\nexport function useI18nContext<\n  Translations extends DeepStringRecord | undefined = undefined\n>(): Translations extends undefined\n  ? I18nWithCDNFlag\n  : I18njsWithTypedTranslate<NonNullable<Translations>>\n// overload for when no generic is provided\nexport function useI18nContext(): I18nWithCDNFlag\n\n/**\n * Hook to access the I18n context.\n *\n * @template Translations - An optional generic to provide type safety for translations.\n * If specified, it enables typed access to the `t` and `translate` methods of the I18n instance.\n * These methods will have type safe access to both the tranlsation scope as well as the interpolation variables.\n * If not specified, the default I18nWithCDN instance is returned.\n *\n * @returns {I18nWithCDNFlag | I18njsWithTypedTranslate<Translations>} The I18n context instance,\n * either with or without typed translations based on the provided generic.\n */\nexport function useI18nContext<\n  Translations extends DeepStringRecord | undefined = undefined\n>() {\n  const ctx = React.useContext(I18nContext)\n\n  if (!ctx) {\n    // TODO investigate a way to do warnings that won't annoy people\n    // we probably need to introduce a build system to have nice dev warnings\n    // console.warn()\n  }\n\n  // Cast to typing if user has provided a type\n  return ctx as Translations extends undefined\n    ? I18nWithCDNFlag\n    : I18njsWithTypedTranslate<NonNullable<Translations>>\n}\n"],"mappings":"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"}

package/dist/_styles/arrows.d.ts

@@ -1,5 +1,5 @@
 import type { Color } from './colors';
-export declare function arrowUp(size: number, color: Color): import("styled-components").FlattenSimpleInterpolation;
-export declare function arrowDown(size: number, color: Color): import("styled-components").FlattenSimpleInterpolation;
-export declare function arrowRight(size: number, color: Color): import("styled-components").FlattenSimpleInterpolation;
-export declare function arrowLeft(size: number, color: Color): import("styled-components").FlattenSimpleInterpolation;
+export declare function arrowUp(size: number, color: Color): import("styled-components").RuleSet<object>;
+export declare function arrowDown(size: number, color: Color): import("styled-components").RuleSet<object>;
+export declare function arrowRight(size: number, color: Color): import("styled-components").RuleSet<object>;
+export declare function arrowLeft(size: number, color: Color): import("styled-components").RuleSet<object>;

package/dist/_styles/borderRadius.d.ts

@@ -4,5 +4,5 @@ export declare const borderRadius: {
     md: number;
     lg: number;
 };
-export declare function getBorderRadius(size: BorderRadiusSize): import("styled-components").FlattenSimpleInterpolation;
+export declare function getBorderRadius(size: BorderRadiusSize): import("styled-components").RuleSet<object>;
 export {};

package/dist/_styles/mixins.d.ts

@@ -3,15 +3,15 @@ export declare const focusBlue: string;
 /**
  * Using box-shadow only, will not change size with a border.
  */
-export declare const focusable: import("styled-components").FlattenSimpleInterpolation;
-export declare function getGapOutlineFocus(): import("styled-components").FlattenSimpleInterpolation;
-export declare const defaultTransition: import("styled-components").FlattenSimpleInterpolation;
-export declare function getEllipsis(): import("styled-components").FlattenSimpleInterpolation;
+export declare const focusable: import("styled-components").RuleSet<object>;
+export declare function getGapOutlineFocus(): import("styled-components").RuleSet<object>;
+export declare const defaultTransition: import("styled-components").RuleSet<object>;
+export declare function getEllipsis(): import("styled-components").RuleSet<object>;
 /**
  * `border` is used instead of `outline` intentionally - as `outline` can't handle `border-radius`
  * (rounded elements will still have square outline)
  */
-export declare function getFocus(): import("styled-components").FlattenSimpleInterpolation;
-export declare function getLineClamp(lines?: number): import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+export declare function getFocus(): import("styled-components").RuleSet<object>;
+export declare function getLineClamp(lines?: number): import("styled-components").RuleSet<{
     intent?: Intent | undefined;
-}, any>>;
+}>;

package/dist/_styles/shadows.d.ts

@@ -1,2 +1,2 @@
 import type { Placement } from '../_utils/placement';
-export declare function getShadow(strength?: number, placement?: Placement): import("styled-components").FlattenSimpleInterpolation;
+export declare function getShadow(strength?: number, placement?: Placement): import("styled-components").RuleSet<object>;

package/dist/_typedoc/AnchorNavigation/AnchorNavigation.types.json

@@ -10,7 +10,7 @@
         "description": "An array of sections used in the anchor navigation.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>An array of sections used in the anchor navigation.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.18.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L15"
+        "sourceUrl": "https://github.com/procore/core/blob/80fa986/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L15"
       },
       {
         "name": "selected",
@@ -20,7 +20,7 @@
         "description": "The ID of the currently selected section.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The ID of the currently selected section.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.18.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L20"
+        "sourceUrl": "https://github.com/procore/core/blob/80fa986/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L20"
       },
       {
         "name": "onSelect",
@@ -30,7 +30,7 @@
         "description": "Callback function to update the selected section ID.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback function to update the selected section ID.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.18.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L25"
+        "sourceUrl": "https://github.com/procore/core/blob/80fa986/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L25"
       }
     ],
     "description": ""