@procore/core-react 12.41.0 → 12.43.0

package/dist/Typeahead/Typeahead.js

@@ -12,6 +12,7 @@ import { Clear, Search } from '@procore/core-icons/dist';
 import React from 'react';
 import { Button } from '../Button';
 import { useLayoutEventListener } from '../_hooks/EventListener';
+import { useI18nContext } from '../_hooks/I18n';
 import { mergeRefs } from '../_utils/mergeRefs';
 import { StyledIcon, StyledInput, StyledTypeahead } from './Typeahead.styles';
 /**
@@ -33,6 +34,7 @@ export var Typeahead = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var onChange = React.useCallback(function onChange(e) {
     onChange_ === null || onChange_ === void 0 ? void 0 : onChange_(e.target.value, e);
   }, [onChange_]);
+  var i18n = useI18nContext();
   var innerRef = React.useRef(null);
   useLayoutEventListener({
     dependencies: [onChange_, onKeyDown_],
@@ -60,6 +62,9 @@ export var Typeahead = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
           value: ''
         })
       }));
+      if (innerRef.current) {
+        innerRef.current.focus();
+      }
     }
   }, [disabled, onChange_]);
   return /*#__PURE__*/React.createElement(StyledTypeahead, {
@@ -76,14 +81,13 @@ export var Typeahead = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   })), /*#__PURE__*/React.createElement(StyledIcon, {
     disabled: disabled
   }, value ? /*#__PURE__*/React.createElement(Button, {
-    "aria-label": "Clear the input",
+    "aria-label": i18n.t('core.typeahead.clear'),
     "data-qa": "core-typeahead-clear-icon",
     size: "sm",
     variant: "tertiary",
     icon: /*#__PURE__*/React.createElement(Clear, null),
     disabled: disabled,
-    onClick: onClickClear,
-    tabIndex: -1 // TODO revisit this accessibility
+    onClick: onClickClear
   }) : /*#__PURE__*/React.createElement(Search, {
     "data-qa": "core-typeahead-search-icon",
     size: "sm"

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'\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","useI18nContext","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","i18n","innerRef","useRef","dependencies","event","handler","key","stopPropagation","_objectSpread","scope","onClickClear","current","focus","createElement","_extends","t","size","variant","icon","onClick"],"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 { useI18nContext } from '../_hooks/I18n'\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  const i18n = useI18nContext()\n  const innerRef = React.useRef<HTMLInputElement | null>(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        if (innerRef.current) {\n          innerRef.current.focus()\n        }\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={i18n.t('core.typeahead.clear')}\n            data-qa=\"core-typeahead-clear-icon\"\n            size=\"sm\"\n            variant=\"tertiary\"\n            icon={<Clear />}\n            disabled={disabled}\n            onClick={onClickClear}\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.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_41_0__sc-gpc39h-0"
+  componentId: "core-12_43_0__sc-gpc39h-0"
 })(["", " padding-right:", "px;"], getSearchInputStyles(), spacing.xxl);
 export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIcon",
-  componentId: "core-12_41_0__sc-gpc39h-1"
+  componentId: "core-12_43_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_41_0__sc-gpc39h-2"
+  componentId: "core-12_43_0__sc-gpc39h-2"
 })(["position:relative;width:100%;"]);
 //# sourceMappingURL=Typeahead.styles.js.map

package/dist/Typography/Typography.styles.js

@@ -35,7 +35,7 @@ export var semiboldRules = function semiboldRules() {
 };
 export var StyledTypography = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTypography",
-  componentId: "core-12_41_0__sc-1c4583t-0"
+  componentId: "core-12_43_0__sc-1c4583t-0"
 })(["", " color:", ";font-style:", ";font-weight:", ";", " ", " em,i{font-style:italic;}"], function (_ref) {
   var _ref$$intent = _ref.$intent,
     $intent = _ref$$intent === void 0 ? 'body' : _ref$$intent;

package/dist/Typography/Typography.table.story.js

@@ -5,11 +5,11 @@ import { colors } from '../_styles/colors';
 import { getTypographyIntent } from './Typography.styles';
 var StyledBodyCell = /*#__PURE__*/styled(Table.BodyCell).withConfig({
   displayName: "StyledBodyCell",
-  componentId: "core-12_41_0__sc-p4v7d-0"
+  componentId: "core-12_43_0__sc-p4v7d-0"
 })([""]);
 var StyledTextCell = /*#__PURE__*/styled(Table.TextCell).withConfig({
   displayName: "StyledTextCell",
-  componentId: "core-12_41_0__sc-p4v7d-1"
+  componentId: "core-12_43_0__sc-p4v7d-1"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.blue50);
 function BodyCell() {
   return /*#__PURE__*/React.createElement(StyledBodyCell, {

package/dist/Typography/Typography.types.d.ts

@@ -16,6 +16,7 @@ export interface TypographyProps extends Props {
      * [prop is from styled-components](https://styled-components.com/docs/api#as-polymorphic-prop)
      * __Warning__: If using TypeScript, it will not switch types and
      * some props may error. You can add `@ts-expect-error`.
+     * @a11y Typography controls visual styles; prefer semantic HTML via `as` when needed.
      * See [styled-components issue](https://github.com/DefinitelyTyped/DefinitelyTyped/issues/30117)
      * @default 'span'
      * @since 10.19.0

package/dist/Typography/Typography.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.types.js","names":[],"sources":["../../src/Typography/Typography.types.ts"],"sourcesContent":["import type { Color } from '../_styles/colors'\nimport type { Props } from '../_utils/types'\n\nexport type Intent = 'h1' | 'h2' | 'h3' | 'body' | 'small' | 'label'\n\nexport type Weight = 'regular' | 'semibold' | 'bold'\n\nexport interface TypographyProps extends Props {\n  /**\n   * When children are a string or multiple elements, they will be wrapped\n   * by a `span`. When it is a single element, classnames will\n   * be added to it instead\n   * @since 10.19.0\n   * */\n  children: React.ReactNode\n\n  /**\n   * Change the HTML tag. This\n   * [prop is from styled-components](https://styled-components.com/docs/api#as-polymorphic-prop)\n   * __Warning__: If using TypeScript, it will not switch types and\n   * some props may error. You can add `@ts-expect-error`.\n   * See [styled-components issue](https://github.com/DefinitelyTyped/DefinitelyTyped/issues/30117)\n   * @default 'span'\n   * @since 10.19.0\n   */\n  as?: string | React.ComponentType<any> // styled-components as\n\n  /**\n   * Changes font color, can be any of the `colors` object HSL Palette\n   * @default 'gray15'\n   * @since 10.19.0\n   */\n  color?: Color\n\n  /**\n   * Changes the size of the font\n   * @since 10.19.0\n   */\n  intent?: Intent\n\n  /**\n   * Applies `font-style: italic` if enabled\n   * @since 10.19.0\n   */\n  italic?: boolean\n\n  /**\n   * Changes font weight if it is supported in the design system\n   * @since 10.19.0\n   */\n  weight?: Weight\n\n  /**\n   * Enables word wrapping and breaking within the component\n   * @since 12.0.0\n   */\n  breakWord?: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"Typography.types.js","names":[],"sources":["../../src/Typography/Typography.types.ts"],"sourcesContent":["import type { Color } from '../_styles/colors'\nimport type { Props } from '../_utils/types'\n\nexport type Intent = 'h1' | 'h2' | 'h3' | 'body' | 'small' | 'label'\n\nexport type Weight = 'regular' | 'semibold' | 'bold'\n\nexport interface TypographyProps extends Props {\n  /**\n   * When children are a string or multiple elements, they will be wrapped\n   * by a `span`. When it is a single element, classnames will\n   * be added to it instead\n   * @since 10.19.0\n   * */\n  children: React.ReactNode\n\n  /**\n   * Change the HTML tag. This\n   * [prop is from styled-components](https://styled-components.com/docs/api#as-polymorphic-prop)\n   * __Warning__: If using TypeScript, it will not switch types and\n   * some props may error. You can add `@ts-expect-error`.\n   * @a11y Typography controls visual styles; prefer semantic HTML via `as` when needed.\n   * See [styled-components issue](https://github.com/DefinitelyTyped/DefinitelyTyped/issues/30117)\n   * @default 'span'\n   * @since 10.19.0\n   */\n  as?: string | React.ComponentType<any> // styled-components as\n\n  /**\n   * Changes font color, can be any of the `colors` object HSL Palette\n   * @default 'gray15'\n   * @since 10.19.0\n   */\n  color?: Color\n\n  /**\n   * Changes the size of the font\n   * @since 10.19.0\n   */\n  intent?: Intent\n\n  /**\n   * Applies `font-style: italic` if enabled\n   * @since 10.19.0\n   */\n  italic?: boolean\n\n  /**\n   * Changes font weight if it is supported in the design system\n   * @since 10.19.0\n   */\n  weight?: Weight\n\n  /**\n   * Enables word wrapping and breaking within the component\n   * @since 12.0.0\n   */\n  breakWord?: boolean\n}\n"],"mappings":""}

package/dist/_hooks/I18n.d.ts

@@ -413,6 +413,9 @@ export declare const coreTranslations: {
             breadcrumbs: {
                 label: string;
             };
+            anchorNavigation: {
+                landmarkLabel: string;
+            };
             calendar: {
                 navigationLabel: string;
             };
@@ -716,8 +719,12 @@ export declare const coreTranslations: {
                 clear: string;
                 search: string;
                 selectAll: string;
+                selectedItems: string;
                 noResult: string;
             };
+            typeahead: {
+                clear: string;
+            };
             splitViewCard: {
                 a11y: {
                     close: string;
@@ -796,6 +803,13 @@ export declare const coreTranslations: {
                 options: {
                     ariaLabel: string;
                 };
+                dragAndDropInstructions: string;
+                dragStart: string;
+                dragStartWithGroup: string;
+                dragUpdate: string;
+                dragUpdateWithGroup: string;
+                dragEnd: string;
+                dragEndWithGroup: string;
             };
         };
     };
@@ -4337,6 +4351,9 @@ export declare const coreTranslations: {
             breadcrumbs: {
                 label: string;
             };
+            anchorNavigation: {
+                landmarkLabel: string;
+            };
             calendar: {
                 navigationLabel: string;
             };
@@ -4640,8 +4657,12 @@ export declare const coreTranslations: {
                 clear: string;
                 search: string;
                 selectAll: string;
+                selectedItems: string;
                 noResult: string;
             };
+            typeahead: {
+                clear: string;
+            };
             splitViewCard: {
                 a11y: {
                     close: string;
@@ -4720,6 +4741,13 @@ export declare const coreTranslations: {
                 options: {
                     ariaLabel: string;
                 };
+                dragAndDropInstructions: string;
+                dragStart: string;
+                dragStartWithGroup: string;
+                dragUpdate: string;
+                dragUpdateWithGroup: string;
+                dragEnd: string;
+                dragEndWithGroup: string;
             };
         };
     };

package/dist/_locales/en.json

@@ -8,6 +8,9 @@
     "breadcrumbs": {
       "label": "Breadcrumb"
     },
+    "anchorNavigation": {
+      "landmarkLabel": "On this page"
+    },
     "calendar": {
       "navigationLabel": "Go to {{monthYear}}"
     },
@@ -311,8 +314,12 @@
       "clear": "Delete field",
       "search": "Search",
       "selectAll": "Select All",
+      "selectedItems": "Selected items",
       "noResult": "No results"
     },
+    "typeahead": {
+      "clear": "Clear the input"
+    },
     "splitViewCard": {
       "a11y": {
         "close": "Close"
@@ -390,7 +397,14 @@
     "menuImperative": {
       "options": {
         "ariaLabel": "Menu options"
-      }
+      },
+      "dragAndDropInstructions": "Press Space to drag, arrow keys to reorder.",
+      "dragStart": "You have lifted an item in position {{startPosition}}.",
+      "dragStartWithGroup": "You have lifted an item in position {{startPosition}} in group {{startGroupTitle}}.",
+      "dragUpdate": "You have moved an item in position {{startPosition}} to position {{endPosition}}.",
+      "dragUpdateWithGroup": "You have moved an item in position {{startPosition}} in group {{startGroupTitle}} to position {{endPosition}} in group {{endGroupTitle}}.",
+      "dragEnd": "You have dropped an item in position {{endPosition}}.",
+      "dragEndWithGroup": "You have dropped an item in position {{endPosition}} in group {{endGroupTitle}}."
     }
   }
 }

package/dist/_locales/pseudo.json

@@ -8,6 +8,9 @@
     "breadcrumbs": {
       "label": "[ƁƁřḗȧḓƈřŭḿƀƀ]"
     },
+    "anchorNavigation": {
+      "landmarkLabel": "[ǾǾǾƞ · ŧħīş · ƥȧɠḗḗḗ]"
+    },
     "calendar": {
       "navigationLabel": "[ƓƓƓƓǿ · ŧǿ · {{ḿǿƞŧħẎḗȧř}}}}}]"
     },
@@ -311,8 +314,12 @@
       "clear": "[ḒḒḒḗŀḗŧḗ · ƒīḗŀḓḓḓ]",
       "search": "[ŞŞḗȧřƈħħ]",
       "selectAll": "[ŞŞḗŀḗƈŧ · Ȧŀŀŀ]",
+      "selectedItems": "[ŞŞŞḗŀḗƈŧḗḓ · īŧḗḿşşş]",
       "noResult": "[ȠȠǿ · řḗşŭŀŧşş]"
     },
+    "typeahead": {
+      "clear": "[ƇƇƇŀḗȧř · ŧħḗ · īƞƥŭŧŧŧ]"
+    },
     "splitViewCard": {
       "a11y": {
         "close": "[Ƈŀǿşḗ]"
@@ -390,7 +397,14 @@
     "menuImperative": {
       "options": {
         "ariaLabel": "[ḾḾḾḗƞŭ · ǿƥŧīǿƞşşş]"
-      }
+      },
+      "dragAndDropInstructions": "[ƤƤƤƤƤƤƤƤƤřḗşş · Şƥȧƈḗ · ŧǿ · ḓřȧɠ, · ȧřřǿẇ · ķḗẏş · ŧǿ · řḗǿřḓḗř.........]",
+      "dragStart": "[ẎẎẎẎẎẎẎẎẎẎẎǿŭ · ħȧṽḗ · ŀīƒŧḗḓ · ȧƞ · īŧḗḿ · īƞ · ƥǿşīŧīǿƞ · {{şŧȧřŧƤǿşīŧīǿƞ}}...........]",
+      "dragStartWithGroup": "[ẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎǿŭ · ħȧṽḗ · ŀīƒŧḗḓ · ȧƞ · īŧḗḿ · īƞ · ƥǿşīŧīǿƞ · {{şŧȧřŧƤǿşīŧīǿƞ}} · īƞ · ɠřǿŭƥ · {{şŧȧřŧƓřǿŭƥŦīŧŀḗ}}.................]",
+      "dragUpdate": "[ẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎǿŭ · ħȧṽḗ · ḿǿṽḗḓ · ȧƞ · īŧḗḿ · īƞ · ƥǿşīŧīǿƞ · {{şŧȧřŧƤǿşīŧīǿƞ}} · ŧǿ · ƥǿşīŧīǿƞ · {{ḗƞḓƤǿşīŧīǿƞ}}.................]",
+      "dragUpdateWithGroup": "[ẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎǿŭ · ħȧṽḗ · ḿǿṽḗḓ · ȧƞ · īŧḗḿ · īƞ · ƥǿşīŧīǿƞ · {{şŧȧřŧƤǿşīŧīǿƞ}} · īƞ · ɠřǿŭƥ · {{şŧȧřŧƓřǿŭƥŦīŧŀḗ}} · ŧǿ · ƥǿşīŧīǿƞ · {{ḗƞḓƤǿşīŧīǿƞ}} · īƞ · ɠřǿŭƥ · {{ḗƞḓƓřǿŭƥŦīŧŀḗ}}............................]",
+      "dragEnd": "[ẎẎẎẎẎẎẎẎẎẎẎǿŭ · ħȧṽḗ · ḓřǿƥƥḗḓ · ȧƞ · īŧḗḿ · īƞ · ƥǿşīŧīǿƞ · {{ḗƞḓƤǿşīŧīǿƞ}}...........]",
+      "dragEndWithGroup": "[ẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎẎǿŭ · ħȧṽḗ · ḓřǿƥƥḗḓ · ȧƞ · īŧḗḿ · īƞ · ƥǿşīŧīǿƞ · {{ḗƞḓƤǿşīŧīǿƞ}} · īƞ · ɠřǿŭƥ · {{ḗƞḓƓřǿŭƥŦīŧŀḗ}}................]"
     }
   }
 }

package/dist/_storyHelpers_/components/Deprecation.styles.js

@@ -2,6 +2,6 @@ import styled from 'styled-components';
 import { Typography } from '../../Typography';
 export var StyledDeprecation = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledDeprecation",
-  componentId: "core-12_41_0__sc-ojy3xo-0"
+  componentId: "core-12_43_0__sc-ojy3xo-0"
 })(["display:block;margin-bottom:16px;"]);
 //# sourceMappingURL=Deprecation.styles.js.map

package/dist/_storyHelpers_/components/StoryGrid.js

@@ -6,11 +6,11 @@ import styled from 'styled-components';
 import { colors } from '../../_styles/colors';
 var StyledCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledCell",
-  componentId: "core-12_41_0__sc-7owp8g-0"
+  componentId: "core-12_43_0__sc-7owp8g-0"
 })(["display:flex;align-items:center;justify-content:center;padding:0 48px;border-bottom:1px dashed ", ";border-right:1px dashed ", ";"], colors.gray90, colors.gray90);
 var StyledGrid = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGrid",
-  componentId: "core-12_41_0__sc-7owp8g-1"
+  componentId: "core-12_43_0__sc-7owp8g-1"
 })(["align-items:center;justify-content:center;display:grid;gap:0;border-top:1px dashed ", ";border-left:1px dashed ", ";grid-template-columns:repeat( ", ",minmax(0,1fr) );height:100%;width:100%;", "{min-height:", "px;overflow:hidden;}"], colors.gray90, colors.gray90, function (_ref) {
   var _ref$$columns = _ref.$columns,
     $columns = _ref$$columns === void 0 ? 1 : _ref$$columns;
@@ -21,7 +21,7 @@ var StyledGrid = /*#__PURE__*/styled.div.withConfig({
 });
 var StyledGridContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGridContainer",
-  componentId: "core-12_41_0__sc-7owp8g-2"
+  componentId: "core-12_43_0__sc-7owp8g-2"
 })(["height:100%;padding:24px;width:100%;"]);
 export var StoryGrid = function StoryGrid(_ref3) {
   var children = _ref3.children,

package/dist/_styles/colors.js

@@ -10,12 +10,10 @@ var luminosities = [10, 15, 20, 30, 40, 45, 50, 60, 70, 85, 90, 94, 96, 98];
 
 function colorGenerator(color, hue, saturation) {
   var colorSet = {};
-  var hueVariable = "var(--hue-".concat(color, ", ").concat(hue, ")");
-  var saturationVariable = "var(--saturation-".concat(color, ", ").concat(saturation, "%)");
   for (var _i = 0, _luminosities = luminosities; _i < _luminosities.length; _i++) {
     var luminosity = _luminosities[_i];
     var key = "".concat(color).concat(luminosity);
-    var value = "var(--".concat(key, ", hsl(").concat(hueVariable, ", ").concat(saturationVariable, ", ").concat(luminosity, "%))");
+    var value = "hsl(".concat(hue, ", ").concat(saturation, "%, ").concat(luminosity, "%)");
     colorSet[key] = value;
   }
   return colorSet;

package/dist/_styles/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["luminosities","colorGenerator","color","hue","saturation","colorSet","hueVariable","concat","saturationVariable","_i","_luminosities","length","luminosity","key","value","paletteGenerator","_objectSpread","black","white","colors"],"sources":["../../src/_styles/colors.ts"],"sourcesContent":["export type Color =\n  | 'blue10'\n  | 'blue15'\n  | 'blue20'\n  | 'blue30'\n  | 'blue40'\n  | 'blue45'\n  | 'blue50'\n  | 'blue60'\n  | 'blue70'\n  | 'blue85'\n  | 'blue90'\n  | 'blue94'\n  | 'blue96'\n  | 'blue98'\n  | 'cyan10'\n  | 'cyan15'\n  | 'cyan20'\n  | 'cyan30'\n  | 'cyan40'\n  | 'cyan45'\n  | 'cyan50'\n  | 'cyan60'\n  | 'cyan70'\n  | 'cyan85'\n  | 'cyan90'\n  | 'cyan94'\n  | 'cyan96'\n  | 'cyan98'\n  | 'gray10'\n  | 'gray15'\n  | 'gray20'\n  | 'gray30'\n  | 'gray40'\n  | 'gray45'\n  | 'gray50'\n  | 'gray60'\n  | 'gray70'\n  | 'gray85'\n  | 'gray90'\n  | 'gray94'\n  | 'gray96'\n  | 'gray98'\n  | 'green10'\n  | 'green15'\n  | 'green20'\n  | 'green30'\n  | 'green40'\n  | 'green45'\n  | 'green50'\n  | 'green60'\n  | 'green70'\n  | 'green85'\n  | 'green90'\n  | 'green94'\n  | 'green96'\n  | 'green98'\n  | 'magenta10'\n  | 'magenta15'\n  | 'magenta20'\n  | 'magenta30'\n  | 'magenta40'\n  | 'magenta45'\n  | 'magenta50'\n  | 'magenta60'\n  | 'magenta70'\n  | 'magenta85'\n  | 'magenta90'\n  | 'magenta94'\n  | 'magenta96'\n  | 'magenta98'\n  | 'orange10'\n  | 'orange15'\n  | 'orange20'\n  | 'orange30'\n  | 'orange40'\n  | 'orange45'\n  | 'orange50'\n  | 'orange60'\n  | 'orange70'\n  | 'orange85'\n  | 'orange90'\n  | 'orange94'\n  | 'orange96'\n  | 'orange98'\n  | 'purple10'\n  | 'purple15'\n  | 'purple20'\n  | 'purple30'\n  | 'purple40'\n  | 'purple45'\n  | 'purple50'\n  | 'purple60'\n  | 'purple70'\n  | 'purple85'\n  | 'purple90'\n  | 'purple94'\n  | 'purple96'\n  | 'purple98'\n  | 'red10'\n  | 'red15'\n  | 'red20'\n  | 'red30'\n  | 'red40'\n  | 'red45'\n  | 'red50'\n  | 'red60'\n  | 'red70'\n  | 'red85'\n  | 'red90'\n  | 'red94'\n  | 'red96'\n  | 'red98'\n  | 'yellow10'\n  | 'yellow15'\n  | 'yellow20'\n  | 'yellow30'\n  | 'yellow40'\n  | 'yellow45'\n  | 'yellow50'\n  | 'yellow60'\n  | 'yellow70'\n  | 'yellow85'\n  | 'yellow90'\n  | 'yellow94'\n  | 'yellow96'\n  | 'yellow98'\n  | 'black'\n  | 'white'\n\nconst luminosities = [10, 15, 20, 30, 40, 45, 50, 60, 70, 85, 90, 94, 96, 98]\n\n// Palette Generation\n\nexport type ColorPaletteObject = { [key in Color]: string }\n\nfunction colorGenerator(color: string, hue: number, saturation: number) {\n  const colorSet = {} as ColorPaletteObject\n  const hueVariable = `var(--hue-${color}, ${hue})`\n  const saturationVariable = `var(--saturation-${color}, ${saturation}%)`\n\n  for (let luminosity of luminosities) {\n    const key = `${color}${luminosity}` as Color\n    const value = `var(--${key}, hsl(${hueVariable}, ${saturationVariable}, ${luminosity}%))`\n\n    colorSet[key] = value\n  }\n\n  return colorSet\n}\n\nfunction paletteGenerator(): ColorPaletteObject {\n  return {\n    ...colorGenerator('blue', 218, 75),\n    ...colorGenerator('cyan', 170, 65),\n    ...colorGenerator('gray', 200, 8),\n    ...colorGenerator('green', 125, 50),\n    ...colorGenerator('magenta', 310, 60),\n    ...colorGenerator('orange', 19, 100),\n    ...colorGenerator('purple', 288, 43),\n    ...colorGenerator('red', 360, 70),\n    ...colorGenerator('yellow', 45, 85),\n    black: 'black',\n    white: 'white',\n  }\n}\n\nexport const colors = paletteGenerator()\n"],"mappings":";;;;;;AAkIA,IAAMA,YAAY,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;;AAE7E;;AAIA,SAASC,cAAcA,CAACC,KAAa,EAAEC,GAAW,EAAEC,UAAkB,EAAE;EACtE,IAAMC,QAAQ,GAAG,CAAC,CAAuB;EACzC,IAAMC,WAAW,gBAAAC,MAAA,CAAgBL,KAAK,QAAAK,MAAA,CAAKJ,GAAG,MAAG;EACjD,IAAMK,kBAAkB,uBAAAD,MAAA,CAAuBL,KAAK,QAAAK,MAAA,CAAKH,UAAU,OAAI;EAEvE,SAAAK,EAAA,MAAAC,aAAA,GAAuBV,YAAY,EAAAS,EAAA,GAAAC,aAAA,CAAAC,MAAA,EAAAF,EAAA,IAAE;IAAhC,IAAIG,UAAU,GAAAF,aAAA,CAAAD,EAAA;IACjB,IAAMI,GAAG,MAAAN,MAAA,CAAML,KAAK,EAAAK,MAAA,CAAGK,UAAU,CAAW;IAC5C,IAAME,KAAK,YAAAP,MAAA,CAAYM,GAAG,YAAAN,MAAA,CAASD,WAAW,QAAAC,MAAA,CAAKC,kBAAkB,QAAAD,MAAA,CAAKK,UAAU,QAAK;IAEzFP,QAAQ,CAACQ,GAAG,CAAC,GAAGC,KAAK;EACvB;EAEA,OAAOT,QAAQ;AACjB;AAEA,SAASU,gBAAgBA,CAAA,EAAuB;EAC9C,OAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACKf,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,GAC/BA,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,GAC/BA,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,GAC9BA,cAAc,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,CAAC,GAChCA,cAAc,CAAC,SAAS,EAAE,GAAG,EAAE,EAAE,CAAC,GAClCA,cAAc,CAAC,QAAQ,EAAE,EAAE,EAAE,GAAG,CAAC,GACjCA,cAAc,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,CAAC,GACjCA,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,GAC9BA,cAAc,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC;IACnCgB,KAAK,EAAE,OAAO;IACdC,KAAK,EAAE;EAAO;AAElB;AAEA,OAAO,IAAMC,MAAM,GAAGJ,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"colors.js","names":["luminosities","colorGenerator","color","hue","saturation","colorSet","_i","_luminosities","length","luminosity","key","concat","value","paletteGenerator","_objectSpread","black","white","colors"],"sources":["../../src/_styles/colors.ts"],"sourcesContent":["export type Color =\n  | 'blue10'\n  | 'blue15'\n  | 'blue20'\n  | 'blue30'\n  | 'blue40'\n  | 'blue45'\n  | 'blue50'\n  | 'blue60'\n  | 'blue70'\n  | 'blue85'\n  | 'blue90'\n  | 'blue94'\n  | 'blue96'\n  | 'blue98'\n  | 'cyan10'\n  | 'cyan15'\n  | 'cyan20'\n  | 'cyan30'\n  | 'cyan40'\n  | 'cyan45'\n  | 'cyan50'\n  | 'cyan60'\n  | 'cyan70'\n  | 'cyan85'\n  | 'cyan90'\n  | 'cyan94'\n  | 'cyan96'\n  | 'cyan98'\n  | 'gray10'\n  | 'gray15'\n  | 'gray20'\n  | 'gray30'\n  | 'gray40'\n  | 'gray45'\n  | 'gray50'\n  | 'gray60'\n  | 'gray70'\n  | 'gray85'\n  | 'gray90'\n  | 'gray94'\n  | 'gray96'\n  | 'gray98'\n  | 'green10'\n  | 'green15'\n  | 'green20'\n  | 'green30'\n  | 'green40'\n  | 'green45'\n  | 'green50'\n  | 'green60'\n  | 'green70'\n  | 'green85'\n  | 'green90'\n  | 'green94'\n  | 'green96'\n  | 'green98'\n  | 'magenta10'\n  | 'magenta15'\n  | 'magenta20'\n  | 'magenta30'\n  | 'magenta40'\n  | 'magenta45'\n  | 'magenta50'\n  | 'magenta60'\n  | 'magenta70'\n  | 'magenta85'\n  | 'magenta90'\n  | 'magenta94'\n  | 'magenta96'\n  | 'magenta98'\n  | 'orange10'\n  | 'orange15'\n  | 'orange20'\n  | 'orange30'\n  | 'orange40'\n  | 'orange45'\n  | 'orange50'\n  | 'orange60'\n  | 'orange70'\n  | 'orange85'\n  | 'orange90'\n  | 'orange94'\n  | 'orange96'\n  | 'orange98'\n  | 'purple10'\n  | 'purple15'\n  | 'purple20'\n  | 'purple30'\n  | 'purple40'\n  | 'purple45'\n  | 'purple50'\n  | 'purple60'\n  | 'purple70'\n  | 'purple85'\n  | 'purple90'\n  | 'purple94'\n  | 'purple96'\n  | 'purple98'\n  | 'red10'\n  | 'red15'\n  | 'red20'\n  | 'red30'\n  | 'red40'\n  | 'red45'\n  | 'red50'\n  | 'red60'\n  | 'red70'\n  | 'red85'\n  | 'red90'\n  | 'red94'\n  | 'red96'\n  | 'red98'\n  | 'yellow10'\n  | 'yellow15'\n  | 'yellow20'\n  | 'yellow30'\n  | 'yellow40'\n  | 'yellow45'\n  | 'yellow50'\n  | 'yellow60'\n  | 'yellow70'\n  | 'yellow85'\n  | 'yellow90'\n  | 'yellow94'\n  | 'yellow96'\n  | 'yellow98'\n  | 'black'\n  | 'white'\n\nconst luminosities = [10, 15, 20, 30, 40, 45, 50, 60, 70, 85, 90, 94, 96, 98]\n\n// Palette Generation\n\nexport type ColorPaletteObject = { [key in Color]: string }\n\nfunction colorGenerator(color: string, hue: number, saturation: number) {\n  const colorSet = {} as ColorPaletteObject\n\n  for (let luminosity of luminosities) {\n    const key = `${color}${luminosity}` as Color\n    const value = `hsl(${hue}, ${saturation}%, ${luminosity}%)`\n\n    colorSet[key] = value\n  }\n\n  return colorSet\n}\n\nfunction paletteGenerator(): ColorPaletteObject {\n  return {\n    ...colorGenerator('blue', 218, 75),\n    ...colorGenerator('cyan', 170, 65),\n    ...colorGenerator('gray', 200, 8),\n    ...colorGenerator('green', 125, 50),\n    ...colorGenerator('magenta', 310, 60),\n    ...colorGenerator('orange', 19, 100),\n    ...colorGenerator('purple', 288, 43),\n    ...colorGenerator('red', 360, 70),\n    ...colorGenerator('yellow', 45, 85),\n    black: 'black',\n    white: 'white',\n  }\n}\n\nexport const colors = paletteGenerator()\n"],"mappings":";;;;;;AAkIA,IAAMA,YAAY,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;;AAE7E;;AAIA,SAASC,cAAcA,CAACC,KAAa,EAAEC,GAAW,EAAEC,UAAkB,EAAE;EACtE,IAAMC,QAAQ,GAAG,CAAC,CAAuB;EAEzC,SAAAC,EAAA,MAAAC,aAAA,GAAuBP,YAAY,EAAAM,EAAA,GAAAC,aAAA,CAAAC,MAAA,EAAAF,EAAA,IAAE;IAAhC,IAAIG,UAAU,GAAAF,aAAA,CAAAD,EAAA;IACjB,IAAMI,GAAG,MAAAC,MAAA,CAAMT,KAAK,EAAAS,MAAA,CAAGF,UAAU,CAAW;IAC5C,IAAMG,KAAK,UAAAD,MAAA,CAAUR,GAAG,QAAAQ,MAAA,CAAKP,UAAU,SAAAO,MAAA,CAAMF,UAAU,OAAI;IAE3DJ,QAAQ,CAACK,GAAG,CAAC,GAAGE,KAAK;EACvB;EAEA,OAAOP,QAAQ;AACjB;AAEA,SAASQ,gBAAgBA,CAAA,EAAuB;EAC9C,OAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACKb,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,GAC/BA,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,GAC/BA,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,GAC9BA,cAAc,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,CAAC,GAChCA,cAAc,CAAC,SAAS,EAAE,GAAG,EAAE,EAAE,CAAC,GAClCA,cAAc,CAAC,QAAQ,EAAE,EAAE,EAAE,GAAG,CAAC,GACjCA,cAAc,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,CAAC,GACjCA,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,GAC9BA,cAAc,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC;IACnCc,KAAK,EAAE,OAAO;IACdC,KAAK,EAAE;EAAO;AAElB;AAEA,OAAO,IAAMC,MAAM,GAAGJ,gBAAgB,CAAC,CAAC"}

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

@@ -2,6 +2,16 @@
   "AnchorNavigationProps": {
     "name": "AnchorNavigationProps",
     "properties": [
+      {
+        "name": "aria-label",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span>",
+        "description": "Accessible name for the navigation landmark. When omitted, the default\ntranslated string `On this page` is used.",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Accessible name for the navigation landmark. When omitted, the default\ntranslated string <code>On this page</code> is used.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.42.0</p>\n</dd></dl></div>",
+        "sourceFile": "packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx",
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L31"
+      },
       {
         "name": "sections",
         "required": true,
@@ -10,7 +20,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/aa49c09/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L15"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L15"
       },
       {
         "name": "selected",
@@ -20,7 +30,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/aa49c09/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L20"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L20"
       },
       {
         "name": "onSelect",
@@ -30,7 +40,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/aa49c09/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L25"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/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/aa49c09/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/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/aa49c09/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/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/aa49c09/packages/core-react/src/Avatar/Avatar.types.ts#L100"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/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/aa49c09/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/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/aa49c09/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/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/aa49c09/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/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/aa49c09/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/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/aa49c09/packages/core-react/src/Avatar/Avatar.types.ts#L12"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/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/aa49c09/packages/core-react/src/Avatar/Avatar.types.ts#L13"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/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/aa49c09/packages/core-react/src/Avatar/Avatar.types.ts#L14"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/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/aa49c09/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/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/aa49c09/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/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/aa49c09/packages/core-react/src/Avatar/Avatar.types.ts#L108"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/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/aa49c09/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/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/aa49c09/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/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/aa49c09/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/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/aa49c09/packages/core-react/src/Avatar/Avatar.types.ts#L34"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/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/aa49c09/packages/core-react/src/Avatar/Avatar.types.ts#L40"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/packages/core-react/src/Avatar/Avatar.types.ts#L40"
       },
       {
         "name": "size",
@@ -221,7 +221,7 @@
         "deprecated": "\n\nSize \"xl\" 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/aa49c09/packages/core-react/src/Avatar/Avatar.types.ts#L62"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/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/aa49c09/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/a16208b/packages/core-react/src/_utils/types.ts#L52"
       }
     ],
     "description": ""