@procore/core-react 10.23.0-rc.33 → 10.23.0-rc.34

package/dist/esm/components/FileList/FileList.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DivAttributes } from '../../utils/types';
-import { FileListProps } from './FileList.types';
+import { FileListItemProps, FileListProps } from './FileList.types';
 /**
 
  @since 10.19.0
@@ -8,4 +8,8 @@ import { FileListProps } from './FileList.types';
  @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-filelist--demo)
 
  */
+export declare const defaultGetViewUrl: (item: FileListItemProps) => string | undefined;
+export declare const defaultGetDownloadUrl: (item: FileListItemProps) => string | undefined;
+export declare const defaultGetName: (item: FileListItemProps) => string;
 export declare const FileList: React.ForwardRefExoticComponent<FileListProps & DivAttributes & React.RefAttributes<HTMLDivElement>>;
+export declare function Item({ name, viewUrl, downloadUrl, ...props }: FileListItemProps): JSX.Element;

package/dist/esm/components/FileList/FileList.js

@@ -20,15 +20,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import styles from '@procore/core-css/src/components/_file_list.scss';
-import classnames from 'classnames/bind';
 import React from 'react';
-import { useOverflowObserver } from '../../effects/OverflowObserver';
 import { useI18nContext } from '../../state/I18n';
-import { parseFilename } from '../../utils/filename';
 import { Tooltip } from '../Tooltip';
-var cx = classnames.bind(styles);
-var THRESHOLD = 99;
+import { Archive, Download } from '@procore/core-icons/dist';
+import { Link } from '../Link';
+import { Typography } from '../Typography';
+import Box from '../../layouts/Box/Box';
+import { StyledFileListItem, StyledFileListItemDownloadIcon, StyledFileListDownloadAll, StyledFileListItemTextInactive, } from './FileList.styles';
 /**
 
  @since 10.19.0
@@ -36,44 +35,41 @@ var THRESHOLD = 99;
  @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-filelist--demo)
 
  */
+export var defaultGetViewUrl = function (item) {
+    return item.viewUrl;
+};
+export var defaultGetDownloadUrl = function (item) {
+    return item.downloadUrl;
+};
+export var defaultGetName = function (item) {
+    return item.name;
+};
 export var FileList = React.forwardRef(function FileList(_a, ref) {
-    var items = _a.items, downloadAllUrl = _a.downloadAllUrl, className = _a.className, qa = _a.qa, props = __rest(_a, ["items", "downloadAllUrl", "className", "qa"]);
+    var items = _a.items, downloadAllUrl = _a.downloadAllUrl, _b = _a.getDownloadUrl, getDownloadUrl = _b === void 0 ? defaultGetDownloadUrl : _b, _c = _a.getViewUrl, getViewUrl = _c === void 0 ? defaultGetViewUrl : _c, _d = _a.getName, getName = _d === void 0 ? defaultGetName : _d, qa = _a.qa, props = __rest(_a, ["items", "downloadAllUrl", "getDownloadUrl", "getViewUrl", "getName", "qa"]);
     var I18n = useI18nContext();
     var length = items.length;
-    var isDownloadAllVisible = length > 1;
+    var isDownloadAllVisible = length > 1 && downloadAllUrl;
     if (length === 0) {
         return null;
     }
-    if (isDownloadAllVisible && !downloadAllUrl) {
-        console.warn('FileList: "downloadAllUrl" is not provided');
-    }
-    return (React.createElement("div", __assign({ ref: ref, className: cx('file-list', className) }, props),
-        isDownloadAllVisible && (React.createElement("div", { className: cx('file-list__download-all') },
-            React.createElement("a", { className: cx('file-list__download-all-link'), href: downloadAllUrl },
-                I18n.t('core.fileList.downloadAll'),
-                ' ', "(".concat(length > THRESHOLD ? "".concat(THRESHOLD, "+") : length, ")")))),
-        items.map(function (_a) {
-            var _b;
-            var name = _a.name, url = _a.url;
-            return (React.createElement(Item, { key: "".concat(name, "-").concat(url), name: name, url: url, "data-qa": (_b = qa === null || qa === void 0 ? void 0 : qa.item) === null || _b === void 0 ? void 0 : _b.call(qa, { name: name, url: url }) }));
-        })));
+    return (React.createElement(Box, __assign({ ref: ref }, props),
+        isDownloadAllVisible && (React.createElement(StyledFileListDownloadAll, { variant: "tertiary", size: "sm", icon: React.createElement(Archive, null), href: downloadAllUrl, tabIndex: 0 }, I18n.t('core.fileList.downloadAll'))),
+        React.createElement(Box, { as: "ul" }, items.map(function (item, i) {
+            var _a;
+            var name = getName(item);
+            var downloadUrl = getDownloadUrl(item);
+            return (React.createElement(Item, { name: name, downloadUrl: getDownloadUrl(item), viewUrl: getViewUrl(item), "data-qa": (_a = qa === null || qa === void 0 ? void 0 : qa.item) === null || _a === void 0 ? void 0 : _a.call(qa, item), key: "".concat(name, "-").concat(downloadUrl) }));
+        }))));
 });
-function Item(_a) {
-    var url = _a.url, name = _a.name, props = __rest(_a, ["url", "name"]);
-    var _b = parseFilename(name), filename = _b.filename, extension = _b.extension, isFilename = _b.isFilename;
-    var _c = useOverflowObserver(), isOverflowingX = _c.isOverflowingX, ref = _c.ref;
-    var body = isFilename ? "".concat(filename, ".") : name;
-    return (React.createElement("div", __assign({ className: cx('file-list__item') }, props),
-        React.createElement(Tooltip, { placement: "right", overlay: name, trigger: isOverflowingX ? 'hover' : 'none', showKeys: [] },
-            React.createElement("div", { tabIndex: 0, className: cx('file-list__preview') },
-                React.createElement("span", { ref: ref, className: cx('file-list__preview-text-body') }, body),
-                isFilename && (React.createElement("span", { className: cx('file-list__preview-text-extension') }, extension)))),
-        React.createElement("a", { href: url, className: cx('file-list__item-download') },
-            React.createElement(DownloadIcon, null))));
-}
-function DownloadIcon() {
-    return (React.createElement("svg", { width: "16", height: "16", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false },
-        React.createElement("path", { d: "M14.5 14.5h-13V11h-1v4.5h15V11h-1v3.5z", fill: "#006DDF" }),
-        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.5 10.293V2h1v8.293l3.146-3.147.707.708L8 12.207 3.646 7.854l.708-.708L7.5 10.293z", fill: "#006DDF" })));
+export function Item(_a) {
+    var name = _a.name, viewUrl = _a.viewUrl, downloadUrl = _a.downloadUrl, props = __rest(_a, ["name", "viewUrl", "downloadUrl"]);
+    var I18n = useI18nContext();
+    return (React.createElement(StyledFileListItem, __assign({}, props),
+        viewUrl ? (React.createElement(Typography, { intent: "body", weight: "semibold" },
+            React.createElement(Link, { href: viewUrl, target: "_blank", tabIndex: 0 }, name))) : (React.createElement(Tooltip, { overlay: I18n.t('core.fileList.noPreview') },
+            React.createElement(Typography, { intent: "body", color: "gray15" },
+                React.createElement(StyledFileListItemTextInactive, { tabIndex: 0 }, name)))),
+        downloadUrl && (React.createElement(Tooltip, { overlay: I18n.t('core.fileList.download') },
+            React.createElement(StyledFileListItemDownloadIcon, { "aria-label": I18n.t('core.fileList.download'), href: downloadUrl, icon: React.createElement(Download, { size: "sm" }), size: "sm", variant: "tertiary" })))));
 }
 //# sourceMappingURL=FileList.js.map

package/dist/esm/components/FileList/FileList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.js","sourceRoot":"","sources":["../../../../src/components/FileList/FileList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileList.js","sourceRoot":"","sources":["../../../../src/components/FileList/FileList.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/FileList/FileList.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const StyledFileListDownloadAll: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").LinkButtonProps & import("react").RefAttributes<HTMLAnchorElement>>, any, {}, never>;
+export declare const StyledFileListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
+export declare const StyledFileListItemTextInactive: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledFileListItemDownloadIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").LinkButtonProps & import("react").RefAttributes<HTMLAnchorElement>>, any, {}, never>;

package/dist/esm/components/FileList/FileList.styles.js

@@ -0,0 +1,13 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+import { spacing } from '../../styles/spacing';
+import { LinkButton } from '../Button';
+export var StyledFileListDownloadAll = styled(LinkButton)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-bottom: ", "px;\n"], ["\n  margin-bottom: ", "px;\n"])), spacing.xs);
+export var StyledFileListItem = styled.li(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-bottom: ", "px;\n  word-break: break-word;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  margin-bottom: ", "px;\n  word-break: break-word;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])), spacing.xs);
+export var StyledFileListItemTextInactive = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
+export var StyledFileListItemDownloadIcon = styled(LinkButton)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-left: ", "px;\n  align-self: flex-start;\n"], ["\n  margin-left: ", "px;\n  align-self: flex-start;\n"])), spacing.sm);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=FileList.styles.js.map

package/dist/esm/components/FileList/FileList.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileList.styles.js","sourceRoot":"","sources":["../../../../src/components/FileList/FileList.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAEtC,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAC,UAAU,CAAC,iGAAA,qBACxC,EAAU,OAC5B,KADkB,OAAO,CAAC,EAAE,CAC5B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,EAAE,sNAAA,+DAGxB,EAAU,kFAM5B,KANkB,OAAO,CAAC,EAAE,CAM5B,CAAA;AAED,MAAM,CAAC,IAAM,8BAA8B,GAAG,MAAM,CAAC,IAAI,2FAAA,wBAExD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,8BAA8B,GAAG,MAAM,CAAC,UAAU,CAAC,0HAAA,mBAC/C,EAAU,kCAE1B,KAFgB,OAAO,CAAC,EAAE,CAE1B,CAAA"}

package/dist/esm/components/FileList/FileList.types.d.ts

@@ -2,9 +2,9 @@ interface QaTags {
     /**
      * @since 10.19.0
      */
-    item?: (item: FileListItem) => string;
+    item?: (item: FileListItemProps) => string;
 }
-interface FileListItem {
+export interface FileListItemProps {
     /**
      * @since 10.19.0
      */
@@ -12,7 +12,11 @@ interface FileListItem {
     /**
      * @since 10.19.0
      */
-    url: string;
+    downloadUrl?: string;
+    /**
+     * @since 10.22.0
+     */
+    viewUrl?: string;
 }
 export interface FileListProps {
     /**
@@ -23,10 +27,25 @@ export interface FileListProps {
     /**
      * @since 10.19.0
      */
-    items: FileListItem[];
+    items: FileListItemProps[];
     /**
      * @since 10.19.0
      */
     qa?: QaTags;
+    /**
+     * A function returning file list item's view URL
+     * @since 10.22.0
+     */
+    getViewUrl?: (item: FileListItemProps) => string;
+    /**
+     * A function returning file list item's download URL
+     * @since 10.22.0
+     */
+    getDownloadUrl?: (item: FileListItemProps) => string;
+    /**
+     * A function returning file list item's name
+     * @since 10.22.0
+     */
+    getName?: (item: FileListItemProps) => string;
 }
 export {};

package/dist/esm/components/FileList/storybook/fileListMockData.d.ts

@@ -0,0 +1,5 @@
+export declare const items: {
+    name: string;
+    downloadUrl: string;
+    viewUrl: string;
+}[];

package/dist/esm/components/FileList/storybook/fileListMockData.js

@@ -0,0 +1,39 @@
+export var items = [
+    {
+        name: 'IMG-0124.png',
+        downloadUrl: '/download_a',
+        viewUrl: '/preview_a',
+    },
+    {
+        name: 'jobsite-visit.pdf',
+        downloadUrl: '/download_b',
+        viewUrl: '/preview_b',
+    },
+    {
+        name: 'non-previewable-file.exe',
+        downloadUrl: '/download_c',
+        viewUrl: '',
+    },
+    {
+        name: 'file-with-very-long-name-that-will-wrap-onto-infinite-lines forever-depending-on-viewport-width.png',
+        downloadUrl: '/download_d',
+        viewUrl: '/preview_d',
+    },
+    {
+        name: 'IMG-2202.heif',
+        downloadUrl: '/download_e',
+        viewUrl: '/preview_e',
+    },
+    {
+        name: 'AC01-DRAWING-COVER-SHEET.pdf',
+        downloadUrl: '/download_f',
+        viewUrl: '/preview_f',
+    },
+    {
+        name: 'IMG-01.png',
+        downloadUrl: '/download_g',
+        viewUrl: '/preview_g',
+    },
+    { name: 'permit.docx', downloadUrl: '/download_h', viewUrl: '' },
+];
+//# sourceMappingURL=fileListMockData.js.map

package/dist/esm/components/FileList/storybook/fileListMockData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileListMockData.js","sourceRoot":"","sources":["../../../../../src/components/FileList/storybook/fileListMockData.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,KAAK,GAAG;IACnB;QACE,IAAI,EAAE,cAAc;QACpB,WAAW,EAAE,aAAa;QAC1B,OAAO,EAAE,YAAY;KACtB;IACD;QACE,IAAI,EAAE,mBAAmB;QACzB,WAAW,EAAE,aAAa;QAC1B,OAAO,EAAE,YAAY;KACtB;IACD;QACE,IAAI,EAAE,0BAA0B;QAChC,WAAW,EAAE,aAAa;QAC1B,OAAO,EAAE,EAAE;KACZ;IACD;QACE,IAAI,EAAE,qGAAqG;QAC3G,WAAW,EAAE,aAAa;QAC1B,OAAO,EAAE,YAAY;KACtB;IACD;QACE,IAAI,EAAE,eAAe;QACrB,WAAW,EAAE,aAAa;QAC1B,OAAO,EAAE,YAAY;KACtB;IACD;QACE,IAAI,EAAE,8BAA8B;QACpC,WAAW,EAAE,aAAa;QAC1B,OAAO,EAAE,YAAY;KACtB;IACD;QACE,IAAI,EAAE,YAAY;QAClB,WAAW,EAAE,aAAa;QAC1B,OAAO,EAAE,YAAY;KACtB;IACD,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,EAAE,EAAE;CACjE,CAAA"}

package/dist/esm/locales/en.json

@@ -244,7 +244,9 @@
             "more": "More"
         },
         "fileList": {
-            "downloadAll": "Download All"
+            "downloadAll": "Download All",
+            "download": "Download",
+            "noPreview": "No Preview Available"
         },
         "tieredSelect": {
             "emptyMessage": "No locations.",

package/dist/esm/state/I18n.d.ts

@@ -535,6 +535,8 @@ export declare const coreTranslations: {
             };
             fileList: {
                 downloadAll: string;
+                download: string;
+                noPreview: string;
             };
             tieredSelect: {
                 emptyMessage: string;

package/dist/typedoc/components/Avatar/Avatar.types.json

@@ -10,7 +10,7 @@
         "description": "Instead of using the default children, you can pass in your own.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/32a38a3ae/packages/core-react/src/utils/types.ts#L40"
+        "sourceUrl": "https://github.com/procore/core/blob/dec1307a5/packages/core-react/src/utils/types.ts#L40"
       },
       {
         "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/32a38a3ae/packages/core-react/src/utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/dec1307a5/packages/core-react/src/utils/types.ts#L45"
       },
       {
         "name": "icon",
@@ -32,7 +32,7 @@
         "deprecated": "\n\nThe `string` type icon has been deprecated and will be removed in the future.\nPlease use a React icon component from the `@procore/core-icons/dist` package.\n\n**Before**\n\n```\n<Avatar>\n  <Avatar.Icon icon=\"building\" />\n</Avatar>\n```\n\n**After**\n\n```\n<Avatar>\n  <Avatar.Icon icon={<Building />} />\n</Avatar>\n```\n",
         "deprecatedSince": "10.20.0",
         "sourceFile": "packages/core-react/src/components/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/32a38a3ae/packages/core-react/src/components/Avatar/Avatar.types.ts#L71"
+        "sourceUrl": "https://github.com/procore/core/blob/dec1307a5/packages/core-react/src/components/Avatar/Avatar.types.ts#L71"
       },
       {
         "name": "style",
@@ -42,7 +42,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/32a38a3ae/packages/core-react/src/utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/dec1307a5/packages/core-react/src/utils/types.ts#L50"
       }
     ],
     "description": ""
@@ -58,7 +58,7 @@
         "description": "Instead of using the default children, you can pass in your own.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/32a38a3ae/packages/core-react/src/utils/types.ts#L40"
+        "sourceUrl": "https://github.com/procore/core/blob/dec1307a5/packages/core-react/src/utils/types.ts#L40"
       },
       {
         "name": "className",
@@ -68,7 +68,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/32a38a3ae/packages/core-react/src/utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/dec1307a5/packages/core-react/src/utils/types.ts#L45"
       },
       {
         "name": "style",
@@ -78,7 +78,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/32a38a3ae/packages/core-react/src/utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/dec1307a5/packages/core-react/src/utils/types.ts#L50"
       }
     ],
     "description": ""
@@ -94,7 +94,7 @@
         "description": "Instead of using the default children, you can pass in your own.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/32a38a3ae/packages/core-react/src/utils/types.ts#L40"
+        "sourceUrl": "https://github.com/procore/core/blob/dec1307a5/packages/core-react/src/utils/types.ts#L40"
       },
       {
         "name": "className",
@@ -104,7 +104,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/32a38a3ae/packages/core-react/src/utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/dec1307a5/packages/core-react/src/utils/types.ts#L45"
       },
       {
         "name": "imageUrl",
@@ -114,7 +114,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/components/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/32a38a3ae/packages/core-react/src/components/Avatar/Avatar.types.ts#L79"
+        "sourceUrl": "https://github.com/procore/core/blob/dec1307a5/packages/core-react/src/components/Avatar/Avatar.types.ts#L79"
       },
       {
         "name": "style",
@@ -124,7 +124,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/32a38a3ae/packages/core-react/src/utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/dec1307a5/packages/core-react/src/utils/types.ts#L50"
       }
     ],
     "description": ""
@@ -140,7 +140,7 @@
         "description": "Instead of using the default children, you can pass in your own.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/32a38a3ae/packages/core-react/src/utils/types.ts#L40"
+        "sourceUrl": "https://github.com/procore/core/blob/dec1307a5/packages/core-react/src/utils/types.ts#L40"
       },
       {
         "name": "className",
@@ -150,7 +150,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/32a38a3ae/packages/core-react/src/utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/dec1307a5/packages/core-react/src/utils/types.ts#L45"
       },
       {
         "name": "clickable",
@@ -161,7 +161,7 @@
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets the avatar&#39;s clickable state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd><dt>defaultvalue</dt><dd><p>false</p>\n</dd></dl></div>",
         "defaultValue": "false\n",
         "sourceFile": "packages/core-react/src/components/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/32a38a3ae/packages/core-react/src/components/Avatar/Avatar.types.ts#L12"
+        "sourceUrl": "https://github.com/procore/core/blob/dec1307a5/packages/core-react/src/components/Avatar/Avatar.types.ts#L12"
       },
       {
         "name": "disabled",
@@ -172,7 +172,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/components/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/32a38a3ae/packages/core-react/src/components/Avatar/Avatar.types.ts#L18"
+        "sourceUrl": "https://github.com/procore/core/blob/dec1307a5/packages/core-react/src/components/Avatar/Avatar.types.ts#L18"
       },
       {
         "name": "size",
@@ -185,7 +185,7 @@
         "deprecated": "\n\nSize \"xl\" has 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/components/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/32a38a3ae/packages/core-react/src/components/Avatar/Avatar.types.ts#L40"
+        "sourceUrl": "https://github.com/procore/core/blob/dec1307a5/packages/core-react/src/components/Avatar/Avatar.types.ts#L40"
       },
       {
         "name": "style",
@@ -195,7 +195,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/32a38a3ae/packages/core-react/src/utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/dec1307a5/packages/core-react/src/utils/types.ts#L50"
       }
     ],
     "description": ""