@procore/core-react 12.21.0 → 12.21.2

package/CHANGELOG.md

@@ -0,0 +1,428 @@
+# Change Log
+
+## 12.21.2
+
+### Patch Changes
+
+- 632ce8a: Title to subheading spacing increased by 4, toggle button has consistent spacing in page header
+- a9ac0ff: Yarn 4 migration
+
+  - Update to Yarn 4
+  - Update README instructions
+  - Update workspace syntax
+  - Update CircleCI config
+  - Replace Husky with Git hooks
+  - Fix minor TypeScript build issues
+
+- Updated dependencies [a9ac0ff]
+  - @procore/core-icons@12.6.1
+
+## 12.21.1
+
+### Patch Changes
+
+- a923d1b: Un-deprecate `disabled` prop for the Search component
+- 2cb1890: fix `NumberInput` typing issue
+
+## 12.21.0
+
+### Minor Changes
+
+- ee16a7f: RadioButton error adds aria-invalid
+
+### Patch Changes
+
+- ce06a5b: Add description of `useSplitViewCard` hook in `SplitViewCard`
+  Export `useSplitViewCard` to control opening/closing `SplitViewCard`
+
+## 12.20.4
+
+### Patch Changes
+
+- Updated dependencies [1172b23]
+  - @procore/core-icons@12.6.0
+
+## 12.20.3
+
+### Patch Changes
+
+- 28a8cec: Added type overload to useI18nContext for non generic cases
+- Updated dependencies [8ca5a1d]
+  - @procore/core-icons@12.5.0
+
+## 12.20.2
+
+### Patch Changes
+
+- dcf6db1: Fix `TieredDropdown` search state now clears on blur
+- 39489bf: Fix for the second argument of `translate()` and `t()` to be optional when the string is not pluralized or interpolated
+- Updated dependencies [ac240cb]
+  - @procore/core-icons@12.4.0
+
+## 12.20.1
+
+### Patch Changes
+
+- 3b03f2c: non-selectable items in the `Tree` are now styled to appear visually disabled
+- 6b4152c: Update `ToolLandingPage` settings link colors to be a secondary button
+- 6b4152c: Fixed typed `useI18nContext` to properly handle pluralized translations.
+
+## 12.20.0
+
+### Minor Changes
+
+- 12df818: Added generic type parameter for `useI18nContext` to enable strong typing of translation parameters
+
+### Non SemVer Changes
+
+- Unsafe limited release alpha PageHeaderTemplate
+
+## 12.19.0
+
+### Minor Changes
+
+- a7648b2: `Dropzone` component deprecates `tooltip` property, add `tokens` and `onClear` props for displaying files
+
+### Patch Changes
+
+- Updated dependencies [4fccfec]
+  - @procore/core-i18n-js@10.29.3
+
+## 12.18.1
+
+### Patch Changes
+
+- a34bc6a: Upgrades `@tinymce/tinymce-react`, removes `tinymce` as a dependency
+- 789f671: Fix typo in translation key name.
+
+## 12.18.0
+
+### Minor Changes
+
+- d167d90: [UXI-1088] Remove `react-beautiful-dnd` peerDependency requirement. Migration to and internalizes `@atlaskit/pragmatic-drag-and-drop`
+- abb108e: Introduce `TextInput`component instead to replace `Input`, planning to deprecate `Input` component
+
+### Patch Changes
+
+- cb84286: Fixed `Spinner` to disable animations when `loading` is false.
+- c447ddc: Tinymce to 6.8.5
+
+## 12.17.8
+
+### Patch Changes
+
+- 53110d4: Deprecate `compact` property, add `isHorizontal` and `size` properties to EmptyState component
+
+## 12.17.7
+
+### Patch Changes
+
+- 5cadbc9: Add default icon to Banner componet depending on variant
+- 98780c8: Deprecate `iconRight` property and `tertiaryContrast` variant for Button. Decouple FilterToken component from Button
+
+## 12.17.6
+
+### Patch Changes
+
+- 864ac9d: Update dependency package versions
+
+## 12.17.5
+
+### Patch Changes
+
+- b19e0a0f42: Fix `isTierDisabled` in `TieredSelect` component with selectable tiers
+- c33b95d3b0: `SegmentedController.Segment` `selected` instead of `active`, deprecate `active`
+- c861e39b23: Deprecate `active` prop in `Tabs` component, replaced by the `selected` prop
+- b6784bf2bc: `Spinner` `variant` instead of `color`, add new variants
+  - Hide label on small sizes (`xs`, `sm`).
+  - Deprecate `color` property.
+  - Un-deprecate `variant` property, add `default`, `button` and `focus` variants
+- caacaa17b5: Deprecate `traditional` `variant` for `Form` field layouts
+
+## 12.17.4
+
+### Patch Changes
+
+- 3f23de248: Deprecate `gray` variant from Link component
+- cce0b1f41: Axios package bump for security
+
+## 12.17.3
+
+### Patch Changes
+
+- fe7e10cbe: Deprecate `sm` size in Avatar component
+- 1d8188268: Tearsheet deprecate `placement` and `stretch`, add `block` property as a drop-in replacement for `stretch`
+- 340e07485: Deprecate `size` `sm` in AvatarStack component
+- 72cca9636: Popover deprecate `fluid` property, add `block` property as a drop-in replacement
+
+## 12.17.2
+
+### Patch Changes
+
+- 844a38816d: Updated the file upload error messages to display the file's relative path.
+- 144ef26610: Deprecate `disabled` and `error` props for the Search component
+- d6f8cdd9cd: Fix some accessibility a11y warnings
+- 33607f479c: Update Dropzone error messaging.
+
+## 12.17.1
+
+### Patch Changes
+
+- 59ce2207fa: Improve messaging for blocking zero byte uploads in Dropzone component.
+- Updated dependencies [fd00589dce]
+- Updated dependencies
+  - @procore/core-icons@12.3.0
+
+## 12.17.0
+
+### Minor Changes
+
+- bbaaa149de: Removed text transform from the Spinner label
+
+### Patch Changes
+
+- e6cff39e8e: Fix invalid html attributes for Typography and Tabs, use styled-components transient prefix $
+- fe5abed75a: Added animationFrame: true to autoUpdate to prevent ResizeObserver bug in @floating-ui
+
+## 12.16.2
+
+### Patch Changes
+
+- 221c980472: Removed unnecessary re-renders for TextEditor by memoize the focusScope for the useEffect to avoid over-triggering.
+- 758409d4d0: Add data-core-react attribute for tracking NextGen Layouts utilization
+
+## 12.16.1
+
+### Patch Changes
+
+- 09eb576e78: Focus can leave a Modal or Tearsheet when the TinyMCE TextEditor has a plugin enabled that opens its own TinyMCE modal
+
+## 12.16.0
+
+### Minor Changes
+
+- cb9ef0cf13: disable buttons during the closing transitions of the modal and tearsheets components.
+
+### Patch Changes
+
+- 5633033fec: Dropped core-css and scss in GroupBySelect
+- d50705608f: [UXI-885] Updating colors for the animated progress bar
+
+## 12.15.0
+
+### Minor Changes
+
+- 4e51fffd2: Add header prop to Select component
+
+## 12.14.0
+
+### Minor Changes
+
+- e660ed1ce: Adding option renderer props to the Form.Select and MultiSelect types so they can be used without error by the consumer
+- 85403fc79: Updating dependencies
+
+### Patch Changes
+
+- 081ac7922: fix React warning with Spinner and EmptyState for invalid attributes from styled-components
+- d1e891702: EmptyState's description using `body` instead of `h3`
+
+## 12.13.0
+
+### Minor Changes
+
+- 23cdefdd1a: Updating ToggleButton styles, adding loading prop
+- 2718e17f50: Added size sm to Avatar and AvatarStack
+
+## 12.12.1
+
+### Patch Changes
+
+- d6e90a75c: Fix placeholder for de-DE in DateInput component
+- aeac00464: Fix issue with resetting ungrouped/grouped columns (UISP-215)[UISP-215 https://procoretech.atlassian.net/browse/UISP-215]
+
+## 12.12.0
+
+### Minor Changes
+
+- ce4c89f36: Add onClickViewAll prop to AvatarStack
+- b973bf06d: Thumbnail Placeholder variant file
+- 2a9c4441d: Improve accessibility to dropdownflyout component which is used in data-table component
+- 36ae9f382: update required label capitalization
+
+### Patch Changes
+
+- ba1a46661: Panel Footer show shadow only while scrolling
+
+## 12.11.1
+
+### Patch Changes
+
+- 14551f2c3: Fixed passing a deprecated locale and its translations to I18nProvider was resulting in showing no translations
+
+## 12.11.0
+
+### Minor Changes
+
+- b034c8b7e7: Introducing GhostPlaceholder
+- 977a03d2e3: Allow to change the strategy for restoring focus in OverlayTrigger. This fixes closing Select by Tab button.
+
+### Patch Changes
+
+- Updated dependencies [9e378e94cf]
+  - @procore/core-icons@12.2.0
+
+## 12.10.0
+
+### Minor Changes
+
+- 6df512a30: - Add Polish support
+  - Mark Locale type as deprecated
+  - Mark getI18nProviderLocale as deprecated
+- 6c2153dea: Changes have been made in the translation for Page keyword in pagination to include the colon along with the translation.
+- 76a28038d: Panel Header Action improve screen reader and keyboard support with aria-label and focus trigger
+
+### Patch Changes
+
+- ae429cddb: SplitViewCard no outer spacing on mobile
+- Updated dependencies [8c613f543]
+  - @procore/core-i18n-js@10.29.0
+
+## 12.9.0
+
+### Minor Changes
+
+- f4bba2564d: Add ToolLandingPage layout and deprecate the ListPage layout
+- 2385ee3dc2: Add SplitViewCard component
+- e72d0229e4: Add unsafe button variant for helix header
+
+### Patch Changes
+
+- c82363b770: Detail Page Body and Detail Page Card reduce leading space between
+
+## 12.8.1
+
+### Patch Changes
+
+- f238516964: fix internal tab styles for helix header
+
+## 12.8.0
+
+### Minor Changes
+
+- 77ab117fd4: Added `StyledFormFieldMain` export related to Form
+- b9bbcf6427: Added internal prop to Modal parts to enable mobile breakpoint responsiveness for Helix Header use. Not intended for widespread use. (`compact`)
+- a7bb749cf8: Added internal prop for Tab styles to be used for global navigation. Not intended for widespread use. (`UNSAFE_helixHeader`)
+
+## 12.7.0
+
+### Minor Changes
+
+- d62b76bd8: tinymce strikethrough text formatting
+
+### Patch Changes
+
+- 2ab36a650: Add max_height property to TextEditorOutput component
+- 55fed6084: Added `SpanAttributes` type export to fix `styled-components` type error.
+- a5daf2815: Add export for Tier
+- Updated dependencies [716e98717]
+  - @procore/core-icons@12.1.0
+
+## 12.6.0
+
+### Minor Changes
+
+- 77396f11c: Add TinyMCE advlist plugin to default plugins for more bullet and counter styles
+
+## 12.5.0
+
+### Minor Changes
+
+- 898ad719e: Add support for multiple fallbacks on the i18nProvider
+
+### Patch Changes
+
+- 58d7677bf: Add export for DivAttributes
+
+## 12.4.2
+
+### Patch Changes
+
+- 74dc723988: Extend MenuItemProps with AnchorItemProps
+
+## 12.4.1
+
+### Patch Changes
+
+- ecc17b836: Added missing exports that were excluded after removing dist imports
+
+## 12.4.0
+
+### Minor Changes
+
+- c3b8bc91c0: Add anchor navigation to DetailPage and SettingsPage layouts
+
+### Patch Changes
+
+- b832463cbe: TextArea allows rows for larger than min-height default sizes (removes fixed height)
+- 6c63b2cf22: Added `UNSAFE_EmptyStateSvg` export from `EmptyState`.
+- 6c63b2cf22: Added `UNSAFE_ThumbnailDocumentIcon` export from `Thumbnail`.
+- 1ba4e0af1c: Add exports for celi-select package dependencies
+- 004a11a69c: Added `UNSAFE_TreeChevron`, `UNSAFE_TreeChevronContainer`, `UNSAFE_TreeFilenameCaption`, `UNSAFE_TreeIconContainer`, `UNSAFE_TreeRowContainer`, and `UNSAFE_TreeRowContent` export from the `Tree` component.
+
+## 12.3.0
+
+### Minor Changes
+
+- 9f36515057: Add SettingsPage layout
+- d378956ad7: Adds exports for TinyMCE
+
+## 12.2.0
+
+### Minor Changes
+
+- 952834a3c0: Add exports intended for json-formulator v12 support
+
+### Patch Changes
+
+- 2614939306: Update label typography font weight from 700 to 600
+
+## 12.1.0
+
+### Minor Changes
+
+- d159f925da: Add missed exports of Dropzone for file-select library internal development
+
+## 12.0.0 (2024-05-28)
+
+### Major Changes
+
+See [v12 migration guide](https://core.procore.com/latest/web/releases/migration-guides/core-react/v11-to-v12/) for the full list of changes and migration guides.
+
+General changes:
+
+- Imports from `dist` folder do not work anymore.
+- `@procore/globalization-toolkit` is moved from dependencies to required peerDependencies.
+- `react-beautiful-dnd` is moved from dependencies to required peerDependencies.
+- `formik` peerDependency is now optional. Necessary when using `Form` components and hooks.
+- resize observer polyfill remove
+
+Other changes:
+
+- `NumberInput` no longer uses the `locale` as prop from the component.
+- `Page` and `DetailPage` subcomponent padding refactor.
+- Removed deprecated components, hooks, and contexts:
+  - `SuccessBanner`
+  - `Sidebar`, `Sidebar.*`
+  - `Analytics`, `AnalyticsContext`, `AnalyticsProvider`, etc
+  - `AnchorContext`, `AnchorProvider`, `useAnchorContext`, etc
+  - `Autofocus`, `useAutofocus`
+  - `BoundingRectContext`, `useBoundingRectContext`, `useBoundingRect`, etc
+  - `BufferContext`, `useBufferContext`, etc
+  - `Event`, `EventProvider`, `useEvent`, `useEventContext` etc
+  - `InjectedScriptContext`, `InjectedScriptProvider`, `useInjectedScriptContext`, etc
+  - `ListNavigationContext`, `ListNavigationProvider`, `useListNavigationContext`, etc
+  - `ResizeObserver`
+  - `TextEntryContext`, `TextEntryProvider`, `useTextEntryContext`, etc
+  - `TimerContext`, `TimerProvider`, `useTimerContext`, etc
+  - `TriggerContext`, `TriggerProvider`, `useTriggerContext`, etc
+  - `VisibilityContext`, `VisibilityProvider`, `useVisibilityContext`, etc

package/README.md

@@ -5,7 +5,7 @@ A set of React components implementing the design system spec.
 ## Requirements
 
 Node 16+
-YARN 1.22+
+YARN 4+
 
 ## Usage
 
@@ -85,13 +85,13 @@ yarn storybook
 
 ## Testing
 
-Testing currently consists of Jest snapshots, Enzyme tests, and React Testing Library tests.
+Testing currently consists of Jest snapshots and React Testing Library tests.
 
 ```sh
 yarn test
 ```
 
-Visual Regression Testing is ran in CI, pixel snapshots of Coverage stories.
+Additional testing includes Visual Regression Testing (VRT) that is ran in CI, which compares pixel snapshots of Storybook Coverage stories.
 
 ## Building
 

package/dist/AnchorNavigation/AnchorNavigation.styles.js

@@ -5,11 +5,11 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledAnchorNavigation = /*#__PURE__*/styled.ul.withConfig({
   displayName: "StyledAnchorNavigation",
-  componentId: "core-12_21_0__sc-aacdj4-0"
+  componentId: "core-12_21_2__sc-aacdj4-0"
 })(["max-width:200px;margin:0;padding-inline-start:0;"]);
 export var StyledAnchorSection = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledAnchorSection",
-  componentId: "core-12_21_0__sc-aacdj4-1"
+  componentId: "core-12_21_2__sc-aacdj4-1"
 })(["display:flex;cursor:pointer;border-left:", "px solid ", ";background-color:", ";border-top-right-radius:4px;border-bottom-right-radius:4px;:hover{border-left:", "px solid ", ";background-color:", ";}"], spacing.xs, function (_ref) {
   var $selected = _ref.$selected;
   return $selected ? colors.gray15 : colors.gray90;
@@ -22,7 +22,7 @@ export var StyledAnchorSection = /*#__PURE__*/styled.li.withConfig({
 }, colors.gray90);
 export var StyledAnchor = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledAnchor",
-  componentId: "core-12_21_0__sc-aacdj4-2"
+  componentId: "core-12_21_2__sc-aacdj4-2"
 })(["width:100%;padding:6px ", "px;", " ", ";", " :focus-visible{box-shadow:inset 0 0 0 2px ", ";outline:none;}"], spacing.sm, getTypographyIntent('body'), function (_ref4) {
   var $selected = _ref4.$selected;
   return $selected ? css(["font-weight:600;"]) : '';

package/dist/Avatar/Avatar.styles.js

@@ -28,26 +28,26 @@ var iconSize = {
 };
 export var StyledAvatarOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAvatarOverlay",
-  componentId: "core-12_21_0__sc-7q2ydl-0"
+  componentId: "core-12_21_2__sc-7q2ydl-0"
 })(["width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100%;opacity:0;"]);
 export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_21_0__sc-7q2ydl-1"
+  componentId: "core-12_21_2__sc-7q2ydl-1"
 })(["display:inline-flex;"]);
 export var StyledLabelContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabelContainer",
-  componentId: "core-12_21_0__sc-7q2ydl-2"
+  componentId: "core-12_21_2__sc-7q2ydl-2"
 })(["text-transform:uppercase;"]);
 export var StyledPortraitContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPortraitContainer",
-  componentId: "core-12_21_0__sc-7q2ydl-3"
+  componentId: "core-12_21_2__sc-7q2ydl-3"
 })(["background-color:", ";background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;width:100%;", ""], colors.white, function (_ref) {
   var $imageUrl = _ref.$imageUrl;
   return css(["background-image:url(", ");"], $imageUrl);
 });
 export var StyledAvatarContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAvatarContainer",
-  componentId: "core-12_21_0__sc-7q2ydl-4"
+  componentId: "core-12_21_2__sc-7q2ydl-4"
 })(["display:inline-flex;justify-content:center;align-items:center;border-radius:100%;overflow:hidden;position:relative;cursor:default;color:", ";background-color:", ";text-decoration:none;a:has(> &){text-decoration:none;}&:focus{", "}a:focus:has(> &){", " border-radius:100%;}", " ", ";"], colors.white, colors.gray30, getGapOutlineFocus, getGapOutlineFocus, function (_ref2) {
   var _ref2$$size = _ref2.$size,
     $size = _ref2$$size === void 0 ? 'md' : _ref2$$size;

package/dist/AvatarStack/AvatarStack.d.ts

@@ -11,7 +11,7 @@ export declare function getIcon(type: AvatarStackItemType, size: 'md' | 'sm'): R
 export declare function getAvatarIcon(type: AvatarStackItemType, size: AvatarStackSize): React.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): React.JSX.Element;
-export declare function AvatarContent({ imageUrl, initials, type, size, }: {
+export declare function AvatarContent({ imageUrl, initials, type, size, ...props }: {
     imageUrl?: AvatarStackItem['imageUrl'];
     initials: AvatarStackItem['initials'];
     type: AvatarStackItem['type'];

package/dist/AvatarStack/AvatarStack.js

@@ -1,19 +1,20 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["items", "title", "size", "getInitials", "getImageUrl", "onClickViewAll"];
+var _excluded = ["imageUrl", "initials", "type", "size"],
+  _excluded2 = ["items", "title", "size", "getInitials", "getImageUrl", "onClickViewAll"];
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { Building, People } from '@procore/core-icons';
 import { useId } from '@react-aria/utils';
 import React, { forwardRef, useMemo, useState } from 'react';
@@ -107,11 +108,11 @@ export function AvatarStackContactItem(_ref2) {
     linkUrl = _ref2.linkUrl,
     description = _ref2.description;
   return /*#__PURE__*/React.createElement(StyledContactItem, {
-    key: id,
+    disabled: inactive,
+    icon: getContactIcon(type),
     imageUrl: imageUrl,
     initials: initials,
-    icon: getContactIcon(type),
-    disabled: inactive
+    key: id
   }, /*#__PURE__*/React.createElement(ContactItem.Title, null, !inactive && linkUrl ? /*#__PURE__*/React.createElement(Link, {
     href: linkUrl
   }, name) : name), /*#__PURE__*/React.createElement(ContactItem.Description, null, type === 'group' ? /*#__PURE__*/React.createElement(Typography, {
@@ -122,20 +123,21 @@ export function AvatarContent(_ref3) {
   var imageUrl = _ref3.imageUrl,
     initials = _ref3.initials,
     type = _ref3.type,
-    size = _ref3.size;
+    size = _ref3.size,
+    props = _objectWithoutProperties(_ref3, _excluded);
   var avatarIcon = getAvatarIcon(type, size);
   if (imageUrl) {
-    return /*#__PURE__*/React.createElement(Avatar.Portrait, {
+    return /*#__PURE__*/React.createElement(Avatar.Portrait, _extends({}, props, {
       imageUrl: imageUrl
-    });
+    }));
   }
   if (avatarIcon) {
-    return /*#__PURE__*/React.createElement(Avatar.Icon, {
+    return /*#__PURE__*/React.createElement(Avatar.Icon, _extends({}, props, {
       icon: avatarIcon
-    });
+    }));
   }
   if (initials) {
-    return /*#__PURE__*/React.createElement(Avatar.Label, null, initials);
+    return /*#__PURE__*/React.createElement(Avatar.Label, props, initials);
   }
   return null;
 }
@@ -167,10 +169,10 @@ function AvatarWithPopover(_ref4) {
       description: item.description
     }))
   }, /*#__PURE__*/React.createElement(StyledAvatar, _extends({}, avatarProps, {
+    $color: colors.get(item.id),
     "aria-label": "".concat(item.name, ", ").concat(item.description),
     disabled: item.inactive,
-    size: size,
-    $color: colors.get(item.id)
+    size: size
   }), /*#__PURE__*/React.createElement(AvatarContent, {
     imageUrl: item.imageUrl,
     initials: item.initials,
@@ -189,9 +191,9 @@ export function FoldedAvatarStack(_ref5) {
   var overlayRef = React.useRef(null);
   var restAvatarId = useId();
   return /*#__PURE__*/React.createElement(Popover, {
-    trigger: defaultPopoverTrigger,
     "aria-labelledby": restAvatarId,
     overlayRef: overlayRef,
+    trigger: defaultPopoverTrigger,
     beforeHide: function beforeHide(e) {
       return e.type !== 'blur';
     },
@@ -234,6 +236,7 @@ export function ViewAllModal(_ref6) {
     items = _ref6.items;
   var I18n = useI18nContext();
   var labelId = useId();
+  var text = "".concat(title, " (").concat(items.length, ")");
   return /*#__PURE__*/React.createElement(Modal, {
     role: "dialog",
     "aria-labelledby": labelId,
@@ -241,9 +244,9 @@ export function ViewAllModal(_ref6) {
     onClose: onClose
   }, /*#__PURE__*/React.createElement(Modal.Header, {
     onClose: onClose
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement(Modal.Heading, {
     id: labelId
-  }, title, " (", items.length, ")")), /*#__PURE__*/React.createElement(StyledModalBody, null, items.map(function (item) {
+  }, text)), /*#__PURE__*/React.createElement(StyledModalBody, null, items.map(function (item) {
     return /*#__PURE__*/React.createElement(AvatarStackContactItem, {
       key: item.id,
       id: item.id,
@@ -286,7 +289,7 @@ var _AvatarStack = function _AvatarStack(_ref8, ref) {
     _ref8$getImageUrl = _ref8.getImageUrl,
     getImageUrl = _ref8$getImageUrl === void 0 ? defaultGetImageUrl : _ref8$getImageUrl,
     onClickViewAll = _ref8.onClickViewAll,
-    props = _objectWithoutProperties(_ref8, _excluded);
+    props = _objectWithoutProperties(_ref8, _excluded2);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isModalOpen = _useState2[0],