@procore/core-react 11.6.0-rc.11 → 11.6.0-rc.13

package/dist/NextTile/NextTile.js

@@ -0,0 +1,142 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { useCheckbox, useCheckboxGroupItem } from '@react-aria/checkbox';
+import { useFocusRing } from '@react-aria/focus';
+import { mergeProps } from '@react-aria/utils';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import React from 'react';
+import { useToggleState } from 'react-stately';
+import { CheckboxGroupContext } from '../CheckboxGroup/CheckboxGroup';
+import { StyledActions } from '../Content/Content.styles';
+import { StyledFooter, StyledHeroMedia, StyledHeroOverlay, StyledHeroText, StyledInteractableTile, StyledLinkTile, StyledSelectableTile, StyledTileContent, } from '../Tile/Tile.styles';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { mergeRefs } from '../_utils/mergeRefs';
+var heroTextGridTemplateColumns = 'auto 1fr';
+var TileContext = React.createContext({
+    orientation: 'portrait',
+});
+var HeroMedia = React.forwardRef(function HeroMedia(_a, ref) {
+    var children = _a.children, _b = _a.overlay, overlay = _b === void 0 ? false : _b, onOverlayClick = _a.onOverlayClick, props = __rest(_a, ["children", "overlay", "onOverlayClick"]);
+    var orientation = React.useContext(TileContext).orientation;
+    var heroRef = React.useRef(null);
+    React.useLayoutEffect(function () {
+        var _a, _b;
+        if (orientation === 'landscape') {
+            (_b = (_a = heroRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.style.removeProperty('--core-tile-grid-template-columns');
+        }
+    }, [orientation]);
+    return (React.createElement(StyledHeroMedia, __assign({ ref: mergeRefs(heroRef, ref), "$orientation": orientation }, props),
+        overlay && React.createElement(StyledHeroOverlay, { onClick: onOverlayClick }),
+        children));
+});
+var HeroText = React.forwardRef(function HeroText(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var orientation = React.useContext(TileContext).orientation;
+    var heroRef = React.useRef(null);
+    React.useLayoutEffect(function () {
+        var _a, _b;
+        if (orientation === 'landscape') {
+            (_b = (_a = heroRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.style.setProperty('--core-tile-grid-template-columns', heroTextGridTemplateColumns);
+        }
+    }, [orientation]);
+    return (React.createElement(StyledHeroText, __assign({ ref: mergeRefs(heroRef, ref), "$orientation": orientation }, props), children));
+});
+var Content = React.forwardRef(function Content(props, ref) {
+    return React.createElement(StyledTileContent, __assign({ ref: ref }, props));
+});
+var Footer = React.forwardRef(function Footer(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledFooter, __assign({ ref: ref }, props), children));
+});
+var Actions = React.forwardRef(function Actions(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledActions, __assign({ ref: ref }, props), children));
+});
+export var InteractableTile = React.forwardRef(function InteractableTile(_a, ref) {
+    var orientation = _a.orientation, children = _a.children, props = __rest(_a, ["orientation", "children"]);
+    return (React.createElement(StyledInteractableTile, __assign({ ref: ref, "$orientation": orientation }, props),
+        React.createElement(TileContext.Provider, { value: { orientation: orientation } }, children)));
+});
+export var LinkTile = React.forwardRef(function LinkTile(_a, ref) {
+    var orientation = _a.orientation, children = _a.children, props = __rest(_a, ["orientation", "children"]);
+    return (React.createElement(StyledLinkTile, __assign({ ref: ref, "$orientation": orientation }, props),
+        React.createElement(TileContext.Provider, { value: { orientation: orientation } }, children)));
+});
+function noop() { }
+var CheckboxTile_ = React.forwardRef(function CheckboxTile(_a, ref) {
+    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, checked = _a.checked, defaultChecked = _a.defaultChecked, orientation = _a.orientation, style = _a.style, className = _a.className, props_ = __rest(_a, ["disabled", "checked", "defaultChecked", "orientation", "style", "className"]);
+    var props = __assign(__assign({}, props_), { isDisabled: disabled, isSelected: checked, defaultSelected: defaultChecked });
+    var inputRef = React.useRef(null);
+    // Group hooks
+    var groupState = React.useContext(CheckboxGroupContext);
+    var isGroup = Boolean(groupState);
+    var inputGroupItemProps = useCheckboxGroupItem(props, groupState !== null && groupState !== void 0 ? groupState : { isSelected: noop }, inputRef).inputProps;
+    // Single hooks
+    var state = useToggleState(props);
+    var inputProps = useCheckbox(props, state, inputRef).inputProps;
+    // common hooks
+    var _c = useFocusRing(), focusProps = _c.focusProps, isFocusVisible = _c.isFocusVisible;
+    var isDisabled = isGroup ? groupState.isDisabled || disabled : disabled;
+    var isSelected = isGroup
+        ? groupState.isSelected(props.value)
+        : state.isSelected;
+    return (React.createElement(StyledSelectableTile, { "$disabled": isDisabled, "$selected": isSelected, "$focused": isFocusVisible, "$orientation": orientation, as: "label", className: className, style: style },
+        React.createElement(VisuallyHidden, null,
+            React.createElement("input", __assign({}, mergeProps(isGroup ? inputGroupItemProps : inputProps, focusProps), { ref: mergeRefs(inputRef, ref) }))),
+        React.createElement(TileContext.Provider, { value: { orientation: orientation } }, props.children)));
+});
+function TileInner(_a, ref) {
+    var _b = _a.role, role = _b === void 0 ? 'none' : _b, props = __rest(_a, ["role"]);
+    switch (role) {
+        case 'none':
+            return (React.createElement(InteractableTile, __assign({ ref: ref }, props)));
+        case 'link':
+            return (React.createElement(LinkTile, __assign({ ref: ref }, props)));
+        case 'checkbox':
+            return (React.createElement(CheckboxTile_, __assign({ ref: ref }, props)));
+        default:
+            return null;
+    }
+}
+var Tile_ = React.forwardRef(TileInner);
+/**
+ * <NextTile role={checkbox}/> can be used as single checkbox as well as in group.
+ *
+ * Single
+ * ```
+ * <NextTile role={checkbox} value="ThomasAnderson" onChange=((value) => console.log(value) />
+ * <NextTile role={checkbox} value="WhiteRabbit" onChange=((value) => console.log(value) />
+ * ```
+ *
+ * Group
+ * ```
+ * <CheckboxGroup label="Matrix" onChange=((value) => console.log(value)>
+ *    <NextTile role={checkbox} value="ThomasAnderson"/>
+ *    <NextTile role={checkbox} value="WhiteRabbit"/>
+ * </CheckboxGroup>
+ * ```
+ *
+ * @since 11.6.0
+ */
+export var NextTile = addSubcomponents({ Actions: Actions, Content: Content, Footer: Footer, HeroText: HeroText, HeroMedia: HeroMedia }, Tile_);
+//# sourceMappingURL=NextTile.js.map

package/dist/NextTile/NextTile.js.map

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

package/dist/NextTile/NextTile.types.d.ts

@@ -0,0 +1,55 @@
+import type { AriaCheckboxProps } from '@react-types/checkbox';
+import React from 'react';
+import { AnchorAttributes, DivAttributes, Props } from '../_utils/types';
+export interface HeroTextProps extends Props {
+}
+export interface HeroMediaProps extends Props {
+    overlay?: boolean;
+    onOverlayClick?: React.MouseEventHandler<HTMLDivElement>;
+}
+export declare type Roles = 'none' | 'link' | 'checkbox';
+export interface TileCommonProps<Role extends Roles> extends Props {
+    /**
+     * @since 11.6.0
+     */
+    orientation: 'portrait' | 'landscape';
+    /**
+     * @since 11.6.0
+     */
+    role?: Role;
+}
+export interface CheckboxTileProps extends Omit<AriaCheckboxProps, 'isDisabled' | 'children' | 'defaultSelected' | 'isSelected'>, TileCommonProps<'checkbox'> {
+    /**
+     * Whether the element should be selected (uncontrolled).
+     * Only for single checkbox, doesn't work in CheckboxGroup.
+     *
+     * @since 11.6.0
+     */
+    defaultChecked?: boolean;
+    /**
+     * Whether the element should be selected (controlled).
+     * Only for single checkbox, doesn't work in CheckboxGroup.
+     *
+     * @since 11.6.0
+     */
+    checked?: boolean;
+    /**
+     * @since 11.6.0
+     */
+    disabled?: boolean;
+    /**
+     * @since 11.6.0
+     */
+    value: string;
+}
+export interface InteractableTileProps extends TileCommonProps<'none'>, Omit<DivAttributes, 'role'> {
+}
+export interface LinkTileProps extends TileCommonProps<'link'>, Omit<AnchorAttributes, 'role'> {
+}
+export declare type TileProps<Role extends Roles = 'none'> = Role extends 'link' ? LinkTileProps : Role extends 'checkbox' ? CheckboxTileProps : Role extends 'none' ? InteractableTileProps : TileCommonProps<Role>;
+export interface RefMap extends Record<Roles, React.ElementType> {
+    none: 'div';
+    link: 'a';
+    checkbox: 'input';
+}
+export declare type TileRef<C extends Roles> = React.ComponentPropsWithRef<RefMap[C]>['ref'];

package/dist/NextTile/NextTile.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=NextTile.types.js.map

package/dist/NextTile/NextTile.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextTile.types.js","sourceRoot":"","sources":["../../src/NextTile/NextTile.types.ts"],"names":[],"mappings":""}

package/dist/Tile/Tile.styles.d.ts

@@ -6,7 +6,8 @@ interface StyledTile {
 export declare const StyledLinkTile: import("styled-components").StyledComponent<"a", any, StyledTile, never>;
 export declare const StyledSelectableTile: import("styled-components").StyledComponent<"div", any, StyledTile & {
     $selected: boolean;
-    $disabled: boolean;
+    $disabled?: boolean | undefined;
+    $focused?: boolean | undefined;
 }, never>;
 export declare const StyledInteractableTile: import("styled-components").StyledComponent<"div", any, StyledTile, never>;
 export declare const StyledFooter: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Tile/Tile.styles.js

@@ -26,21 +26,22 @@ var getPortraitTemplate = function () {
     return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    grid-template-areas:\n      'hero'\n      'body'\n      'footer';\n    grid-template-columns: 1fr;\n  "], ["\n    grid-template-areas:\n      'hero'\n      'body'\n      'footer';\n    grid-template-columns: 1fr;\n  "])));
 };
 var getTileStyles = function (_a) {
-    var $orientation = _a.$orientation, _b = _a.$selected, $selected = _b === void 0 ? false : _b, _c = _a.$hoverable, $hoverable = _c === void 0 ? false : _c, _d = _a.$disabled, $disabled = _d === void 0 ? false : _d;
-    return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    display: grid;\n    ", ";\n\n    background-color: ", ";\n    border-radius: ", "px;\n    width: 100%;\n    ", "\n\n    &:focus, &.focus {\n      ", "\n    }\n\n    ", "\n    ", "\n    ", "\n  "], ["\n    display: grid;\n    ", ";\n\n    background-color: ", ";\n    border-radius: ", "px;\n    width: 100%;\n    ", "\n\n    &:focus, &.focus {\n      ", "\n    }\n\n    ", "\n    ", "\n    ", "\n  "])), $orientation === 'landscape'
+    var $orientation = _a.$orientation, _b = _a.$selected, $selected = _b === void 0 ? false : _b, _c = _a.$hoverable, $hoverable = _c === void 0 ? false : _c, _d = _a.$disabled, $disabled = _d === void 0 ? false : _d, _e = _a.$focused, $focused = _e === void 0 ? false : _e;
+    return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    display: grid;\n    ", ";\n\n    background-color: ", ";\n    border-radius: ", "px;\n    width: 100%;\n    ", "\n\n    &:focus, &.focus {\n      ", "\n    }\n    ", "\n\n    ", "\n    ", "\n    ", "\n  "], ["\n    display: grid;\n    ", ";\n\n    background-color: ", ";\n    border-radius: ", "px;\n    width: 100%;\n    ", "\n\n    &:focus, &.focus {\n      ", "\n    }\n    ", "\n\n    ", "\n    ", "\n    ", "\n  "])), $orientation === 'landscape'
         ? getLandscapeTemplate()
-        : getPortraitTemplate(), colors.white, borderRadius.md, getShadow(1, 'bottom'), getFocus(), $disabled ? getDisabled() : '', $selected ? getSelected() : '', $hoverable && !$disabled ? getHover($selected) : '');
+        : getPortraitTemplate(), colors.white, borderRadius.md, getShadow(1, 'bottom'), getFocus(), $focused ? getFocus() : '', $disabled ? getDisabled() : '', $selected ? getSelected() : '', $hoverable && !$disabled ? getHover($selected) : '');
 };
 export var StyledLinkTile = styled.a(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n  text-decoration: none;\n  color: inherit;\n"], ["\n  ", "\n  text-decoration: none;\n  color: inherit;\n"])), function (_a) {
     var $orientation = _a.$orientation;
     return getTileStyles({ $orientation: $orientation, $hoverable: true });
 });
 export var StyledSelectableTile = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
-    var $orientation = _a.$orientation, $selected = _a.$selected, $disabled = _a.$disabled;
+    var $orientation = _a.$orientation, $selected = _a.$selected, $disabled = _a.$disabled, $focused = _a.$focused;
     return getTileStyles({
         $orientation: $orientation,
         $selected: $selected,
         $disabled: $disabled,
+        $focused: $focused,
         $hoverable: true,
     });
 });

package/dist/Tile/Tile.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.styles.js","sourceRoot":"","sources":["../../src/Tile/Tile.styles.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tile.styles.js","sourceRoot":"","sources":["../../src/Tile/Tile.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACxE,OAAO,EACL,UAAU,IAAI,KAAK,EACnB,gBAAgB,IAAI,WAAW,EAC/B,aAAa,IAAI,QAAQ,GAC1B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAOzC,IAAM,QAAQ,GAAG,UAAC,SAAiB;IAAjB,0BAAA,EAAA,iBAAiB;IAAK,OAAA,GAAG,sJAAA,uEAInB,EAAyC,UAEhE,KAFuB,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM;AAJzB,CAMvC,CAAA;AAED,IAAM,WAAW,GAAG,cAAM,OAAA,GAAG,kGAAA,wBACP,EAAa,KAClC,KADqB,MAAM,CAAC,MAAM,GADT,CAEzB,CAAA;AAED,IAAM,WAAW,GAAG,cAAM,OAAA,GAAG,+FAAA,4BAE5B,MAFyB,CAEzB,CAAA;AAUD,IAAM,iBAAiB,GAAG,+BAA+B,CAAA;AAEzD,IAAM,oBAAoB,GAAG;IAC3B,OAAO,GAAG,yRAAA,2CAC6B,EAAiB,yJAMlD,EAAiB,cAEtB,KARsC,iBAAiB,EAMlD,iBAAiB,EAEtB;AACH,CAAC,CAAA;AAED,IAAM,mBAAmB,GAAG;IAC1B,OAAO,GAAG,iLAAA,8GAMT,KAAA;AACH,CAAC,CAAA;AAED,IAAM,aAAa,GAAG,UAAC,EAMF;QALnB,YAAY,kBAAA,EACZ,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAEhB,OAAO,GAAG,sRAAA,4BAEN,EAEuB,6BAEL,EAAY,wBACf,EAAe,6BAE9B,EAAsB,oCAGpB,EAAU,eAEZ,EAA0B,UAE1B,EAA8B,QAC9B,EAA8B,QAC9B,EAAmD,MACtD,KAjBG,YAAY,KAAK,WAAW;QAC5B,CAAC,CAAC,oBAAoB,EAAE;QACxB,CAAC,CAAC,mBAAmB,EAAE,EAEL,MAAM,CAAC,KAAK,EACf,YAAY,CAAC,EAAE,EAE9B,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,EAGpB,QAAQ,EAAE,EAEZ,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,EAE1B,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAC9B,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAC9B,UAAU,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,EACtD;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,CAAC,4HAAY,MAC9C,EAAuE,iDAG1E,KAHG,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,aAAa,CAAC,EAAE,YAAY,cAAA,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;AAAjD,CAAiD,CAG1E,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,+EAE7C,MACG,EAOE,IACL,KARG,UAAC,EAAgD;QAA9C,YAAY,kBAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IAC/C,OAAA,aAAa,CAAC;QACZ,YAAY,cAAA;QACZ,SAAS,WAAA;QACT,SAAS,WAAA;QACT,QAAQ,UAAA;QACR,UAAU,EAAE,IAAI;KACjB,CAAC;AANF,CAME,CACL,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,+EAAY,MACxD,EAAqD,IACxD,KADG,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,aAAa,CAAC,EAAE,YAAY,cAAA,EAAE,CAAC;AAA/B,CAA+B,CACxD,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,oKAAA,qCAEzB,EAAU,aAEjB,EAAa,yCAGlB,KALY,OAAO,CAAC,EAAE,EAEjB,aAAa,CAGlB,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,aAAa,CAAC,oRAAA,+EAGzC,EAAU,aAEjB,EAAY,sCAIZ,EAAQ,MAAO,EAAK,KAAM,EAAQ,MAAO,EAAW,KAAM,EAAQ,2BACjD,EAAU,YAEhC,KATY,OAAO,CAAC,EAAE,EAEjB,YAAY,EAIZ,QAAQ,EAAO,KAAK,EAAM,QAAQ,EAAO,WAAW,EAAM,QAAQ,EACjD,OAAO,CAAC,EAAE,CAEhC,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,MAAM,+WAE1C,kJAWI,EAAiB,sEAKC,EAAY,wEAMhC,EAiCK,IACR,KA7CK,iBAAiB,EAKC,MAAM,CAAC,KAAK,EAMhC,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,KAAK,WAAW,IAAI,CAAC,MAAM,EAAE;QACvC,CAAC,CAAC,GAAG,0gBAAA,kQAUQ,EAAa,iMAQvB,KARU,aAAa,EAS1B,CAAC,CAAC,GAAG,yZAAA,oVAYF,IAAA;AAhCL,CAgCK,CACR,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,uKAAA,kGAO1C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,+LAEtC,8BAGI,EAAiB,8CAIV,EAAU,oCAEnB,EAUK,IACR,KAjBK,iBAAiB,EAIV,OAAO,CAAC,EAAE,EAEnB,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,KAAK,WAAW;QAC1B,CAAC,CAAC,GAAG,+MAAA,0IAKF,KACH,CAAC,CAAC,GAAG,+GAAA,0CAEF,IAAA;AATL,CASK,CACR,CAAA"}

package/dist/_typedoc/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/068cfab25/packages/core-react/src/_utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/ebfd9160b/packages/core-react/src/_utils/types.ts#L45"
       },
       {
         "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/068cfab25/packages/core-react/src/_utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/ebfd9160b/packages/core-react/src/_utils/types.ts#L50"
       },
       {
         "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/068cfab25/packages/core-react/src/Avatar/Avatar.types.ts#L49"
+        "sourceUrl": "https://github.com/procore/core/blob/ebfd9160b/packages/core-react/src/Avatar/Avatar.types.ts#L49"
       },
       {
         "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/068cfab25/packages/core-react/src/_utils/types.ts#L55"
+        "sourceUrl": "https://github.com/procore/core/blob/ebfd9160b/packages/core-react/src/_utils/types.ts#L55"
       }
     ],
     "description": ""
@@ -56,7 +56,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/068cfab25/packages/core-react/src/_utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/ebfd9160b/packages/core-react/src/_utils/types.ts#L45"
       },
       {
         "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/068cfab25/packages/core-react/src/_utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/ebfd9160b/packages/core-react/src/_utils/types.ts#L50"
       },
       {
         "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/068cfab25/packages/core-react/src/_utils/types.ts#L55"
+        "sourceUrl": "https://github.com/procore/core/blob/ebfd9160b/packages/core-react/src/_utils/types.ts#L55"
       }
     ],
     "description": ""
@@ -92,7 +92,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/068cfab25/packages/core-react/src/_utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/ebfd9160b/packages/core-react/src/_utils/types.ts#L45"
       },
       {
         "name": "className",
@@ -102,7 +102,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/068cfab25/packages/core-react/src/_utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/ebfd9160b/packages/core-react/src/_utils/types.ts#L50"
       },
       {
         "name": "imageUrl",
@@ -112,7 +112,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/068cfab25/packages/core-react/src/Avatar/Avatar.types.ts#L57"
+        "sourceUrl": "https://github.com/procore/core/blob/ebfd9160b/packages/core-react/src/Avatar/Avatar.types.ts#L57"
       },
       {
         "name": "style",
@@ -122,7 +122,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/068cfab25/packages/core-react/src/_utils/types.ts#L55"
+        "sourceUrl": "https://github.com/procore/core/blob/ebfd9160b/packages/core-react/src/_utils/types.ts#L55"
       }
     ],
     "description": ""
@@ -138,7 +138,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/068cfab25/packages/core-react/src/_utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/ebfd9160b/packages/core-react/src/_utils/types.ts#L45"
       },
       {
         "name": "className",
@@ -148,7 +148,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/068cfab25/packages/core-react/src/_utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/ebfd9160b/packages/core-react/src/_utils/types.ts#L50"
       },
       {
         "name": "clickable",
@@ -159,7 +159,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/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/068cfab25/packages/core-react/src/Avatar/Avatar.types.ts#L12"
+        "sourceUrl": "https://github.com/procore/core/blob/ebfd9160b/packages/core-react/src/Avatar/Avatar.types.ts#L12"
       },
       {
         "name": "disabled",
@@ -170,7 +170,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/068cfab25/packages/core-react/src/Avatar/Avatar.types.ts#L18"
+        "sourceUrl": "https://github.com/procore/core/blob/ebfd9160b/packages/core-react/src/Avatar/Avatar.types.ts#L18"
       },
       {
         "name": "size",
@@ -183,7 +183,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/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/068cfab25/packages/core-react/src/Avatar/Avatar.types.ts#L40"
+        "sourceUrl": "https://github.com/procore/core/blob/ebfd9160b/packages/core-react/src/Avatar/Avatar.types.ts#L40"
       },
       {
         "name": "style",
@@ -193,7 +193,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/068cfab25/packages/core-react/src/_utils/types.ts#L55"
+        "sourceUrl": "https://github.com/procore/core/blob/ebfd9160b/packages/core-react/src/_utils/types.ts#L55"
       }
     ],
     "description": ""