@atlaskit/avatar
Version:
An avatar is a visual representation of a user or entity.
1,656 lines (1,020 loc) • 91.3 kB
Markdown
# @atlaskit/avatar
## 25.11.1
### Patch Changes
- [`7aef1e49e90ea`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7aef1e49e90ea) -
Removes redundant fallback color values via @atlaskit/theme
## 25.11.0
### Minor Changes
- [`2596f105ed08c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2596f105ed08c) -
[ux] Added motion on hover for interactive Avatar behind fg platform-dst-motion-uplift
## 25.10.0
### Minor Changes
- [`bab17fe0fd7cf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bab17fe0fd7cf) -
Allow avatar border to accept non colour values like css calculated values
## 25.9.2
### Patch Changes
- [`1ba6ced5fedb9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1ba6ced5fedb9) -
Move some internal API into dedicated files to avoid them being inadvertently exported via
entrypoints.
## 25.9.1
### Patch Changes
- Updated dependencies
## 25.9.0
### Minor Changes
- [`a3d111d3b5a28`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a3d111d3b5a28) -
[ux] Cleans up platform_dst_avatar_tile and platform_dst_avatar_tile_stage2 feature gates as they
are fully rolled out now.
### Patch Changes
- [`0511c5b5930bb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0511c5b5930bb) -
Adjust the hexagonal appearance Avatar's width and height to be aligned with other Avatars behind
fg platform_dst_hexagon_avatar_unified_size
## 25.8.4
### Patch Changes
- [`eb30d533bbb0f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eb30d533bbb0f) -
Added hexagon appearance support for avatargroup view more dropdown button
## 25.8.3
### Patch Changes
- Updated dependencies
## 25.8.2
### Patch Changes
- Updated dependencies
## 25.8.1
### Patch Changes
- Updated dependencies
## 25.8.0
### Minor Changes
- [`7140aa6f03a00`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7140aa6f03a00) -
Adds aria-controls, aria-expanded, and aria-haspopup props to Avatar, enabling it to be used
directly as a popup trigger without needing an external button wrapper.
## 25.7.5
### Patch Changes
- Updated dependencies
## 25.7.4
### Patch Changes
- Updated dependencies
## 25.7.3
### Patch Changes
- Updated dependencies
## 25.7.2
### Patch Changes
- [`a48fdadce2137`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a48fdadce2137) -
Minor internal typography changes.
- Updated dependencies
## 25.7.1
### Patch Changes
- Updated dependencies
## 25.7.0
### Minor Changes
- [`87b12e64ff750`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/87b12e64ff750) -
Removed usages of LEGACY icon props
## 25.6.3
### Patch Changes
- Updated dependencies
## 25.6.2
### Patch Changes
- [`d14ea5f60b689`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d14ea5f60b689) -
chore: migrate platform UI & component libraries icon imports from migration paths to core
## 25.6.1
### Patch Changes
- Updated dependencies
## 25.6.0
### Minor Changes
- [`7df690ca5c497`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7df690ca5c497) -
We are expanding the testing of previous changes behind an additional feature flag to more apps.
If this change is successful, it will be available in a later release.
### Patch Changes
- Updated dependencies
## 25.5.6
### 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
## 25.5.5
### Patch Changes
- Updated dependencies
## 25.5.4
### Patch Changes
- Updated dependencies
## 25.5.3
### Patch Changes
- Updated dependencies
## 25.5.2
### Patch Changes
- Updated dependencies
## 25.5.1
### Patch Changes
- [`221b64f10f5eb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/221b64f10f5eb) -
ts-ignore added as a workaround for help-center local consumption typecheck
## 25.5.0
### Minor Changes
- [`f70c3197f7179`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f70c3197f7179) -
[ux] add hexagon appearanceShape to user-picker based on appType as agent
## 25.4.4
### Patch Changes
- Updated dependencies
## 25.4.3
### Patch Changes
- Updated dependencies
## 25.4.2
### Patch Changes
- Updated dependencies
## 25.4.1
### Patch Changes
- [`eb7832f0123e5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eb7832f0123e5) -
Updates the Avatar hexagon shape to work better with circular images.
## 25.4.0
### Minor Changes
- [`a37090c1d91de`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a37090c1d91de) -
Adds a new hexagon appearance (`<Avatar appearance="hexagon">`) as well as a
`<Skeleton appearance="hexagon">` and internal Image default loader for this. The intent with this
appearance is documented as displaying AI agents: `circle` for users, `square` for app entities
(teams, projects, spaces), and`hexagon` for agent entities.
## 25.3.2
### Patch Changes
- [`2e422847ee061`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2e422847ee061) -
[ux] Revert PR (Add a new prop to set the container element for avatar content)
## 25.3.1
### Patch Changes
- [`42beb385671cf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/42beb385671cf) -
[ux] Add a new prop to set the container element for avatar content"
## 25.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.
## 25.2.1
### Patch Changes
- [`39e543109ec09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/39e543109ec09) -
add type info to forwardRef components
- Updated dependencies
## 25.2.0
### Minor Changes
- [`955c510552199`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/955c510552199) -
We are testing a visual change behind a feature flag. Square avatar border radius will be updated
to be consistent with the new ADS Tile System. If this change is successful it will be available
in a later release.
### Patch Changes
- Updated dependencies
## 25.1.20
### Patch Changes
- [`248faa32d4835`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/248faa32d4835) -
Internal changes to how borders are applied.
- Updated dependencies
## 25.1.19
### Patch Changes
- [`f0662cd7a143e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0662cd7a143e) -
Internal changes to how borders are applied.
- Updated dependencies
## 25.1.18
### Patch Changes
- Updated dependencies
## 25.1.17
### Patch Changes
- [`74c2f420ee49b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/74c2f420ee49b) -
Internal changes to how border radius is applied.
- Updated dependencies
## 25.1.16
### Patch Changes
- Updated dependencies
## 25.1.15
### Patch Changes
- [`23bcc5bbc9cee`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/23bcc5bbc9cee) -
Internal changes to how border radius is applied.
- Updated dependencies
## 25.1.14
### Patch Changes
- [`cd70a377d007c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cd70a377d007c) -
Internal changes to how border radius is applied.
## 25.1.13
### Patch Changes
- [`ef3b2dfa2f8a8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ef3b2dfa2f8a8) -
Internal changes to use radius tokens. No visual changes.
## 25.1.12
### Patch Changes
- [`20a5aa8c4e7a0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/20a5aa8c4e7a0) -
Removed gridSize import. No visual changes.
## 25.1.11
### Patch Changes
- Updated dependencies
## 25.1.10
### Patch Changes
- Updated dependencies
## 25.1.9
### Patch Changes
- Updated dependencies
## 25.1.8
### 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
## 25.1.7
### Patch Changes
- Updated dependencies
## 25.1.6
### Patch Changes
- Updated dependencies
## 25.1.5
### Patch Changes
- Updated dependencies
## 25.1.4
### Patch Changes
- Updated dependencies
## 25.1.3
### Patch Changes
- Updated dependencies
## 25.1.2
### Patch Changes
- Updated dependencies
## 25.1.1
### Patch Changes
- [#155802](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/155802)
[`08019848e3eab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/08019848e3eab) -
Refreshed "issue" terminology.
- Updated dependencies
## 25.1.0
### Minor Changes
- [#152706](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/152706)
[`72f35bd8c908c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/72f35bd8c908c) -
Add prop to control lazy loading behaviour for avatar
## 25.0.5
### Patch Changes
- Updated dependencies
## 25.0.4
### Patch Changes
- [#146865](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/146865)
[`944d9adf63995`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/944d9adf63995) -
add isDecorative attribute in the Avatar
## 25.0.3
### Patch Changes
- [#142181](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/142181)
[`d6934885b334e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d6934885b334e) -
Fixed some new icons that were enabled with the incorrect feature flag.
## 25.0.2
### 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
## 25.0.1
### Patch Changes
- Updated dependencies
## 25.0.0
### Major Changes
- [#122909](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/122909)
[`5330c20b7c5fd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5330c20b7c5fd) -
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`, 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.
### Patch Changes
- Updated dependencies
## 24.0.1
### Patch Changes
- Updated dependencies
## 24.0.0
### Major Changes
- [#119746](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/119746)
[`42617a5e15cd2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/42617a5e15cd2) -
Removes the `children` prop from `AvatarItem`, along with the `CustomAvatarItemProps` type.
Limiting the amount of customization that can be applied. This change is in preparation for the
migration from `@emotion/react` to Compiled CSS-in-JS.
## 23.0.0
### Major Changes
- [#117222](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117222)
[`a80e8994489e7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a80e8994489e7) -
Removes the option to provide a function to the `children` prop to create a custom avatar. A new
`AvatarContent` sub-component is now available, which similarly enables custom content to be
provided for the avatar. This change is in preparation for the migration from `@emotion/react` to
Compiled CSS-in-JS.
Example usage before and after:
### Before
```jsx
import Avatar from '@atlaskit/avatar';
<Avatar>
{(props) => (
<span {...props}>
Custom content
</span>
)}
<Avatar>
```
### After
```jsx
import Avatar, { AvatarContent } from '@atlaskit/avatar';
<Avatar>
<AvatarContent>
Custom content
</AvatarContent>
<Avatar>
```
### Patch Changes
- Updated dependencies
## 22.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
## 21.18.4
### Patch Changes
- Updated dependencies
## 21.18.3
### Patch Changes
- [#111651](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/111651)
[`0627ea1ac419e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0627ea1ac419e) -
Remove old codemods and update dependencies.
## 21.18.2
### Patch Changes
- Updated dependencies
## 21.18.1
### Patch Changes
- Updated dependencies
## 21.18.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
## 21.17.9
### Patch Changes
- [#104075](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/104075)
[`534b86dda4d5c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/534b86dda4d5c) -
Remove unused internal exports and update dependencies.
## 21.17.8
### 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.
## 21.17.7
### Patch Changes
- Updated dependencies
## 21.17.6
### 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.
## 21.17.5
### Patch Changes
- Updated dependencies
## 21.17.4
### Patch Changes
- Updated dependencies
## 21.17.3
### Patch Changes
- [#165531](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/165531)
[`57f451bda8919`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/57f451bda8919) -
Adds side-effect config to support Compiled css extraction in third-party apps
## 21.17.2
### Patch Changes
- [#159704](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/159704)
[`b3a2ceaf98b77`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b3a2ceaf98b77) -
Internal refactoring of file names and resolving of ESLint disables.
## 21.17.1
### Patch Changes
- [#157335](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/157335)
[`51a41686c7949`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/51a41686c7949) -
Fixes lineheight issue for xxxsmall avatars which was throwing off the positioning of the fallback
icon
## 21.17.0
### Minor Changes
- [#157307](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/157307)
[`a1e80ec0a5e4a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a1e80ec0a5e4a) -
Enable new icons behind a feature flag.
## 21.16.1
### Patch Changes
- Updated dependencies
## 21.16.0
### Minor Changes
- [#155193](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/155193)
[`823ac616e85a9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/823ac616e85a9) -
adding data-ssr-placeholder-ignored attribute for VC calculation
### Patch Changes
- [#154751](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/154751)
[`002c8762275d8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/002c8762275d8) -
Fix focus styles overriding custom border styles when focus is not visible.
- Updated dependencies
## 21.15.5
### Patch Changes
- Updated dependencies
## 21.15.4
### Patch Changes
- Updated dependencies
## 21.15.3
### Patch Changes
- [#148281](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/148281)
[`3c4de48168ffe`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3c4de48168ffe) -
Update the import path of `useId*` from `@atlaskit/ds-lib`
- Updated dependencies
## 21.15.2
### Patch Changes
- Updated dependencies
## 21.15.1
### Patch Changes
- [#135555](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/135555)
[`6325e9c5617d5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6325e9c5617d5) -
Use a ID generator that is compatible with React16 and React 18
## 21.15.0
### Minor Changes
- [#129060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/129060)
[`8613836cba783`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8613836cba783) -
updating data-vc attribute to use test-id
## 21.14.1
### Patch Changes
- Updated dependencies
## 21.14.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
## 21.13.1
### Patch Changes
- Updated dependencies
## 21.13.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
## 21.12.1
### Patch Changes
- Updated dependencies
## 21.12.0
### Minor Changes
- [#125278](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/125278)
[`f80ae8ed91fc9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f80ae8ed91fc9) -
Adding data-vc attributes for tracking TTVC (go/ttvc).
## 21.11.2
### Patch Changes
- [#120049](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/120049)
[`77504ff274f72`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/77504ff274f72) -
DSP-19576: Assign names to anonymous default exports
## 21.11.1
### Patch Changes
- Updated dependencies
## 21.11.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.
## 21.10.4
### Patch Changes
- Updated dependencies
## 21.10.3
### Patch Changes
- Updated dependencies
## 21.10.2
### Patch 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.
## 21.10.1
### Patch Changes
- Updated dependencies
## 21.10.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
## 21.9.2
### Patch Changes
- [#110310](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110310)
[`ea4751db471b1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ea4751db471b1) -
Allow maker-provided prop to override the context value for the AvatarContext's `size` property.
- Updated dependencies
## 21.9.1
### Patch Changes
- Updated dependencies
## 21.9.0
### Minor Changes
- [#96699](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96699)
[`65f87a3ac916`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/65f87a3ac916) -
[ux] Increase font size of secondary text from computed 11.9px to 12px.
## 21.8.0
### Minor Changes
- [#98168](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98168)
[`bc3ef8133b6c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bc3ef8133b6c) -
Add support for React 18 in non-strict mode.
## 21.7.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.
## 21.6.1
### Patch Changes
- [#97453](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/97453)
[`6d382c5e1dce`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6d382c5e1dce) -
Export types for new avatar context.
## 21.6.0
### Minor Changes
- [#95982](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/95982)
[`44381801376a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/44381801376a) -
Creates a context to set the `size` prop for all avatars under the provider.
## 21.5.2
### Patch Changes
- [#83188](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83188)
[`cd5d06cd3329`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cd5d06cd3329) -
Minor adjustments to improve compatibility with React 18
## 21.5.1
### 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`
## 21.5.0
### Minor Changes
- [#69996](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/69996)
[`1b320a82df61`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1b320a82df61) -
Add Team fallback avatar
- [#73763](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/73763)
[`20bb01a34fcd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/20bb01a34fcd) -
test id selector added to Avatar label
## 21.4.6
### Patch Changes
- [#70213](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70213)
[`31068e587071`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/31068e587071) -
[ux] Removes decorative images of presence and status from view of assistive technologies. The
presence and status are announced as part of the labeling of the parent component and therefore no
longer necessary.
## 21.4.5
### Patch Changes
- [#67339](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67339)
[`33c37b4c2c1e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/33c37b4c2c1e) -
[ux] Remove nested images introduced in 21.4.3
## 21.4.4
### Patch Changes
- [#64854](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/64854)
[`61b09a38c764`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/61b09a38c764) -
[ux] Adds label to custom avatars using the render prop API.
## 21.4.3
### Patch Changes
- [#63807](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/63807)
[`538c46e739b6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/538c46e739b6) -
[ux] Add accessible name to non-interactive avatars. If you are a making a test that relies on
there being only a single element containing the avatar's expected text, skipping any elements
with a `hidden` attribute will narrow down your search to only the visible element; this will make
the test act the same as it would before this change.
## 21.4.2
### Patch Changes
- Updated dependencies
## 21.4.1
### Patch Changes
- [#41729](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41729)
[`04235acacd6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/04235acacd6) - Enrol
package to push model in Jira
## 21.4.0
### Minor Changes
- [#40977](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40977)
[`994a98df01b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/994a98df01b) -
Introduce `as` prop for customising the wrapping element
## 21.3.9
### 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
## 21.3.8
### Patch Changes
- [#38336](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38336)
[`7a3cbead067`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7a3cbead067) - Default
content for label
## 21.3.7
### 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.
## 21.3.6
### Patch Changes
- [#35441](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35441)
[`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal
change to use shape tokens. There is no expected visual change.
## 21.3.5
### Patch Changes
- [#36027](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36027)
[`342bd17ba74`](https://bitbucket.org/atlassian/atlassian-frontend/commits/342bd17ba74) - Fix
presence and status props being expanded to all strings instead of the allowed values.
## 21.3.4
### Patch Changes
- [#34811](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34811)
[`abf69e9a4f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/abf69e9a4f6) - Removes
usage of deprecated theme mixins in favor of static token / color usage.
## 21.3.3
### Patch Changes
- [#34804](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34804)
[`e2d375fa634`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e2d375fa634) - Refactor
how some internal styles are applied; no functional changes.
## 21.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
## 21.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`
## 21.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
## 21.2.1
### Patch Changes
- [#32211](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32211)
[`4ba10567310`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ba10567310) - Internal
changes.
## 21.2.0
### Minor Changes
- [#30248](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30248)
[`51928bbe70c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/51928bbe70c) - [ux]
Removes status/presence indicator images from the accessibility tree for the Avatar component.
### Patch Changes
- [`64f11e50567`](https://bitbucket.org/atlassian/atlassian-frontend/commits/64f11e50567) - [ux]
Adds accessible name to standalone Presence and Status components.
- [`0ecd2a2238b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0ecd2a2238b) - Add more
precision to custom component check for status and presence
## 21.1.10
### Patch Changes
- [#30134](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30134)
[`5aab9bfc96c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5aab9bfc96c) - Replace
gridSize in spacing values with corresponding spacing tokens
## 21.1.9
### Patch Changes
- Updated dependencies
## 21.1.8
### Patch Changes
- Updated dependencies
## 21.1.7
### 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.
## 21.1.6
### Patch Changes
- [#29227](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29227)
[`4ee60bafc6d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ee60bafc6d) -
ED-16603: Remove tooltips from VR tests and make them opt in. To opt-in, add `allowedSideEffects`
when loading the page.
## 21.1.5
### Patch Changes
- Updated dependencies
## 21.1.4
### Patch Changes
- Updated dependencies
## 21.1.3
### Patch Changes
- Updated dependencies
## 21.1.2
### Patch Changes
- [#26699](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26699)
[`47f0e63c935`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f0e63c935) - Internal
changes to apply spacing tokens. This should be a no-op change.
## 21.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.
## 21.1.0
### Minor Changes
- [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710)
[`c1d012d6d20`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c1d012d6d20) - Updates
`@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behaviour change.
### Patch Changes
- Updated dependencies
## 21.0.3
### Patch Changes
- [#24968](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24968)
[`f9cd9e55e43`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f9cd9e55e43) - Update
to disabled tokens which slightly affects the opacity in disabled states
## 21.0.2
### 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`
## 21.0.1
### 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`.
## 21.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
- [`be23a6d8ee1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/be23a6d8ee1) - [ux]
Updates color tokens used to be more semantically accurate
## 20.5.10
### Patch Changes
- Updated dependencies
## 20.5.9
### 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
## 20.5.8
### Patch Changes
- Updated dependencies
## 20.5.7
### Patch Changes
- Updated dependencies
## 20.5.6
### Patch Changes
- Updated dependencies
## 20.5.5
### 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.
## 20.5.4
### 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
## 20.5.3
### Patch Changes
- Updated dependencies
## 20.5.2
### 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
## 20.5.1
### Patch Changes
- Updated dependencies
## 20.5.0
### Minor Changes
- [#14319](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14319)
[`cf853e39278`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf853e39278) - [ux] Fix
avatar focus ring in windows high contrast mode
### Patch Changes
- Updated dependencies
## 20.4.2
### Patch Changes
- Updated dependencies
## 20.4.1
### Patch Changes
- [#13864](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13864)
[`0a759df738f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0a759df738f) - When
Avatar is not interactive and no `name` prop is provided, `role` and an empty `aria-label`
attributes are not rendered anymore. Screen readers consider these images as decorative now and
doesn't announce them as "Unlabeled image".
- [`016d19b8038`](https://bitbucket.org/atlassian/atlassian-frontend/commits/016d19b8038) - [ux]
When avatars are disabled they no longer will appear as interactive.
- Updated dependencies
## 20.4.0
### Minor Changes
- [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302)
[`cb101fd1d29`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb101fd1d29) - [ux]
Colors are now sourced through tokens.
### Patch Changes
- Updated dependencies
## 20.3.3
### Patch Changes
- [#12837](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12837)
[`0d0ecc6e790`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0d0ecc6e790) - Corrects
eslint supressions.
- Updated dependencies
## 20.3.2
### 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`.
## 20.3.1
### Patch Changes
- [#11649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11649)
[`34992526ab4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34992526ab4) - Removes
duplicate dependency (@atlaskit/tooltip) from dependency array.
## 20.3.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
- [`af5707375f7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/af5707375f7) - Internal
code changes.
- [`cfcefd986eb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cfcefd986eb) - Adds
jsdoc description to exported components.
- [`4e8f13c9b8a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e8f13c9b8a) - Renames
internal props to match naming convention.
- [`1974621bc4d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1974621bc4d) - Add
eslint rule disable for enforcing filename and extension
- [`9e335c673bb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9e335c673bb) - Rename
no-type-suffix eslint rule to type-name-no-type-suffix-nor-props, and add restriction for nameing
types props.
- [`1512054d655`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1512054d655) - Fixed
no-type-suffix eslint errors
- [`ebd98351a30`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ebd98351a30) - Corrects
internal jsdoc declarations.
- [`70679cfeb04`](https://bitbucket.org/atlassian/atlassian-frontend/commits/70679cfeb04) - Fixed
eslint errors by using css object notation
- [`7ea77bc9fbe`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7ea77bc9fbe) - Internal
changes.
- Updated dependencies
## 20.2.2
### Patch Changes
- [#8644](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8644)
[`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use
injected package name and version for analytics instead of version.json.
- Updated dependencies
## 20.2.1
### Patch Changes
- [#8710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8710)
[`e177a840b13`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e177a840b13) - Fix
flickering of cached avatar images on mount
## 20.2.0
### Minor Changes
- [#8178](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8178)
[`1a8fcbf9878`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1a8fcbf9878) - [ux]
Avatar and AvatarItem now accept a label prop which allows the components to be accessible when
viewed in a screen reader. The isDisabled prop now correctly generates the appropriate markup (was
a span, now a disabled button) for screen reader users.
### Patch Changes
- [`8308fe23b9b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8308fe23b9b) - Removing
incorrect cursor styles from non-interactive AvatarItems
- Updated dependencies
## 20.1.1
### Patch Changes
- [#7762](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7762)
[`fe59fc62a58`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe59fc62a58) -
Increased the contrast for the fallback icon of the Avatar package so that it passes WCAG AA
contrast requirements.
## 20.1.0
### Minor Changes
- [#7170](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7170)
[`4f9e6e2db5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4f9e6e2db5) - These
packages now have defined entry points -- this means that you cannot access internal files in the
packages that are not meant to be public. Sub-components in these packages have been explicitly
defined, aiding tree-shaking and reducing bundle size.
### Patch Changes
- Updated dependencies
## 20.0.8
### Patch Changes
- [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857)
[`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile
packages using babel rather than tsc
## 20.0.7
### Patch Changes
- [#6228](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/6228)
[`5c1b4d64ef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c1b4d64ef) - [ux] There
were two browser specific issues in avatar component. 1- Misalignment in firefox (Interactive
button avatar is incorrectly aligned) — To fix this we added font-size and font-family to button
element. 2- Hover issue in safari (On hover avatar was showing rectangular background) — To fix
this we have added border radius to avatar on hover.
## 20.0.6
### Patch Changes
- [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497)
[`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export
types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules
compiler option. This requires version 3.8 of Typescript, read more about how we handle Typescript
versions here: https://atlaskit.atlassian.com/get-started Also add `typescript` to
`devDependencies` to denote version that the package was built with.
## 20.0.5
### Patch Changes
- Updated dependencies
## 20.0.4
### Patch Changes
- Updated dependencies
## 20.0.3
### Patch Changes
- [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885)
[`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded
to TypeScript 3.9.6 and tslib to 2.0.0
Since tslib is a dependency for all our packages we recommend that products also follow this tslib
upgrade to prevent duplicates of tslib being bundled.
## 20.0.2
### Patch Changes
- [#3293](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3293)
[`954cc87b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/954cc87b62) - The readme
and package information has been updated to point to the new design system website.
## 20.0.1
### Patch Changes
- [#4044](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4044)
[`dfd7418707`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dfd7418707) - Added
types for function parameters in the Presence, Status and Skeleton avatar sub-components. Without
these types we were unable to generate prop tables in the documentation site using
`extract-react-types`.
## 20.0.0
### Major Changes
- [#3428](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3428)
[`cde426961a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cde426961a) - Changes to
Avatar in this release are intended to provide users with more flexible and performant
customization options.
Previously Avatars could only be customized like so:
```javascript
<Avatar component={Button} />
```
This is restrictive in that you're not able to pass custom props or children to button without
passing props directly through to Avatar first.
Now with render props, we can enable that:
```jsx
const initials = 'MCB';
<Avatar render={(props) => <Button {...props}>{initials} // custom initials etc.</Button>} />;
```
Since there are significant prop and API changes we provided a codemod to help consumers upgrade
their components.
**Running the codemod cli**
To run the codemod: **You first need to have the latest avatar installed before you can run the
codemod**
`yarn upgrade @atlaskit/avatar@^19.0.0`
Once upgraded, use the Atlaskit codemod-cli;
`npx @atlaskit/codemod-cli --parser [PARSER] --extensions [FILE_EXTENSIONS] [TARGET_PATH]`
Or run `npx @atlaskit/codemod-cli -h` for more details on usage. For Atlassians, refer to
[this doc](https://hello.atlassian.net/wiki/spaces/AF/pages/2627171992/Codemods) for more details
on the codemod CLI.
**Change summary:**
- BREAKING: `Avatar`'s `component` prop is now a
[renderProp](https://reactjs.org/docs/render-props.html) and has been renamed to `render`
- BREAKING: `AvatarItem`'s `component` prop is now a
[renderProp](https://reactjs.org/docs/render-props.html) and has been renamed to `render`
- Avatar now forwards its ref
- AvatarItem now forwards its ref
- Type `AvatarClickType` has been renamed to `AvatarClickEventHandler`
### Patch Changes
- [`cacf9a3097`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cacf9a3097) - Fixes a
regression in AvatarItem where the default padding was 16px instead of 4px.
- [`e99c1c2ac8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e99c1c2ac8) - Removes
text decoration from AvatarItems rendered as anchor tags
- [`19b9dc6daf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19b9dc6daf) - Avatar now
sends complete contextualised analytics metadata.
- [`db053b24d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db053b24d8) - Update all
the theme imports to be tree-shakable
## 19.0.0
### Major Changes
- [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335)
[`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially
dropping IE11 support, from this version onwards there are no warranties of the package working in
IE11. For more information see:
https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
### Patch Changes
- Updated dependencies
## 18.0.2
### Patch Changes
- [#2443](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2443)
[`1c401b41d6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1c401b41d6) - Codemod
updated to target the correct avatarItem prop name
- [`e3cb6026bc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e3cb6026bc) - Updates
the v18 codemod to ensure it doesnt format files that are not relevant
## 18.0.1
### Patch Changes
- [#2866](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2866)
[`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and
supporting files will no longer be published to npm
## 18.0.0
### Major Changes
- [#2137](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2137)
[`b1fa2d6d1c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1fa2d6d1c) - Avatar has
been refactored to improve performance and be compliant with the lite-mode specification. Since
there are significant prop and API changes, we will be providing a codemod to help consumers
upgrade their components.
To run the codemod:
**You first need to have the latest avatar installed before you can run the codemod**
`yarn upgrade @atlaskit/avatar@^18.0.0`
**Run the codemod cli**
`npx @atlaskit/codemod-cli /path/to/target/directory`
For more information on @atlaskit/codemod-cli please refer to
[this doc](https://atlaskit.atlassian.com/docs/guides/atlassian-codemods)
**Summary**
- Fixes re-rendering issues
- Removes all deprecated theme API. This includes previous experimental dark-mode theme support
- Stop accepting and spreading arbitrary props
- Removes analytics-next HOCs in favor of hook variant (You may need to update snapshot tests)
- Removes all usage of HOCs
- Replaces `styl