@atlaskit/avatar
Version:
An avatar is a visual representation of a user or entity.
1,547 lines (994 loc) • 81.3 kB
Markdown
# @atlaskit/avatar
## 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 `styled-components` v3 with `@emotion/core` to improve runtime and bundlesize
**Avatar API / PROP CHANGES**
- `enableTooltip` removed. Please use `@atlaskit/tooltip` instead
- `onClick` method signature has been simplified to `onChange(event, analyticsEvent)`
- `isHover` removed
- `isActive` removed
- `isFocus` removed
- `isSelected` removed
- `theme` removed
- Added prop types to the `component` prop
- `BORDER_WIDTH` is now a single value rather than an object
- `withPseudoState`, `getProps`, `getBorderRadius`, `getInnerStyles` have been removed and are
therefor no longer available. These methods were for designed for internal use and use within
the AvatarGroup component.
**Avatar Item API / PROP CHANGES**
- `enableTruncation` renamed to `isTruncationDisabled`
- `onClick` method signature has been simplified to `onChange(event, analyticsEvent)`
- `isHover` removed
- `isActive` removed
- `isFocus` removed
- `isSelected` removed
- `theme` removed
- Added prop types to the `component` prop
## 17.1.11
### Patch Changes
- Updated dependencies
## 17.1.10
### Patch Changes
- [patch][167a55fd7a](https://bitbucket.org/atlassian/atlassian-frontend/commits/167a55fd7a):
Change imports to comply with Atlassian conventions- Updated dependencies
[3940bd71f1](https://bitbucket.org/atlassian/atlassian-frontend/commits/3940bd71f1):
- Updated dependencies
[9e4b195732](https://bitbucket.org/atlassian/atlassian-frontend/commits/9e4b195732):
- Updated dependencies
[6b8e60827e](https://bitbucket.org/atlassian/atlassian-frontend/commits/6b8e60827e):
- Updated dependencies
[449ef134b3](https://bitbucket.org/atlassian/atlassian-frontend/commits/449ef134b3):
- Updated dependencies
[57c0487a02](https://bitbucket.org/atlassian/atlassian-frontend/commits/57c0487a02):
- Updated dependencies
[fd41d77c29](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd41d77c29):
- @atlaskit/tooltip@15.2.6
- @atlaskit/toggle@8.1.7
- @atlaskit/button@13.3.11
- @atlaskit/icon@20.1.1
- @atlaskit/webdriver-runner@0.3.4
## 17.1.9
### Patch Changes
- Updated dependencies
[66dcced7a0](https://bitbucket.org/atlassian/atlassian-frontend/commits/66dcced7a0):
- Updated dependencies
[fd5292fd5a](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd5292fd5a):
- Updated dependencies
[64fb94fb1e](https://bitbucket.org/atlassian/atlassian-frontend/commits/64fb94fb1e):
- Updated dependencies
[fd5292fd5a](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd5292fd5a):
- Updated dependencies
[eea5e9bd8c](https://bitbucket.org/atlassian/atlassian-frontend/commits/eea5e9bd8c):
- Updated dependencies
[fd5292fd5a](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd5292fd5a):
- Updated dependencies
[109c1a2c0a](https://bitbucket.org/atlassian/atlassian-frontend/commits/109c1a2c0a):
- Updated dependencies
[c57bb32f6d](https://bitbucket.org/atlassian/atlassian-frontend/commits/c57bb32f6d):
- @atlaskit/docs@8.4.0
- @atlaskit/icon@20.1.0
- @atlaskit/webdriver-runner@0.3.0
- @atlaskit/field-base@14.0.2
- @atlaskit/button@13.3.9
- @atlaskit/section-message@4.1.7
- @atlaskit/toggle@8.1.6
- @atlaskit/tooltip@15.2.5
## 17.1.8
### Patch Changes
- Updated dependencies
[e3f01787dd](https://bitbucket.org/atlassian/atlassian-frontend/commits/e3f01787dd):
- @atlaskit/webdriver-runner@0.2.0
- @atlaskit/button@13.3.8
- @atlaskit/section-message@4.1.6
- @atlaskit/toggle@8.1.5
- @atlaskit/tooltip@15.2.4
## 17.1.7
### Patch Changes
- [patch][6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies
[6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
- @atlaskit/docs@8.3.2
- @atlaskit/visual-regression@0.1.9
- @atlaskit/analytics-next@6.3.5
- @atlaskit/button@13.3.7
- @atlaskit/field-base@14.0.1
- @atlaskit/icon@20.0.1
- @atlaskit/section-message@4.1.5
- @atlaskit/theme@9.5.1
- @atlaskit/toggle@8.1.4
- @atlaskit/tooltip@15.2.3
## 17.1.6
### Patch Changes
- [patch][b9dc265bc9](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9dc265bc9):
Avatar-item will now respect the width of it's parent container- Updated dependencies
[c0102a3ea2](https://bitbucket.org/atlassian/atlassian-frontend/commits/c0102a3ea2):
- @atlaskit/field-base@14.0.0
- @atlaskit/icon@20.0.0
- @atlaskit/section-message@4.1.4
- @atlaskit/docs@8.3.1
- @atlaskit/button@13.3.6
- @atlaskit/tooltip@15.2.2
## 17.1.5
### Patch Changes
- [patch][24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
Corrects bgColor type from never to string- Updated dependencies
[24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
- Updated dependencies
[24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
- Updated dependencies
[24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
- Updated dependencies
[24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
- Updated dependencies
[24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
- @atlaskit/tooltip@15.2.0
- @atlaskit/analytics-next@6.3.3
- @atlaskit/field-base@13.0.16
## 17.1.4
### Patch Changes
- [patch][d222c2b987](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d222c2b987):
Theme has been converted to Typescript. Typescript consumers will now get static type safety. Flow
types are no longer provided.
### Breaking
** getTokens props changes ** When defining the value function passed into a ThemeProvider, the
getTokens parameter cannot be called without props; if no props are provided an empty object `{}`
must be passed in:
```javascript
<CustomTheme.Provider
value={t => ({ ...t(), backgroundColor: '#333'})}
>
```
becomes:
```javascript
<CustomTheme.Provider
value={t => ({ ...t({}), backgroundColor: '#333'})}
>
```
** Color palette changes ** Color palettes have been moved into their own file. Users will need to
update imports from this:
```javascript
import { colors } from '@atlaskit/theme';
colors.colorPalette('8');
```
to this:
```javascript
import { colorPalette } from '@atlaskit/theme';
colorPalette.colorPalette('8');
```
or for multi entry-point users:
```javascript
import * as colors from '@atlaskit/theme/colors';
colors.colorPalette('8');
```
to this:
```javascript
import * as colorPalettes from '@atlaskit/theme/color-palette';
colorPalettes.colorPalette('8');
```
## 17.1.3
### Patch Changes
- [patch][35d2229b2a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/35d2229b2a):
Adding missing license to packages and update to Copyright 2019 Atlassian Pty Ltd.
## 17.1.2
### Patch Changes
- [patch][a2d0043716](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a2d0043716):
Updated version of analytics-next to fix potential incompatibilities with TS 3.6
## 17.1.1
### Patch Changes
- [patch][8dff68dffa](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/8dff68dffa):
AvatarItems will only present a pointer cursor if onClick or href has been supplied
## 17.1.0
### Minor Changes
- [minor][79689c9027](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/79689c9027):
Adding an optional prop `testId` that will set the attribute value `data-testid`. It will help
products to write better integration and end to end tests.
## 17.0.1
### Patch Changes
- [patch][40bda8f796](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/40bda8f796):
@atlaskit/avatar-group has been converted to Typescript. Typescript consumers will now get static
type safety. Flow types are no longer provided. No API or behavioural changes.
## 17.0.0
### Major Changes
- [major][8d0f37c23e](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/8d0f37c23e):
@atlaskit/avatar has been converted to Typescript. Typescript consumers will now get static type
safety. Flow types are no longer provided. No API or behavioural changes.
## 16.1.0
### Minor Changes
- [minor][c6efb2f5b6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c6efb2f5b6):
Prefix the legacy lifecycle methods with UNSAFE\_\* to avoid warning in React 16.9+
More information about the deprecation of lifecycles methods can be found here:
https://reactjs.org/blog/2018/03/29/react-v-16-3.html#component-lifecycle-changes
## 16.0.14
### Patch Changes
- [patch][097b696613](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/097b696613):
Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving
non-relative imports as relative imports
## 16.0.13
### Patch Changes
- [patch][ecca4d1dbb](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ecca4d1dbb):
Upgraded Typescript to 3.3.x
## 16.0.12
### Patch Changes
- [patch][708028db86](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/708028db86):
Change all the imports to theme in Core to use multi entry points
## 16.0.11
### Patch Changes
- [patch][de35ce8c67](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/de35ce8c67):
Updates component maintainers
## 16.0.10
### Patch Changes
- [patch][926b43142b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/926b43142b):
Analytics-next has been converted to Typescript. Typescript consumers will now get static type
safety. Flow types are no longer provided. No behavioural changes.
**Breaking changes**
- `withAnalyticsForSumTypeProps` alias has been removed, please use `withAnalyticsEvents`
- `AnalyticsContextWrappedComp` alias has been removed, please use `withAnalyticsContext`
**Breaking changes to TypeScript annotations**
- `withAnalyticsEvents` now infers proptypes automatically, consumers no longer need to provide
props as a generic type.
-