UNPKG

@atlaskit/avatar-group

Version:

An avatar group displays a number of avatars grouped together in a stack or grid.

1,435 lines (931 loc) 77.5 kB
# @atlaskit/avatar-group ## 12.10.2 ### Patch Changes - Updated dependencies ## 12.10.1 ### Patch Changes - Updated dependencies ## 12.10.0 ### Minor Changes - [`a8dd7ae55feff`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a8dd7ae55feff) - Passes the custom `avatar` component prop from AvatarGroup down to AvatarGroupItem in the overflow dropdown menu, ensuring custom avatar components are used consistently for both visible and overflowed avatars. This change is behind the `platform-avatar-group-pass-avatar-to-item` feature flag. ## 12.9.0 ### Minor Changes - [`7250582895c0b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7250582895c0b) - Top-layer adoption work behind the `platform-dst-top-layer` feature flag. Public adopter APIs are intentionally kept narrow while the top-layer API surface settles, with one exception called out below. Highlights: - Pass the full `[along, away]` legacy popper offset through to the new top-layer `placement.offset` API (via `fromLegacyPlacement`). Previously only the `away` axis was forwarded, which dropped the `along` offset for consumers of `Popup`, `PopupSelect`, `Spotlight`, and `Tooltip` when `platform-dst-top-layer` is enabled. - Fix broken import of `dialogHeight` and `dialogWidth` from the removed utils module in `@atlaskit/modal-dialog`. Public API: - **`@atlaskit/tooltip`** (`minor`): add an optional `testId?: string` field to `TriggerProps`. This is additive (no existing prop changes shape). Required because `@atlaskit/button/new` (and other `Pressable`-backed primitives) overwrite `data-testid` from spread, so the legacy `(triggerProps as any)['data-testid']` workaround is silently absorbed by those consumers. A typed `testId` field flows through their own `testId` destructure instead, restoring `data-testid` propagation onto the rendered trigger element. - **`@atlaskit/popup`**, **`@atlaskit/dropdown-menu`** (`patch`): no public type changes. Wider `aria-haspopup` unions that the FF-on path produces are bridged at the package boundary into `@atlaskit/top-layer` with localised `FUDGE(top-layer-api)` casts, documented in `packages/design-system/top-layer/notes/decisions/migration-roadmap.md` ("Open API decisions deferred to a follow-up PR"). They will be widened in a follow-up `minor` PR once the top-layer API is committed. - **`@atlaskit/modal-dialog`**, **`@atlaskit/select`**, **`@atlaskit/spotlight`** (`patch`/`minor`): no public type changes; bug fixes only. Merge-readiness fixes (FF-on test wiring + adopter behavior): - **`@atlaskit/popup`** (`minor`): wire the compositional `PopupContent` to delegate to `PopupContentTopLayer` when `platform-dst-top-layer` is enabled. Previously only the legacy `Popup` component had the FF branch, leaving consumers of the compositional API on the legacy popper path. - **`@atlaskit/select`** (`minor`): add an `onClick` handler to the `PopupSelect` top-layer trigger so clicks open/close the menu (mirrors the legacy global click handler in `popup-select.tsx`). Add explicit Escape handling on the menu's `onKeyDown` so the menu closes and focus returns to the trigger. - **`@atlaskit/top-layer`** (`patch`): the `<dialog>` rendered by the Dialog primitive now sets `aria-modal="true"` explicitly. Modern browsers infer modal semantics from `.showModal()` but some assistive tech still keys off the explicit attribute. - **`@atlaskit/top-layer`** (`patch`): guard `use-anchor-positioning` against environments where `ResizeObserver` is not defined (e.g. jest's `node` environment, used by the post-office test suite). The observer is used to wait for the popover's first valid layout before measuring; consumers in non-DOM jest environments now get a no-op observer and the scroll/resize listeners still apply if the host environment polyfills `showPopover`. Real browsers always have `ResizeObserver`. - **`@atlaskit/modal-dialog`** (`patch`): on the FF-on path, drop the `tabIndex={-1}` (and unused `:focus-visible` outline) from the modal content wrapper. The native `<dialog>.showModal()` focus-delegate algorithm picks the first focusable descendant (including `tabindex=-1`), and the wrapper was hijacking initial focus from the close button. Also honor `shouldReturnFocus={ref}` on the FF-on path (an unmount-cleanup focuses the ref after `dialog.close()` so it overrides the browser's automatic return-to-trigger). Boolean `shouldReturnFocus={false}` is not yet honored on the FF-on path — see `top-layer/notes/merge-blockers.md`. - **`@atlaskit/datetime-picker`** (`patch`): on the FF-on path, set `mode="manual"` on the `Popup.Content` rendered by both `internal/menu-top-layer.tsx` (date-picker calendar) and `internal/fixed-layer-menu-top-layer.tsx` (time-picker menu). With the default `mode="auto"`, the same click event that opens the menu (which targets the react-select combobox input — outside the popover element) bubbles to the browser's native popover light-dismiss handler and immediately closes the menu. react-select / DateTimePicker already own outside-click and Esc dismissal via their own state, so opting out of the native auto-dismiss is the correct integration. Also extend the existing Esc → trigger-focus restoration in `components/date-picker.tsx` to the FF-on path (manual mode disables the browser's built-in focus return, and the legacy code path was already handling this for itself behind an FF negation). - **`@atlaskit/popup`** (no public API change): no source changes — only FF-on Playwright spec/example fixes drove the suite from 21/3/2 to 27/0/0. Notable: the two `test.fixme`'d nested-popover cases were not browser limitations; `popover="auto"` chains correctly via DOM ancestry (the original fixmes had the wrong testId selector). Added `testId` props to two examples (`16-popup-with-a11y-props`, `18-should-fit-container`) so default-shape tests can reach the trigger. - Test alignment for FF-on Playwright suites across `popup`, `select`, `datetime-picker`, `inline-dialog`, `inline-message`, and `modal-dialog`: selector updates to match the new top-layer testId convention (`${testId}--content`, `[role="dialog"][aria-label="calendar"]`), per-spec `skipAxeCheck()` for example-level color-contrast violations unrelated to the migration, and focus assertions adjusted to match native `<dialog>` / `Popup.Content` auto-focus semantics (focus lands on the first focusable child, not the dialog container itself). - **`@atlassian/capacity-planning-capacity-graph`**, **`@atlaskit/color-picker`**, **`@atlassian/timeline-table`**, **`@atlassian/global-side-navigation`** (`patch`): scope `fg` mocks in unit tests so `platform-dst-top-layer` returns `false`. JSDOM does not implement the native Popover API (`showPopover`/`hidePopover`/`toggle` events), so leaving the gate ON in unit tests caused popover content to remain in the DOM after close and broke close-behaviour assertions. Browser coverage for the FF-on path is provided by the Playwright suites listed above. - **`@atlaskit/dropdown-menu`** (no public API change): test/example-only fixes for the FF-on Playwright suite. Added `role="menuitem"` to the nested-trigger `ButtonItem` in `examples/93-testing-nested-keyboard-navigation-top-layer.tsx` to satisfy axe's `aria-required-children` rule on the parent menu. Added a `test.beforeEach(skipAxeCheck)` to `dropdown-menu.spec.tsx` (FF-on suite) for example-level `color-contrast` violations on the pre-existing `color.text.selected`/`color.background.selected` token pair (3.91:1). Replaced a deadlocking `await expect(moveItem).not.toBeFocused()` pre-open assertion (Playwright's auto-wait blocks 5s on the absent element) with `await expect(moveItem).not.toBeVisible()`. Suite result: 22/22 passing. ### Patch Changes - Updated dependencies ## 12.8.0 ### Minor Changes - [`2bed6255731de`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2bed6255731de) - Top-layer adoption work behind the `platform-dst-top-layer` feature flag. Public adopter APIs are intentionally kept narrow while the top-layer API surface settles, with one exception called out below. Highlights: - Pass the full `[along, away]` legacy popper offset through to the new top-layer `placement.offset` API (via `fromLegacyPlacement`). Previously only the `away` axis was forwarded, which dropped the `along` offset for consumers of `Popup`, `PopupSelect`, `Spotlight`, and `Tooltip` when `platform-dst-top-layer` is enabled. - Fix broken import of `dialogHeight` and `dialogWidth` from the removed utils module in `@atlaskit/modal-dialog`. Public API: - **`@atlaskit/tooltip`** (`minor`): add an optional `testId?: string` field to `TriggerProps`. This is additive (no existing prop changes shape). Required because `@atlaskit/button/new` (and other `Pressable`-backed primitives) overwrite `data-testid` from spread, so the legacy `(triggerProps as any)['data-testid']` workaround is silently absorbed by those consumers. A typed `testId` field flows through their own `testId` destructure instead, restoring `data-testid` propagation onto the rendered trigger element. - **`@atlaskit/popup`**, **`@atlaskit/dropdown-menu`** (`patch`): no public type changes. Wider `aria-haspopup` unions that the FF-on path produces are bridged at the package boundary into `@atlaskit/top-layer` with localised `FUDGE(top-layer-api)` casts, documented in `packages/design-system/top-layer/notes/decisions/migration-roadmap.md` ("Open API decisions deferred to a follow-up PR"). They will be widened in a follow-up `minor` PR once the top-layer API is committed. - **`@atlaskit/modal-dialog`**, **`@atlaskit/select`**, **`@atlaskit/spotlight`** (`patch`/`minor`): no public type changes; bug fixes only. Merge-readiness fixes (FF-on test wiring + adopter behavior): - **`@atlaskit/popup`** (`minor`): wire the compositional `PopupContent` to delegate to `PopupContentTopLayer` when `platform-dst-top-layer` is enabled. Previously only the legacy `Popup` component had the FF branch, leaving consumers of the compositional API on the legacy popper path. - **`@atlaskit/select`** (`minor`): add an `onClick` handler to the `PopupSelect` top-layer trigger so clicks open/close the menu (mirrors the legacy global click handler in `popup-select.tsx`). Add explicit Escape handling on the menu's `onKeyDown` so the menu closes and focus returns to the trigger. - **`@atlaskit/top-layer`** (`patch`): the `<dialog>` rendered by the Dialog primitive now sets `aria-modal="true"` explicitly. Modern browsers infer modal semantics from `.showModal()` but some assistive tech still keys off the explicit attribute. - **`@atlaskit/top-layer`** (`patch`): guard `use-anchor-positioning` against environments where `ResizeObserver` is not defined (e.g. jest's `node` environment, used by the post-office test suite). The observer is used to wait for the popover's first valid layout before measuring; consumers in non-DOM jest environments now get a no-op observer and the scroll/resize listeners still apply if the host environment polyfills `showPopover`. Real browsers always have `ResizeObserver`. - **`@atlaskit/modal-dialog`** (`patch`): on the FF-on path, drop the `tabIndex={-1}` (and unused `:focus-visible` outline) from the modal content wrapper. The native `<dialog>.showModal()` focus-delegate algorithm picks the first focusable descendant (including `tabindex=-1`), and the wrapper was hijacking initial focus from the close button. Also honor `shouldReturnFocus={ref}` on the FF-on path (an unmount-cleanup focuses the ref after `dialog.close()` so it overrides the browser's automatic return-to-trigger). Boolean `shouldReturnFocus={false}` is not yet honored on the FF-on path — see `top-layer/notes/merge-blockers.md`. - **`@atlaskit/datetime-picker`** (`patch`): on the FF-on path, set `mode="manual"` on the `Popup.Content` rendered by both `internal/menu-top-layer.tsx` (date-picker calendar) and `internal/fixed-layer-menu-top-layer.tsx` (time-picker menu). With the default `mode="auto"`, the same click event that opens the menu (which targets the react-select combobox input — outside the popover element) bubbles to the browser's native popover light-dismiss handler and immediately closes the menu. react-select / DateTimePicker already own outside-click and Esc dismissal via their own state, so opting out of the native auto-dismiss is the correct integration. Also extend the existing Esc → trigger-focus restoration in `components/date-picker.tsx` to the FF-on path (manual mode disables the browser's built-in focus return, and the legacy code path was already handling this for itself behind an FF negation). - **`@atlaskit/popup`** (no public API change): no source changes — only FF-on Playwright spec/example fixes drove the suite from 21/3/2 to 27/0/0. Notable: the two `test.fixme`'d nested-popover cases were not browser limitations; `popover="auto"` chains correctly via DOM ancestry (the original fixmes had the wrong testId selector). Added `testId` props to two examples (`16-popup-with-a11y-props`, `18-should-fit-container`) so default-shape tests can reach the trigger. - Test alignment for FF-on Playwright suites across `popup`, `select`, `datetime-picker`, `inline-dialog`, `inline-message`, and `modal-dialog`: selector updates to match the new top-layer testId convention (`${testId}--content`, `[role="dialog"][aria-label="calendar"]`), per-spec `skipAxeCheck()` for example-level color-contrast violations unrelated to the migration, and focus assertions adjusted to match native `<dialog>` / `Popup.Content` auto-focus semantics (focus lands on the first focusable child, not the dialog container itself). - **`@atlassian/capacity-planning-capacity-graph`**, **`@atlaskit/color-picker`**, **`@atlassian/timeline-table`**, **`@atlassian/global-side-navigation`** (`patch`): scope `fg` mocks in unit tests so `platform-dst-top-layer` returns `false`. JSDOM does not implement the native Popover API (`showPopover`/`hidePopover`/`toggle` events), so leaving the gate ON in unit tests caused popover content to remain in the DOM after close and broke close-behaviour assertions. Browser coverage for the FF-on path is provided by the Playwright suites listed above. - **`@atlaskit/dropdown-menu`** (no public API change): test/example-only fixes for the FF-on Playwright suite. Added `role="menuitem"` to the nested-trigger `ButtonItem` in `examples/93-testing-nested-keyboard-navigation-top-layer.tsx` to satisfy axe's `aria-required-children` rule on the parent menu. Added a `test.beforeEach(skipAxeCheck)` to `dropdown-menu.spec.tsx` (FF-on suite) for example-level `color-contrast` violations on the pre-existing `color.text.selected`/`color.background.selected` token pair (3.91:1). Replaced a deadlocking `await expect(moveItem).not.toBeFocused()` pre-open assertion (Playwright's auto-wait blocks 5s on the absent element) with `await expect(moveItem).not.toBeVisible()`. Suite result: 22/22 passing. ### Patch Changes - Updated dependencies ## 12.7.2 ### Patch Changes - Updated dependencies ## 12.7.1 ### Patch Changes - Updated dependencies ## 12.7.0 ### Minor Changes - [`8b1c5f296653c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8b1c5f296653c) - Autofix: add explicit package exports (barrel removal) ### Patch Changes - Updated dependencies ## 12.6.2 ### Patch Changes - Updated dependencies ## 12.6.1 ### Patch Changes - Updated dependencies ## 12.6.0 ### Minor Changes - [`7cd616cd9581c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7cd616cd9581c) - [ux] Removed the active scaling for the view more button to make it more consistent and resolve a UX issue ## 12.5.2 ### Patch Changes - [`02483200273ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02483200273ec) - Enrol all Design System UI packages into the React Compiler with platform gating via isReactCompilerActivePlatform. - Updated dependencies ## 12.5.1 ### Patch Changes - [`22bf79dbdcdca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22bf79dbdcdca) - Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme` - Updated dependencies ## 12.5.0 ### Minor Changes - [`2596f105ed08c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2596f105ed08c) - [ux] Added entry/exit animations to Avatars in Avatar Group behind fg platform-dst-motion-uplift ### Patch Changes - Updated dependencies ## 12.4.13 ### Patch Changes - Updated dependencies ## 12.4.12 ### Patch Changes - [`eb30d533bbb0f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eb30d533bbb0f) - Added hexagon appearance support for avatargroup view more dropdown button - Updated dependencies ## 12.4.11 ### Patch Changes - Updated dependencies ## 12.4.10 ### Patch Changes - Updated dependencies ## 12.4.9 ### Patch Changes - [`6d96b2f268a28`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6d96b2f268a28) - Remove external image dependencies from ads examples by using fallback avatars instead of third-party images. **Changes:** - Circle avatars now display user initials (semantically correct for person avatars) - Square/hexagon avatars display appropriate fallback icons (correct usage for non-person entities) - Aligns constellation examples with VR test examples which already use fallback only - Improves reliability by removing dependency on third-party image hosting ## 12.4.8 ### Patch Changes - [`a48fdadce2137`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a48fdadce2137) - Minor internal typography changes. - Updated dependencies ## 12.4.7 ### Patch Changes - Updated dependencies ## 12.4.6 ### Patch Changes - Updated dependencies ## 12.4.5 ### Patch Changes - Updated dependencies ## 12.4.4 ### Patch Changes - [`a60a82196851a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a60a82196851a) - Internal refactors to remove unused variables. No functional or public changes. - Updated dependencies ## 12.4.3 ### Patch Changes - Updated dependencies ## 12.4.2 ### Patch Changes - Updated dependencies ## 12.4.1 ### Patch Changes - Updated dependencies ## 12.4.0 ### Minor Changes - [`ac5c6b99586dc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ac5c6b99586dc) - Add accessible name to group overflow section. ## 12.3.3 ### Patch Changes - Updated dependencies ## 12.3.2 ### Patch Changes - Updated dependencies ## 12.3.1 ### Patch Changes - [`a37090c1d91de`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a37090c1d91de) - Updates the documentation to show how to use AvatarGroup with non-circular Avatars. Be aware the "more" indicator does not take multiple appearances. - Updated dependencies ## 12.3.0 ### Minor Changes - [`e314c4cb133f7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e314c4cb133f7) - [ux] Updates avatar and avatar group styles to reflect our new visual design language. These changes were previously behind a feature flag and are now fully rolled out. ### Patch Changes - Updated dependencies ## 12.2.10 ### Patch Changes - [`39e543109ec09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/39e543109ec09) - add type info to forwardRef components - Updated dependencies ## 12.2.9 ### Patch Changes - [`248faa32d4835`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/248faa32d4835) - Internal changes to how borders are applied. - Updated dependencies ## 12.2.8 ### Patch Changes - [`f0662cd7a143e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0662cd7a143e) - Internal changes to how borders are applied. - Updated dependencies ## 12.2.7 ### Patch Changes - Updated dependencies ## 12.2.6 ### Patch Changes - [`74c2f420ee49b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/74c2f420ee49b) - Internal changes to how border radius is applied. - Updated dependencies ## 12.2.5 ### Patch Changes - Updated dependencies ## 12.2.4 ### Patch Changes - [`cd70a377d007c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cd70a377d007c) - Internal changes to how border radius is applied. - Updated dependencies ## 12.2.3 ### Patch Changes - [`ef3b2dfa2f8a8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ef3b2dfa2f8a8) - Internal changes to use radius tokens. No visual changes. - Updated dependencies ## 12.2.2 ### Patch Changes - Updated dependencies ## 12.2.1 ### Patch Changes - [`31c57f650ba07`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/31c57f650ba07) - Improving tests for server side rendering and hydration - Updated dependencies ## 12.2.0 ### Minor Changes - [#198565](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/198565) [`d3eacf36afe32`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d3eacf36afe32) - Adjusted stack spacing at 'small' size to ensure visibility of "more" menu. Fix bug where grid spacing was 4px too wide across all sizes ## 12.1.4 ### Patch Changes - Updated dependencies ## 12.1.3 ### Patch Changes - [#193214](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/193214) [`c661806a65543`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c661806a65543) - Internal changes to how border radius and border width values are applied. No visual change. - Updated dependencies ## 12.1.2 ### Patch Changes - Updated dependencies ## 12.1.1 ### Patch Changes - Updated dependencies ## 12.1.0 ### Minor Changes - [#180943](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/180943) [`d9f378fa2f4e7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d9f378fa2f4e7) - Added the `moreIndicatorLabel` prop to provide the more indicator an accessible name ## 12.0.15 ### Patch Changes - Updated dependencies ## 12.0.14 ### Patch Changes - Updated dependencies ## 12.0.13 ### Patch Changes - Updated dependencies ## 12.0.12 ### Patch Changes - Updated dependencies ## 12.0.11 ### Patch Changes - Updated dependencies ## 12.0.10 ### Patch Changes - Updated dependencies ## 12.0.9 ### Patch Changes - Updated dependencies ## 12.0.8 ### Patch Changes - Updated dependencies ## 12.0.7 ### Patch Changes - Updated dependencies ## 12.0.6 ### Patch Changes - Updated dependencies ## 12.0.5 ### Patch Changes - [#129972](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/129972) [`b2d69a39e6687`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b2d69a39e6687) - Update `@compiled/react` dependency for improved type checking support. - Updated dependencies ## 12.0.4 ### Patch Changes - Updated dependencies ## 12.0.3 ### Patch Changes - Updated dependencies ## 12.0.2 ### Patch Changes - Updated dependencies ## 12.0.1 ### Patch Changes - Updated dependencies ## 12.0.0 ### Major Changes - [#117363](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117363) [`10a0f7f6c2027`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10a0f7f6c2027) - This package's `peerDependencies` have been adjusted for `react` and/or `react-dom` to reflect the status of only supporting React 18 going forward. No explicit breaking change to React support has been made in this release, but this is to signify going forward, breaking changes for React 16 or React 17 may come via non-major semver releases. Please refer this community post for more details: https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026 ### Patch Changes - Updated dependencies ## 11.2.0 ### Minor Changes - [#116138](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/116138) [`b50c5d5d65ae2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b50c5d5d65ae2) - Bump to the latest version of @compiled/react ### Patch Changes - Updated dependencies ## 11.1.4 ### Patch Changes - [#114591](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114591) [`e0ea3e42506fb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e0ea3e42506fb) - Internal refactor to the "more indicator". Fixes the focus state of the "more indicator" button. ## 11.1.3 ### Patch Changes - Updated dependencies ## 11.1.2 ### Patch Changes - Updated dependencies ## 11.1.1 ### Patch Changes - Updated dependencies ## 11.1.0 ### Minor Changes - [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060) [`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) - Update `React` from v16 to v18 ### Patch Changes - Updated dependencies ## 11.0.0 ### Major Changes - [#104933](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/104933) [`8a592509504c7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8a592509504c7) - Migrated from `@emotion/react` to `@compiled/react` in order to improve performance, align with the rest of the Atlaskit techstack, and support React 18 Streaming SSR. Please note, in order to use this version of `@atlaskit/avatar-group`, you will need to ensure that your bundler is configured to handle `.css` imports correctly. Most bundlers come with built-in support for `.css` imports, so you may not need to do anything. If you are using a different bundler, please refer to the documentation for that bundler to understand how to handle `.css` imports. For more information on the migration, please refer to [RFC-73 Migrating our components to Compiled CSS-in-JS](https://community.developer.atlassian.com/t/rfc-73-migrating-our-components-to-compiled-css-in-js/85953). ## 10.1.5 ### Patch Changes - [#104081](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/104081) [`9e80fcb611337`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9e80fcb611337) - Update dev dependencies. ## 10.1.4 ### Patch Changes - [#103999](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103999) [`9f62ecec4d422`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9f62ecec4d422) - Update dependencies. ## 10.1.3 ### Patch Changes - Updated dependencies ## 10.1.2 ### Patch Changes - [#178053](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/178053) [`cb318c8c28c26`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cb318c8c28c26) - Internal changes to typography. ## 10.1.1 ### Patch Changes - Updated dependencies ## 10.1.0 ### Minor Changes - [#174545](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/174545) [`102616f7c8d08`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/102616f7c8d08) - [ux] Add override for MoreIndicator ## 10.0.4 ### Patch Changes - [#165798](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/165798) [`d0ba9d90d42e5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d0ba9d90d42e5) - Adds side-effect config to support Compiled css extraction in third-party apps ## 10.0.3 ### Patch Changes - [#161302](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/161302) [`e005ceaf960e2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e005ceaf960e2) - Make some spread props explicit in internal functions and components. ## 10.0.2 ### Patch Changes - [#161368](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/161368) [`870668ea63139`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/870668ea63139) - Refactoring internals to make spread props more explicit and resolve ESLint disables. ## 10.0.1 ### Patch Changes - Updated dependencies ## 10.0.0 ### Major Changes - [`8aee79daf4012`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8aee79daf4012) - Removed `xsmall` size option for AvatarGroup since it is too small to display elements like the more indicator in an accessible way. Use the `small` size instead. The standalone Avatar component will continue to support the `xsmall` size. ## 9.11.5 ### Patch Changes - Updated dependencies ## 9.11.4 ### Patch Changes - Updated dependencies ## 9.11.3 ### Patch Changes - [#134321](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/134321) [`4539c88ed5ed3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4539c88ed5ed3) - The avatar group container now creates a new stacking context using `isolation: isolate`. This improves how it interacts with other layered elementson the page. ## 9.11.2 ### Patch Changes - [#128022](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/128022) [`1495b8f9c9253`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1495b8f9c9253) - Modified popup trigger's aria-haspopup types to support the 'dialog' value. - Updated dependencies ## 9.11.1 ### Patch Changes - Updated dependencies ## 9.11.0 ### Minor Changes - [#127511](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/127511) [`db30e29344013`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/db30e29344013) - Widening range of `react` and `react-dom` peer dependencies from `^16.8.0 || ^17.0.0 || ~18.2.0` to the wider range of ``^16.8.0 || ^17.0.0 || ^18.0.0` (where applicable). This change has been done to enable usage of `react@18.3` as well as to have a consistent peer dependency range for `react` and `react-dom` for `/platform` packages. ### Patch Changes - Updated dependencies ## 9.10.0 ### Minor Changes - [#128333](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/128333) [`e8ee91f820e6f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e8ee91f820e6f) - Refactors the way focus-rings are applied to avatars and avatar-groups in relation to custom border colors. ### Patch Changes - Updated dependencies ## 9.9.1 ### Patch Changes - [#122942](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/122942) [`99084c446171e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/99084c446171e) - Fixes bug where the border color for avatars in the `data` prop were not being passed through. Now the `borderColor` prop from an avatar in the `data` prop will pass through. Preference is given to the `borderColor` prop from avatar group, if both are present. ## 9.9.0 ### Minor Changes - [#116644](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/116644) [`40234970169dc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/40234970169dc) - [ux] DSP-19190 We are testing a new visual appearance behind a feature flag. If successful it will be released at a later date. ### Patch Changes - Updated dependencies ## 9.8.0 ### Minor Changes - [#113372](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/113372) [`4b4faf5caa25a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4b4faf5caa25a) - [ux] The font size and font weight of avatar group more button is brought in line with design system guidelines. ## 9.7.0 ### Minor Changes - [#111696](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/111696) [`20c2d58f6f8a9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/20c2d58f6f8a9) - Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime is implicitly set to automatic. ### Patch Changes - Updated dependencies ## 9.6.1 ### Patch Changes - [#96699](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96699) [`1809bf4e75ad`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1809bf4e75ad) - Update font size of the 'more' indicator to be defined in rem rather than px. - Updated dependencies ## 9.6.0 ### Minor Changes - [#96490](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96490) [`e7e14229e1ca`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e7e14229e1ca) - Add support for React 18 in non-strict mode. ### Patch Changes - Updated dependencies ## 9.5.4 ### Patch Changes - [#94316](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94316) [`35fd5ed8e1d7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/35fd5ed8e1d7) - Upgrading internal dependency `bind-event-listener` to `@^3.0.0` ## 9.5.3 ### Patch Changes - [#82336](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/82336) [`87dafc8315c4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/87dafc8315c4) - Updated Avatar Group's 'data' prop documentation to add more clarity around what AvatarGroupProps is. ## 9.5.2 ### Patch Changes - [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2` ## 9.5.1 ### Patch Changes - [#72130](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72130) [`b037e5451037`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b037e5451037) - Update new button text color fallback for default theme (non-token) to match that of old button current text color ## 9.5.0 ### Minor Changes - [#61786](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/61786) [`937861329875`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/937861329875) - Added the `shouldPopupRenderToParent` prop which determines if `shouldRenderToParent` is applied to the avatar group's popup. ## 9.4.6 ### Patch Changes - Updated dependencies ## 9.4.5 ### Patch Changes - [#42577](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42577) [`d51b45b02fb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d51b45b02fb) - Add component to push model consumption in JFE ## 9.4.4 ### Patch Changes - Updated dependencies ## 9.4.3 ### Patch Changes - [#39787](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39787) [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change. ## 9.4.2 ### Patch Changes - [#39128](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39128) [`3c114ea4257`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c114ea4257) - Update type definitions to conform to inherited changes from `@types/react@16.14.15`. ## 9.4.1 ### Patch Changes - [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162) [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json - Updated dependencies ## 9.4.0 ### Minor Changes - [#38166](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38166) [`da7b6be2540`](https://bitbucket.org/atlassian/atlassian-frontend/commits/da7b6be2540) - Fixed keyboard support for the interactive element. Changed span to button for avatar-group ## 9.3.6 ### Patch Changes - [#36809](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36809) [`71b58da4e00`](https://bitbucket.org/atlassian/atlassian-frontend/commits/71b58da4e00) - set focus to the first avatar when popup is open ## 9.3.5 ### Patch Changes - [#36754](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36754) [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing. ## 9.3.4 ### Patch Changes - [#33250](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33250) [`cb7033c5b72`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb7033c5b72) - keyboard arrow (UP and DOWN) support in avatar-group popup component ## 9.3.3 ### Patch Changes - [#33652](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33652) [`e7ea6832ad2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7ea6832ad2) - Bans the use of React.FC/React.FunctionComponent type in ADS components as part of the React 18 migration work. The change is internal only and should not introduce any changes for the component consumers. ## 9.3.2 ### Patch Changes - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8 ## 9.3.1 ### Patch Changes - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5` ## 9.3.0 ### Minor Changes - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump ### Patch Changes - Updated dependencies ## 9.2.4 ### Patch Changes - [#30248](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30248) [`a8a1fe824b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a8a1fe824b0) - Removed unused prop `enableTooltip` and fixed tooltip toggle in examples. - Updated dependencies ## 9.2.3 ### Patch Changes - Updated dependencies ## 9.2.2 ### Patch Changes - [#29390](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29390) [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change. ## 9.2.1 ### Patch Changes - [#28064](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28064) [`b0f6dd0bc35`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b0f6dd0bc35) - Updated to use typography tokens. There is no expected behaviour or visual change. ## 9.2.0 ### Minor Changes - [#28090](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28090) [`3f8f08a1888`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3f8f08a1888) - Updating Avatar-group component to position the tooltip either to top or bottom based on configuration. ## 9.1.4 ### Patch Changes - Updated dependencies ## 9.1.3 ### Patch Changes - Updated dependencies ## 9.1.2 ### Patch Changes - Updated dependencies ## 9.1.1 ### Patch Changes - [#26488](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26488) [`bc989043572`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc989043572) - Internal changes to apply spacing tokens. This should be a no-op change. ## 9.1.0 ### Minor Changes - [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710) [`110fb3a5f19`](https://bitbucket.org/atlassian/atlassian-frontend/commits/110fb3a5f19) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behaviour change. ### Patch Changes - Updated dependencies ## 9.0.4 ### Patch Changes - [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5` ## 9.0.3 ### Patch Changes - [#24004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24004) [`4bc286406f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4bc286406f2) - [ux] Update more indicator icon to use new design tokens and remove the unnecessary use of the :after element with regards to the consumption of the Avatar component. - Updated dependencies ## 9.0.2 ### Patch Changes - [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`. ## 9.0.1 ### Patch Changes - [#22642](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22642) [`45ebe7af434`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45ebe7af434) - Moved to using declarative entrypoints internally. Public API is unchanged. ## 9.0.0 ### Major Changes - [#21570](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21570) [`92bb02bc46b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/92bb02bc46b) - [ux] There are **no code changes required** to consume this major, but you should be aware that internal changes have been made to how `@atlaskit/avatar` loads images. Before, the image loading behaviour was written in JS. Now, it leans on a standard HTML `img` tag if you provide a `src` prop, allowing it to rely on the browser to optimise the loading. These changes should result in faster image loading and an improved server-side rendering story. In this version, the **breaking change is that you will no longer see a fallback icon while the image is loading**. We have intentionally removed this loading behaviour as it is no longer consistent with our native `img` behaviour-first approach, and was a source of SSR bugs. Avatar images will load either instantly from the cache, or very fast from a CDN. In the edge cases where there is an error with the image src provided, we will still fall back to a default icon. ### Patch Changes - [`1276a8179ad`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1276a8179ad) - [ux] DSP-4535: Fix wrongly used token. - Updated dependencies ## 8.5.15 ### Patch Changes - [#21545](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21545) [`efa50ac72ba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/efa50ac72ba) - Adjusts jsdoc strings to improve prop documentation ## 8.5.14 ### Patch Changes - Updated dependencies ## 8.5.13 ### Patch Changes - [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650) [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4 ## 8.5.12 ### Patch Changes - Updated dependencies ## 8.5.11 ### Patch Changes - [#19618](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19618) [`b2f8af359cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b2f8af359cf) - Rewrite dynamic styles to be static to aid compiled migration. - [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes. - Updated dependencies ## 8.5.10 ### Patch Changes - Updated dependencies ## 8.5.9 ### Patch Changes - [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752) [`58884c2f6c1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58884c2f6c1) - Internal code change turning on a new linting rule. ## 8.5.8 ### Patch Changes - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Updates usage of deprecated token names so they're aligned with the latest naming conventions. No UI or visual changes - Updated dependencies ## 8.5.7 ### Patch Changes - Updated dependencies ## 8.5.6 ### Patch Changes - [#17475](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/17475) [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489 ## 8.5.5 ### Patch Changes - [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998) [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size. - Updated dependencies ## 8.5.4 ### Patch Changes - [#14777](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14777) [`2b98dfda0a6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2b98dfda0a6) - Removes `@emotion/styled` in favour of `@emotion/core`. - Updated dependencies ## 8.5.3 ### Patch Changes - [#15632](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15632) [`34282240102`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34282240102) - Adds explicit type to button usages components. ## 8.5.2 ### Patch Changes - Updated dependencies ## 8.5.1 ### Patch Changes - Updated dependencies ## 8.5.0 ### Minor Changes - [#13864](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13864) [`016d19b8038`](https://bitbucket.org/atlassian/atlassian-frontend/commits/016d19b8038) - [ux] When avatar's are disabled their tooltip will no longer be displayed. ### Patch Changes - Updated dependencies ## 8.4.0 ### Minor Changes - [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302) [`c79bc186958`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c79bc186958) - [ux] Colors are now sourced through tokens. ### Patch Changes - [`2d7cc544696`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2d7cc544696) - Updates token usage to match the latest token set - Updated dependencies ## 8.3.2 ### Patch Changes - [#12837](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12837) [`0d0ecc6e790`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0d0ecc6e790) - Corrects eslint supressions. - [`9a84a3ceb82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9a84a3ceb82) - Internal code changes. - Updated dependencies ## 8.3.1 ### Patch Changes - [#12880](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12880) [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`. ## 8.3.0 ### Minor Changes - [#12328](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12328) [`5ba523fc937`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5ba523fc937) - Now the `AvatarGroup` is marked with ul and li elements. This makes it easier for users with assistive technologies to distinguish `AvatarGroup` ( which is a list of avatars ) among other page components. The default label that the screen reader announces when a user selects the AvatarGroup is `list avatar group x items`. When one of AvatarGroupItems is selected screen reader announcement is `[avatar label], i of n` where `i` - index of a selected item, `n` - the length of the list. To change the label of a list you can use `label` props. ### Patch Changes - [`c056ee44d4b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c056ee44d4b) - Added the design system tech stacks to the package.json and fixed linting errors, disabled some rules to prevent bringing breaking changes - [`4121ef822c4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4121ef822c4) - Fixing issue where AvatarGroup list-style-type style would get overridden by product styles. - Updated dependencies ## 8.2.0 ### Minor Changes - [#11113](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11113) [`8f84c89cad5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f84c89cad5) - [ux] The styles of overflow button of avatar group has been aligned with default button styles. Also, contrast issue of the button has been fixed. ### Patch Changes - Updated de