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

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/b0b91d0/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/b0b91d0/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/b0b91d0/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L25"
       }
     ],
     "description": ""

package/dist/_typedoc/Avatar/Avatar.types.json

@@ -10,7 +10,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/_utils/types.ts#L42"
       },
       {
         "name": "className",
@@ -20,7 +20,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/_utils/types.ts#L47"
       },
       {
         "name": "icon",
@@ -30,7 +30,7 @@
         "description": "The icon to display",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The icon to display</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/Avatar/Avatar.types.ts#L100"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/Avatar/Avatar.types.ts#L100"
       },
       {
         "name": "style",
@@ -40,7 +40,7 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/_utils/types.ts#L52"
       }
     ],
     "description": ""
@@ -56,7 +56,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/_utils/types.ts#L42"
       },
       {
         "name": "className",
@@ -66,7 +66,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/_utils/types.ts#L47"
       },
       {
         "name": "style",
@@ -76,7 +76,7 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/_utils/types.ts#L52"
       }
     ],
     "description": ""
@@ -92,7 +92,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/Avatar/Avatar.types.ts#L12"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/Avatar/Avatar.types.ts#L12"
       },
       {
         "name": "img",
@@ -102,7 +102,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/Avatar/Avatar.types.ts#L13"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/Avatar/Avatar.types.ts#L13"
       },
       {
         "name": "link",
@@ -112,7 +112,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/Avatar/Avatar.types.ts#L14"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/Avatar/Avatar.types.ts#L14"
       }
     ],
     "description": ""
@@ -128,7 +128,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/_utils/types.ts#L42"
       },
       {
         "name": "className",
@@ -138,7 +138,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/_utils/types.ts#L47"
       },
       {
         "name": "imageUrl",
@@ -148,7 +148,7 @@
         "description": "The Avatar rich media url",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The Avatar rich media url</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/Avatar/Avatar.types.ts#L108"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/Avatar/Avatar.types.ts#L108"
       },
       {
         "name": "style",
@@ -158,7 +158,7 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/_utils/types.ts#L52"
       }
     ],
     "description": ""
@@ -174,7 +174,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/_utils/types.ts#L42"
       },
       {
         "name": "className",
@@ -184,7 +184,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/_utils/types.ts#L47"
       },
       {
         "name": "clickable",
@@ -197,7 +197,7 @@
         "deprecated": "Reviewing for removal from system, prefer accessible `role=\"link\"` or `role=\"button\"` for interactive UI.",
         "deprecatedSince": "TBD",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/Avatar/Avatar.types.ts#L34"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/Avatar/Avatar.types.ts#L34"
       },
       {
         "name": "disabled",
@@ -208,7 +208,7 @@
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets the Avatar&#39;s disabled state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>defaultvalue</dt><dd><p>false</p>\n</dd></dl></div>",
         "defaultValue": "false\n",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/Avatar/Avatar.types.ts#L40"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/Avatar/Avatar.types.ts#L40"
       },
       {
         "name": "size",
@@ -221,7 +221,7 @@
         "deprecated": "\n\nSize \"xl\" and \"sm\" have been deprecated and will be removed in a future version.\nPlease use \"lg\" instead of \"xl\".\n\n**Before**\n\n`<Avatar size=\"xl\" />`\n\n**After**\n\n`<Avatar size=\"lg\" />`\n",
         "deprecatedSince": "10.20.0",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/Avatar/Avatar.types.ts#L62"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/Avatar/Avatar.types.ts#L62"
       },
       {
         "name": "style",
@@ -231,7 +231,7 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/b0b91d0/packages/core-react/src/_utils/types.ts#L52"
       }
     ],
     "description": ""