@procore/core-react 10.25.1-rc.14962 → 10.26.0

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [10.26.0](https://github.com/procore/core/compare/@procore/core-react@10.25.1...@procore/core-react@10.26.0) (2022-03-07)
+
+
+### Features
+
+* test rc suffix ([0eb6175](https://github.com/procore/core/commit/0eb6175217d72a071194e520261e37542e71cc5b))
+* test rc suffix again ([880ecb5](https://github.com/procore/core/commit/880ecb5e77ac13b08a552c93aef00b57511f1fc4))
+
+
+
+
+
+## [10.25.1](https://github.com/procore/core/compare/@procore/core-react@10.25.0...@procore/core-react@10.25.1) (2022-03-05)
+
+
+### Bug Fixes
+
+* **core-react:** mapped unsupported tinymce locales to en ([#10113](https://github.com/procore/core/issues/10113)) ([e91d795](https://github.com/procore/core/commit/e91d795f77838108d2ec17b70bed725c65b9465c))
+* update core-react ([2ba4ed3](https://github.com/procore/core/commit/2ba4ed3e529e0000102abe81bf16115d208ab833))
+
+
+
+
+
 # [10.25.0](https://github.com/procore/core/compare/v10.24.0...v10.25.0) (2022-03-01)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/core-react",
-  "version": "10.25.1-rc.14962+e91d795f7",
+  "version": "10.26.0",
   "description": "JSX implementations for core-css",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -14,7 +14,6 @@
     "clean": "rimraf dist",
     "dev": "NODE_ENV=development TZ_LOG=true yarn build:typedoc && yarn dev:ts",
     "dev:ts": "tsc -p tsconfig.prod.json --watch",
-    "prepublishOnly": "yarn build",
     "test": "TZ=America/Los_Angeles jest --runInBand",
     "test:update": "TZ=America/Los_Angeles jest --runInBand -u",
     "typecheck": "tsc -p . --noEmit",
@@ -105,9 +104,9 @@
     "yup": "0.32.11"
   },
   "dependencies": {
-    "@procore/core-css": "10.23.1-rc.14962+e91d795f7",
-    "@procore/core-i18n-js": "10.25.1-rc.14962+e91d795f7",
-    "@procore/core-icons": "10.25.1-rc.14962+e91d795f7",
+    "@procore/core-css": "11.0.0",
+    "@procore/core-i18n-js": "10.25.0",
+    "@procore/core-icons": "11.0.0",
     "@tinymce/tinymce-react": "3.13.0",
     "axios": "0.24.0",
     "classnames": "2.3.1",
@@ -130,5 +129,5 @@
     "react-dom": ">=16.8.0 < 18",
     "styled-components": ">= 5.1.1 < 6"
   },
-  "gitHead": "e91d795f77838108d2ec17b70bed725c65b9465c"
+  "gitHead": "b99473158bb2740748dae9bb999f7b6c2dbe08bb"
 }

package/dist/esm/__tests__/helpers/fakeTimers.d.ts

@@ -1 +0,0 @@
-export declare function flushPromises(): Promise<unknown>;

package/dist/esm/__tests__/helpers/fakeTimers.js

@@ -1,7 +0,0 @@
-import { setImmediate } from 'timers';
-export function flushPromises() {
-    // Wait for promises running in the non-async timer callback to complete.
-    // From https://stackoverflow.com/a/58716087/308237
-    return new Promise(function (resolve) { return setImmediate(resolve); });
-}
-//# sourceMappingURL=fakeTimers.js.map

package/dist/esm/__tests__/helpers/fakeTimers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fakeTimers.js","sourceRoot":"","sources":["../../../../src/__tests__/helpers/fakeTimers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AAErC,MAAM,UAAU,aAAa;IAC3B,yEAAyE;IACzE,mDAAmD;IAEnD,OAAO,IAAI,OAAO,CAAC,UAAC,OAAO,IAAK,OAAA,YAAY,CAAC,OAAO,CAAC,EAArB,CAAqB,CAAC,CAAA;AACxD,CAAC"}

package/dist/esm/__tests__/helpers/snapshots.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { ReactWrapper } from 'enzyme';
-declare type OnReady = (wrapper: ReactWrapper) => Promise<void>;
-/**
- * @param jsx react element
- * @param onReady callback for manipulations with component before test snapshot
- */
-export declare const matchesSnapshot: (jsx: React.ReactElement, onReady?: OnReady | undefined) => Promise<void>;
-/**
- * @param jsx react element
- * @param onReady callback for manipulations with component before test snapshot and accessibility
- */
-export declare const testSnapshotAndAccessibility: (jsx: React.ReactElement, onReady?: OnReady | undefined) => Promise<void>;
-export {};

package/dist/esm/__tests__/helpers/snapshots.js

@@ -1,103 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { mount } from 'enzyme';
-import { axe, toHaveNoViolations } from 'jest-axe';
-expect.extend(toHaveNoViolations);
-var renderInBody = function (jsx, onReady) { return __awaiter(void 0, void 0, void 0, function () {
-    var holder, wrapper;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                holder = document.createElement('div');
-                holder.setAttribute('id', 'root');
-                holder.setAttribute('role', 'application');
-                document.body.appendChild(holder);
-                wrapper = mount(jsx, { attachTo: holder });
-                if (!onReady) return [3 /*break*/, 2];
-                return [4 /*yield*/, onReady(wrapper)];
-            case 1:
-                _a.sent();
-                _a.label = 2;
-            case 2: return [2 /*return*/, {
-                    body: document.body,
-                    cleanup: function () {
-                        wrapper.detach();
-                        document.body.removeChild(holder);
-                    },
-                }];
-        }
-    });
-}); };
-/**
- * @param jsx react element
- * @param onReady callback for manipulations with component before test snapshot
- */
-export var matchesSnapshot = function (jsx, onReady) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, body, cleanup;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
-            case 0: return [4 /*yield*/, renderInBody(jsx, onReady)];
-            case 1:
-                _a = _b.sent(), body = _a.body, cleanup = _a.cleanup;
-                expect(body).toMatchSnapshot();
-                cleanup();
-                return [2 /*return*/];
-        }
-    });
-}); };
-/**
- * @param jsx react element
- * @param onReady callback for manipulations with component before test snapshot and accessibility
- */
-export var testSnapshotAndAccessibility = function (jsx, onReady) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, body, cleanup, results;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
-            case 0: return [4 /*yield*/, renderInBody(jsx, onReady)];
-            case 1:
-                _a = _b.sent(), body = _a.body, cleanup = _a.cleanup;
-                expect(body).toMatchSnapshot();
-                return [4 /*yield*/, axe(body)];
-            case 2:
-                results = _b.sent();
-                expect(results).toHaveNoViolations();
-                cleanup();
-                return [2 /*return*/];
-        }
-    });
-}); };
-//# sourceMappingURL=snapshots.js.map

package/dist/esm/__tests__/helpers/snapshots.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"snapshots.js","sourceRoot":"","sources":["../../../../src/__tests__/helpers/snapshots.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,KAAK,EAAgB,MAAM,QAAQ,CAAA;AAC5C,OAAO,EAAE,GAAG,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAClD,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAA;AAGjC,IAAM,YAAY,GAAG,UAAO,GAAuB,EAAE,OAAiB;;;;;gBAC9D,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;gBAC5C,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;gBACjC,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;gBAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;gBAE3B,OAAO,GAAG,KAAK,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAA;qBAC5C,OAAO,EAAP,wBAAO;gBACT,qBAAM,OAAO,CAAC,OAAO,CAAC,EAAA;;gBAAtB,SAAsB,CAAA;;oBAGxB,sBAAO;oBACL,IAAI,EAAE,QAAQ,CAAC,IAAI;oBACnB,OAAO,EAAE;wBACP,OAAO,CAAC,MAAM,EAAE,CAAA;wBAChB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;oBACnC,CAAC;iBACF,EAAA;;;KACF,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,IAAM,eAAe,GAAG,UAC7B,GAAuB,EACvB,OAAiB;;;;oBAES,qBAAM,YAAY,CAAC,GAAG,EAAE,OAAO,CAAC,EAAA;;gBAApD,KAAoB,SAAgC,EAAlD,IAAI,UAAA,EAAE,OAAO,aAAA;gBACrB,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAA;gBAC9B,OAAO,EAAE,CAAA;;;;KACV,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,IAAM,4BAA4B,GAAG,UAC1C,GAAuB,EACvB,OAAiB;;;;oBAES,qBAAM,YAAY,CAAC,GAAG,EAAE,OAAO,CAAC,EAAA;;gBAApD,KAAoB,SAAgC,EAAlD,IAAI,UAAA,EAAE,OAAO,aAAA;gBACrB,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAA;gBAEd,qBAAM,GAAG,CAAC,IAAI,CAAC,EAAA;;gBAAzB,OAAO,GAAG,SAAe;gBAC/B,MAAM,CAAC,OAAO,CAAC,CAAC,kBAAkB,EAAE,CAAA;gBACpC,OAAO,EAAE,CAAA;;;;KACV,CAAA"}

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { DivAttributes } from '../../utils/types';
-import { AvatarIconProps, AvatarPortraitProps, AvatarLabelProps, AvatarProps } from './Avatar.types';
-export declare const Icon: React.ForwardRefExoticComponent<DivAttributes & AvatarIconProps & React.RefAttributes<HTMLDivElement>>;
-export declare const Label: React.ForwardRefExoticComponent<DivAttributes & AvatarLabelProps & React.RefAttributes<HTMLDivElement>>;
-export declare const Portrait: React.ForwardRefExoticComponent<DivAttributes & AvatarPortraitProps & React.RefAttributes<HTMLDivElement>>;
-export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & DivAttributes & React.RefAttributes<HTMLDivElement>> & {
-    Icon: React.ForwardRefExoticComponent<DivAttributes & AvatarIconProps & React.RefAttributes<HTMLDivElement>>;
-    Label: React.ForwardRefExoticComponent<DivAttributes & AvatarLabelProps & React.RefAttributes<HTMLDivElement>>;
-    Portrait: React.ForwardRefExoticComponent<DivAttributes & AvatarPortraitProps & React.RefAttributes<HTMLDivElement>>;
-};

package/dist/esm/components/Avatar/Avatar.js

@@ -1,67 +0,0 @@
-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 React from 'react';
-import { addSubcomponents } from '../../utils/addSubcomponents';
-import { Icon as IconBase } from '../Icon';
-import { StyledAvatarContainer, StyledAvatarOverlay, StyledIconContainer, StyledLabelContainer, StyledPortraitContainer, } from './Avatar.styles';
-/**
-
- We use avatars to visually represent our users, places, and things in the app.
- These can be in the form of rich media or representative illustrations.
-
- @since 10.19.0
-
- @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-avatar--demo)
-
- @see [Design Guidelines](https://design.procore.com/avatar)
-
- */
-var Avatar_ = React.forwardRef(function Avatar(_a, ref) {
-    var clickable = _a.clickable, disabled = _a.disabled, size = _a.size, children = _a.children, props = __rest(_a, ["clickable", "disabled", "size", "children"]);
-    return (React.createElement(StyledAvatarContainer, __assign({ ref: ref, "$clickable": clickable, "$disabled": disabled, "$size": size, "data-qa": "core-avatar" }, props),
-        React.Children.only(children),
-        React.createElement(StyledAvatarOverlay, null)));
-});
-export var Icon = React.forwardRef(function Icon(_a, ref) {
-    var icon = _a.icon, props = __rest(_a, ["icon"]);
-    return (React.createElement(StyledIconContainer, __assign({ ref: ref }, props), typeof icon === 'string' ? React.createElement(IconBase, { icon: icon }) : icon));
-});
-export var Label = React.forwardRef(function Label(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(StyledLabelContainer, __assign({ ref: ref }, props), children));
-});
-export var Portrait = React.forwardRef(function Portrait(_a, ref) {
-    var imageUrl = _a.imageUrl, props = __rest(_a, ["imageUrl"]);
-    return (React.createElement(StyledPortraitContainer, __assign({ ref: ref, "$imageUrl": imageUrl }, props),
-        React.createElement(StyledAvatarOverlay, null)));
-});
-Avatar_.displayName = 'Avatar';
-Icon.displayName = 'Avatar.Icon';
-Label.displayName = 'Avatar.Label';
-Portrait.displayName = 'Avatar.Portrait';
-export var Avatar = addSubcomponents({
-    Icon: Icon,
-    Label: Label,
-    Portrait: Portrait,
-}, Avatar_);
-//# sourceMappingURL=Avatar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAE/D,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,iBAAiB,CAAA;AAQxB;;;;;;;;;;;GAWG;AACH,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,SAAS,MAAM,CAAC,EAAiD,EAAE,GAAG;IAApD,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA/C,6CAAiD,CAAF;IAC7D,OAAO,CACL,oBAAC,qBAAqB,aACpB,GAAG,EAAE,GAAG,gBACI,SAAS,eACV,QAAQ,WACZ,IAAI,aACH,aAAa,IACjB,KAAK;QAER,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC9B,oBAAC,mBAAmB,OAAG,CACD,CACzB,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAGlC,SAAS,IAAI,CAAC,EAAkB,EAAE,GAAG;IAArB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;IAC9B,OAAO,CACL,oBAAC,mBAAmB,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GACrC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,CACvC,CACvB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAGnC,SAAS,KAAK,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACnC,OAAO,CACL,oBAAC,oBAAoB,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GACtC,QAAQ,CACY,CACxB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAGtC,SAAS,QAAQ,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACtC,OAAO,CACL,oBAAC,uBAAuB,aAAC,GAAG,EAAE,GAAG,eAAa,QAAQ,IAAM,KAAK;QAC/D,oBAAC,mBAAmB,OAAG,CACC,CAC3B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE9B,IAAI,CAAC,WAAW,GAAG,aAAa,CAAA;AAEhC,KAAK,CAAC,WAAW,GAAG,cAAc,CAAA;AAElC,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAExC,MAAM,CAAC,IAAM,MAAM,GAAG,gBAAgB,CACpC;IACE,IAAI,MAAA;IACJ,KAAK,OAAA;IACL,QAAQ,UAAA;CACT,EACD,OAAO,CACR,CAAA"}

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

@@ -1,14 +0,0 @@
-import { AvatarProps } from './Avatar.types';
-interface StyledAvatarProps {
-    $clickable: AvatarProps['clickable'];
-    $disabled: AvatarProps['disabled'];
-    $size: AvatarProps['size'];
-}
-export declare const StyledAvatarOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledLabelContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledPortraitContainer: import("styled-components").StyledComponent<"div", any, {
-    $imageUrl: string;
-}, never>;
-export declare const StyledAvatarContainer: import("styled-components").StyledComponent<"div", any, StyledAvatarProps, never>;
-export {};

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

@@ -1,36 +0,0 @@
-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, { css } from 'styled-components';
-import { colors } from '../../styles/colors';
-var activeOverlayOpacity = 0.3;
-var containerSize = { xl: 96, lg: 40, md: 32 };
-var fontSize = { xl: 40, lg: 14, md: 14 };
-var fontWeights = { xl: 700, lg: 600, md: 600 };
-var iconSize = { xl: 48, lg: 24, md: 16 };
-var iconSizeLegacy = { xl: 40, lg: 14, md: 14 };
-export var StyledAvatarOverlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  border-radius: 100%;\n  opacity: 0;\n"], ["\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  border-radius: 100%;\n  opacity: 0;\n"])));
-export var StyledIconContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: inline-flex;\n"], ["\n  display: inline-flex;\n"])));
-export var StyledLabelContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  text-transform: uppercase;\n"], ["\n  text-transform: uppercase;\n"])));
-export var StyledPortraitContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background-color: ", ";\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  height: 100%;\n  width: 100%;\n  background-image: url(", ");\n"], ["\n  background-color: ", ";\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  height: 100%;\n  width: 100%;\n  background-image: url(", ");\n"])), colors.white, function (_a) {
-    var $imageUrl = _a.$imageUrl;
-    return $imageUrl;
-});
-export var StyledAvatarContainer = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 100%;\n  overflow: hidden;\n  position: relative;\n  cursor: default;\n  color: ", ";\n  background-color: ", ";\n\n  ", "\n\n  ", ";\n"], ["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 100%;\n  overflow: hidden;\n  position: relative;\n  cursor: default;\n  color: ", ";\n  background-color: ", ";\n\n  ", "\n\n  ", ";\n"])), colors.white, colors.gray30, function (_a) {
-    var _b = _a.$size, $size = _b === void 0 ? 'md' : _b;
-    return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    font-size: ", "px;\n    font-weight: ", ";\n    height: ", "px;\n    width: ", "px;\n    min-height: ", "px;\n    min-width: ", "px;\n\n    ", " {\n      svg {\n        height: ", "px;\n        width: ", "px;\n      }\n\n      [data-jss-placeholder] svg {\n        // TODO supporting legacy string icons, remove this eventually\n        height: ", "px;\n        width: ", "px;\n      }\n    }\n  "], ["\n    font-size: ", "px;\n    font-weight: ", ";\n    height: ", "px;\n    width: ", "px;\n    min-height: ", "px;\n    min-width: ", "px;\n\n    ", " {\n      svg {\n        height: ", "px;\n        width: ", "px;\n      }\n\n      [data-jss-placeholder] svg {\n        // TODO supporting legacy string icons, remove this eventually\n        height: ", "px;\n        width: ", "px;\n      }\n    }\n  "])), fontSize[$size], fontWeights[$size], containerSize[$size], containerSize[$size], containerSize[$size], containerSize[$size], StyledIconContainer, iconSize[$size], iconSize[$size], iconSizeLegacy[$size], iconSizeLegacy[$size]);
-}, function (_a) {
-    var $disabled = _a.$disabled, $clickable = _a.$clickable;
-    if (!$disabled && $clickable) {
-        return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        cursor: pointer;\n\n        &:hover {\n          ", " {\n            opacity: ", ";\n          }\n        }\n\n        ", " {\n          background-color: ", ";\n        }\n      "], ["\n        cursor: pointer;\n\n        &:hover {\n          ", " {\n            opacity: ", ";\n          }\n        }\n\n        ", " {\n          background-color: ", ";\n        }\n      "])), StyledAvatarOverlay, activeOverlayOpacity, StyledAvatarOverlay, colors.black);
-    }
-    if ($disabled && !$clickable) {
-        return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        background-color: ", ";\n\n        ", " {\n          background-color: ", ";\n          opacity: ", ";\n        }\n      "], ["\n        background-color: ", ";\n\n        ", " {\n          background-color: ", ";\n          opacity: ", ";\n        }\n      "])), colors.gray85, StyledAvatarOverlay, colors.white, activeOverlayOpacity);
-    }
-    if ($disabled && $clickable) {
-        return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        cursor: pointer;\n        background-color: ", ";\n\n        &:hover {\n          ", " {\n            background-color: ", ";\n            opacity: ", ";\n          }\n        }\n\n        ", " {\n          background-color: ", ";\n          opacity: ", ";\n        }\n      "], ["\n        cursor: pointer;\n        background-color: ", ";\n\n        &:hover {\n          ", " {\n            background-color: ", ";\n            opacity: ", ";\n          }\n        }\n\n        ", " {\n          background-color: ", ";\n          opacity: ", ";\n        }\n      "])), colors.gray85, StyledAvatarOverlay, colors.black, activeOverlayOpacity, StyledAvatarOverlay, colors.white, activeOverlayOpacity);
-    }
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
-//# sourceMappingURL=Avatar.styles.js.map

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

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

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

@@ -1,78 +0,0 @@
-import { Props, Size } from '../../utils/types';
-export declare type AvatarSize = Extract<Size, 'md' | 'lg' | 'xl'>;
-export interface AvatarProps extends Props {
-    /**
-     * Sets the avatar's clickable state
-     *
-     * @since 10.19.0
-     * @defaultValue false
-     */
-    clickable?: boolean;
-    /**
-     * Sets the avatar's disabled state
-     *
-     * @defaultValue false
-     */
-    disabled?: boolean;
-    /**
-     * Sets the avatar's size
-     *
-     * @defaultValue md
-     *
-     * @deprecated
-     *
-     * Size "xl" has been deprecated and will be removed in a future version.
-     * Please use "lg" instead of "xl".
-     *
-     * **Before**
-     *
-     * `<Avatar size="xl" />`
-     *
-     * **After**
-     *
-     * `<Avatar size="lg" />`
-     *
-     * @deprecatedSince 10.20.0
-     * @since 10.19.0
-     */
-    size?: AvatarSize;
-}
-export interface AvatarIconProps extends Props {
-    /**
-     * The icon to display
-     *
-     * @deprecated
-     *
-     * The `string` type icon has been deprecated and will be removed in the future.
-     * Please use a React icon component from the `@procore/core-icons/dist` package.
-     *
-     * **Before**
-     *
-     * ```
-     * <Avatar>
-     *   <Avatar.Icon icon="building" />
-     * </Avatar>
-     * ```
-     *
-     * **After**
-     *
-     * ```
-     * <Avatar>
-     *   <Avatar.Icon icon={<Building />} />
-     * </Avatar>
-     * ```
-  
-     * @deprecatedSince 10.20.0
-     * @since 10.19.0
-     */
-    icon: string | React.ReactNode;
-}
-export interface AvatarPortraitProps extends Props {
-    /**
-     * The avatar rich media url
-     * @since 10.19.0
-     */
-    imageUrl: string;
-}
-export interface AvatarLabelProps extends Props {
-}

package/dist/esm/components/Avatar/Avatar.types.js

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

package/dist/esm/components/Avatar/Avatar.types.js.map

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

package/dist/esm/components/Avatar/index.d.ts

@@ -1,2 +0,0 @@
-export { Avatar, Avatar as default, Icon, Label, Portrait } from './Avatar';
-export { AvatarIconProps, AvatarPortraitProps, AvatarProps, } from './Avatar.types';

package/dist/esm/components/Avatar/index.js

@@ -1,2 +0,0 @@
-export { Avatar, Avatar as default, Icon, Label, Portrait } from './Avatar';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Avatar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA"}

package/dist/esm/components/AvatarStack/AvatarStack.constants.d.ts

@@ -1,5 +0,0 @@
-import { Color } from '../../styles/colors';
-export declare const visibleItemsCap = 5;
-export declare const foldedItemsCap = 4;
-export declare const restCountThreshold = 99;
-export declare const colorsOrder: Color[];

package/dist/esm/components/AvatarStack/AvatarStack.constants.js

@@ -1,5 +0,0 @@
-export var visibleItemsCap = 5;
-export var foldedItemsCap = 4;
-export var restCountThreshold = 99;
-export var colorsOrder = ['blue40', 'purple40', 'orange40', 'gray40'];
-//# sourceMappingURL=AvatarStack.constants.js.map

package/dist/esm/components/AvatarStack/AvatarStack.constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarStack.constants.js","sourceRoot":"","sources":["../../../../src/components/AvatarStack/AvatarStack.constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,eAAe,GAAG,CAAC,CAAA;AAEhC,MAAM,CAAC,IAAM,cAAc,GAAG,CAAC,CAAA;AAE/B,MAAM,CAAC,IAAM,kBAAkB,GAAG,EAAE,CAAA;AAEpC,MAAM,CAAC,IAAM,WAAW,GAAY,CAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAA"}

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

@@ -1,52 +0,0 @@
-import React from 'react';
-import { Color } from '../../styles/colors';
-import { AvatarStackProps, AvatarStackItemId, AvatarStackItemType, AvatarStackItem, AvatarStackSize, FoldedAvatarStackProps, ViewAllModalProps } from './AvatarStack.types';
-export declare function getOverflowValues<Item extends AvatarStackItem>(items: Item[]): {
-    visibleItems: Item[];
-    foldedItems: Item[];
-    restCountLabel: string | null;
-    isViewAllNeeded: boolean;
-};
-export declare function getIcon(type: AvatarStackItemType, size: 'md' | 'sm'): JSX.Element | null;
-export declare function getAvatarIcon(type: AvatarStackItemType, size: AvatarStackSize): JSX.Element | null;
-export declare function getColorOrder(avatarItems: AvatarStackItem[]): Map<AvatarStackItemId, Color>;
-export declare function AvatarStackContactItem({ id, type, imageUrl, initials, inactive, name, linkUrl, description, }: AvatarStackItem): JSX.Element;
-export declare function AvatarContent({ imageUrl, initials, type, size, }: {
-    imageUrl?: AvatarStackItem['imageUrl'];
-    initials: AvatarStackItem['initials'];
-    type: AvatarStackItem['type'];
-    size: AvatarStackSize;
-}): JSX.Element | null;
-export declare function BaseAvatarStack<Item extends AvatarStackItem>({ items, size, colors, }: {
-    items: Item[];
-    colors: Map<AvatarStackItemId, Color>;
-    size: AvatarStackSize;
-}): JSX.Element;
-export declare function FoldedAvatarStack<Item extends AvatarStackItem>({ items, onClickViewAll, size, restCountLabel, isViewAllNeeded, }: FoldedAvatarStackProps<Item>): JSX.Element;
-export declare function ViewAllModal<Item extends AvatarStackItem>({ isOpen, onClose, title, items, }: ViewAllModalProps<Item>): JSX.Element;
-export declare function defaultInitials<Item extends AvatarStackItem>(item: Item): string;
-export declare function defaultGetImageUrl<Item extends AvatarStackItem>(item: Item): string;
-export declare function getTransformedItems<Item extends AvatarStackItem>({ items, getInitials, getImageUrl, }: {
-    items: Item[];
-    getInitials: AvatarStackProps<Item>['getInitials'];
-    getImageUrl: AvatarStackProps<Item>['getImageUrl'];
-}): (Item & {
-    initials: string;
-    imageUrl: string;
-})[];
-declare const _AvatarStack: <Item extends AvatarStackItem>({ items: _items, title, size, getInitials, getImageUrl, ...props }: AvatarStackProps<Item>, ref: React.ForwardedRef<HTMLDivElement>) => JSX.Element;
-/**
-
- We use avatars to visually represent our users, places, and things in the app.
- These can be in the form of rich media or representative illustrations.
-
- @since 10.19.0
-
- @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-avatarstack--demo)
-
- @see [Design Guidelines](https://design.procore.com/avatar-stack)
- */
-export declare const AvatarStack: <Item extends AvatarStackItem>(props: AvatarStackProps<Item> & {
-    ref?: React.ForwardedRef<HTMLDivElement> | undefined;
-}) => ReturnType<typeof _AvatarStack>;
-export {};