Avatar
An avatar is a visual representation of a user or entity.28.0.2
Patch Changes
- Updated dependencies
28.0.1
Patch Changes
8a39156cf22f5, (opens new window) - Deprecate thexsmallAvatar prop overload while retaining runtime and type compatibility for the current 16px size.
28.0.0
Major Changes
-
3516c9fac5ea8, (opens new window) - Rename the public 16px Avatar size fromxsmalltoxxsmallto make room for a future 20pxxsmallsize.xsmallstill renders at runtime for now to avoid immediate JavaScript breakages, but it has been removed from TypeScript interfaces and will be removed in a future major before being re-added as the public 20px size.Run the Avatar codemod to update static 16px Avatar usage:
<Avatar - size="xsmall" + size="xxsmall" />AvatarGroup continues to exclude 16px and 20px Avatar-only sizes.
Patch Changes
3516c9fac5ea8, (opens new window) - Migrates internal 16px Avatar usage fromxsmalltoxxsmall.- Updated dependencies
27.3.0
Minor Changes
bd2c5b0112185, (opens new window) - Remove stale API report artifacts from published Platform packages.
Patch Changes
- Updated dependencies
27.2.2
Patch Changes
695fcbc68ad47, (opens new window) - Experimental React 19 peer dependency support. This patch widens the peer range; CI coverage is partial.- Updated dependencies
27.2.1
Patch Changes
9a7653523837c, (opens new window) - Use@atlassian/testing-libraryexclusively in unit tests.
27.2.0
Minor Changes
-
d82e6f76528ab, (opens new window) - Add direct subpath package exports as part of the linking-platform, search, media, and design-system barrel-removal (de-barrel) migration.These packages now expose their individual modules via explicit
package.jsonexportssubpaths so that consumers can import directly from the leaf module (e.g.@atlaskit/pkg/thing) instead of the package barrel/index. This adds new public entry points without changing or removing any existing exports, so it is a backwards-compatible additive change.No runtime behaviour changes; this is an API-surface (entry-point) addition to support tree-shaking and to unblock removal of the barrel index files.
Patch Changes
- Updated dependencies
27.1.0
Minor Changes
8022d651e6a43, (opens new window) - Add the./avatar-sizesentry point, which exports theAVATAR_SIZESsize map. This allows consumers to import avatar sizing values directly via@atlaskit/avatar/avatar-sizes.
27.0.0
Major Changes
-
517bbea71d2d2, (opens new window) - Breaking change: TheisDecorativeprop has been removed fromAvatar.This prop was used to suppress
aria-labelledbyon decorative avatars. The same effect can be achieved by passing an empty string to thelabelprop.Migration:
- <Avatar src={src} name="User name" isDecorative /> + <Avatar src={src} name="User name" label="" />If you were conditionally setting
isDecorative:- <Avatar src={src} name={name} isDecorative={isDecorative} /> + <Avatar src={src} name={name} label={isDecorative ? '' : undefined} />
Patch Changes
- Updated dependencies
26.4.2
Patch Changes
e0edc05cd52d7, (opens new window) - Migrates internal 16px Avatar usage fromxsmalltoxxsmallas a 1:1 size rename with no visual change.
26.4.1
Patch Changes
4b7c5c71d51c0, (opens new window) - Add a codemod and migration guide for replacing 16pxxsmallAvatar usage withxxsmall.
26.4.0
Minor Changes
-
3a45d08ff1c62, (opens new window) - Addxxsmallas the public 16px Avatar size and deprecatexsmallas the legacy 16px alias. This starts the migration from the existing 16/24px Avatar size scale to 16/20/24px. Static Avatar usages in AFM should migrate fromxsmalltoxxsmall;xsmallremains available for now and continues to render as 16px while the migration feature gate is off.AvatarGroup continues to exclude the Avatar-only 16px and 20px sizes.
26.3.0
Minor Changes
6fc1fcd1b0196, (opens new window) - Adjusts hexagon avatars so that their stroke width is closer to 2px and consistent with other avatar shapes. This change is behind theplatform_editor_agent_mentions_drop_one_fixesfeature gate.
26.2.0
Minor Changes
-
0a1dac0483f0a, (opens new window) - Add a newUNSAFE_xsmallsize variant (20px) toAvatar,AvatarContent, andSkeleton. It sits between the existingxsmall(16px) andsmall(24px) sizes and supports presence and status indicators.UNSAFE_xsmallis an unsafe, transitional size that is intentionally hidden from the documented size scale (@private). The size scale will eventually be renamed so the 16px avatar becomesxxsmallandxsmallrepresents 20px. Until that migration happens,UNSAFE_xsmallprovides a 20px avatar for consumers that need it.
Patch Changes
- Updated dependencies
26.1.3
Patch Changes
- Updated dependencies
26.1.2
Patch Changes
- Updated dependencies
26.1.1
Patch Changes
- Updated dependencies
26.1.0
Minor Changes
-
cd097a2111788, (opens new window) - Republish packages depending on@atlaskit/react-compiler-gatingso their published dependency reference is updated to the renamed@atlaskit/react-compiler-gatingscope.The earlier rename of
@atlassian/react-compiler-gatingto@atlaskit/react-compiler-gatingonly bumped the renamed package itself, so dependent packages were never republished and their published versions still referenced the old@atlassian/react-compiler-gatingname, which is not available in the public npm registry. This minor bump republishes all affected packages with the corrected dependency.
Patch Changes
- Updated dependencies
26.0.2
Patch Changes
ee28cf33718b0, (opens new window) - Add @atlaskit/react-compiler-gating as a runtime dependency to enable React Compiler platform gating.- Updated dependencies
26.0.1
Patch Changes
9810045072e34, (opens new window) - Remove feature flagplatform_square_avatar_remove_xlarge_xxlarge_sizes. Square avatars now support all sizes includingxlargeandxxlarge.
26.0.0
Major Changes
-
f2dc9097319f0, (opens new window) - ### Dropped support for legacy Typescript 4 types. Typescript 5 is now the new minimum.Removes the
typesVersionsproperty anddist/types-ts4.5directory from the dist.Types are now exclusively via the
"types": "dist/types/index.d.ts"property.- "typesVersions": { - ">=4.5 <4.9": { - "*": [ - "dist/types-ts4.5/*", - "dist/types-ts4.5/index.d.ts" - ] - } - },
Patch Changes
- Updated dependencies
25.15.1
Patch Changes
d39a9f06a8508, (opens new window) - [ux] Bug fix: square avatars allow size to be set to xlarge and xxlarge, which are invalid sizes that should not be available for square avatars (only circle and hexagonal avatars).
25.15.0
Minor Changes
e52f0046ff01d, (opens new window) - Cleanup feature gateplatform_dst_hexagon_avatar_unified_size. Hexagonal avatars now consistently use unified sizing to align with other avatar types. We have not seen any regression with this breaking alignment, but it's possible to have subtle breaking changes with unsafe style overrides.
25.14.2
Patch Changes
- Updated dependencies
25.14.1
Patch Changes
0b2913c48cd7a, (opens new window) - Fix hexagon avatar hover scaling: apply motion scale transform to the outermost hexagon wrapper so the border and content scale together, instead of only the inner content scaling.
25.14.0
Minor Changes
436b89822a386, (opens new window) - Autofix: add explicit package exports (barrel removal)
25.13.0
Minor Changes
91ec2c3ecc3b5, (opens new window) - [ux] Added'warning'as a new value for thestatusprop onAvatarand theStatuscomponent. This adds a yellow warning indicator to signal caution or attention-required states, supporting Agent visibility use cases.
25.12.0
Minor Changes
1a7161faf1584, (opens new window) - [ux] Added'warning'as a new value for thestatusprop onAvatarand theStatuscomponent. This adds a yellow warning indicator to signal caution or attention-required states, supporting Agent visibility use cases.
25.11.7
Patch Changes
- Updated dependencies
25.11.6
Patch Changes
ddd049a745d38, (opens new window) - Internal change to how legacy colors are applied. No visual changes.- Updated dependencies
25.11.5
Patch Changes
- Updated dependencies
25.11.4
Patch Changes
02483200273ec, (opens new window) - Enrol all Design System UI packages into the React Compiler with platform gating via isReactCompilerActivePlatform.- Updated dependencies
25.11.3
Patch Changes
22bf79dbdcdca, (opens new window) - Internal changes to remove unnecessary token fallbacks and imports from@atlaskit/theme- Updated dependencies
25.11.2
Patch Changes
- Updated dependencies
25.11.1
Patch Changes
7aef1e49e90ea, (opens new window) - Removes redundant fallback color values via @atlaskit/theme
25.11.0
Minor Changes
2596f105ed08c, (opens new window) - [ux] Added motion on hover for interactive Avatar behind fg platform-dst-motion-uplift
25.10.0
Minor Changes
bab17fe0fd7cf, (opens new window) - Allow avatar border to accept non colour values like css calculated values
25.9.2
Patch Changes
1ba6ced5fedb9, (opens new window) - 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, (opens new window) - [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, (opens new window) - 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, (opens new window) - 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, (opens new window) - 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, (opens new window) - Minor internal typography changes.- Updated dependencies
25.7.1
Patch Changes
- Updated dependencies
25.7.0
Minor Changes
87b12e64ff750, (opens new window) - Removed usages of LEGACY icon props
25.6.3
Patch Changes
- Updated dependencies
25.6.2
Patch Changes
d14ea5f60b689, (opens new window) - 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, (opens new window) - 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, (opens new window) - 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, (opens new window) - ts-ignore added as a workaround for help-center local consumption typecheck
25.5.0
Minor Changes
f70c3197f7179, (opens new window) - [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, (opens new window) - Updates the Avatar hexagon shape to work better with circular images.
25.4.0
Minor Changes
a37090c1d91de, (opens new window) - 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:circlefor users,squarefor app entities (teams, projects, spaces), andhexagonfor agent entities.
25.3.2
Patch Changes
2e422847ee061, (opens new window) - [ux] Revert PR (Add a new prop to set the container element for avatar content)
25.3.1
Patch Changes
42beb385671cf, (opens new window) - [ux] Add a new prop to set the container element for avatar content"
25.3.0
Minor Changes
e314c4cb133f7, (opens new window) - [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, (opens new window) - add type info to forwardRef components- Updated dependencies
25.2.0
Minor Changes
955c510552199, (opens new window) - 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, (opens new window) - Internal changes to how borders are applied.- Updated dependencies
25.1.19
Patch Changes
f0662cd7a143e, (opens new window) - Internal changes to how borders are applied.- Updated dependencies
25.1.18
Patch Changes
- Updated dependencies
25.1.17
Patch Changes
74c2f420ee49b, (opens new window) - Internal changes to how border radius is applied.- Updated dependencies
25.1.16
Patch Changes
- Updated dependencies
25.1.15
Patch Changes
23bcc5bbc9cee, (opens new window) - Internal changes to how border radius is applied.- Updated dependencies
25.1.14
Patch Changes
cd70a377d007c, (opens new window) - Internal changes to how border radius is applied.
25.1.13
Patch Changes
ef3b2dfa2f8a8, (opens new window) - Internal changes to use radius tokens. No visual changes.
25.1.12
Patch Changes
20a5aa8c4e7a0, (opens new window) - 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, (opens new window)
c661806a65543, (opens new window) - 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, (opens new window)
08019848e3eab, (opens new window) - Refreshed "issue" terminology. - Updated dependencies
25.1.0
Minor Changes
- #152706, (opens new window)
72f35bd8c908c, (opens new window) - Add prop to control lazy loading behaviour for avatar
25.0.5
Patch Changes
- Updated dependencies
25.0.4
Patch Changes
- #146865, (opens new window)
944d9adf63995, (opens new window) - add isDecorative attribute in the Avatar
25.0.3
Patch Changes
- #142181, (opens new window)
d6934885b334e, (opens new window) - Fixed some new icons that were enabled with the incorrect feature flag.
25.0.2
Patch Changes
- #129972, (opens new window)
b2d69a39e6687, (opens new window) - Update@compiled/reactdependency for improved type checking support. - Updated dependencies
25.0.1
Patch Changes
- Updated dependencies
25.0.0
Major Changes
-
#122909, (opens new window)
5330c20b7c5fd, (opens new window) - Migrated from@emotion/reactto@compiled/reactin 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.cssimports correctly.Most bundlers come with built-in support for
.cssimports, 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.cssimports.
Patch Changes
- Updated dependencies
24.0.1
Patch Changes
- Updated dependencies
24.0.0
Major Changes
- #119746, (opens new window)
42617a5e15cd2, (opens new window) - Removes thechildrenprop fromAvatarItem, along with theCustomAvatarItemPropstype. Limiting the amount of customization that can be applied. This change is in preparation for the migration from@emotion/reactto Compiled CSS-in-JS.
23.0.0
Major Changes
-
#117222, (opens new window)
a80e8994489e7, (opens new window) - Removes the option to provide a function to thechildrenprop to create a custom avatar. A newAvatarContentsub-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/reactto Compiled CSS-in-JS.Example usage before and after:
Before
import Avatar from '@atlaskit/avatar'; <Avatar> {(props) => ( <span {...props}> Custom content </span> )} <Avatar>After
import Avatar, { AvatarContent } from '@atlaskit/avatar'; <Avatar> <AvatarContent> Custom content </AvatarContent> <Avatar>
Patch Changes
- Updated dependencies
22.0.0
Major Changes
-
#117363, (opens new window)
10a0f7f6c2027, (opens new window) - This package'speerDependencieshave been adjusted forreactand/orreact-domto 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, (opens new window)
Patch Changes
- Updated dependencies
21.18.4
Patch Changes
- Updated dependencies
21.18.3
Patch Changes
- #111651, (opens new window)
0627ea1ac419e, (opens new window) - 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, (opens new window)
4660ec858a305, (opens new window) - UpdateReactfrom v16 to v18
Patch Changes
- Updated dependencies
21.17.9
Patch Changes
- #104075, (opens new window)
534b86dda4d5c, (opens new window) - Remove unused internal exports and update dependencies.
21.17.8
Patch Changes
- #103999, (opens new window)
9f62ecec4d422, (opens new window) - Update dependencies.
21.17.7
Patch Changes
- Updated dependencies
21.17.6
Patch Changes
- #178053, (opens new window)
cb318c8c28c26, (opens new window) - Internal changes to typography.
21.17.5
Patch Changes
- Updated dependencies
21.17.4
Patch Changes
- Updated dependencies
21.17.3
Patch Changes
- #165531, (opens new window)
57f451bda8919, (opens new window) - Adds side-effect config to support Compiled css extraction in third-party apps
21.17.2
Patch Changes
- #159704, (opens new window)
b3a2ceaf98b77, (opens new window) - Internal refactoring of file names and resolving of ESLint disables.
21.17.1
Patch Changes
- #157335, (opens new window)
51a41686c7949, (opens new window) - Fixes lineheight issue for xxxsmall avatars which was throwing off the positioning of the fallback icon
21.17.0
Minor Changes
- #157307, (opens new window)
a1e80ec0a5e4a, (opens new window) - Enable new icons behind a feature flag.
21.16.1
Patch Changes
- Updated dependencies
21.16.0
Minor Changes
- #155193, (opens new window)
823ac616e85a9, (opens new window) - adding data-ssr-placeholder-ignored attribute for VC calculation
Patch Changes
- #154751, (opens new window)
002c8762275d8, (opens new window) - 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, (opens new window)
3c4de48168ffe, (opens new window) - Update the import path ofuseId*from@atlaskit/ds-lib - Updated dependencies
21.15.2
Patch Changes
- Updated dependencies
21.15.1
Patch Changes
- #135555, (opens new window)
6325e9c5617d5, (opens new window) - Use a ID generator that is compatible with React16 and React 18
21.15.0
Minor Changes
- #129060, (opens new window)
8613836cba783, (opens new window) - updating data-vc attribute to use test-id
21.14.1
Patch Changes
- Updated dependencies
21.14.0
Minor Changes
-
#127511, (opens new window)
db30e29344013, (opens new window) - Widening range ofreactandreact-dompeer dependencies from^16.8.0 || ^17.0.0 || ~18.2.0to 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.3as well as to have a consistent peer dependency range forreactandreact-domfor/platformpackages.
Patch Changes
- Updated dependencies
21.13.1
Patch Changes
- Updated dependencies
21.13.0
Minor Changes
- #128333, (opens new window)
e8ee91f820e6f, (opens new window) - 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, (opens new window)
f80ae8ed91fc9, (opens new window) - Adding data-vc attributes for tracking TTVC (go/ttvc).
21.11.2
Patch Changes
- #120049, (opens new window)
77504ff274f72, (opens new window) - DSP-19576: Assign names to anonymous default exports
21.11.1
Patch Changes
- Updated dependencies
21.11.0
Minor Changes
- #116644, (opens new window)
40234970169dc, (opens new window) - [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, (opens new window)
4b4faf5caa25a, (opens new window) - [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, (opens new window)
20c2d58f6f8a9, (opens new window) - 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, (opens new window)
ea4751db471b1, (opens new window) - Allow maker-provided prop to override the context value for the AvatarContext'ssizeproperty. - Updated dependencies
21.9.1
Patch Changes
- Updated dependencies
21.9.0
Minor Changes
- #96699, (opens new window)
65f87a3ac916, (opens new window) - [ux] Increase font size of secondary text from computed 11.9px to 12px.
21.8.0
Minor Changes
- #98168, (opens new window)
bc3ef8133b6c, (opens new window) - Add support for React 18 in non-strict mode.
21.7.0
Minor Changes
- #96490, (opens new window)
e7e14229e1ca, (opens new window) - Add support for React 18 in non-strict mode.
21.6.1
Patch Changes
- #97453, (opens new window)
6d382c5e1dce, (opens new window) - Export types for new avatar context.
21.6.0
Minor Changes
- #95982, (opens new window)
44381801376a, (opens new window) - Creates a context to set thesizeprop for all avatars under the provider.
21.5.2
Patch Changes
- #83188, (opens new window)
cd5d06cd3329, (opens new window) - Minor adjustments to improve compatibility with React 18
21.5.1
Patch Changes
- #83116, (opens new window)
8d4e99057fe0, (opens new window) - Upgrade Typescript from4.9.5to5.4.2
21.5.0
Minor Changes
- #69996, (opens new window)
1b320a82df61, (opens new window) - Add Team fallback avatar - #73763, (opens new window)
20bb01a34fcd, (opens new window) - test id selector added to Avatar label
21.4.6
Patch Changes
- #70213, (opens new window)
31068e587071, (opens new window) - [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, (opens new window)
33c37b4c2c1e, (opens new window) - [ux] Remove nested images introduced in 21.4.3
21.4.4
Patch Changes
- #64854, (opens new window)
61b09a38c764, (opens new window) - [ux] Adds label to custom avatars using the render prop API.
21.4.3
Patch Changes
- #63807, (opens new window)
538c46e739b6, (opens new window) - [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 ahiddenattribute 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, (opens new window)
04235acacd6, (opens new window) - Enrol package to push model in Jira
21.4.0
Minor Changes
- #40977, (opens new window)
994a98df01b, (opens new window) - Introduceasprop for customising the wrapping element
21.3.9
Patch Changes
- #38162, (opens new window)
fd6bb9c9184, (opens new window) - Delete version.json - Updated dependencies
21.3.8
Patch Changes
- #38336, (opens new window)
7a3cbead067, (opens new window) - Default content for label
21.3.7
Patch Changes
- #36754, (opens new window)
4ae083a7e66, (opens new window) - Use@af/accessibility-testingfor default jest-axe config and jest-axe import in accessibility testing.
21.3.6
Patch Changes
- #35441, (opens new window)
599bfe90ee3, (opens new window) - Internal change to use shape tokens. There is no expected visual change.
21.3.5
Patch Changes
- #36027, (opens new window)
342bd17ba74, (opens new window) - Fix presence and status props being expanded to all strings instead of the allowed values.
21.3.4
Patch Changes
- #34811, (opens new window)
abf69e9a4f6, (opens new window) - Removes usage of deprecated theme mixins in favor of static token / color usage.
21.3.3
Patch Changes
- #34804, (opens new window)
e2d375fa634, (opens new window) - Refactor how some internal styles are applied; no functional changes.
21.3.2
Patch Changes
- #33793, (opens new window)
9d00501a414, (opens new window) - Ensure legacy types are published for TS 4.5-4.8
21.3.1
Patch Changes
- #33649, (opens new window)
41fae2c6f68, (opens new window) - Upgrade Typescript from4.5.5to4.9.5
21.3.0
Minor Changes
- #33258, (opens new window)
56507598609, (opens new window) - Skip minor dependency bump
Patch Changes
- Updated dependencies
21.2.1
Patch Changes
- #32211, (opens new window)
4ba10567310, (opens new window) - Internal changes.
21.2.0
Minor Changes
- #30248, (opens new window)
51928bbe70c, (opens new window) - [ux] Removes status/presence indicator images from the accessibility tree for the Avatar component.
Patch Changes
64f11e50567, (opens new window) - [ux] Adds accessible name to standalone Presence and Status components.0ecd2a2238b, (opens new window) - Add more precision to custom component check for status and presence
21.1.10
Patch Changes
- #30134, (opens new window)
5aab9bfc96c, (opens new window) - 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, (opens new window)
18aeca8c199, (opens new window) - Internal change to update token references. There is no expected behaviour or visual change.
21.1.6
Patch Changes
- #29227, (opens new window)
4ee60bafc6d, (opens new window) - ED-16603: Remove tooltips from VR tests and make them opt in. To opt-in, addallowedSideEffectswhen 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, (opens new window)
47f0e63c935, (opens new window) - Internal changes to apply spacing tokens. This should be a no-op change.
21.1.1
Patch Changes
- #26488, (opens new window)
bc989043572, (opens new window) - Internal changes to apply spacing tokens. This should be a no-op change.
21.1.0
Minor Changes
- #24710, (opens new window)
c1d012d6d20, (opens new window) - Updates@emotion/coreto@emotion/react; v10 to v11. There is no expected behaviour change.
Patch Changes
- Updated dependencies
21.0.3
Patch Changes
- #24968, (opens new window)
f9cd9e55e43, (opens new window) - Update to disabled tokens which slightly affects the opacity in disabled states
21.0.2
Patch Changes
- #24874, (opens new window)
8cc2f888c83, (opens new window) - Upgrade Typescript from4.3.5to4.5.5
21.0.1
Patch Changes
- #24492, (opens new window)
8d4228767b0, (opens new window) - Upgrade Typescript from4.2.4to4.3.5.
21.0.0
Major Changes
-
#21570, (opens new window)
92bb02bc46b, (opens new window) - [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/avatarloads images.Before, the image loading behaviour was written in JS. Now, it leans on a standard HTML
imgtag if you provide asrcprop, 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
imgbehaviour-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, (opens new window) - [ux] Updates color tokens used to be more semantically accurate
20.5.10
Patch Changes
- Updated dependencies
20.5.9
Patch Changes
- #20650, (opens new window)
cb2392f6d33, (opens new window) - 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, (opens new window)
58884c2f6c1, (opens new window) - Internal code change turning on a new linting rule.
20.5.4
Patch Changes
19d72473dfb, (opens new window) - 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, (opens new window)
f460cc7c411, (opens new window) - 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, (opens new window)
cf853e39278, (opens new window) - [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, (opens new window)
0a759df738f, (opens new window) - When Avatar is not interactive and nonameprop is provided,roleand an emptyaria-labelattributes are not rendered anymore. Screen readers consider these images as decorative now and doesn't announce them as "Unlabeled image". 016d19b8038, (opens new window) - [ux] When avatars are disabled they no longer will appear as interactive.- Updated dependencies
20.4.0
Minor Changes
- #13302, (opens new window)
cb101fd1d29, (opens new window) - [ux] Colors are now sourced through tokens.
Patch Changes
- Updated dependencies
20.3.3
Patch Changes
- #12837, (opens new window)
0d0ecc6e790, (opens new window) - Corrects eslint supressions. - Updated dependencies
20.3.2
Patch Changes
- #12880, (opens new window)
378d1cef00f, (opens new window) - Bump@atlaskit/themeto version^11.3.0.
20.3.1
Patch Changes
- #11649, (opens new window)
34992526ab4, (opens new window) - Removes duplicate dependency (@atlaskit/tooltip) from dependency array.
20.3.0
Minor Changes
- #11113, (opens new window)
8f84c89cad5, (opens new window) - [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, (opens new window) - Internal code changes.cfcefd986eb, (opens new window) - Adds jsdoc description to exported components.4e8f13c9b8a, (opens new window) - Renames internal props to match naming convention.1974621bc4d, (opens new window) - Add eslint rule disable for enforcing filename and extension9e335c673bb, (opens new window) - Rename no-type-suffix eslint rule to type-name-no-type-suffix-nor-props, and add restriction for nameing types props.1512054d655, (opens new window) - Fixed no-type-suffix eslint errorsebd98351a30, (opens new window) - Corrects internal jsdoc declarations.70679cfeb04, (opens new window) - Fixed eslint errors by using css object notation7ea77bc9fbe, (opens new window) - Internal changes.- Updated dependencies
20.2.2
Patch Changes
- #8644, (opens new window)
79c23df6340, (opens new window) - Use injected package name and version for analytics instead of version.json. - Updated dependencies
20.2.1
Patch Changes
- #8710, (opens new window)
e177a840b13, (opens new window) - Fix flickering of cached avatar images on mount
20.2.0
Minor Changes
- #8178, (opens new window)
1a8fcbf9878, (opens new window) - [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, (opens new window) - Removing incorrect cursor styles from non-interactive AvatarItems- Updated dependencies
20.1.1
Patch Changes
- #7762, (opens new window)
fe59fc62a58, (opens new window) - 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, (opens new window)
4f9e6e2db5, (opens new window) - 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, (opens new window)
d3265f19be, (opens new window) - Transpile packages using babel rather than tsc
20.0.7
Patch Changes
- #6228, (opens new window)
5c1b4d64ef, (opens new window) - [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, (opens new window)
5f58283e1f, (opens new window) - 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, (opens new window) Also addtypescripttodevDependenciesto 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, (opens new window)
6c525a8229, (opens new window) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0Since 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, (opens new window)
954cc87b62, (opens new window) - The readme and package information has been updated to point to the new design system website.
20.0.1
Patch Changes
- #4044, (opens new window)
dfd7418707, (opens new window) - 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 usingextract-react-types.
20.0.0
Major Changes
-
#3428, (opens new window)
cde426961a, (opens new window) - 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:
<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:
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.0Once upgraded, use the Atlaskit codemod-cli;
npx @atlaskit/codemod-cli --parser [PARSER] --extensions [FILE_EXTENSIONS] [TARGET_PATH]Or run
npx @atlaskit/codemod-cli -hfor more details on usage. For Atlassians, refer to this doc, (opens new window) for more details on the codemod CLI.Change summary:
- BREAKING:
Avatar'scomponentprop is now a renderProp, (opens new window) and has been renamed torender - BREAKING:
AvatarItem'scomponentprop is now a renderProp, (opens new window) and has been renamed torender - Avatar now forwards its ref
- AvatarItem now forwards its ref
- Type
AvatarClickTypehas been renamed toAvatarClickEventHandler
- BREAKING:
Patch Changes
cacf9a3097, (opens new window) - Fixes a regression in AvatarItem where the default padding was 16px instead of 4px.e99c1c2ac8, (opens new window) - Removes text decoration from AvatarItems rendered as anchor tags19b9dc6daf, (opens new window) - Avatar now sends complete contextualised analytics metadata.db053b24d8, (opens new window) - Update all the theme imports to be tree-shakable
19.0.0
Major Changes
- #3335, (opens new window)
87f4720f27, (opens new window) - 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, (opens new window)
Patch Changes
- Updated dependencies
18.0.2
Patch Changes
- #2443, (opens new window)
1c401b41d6, (opens new window) - Codemod updated to target the correct avatarItem prop name e3cb6026bc, (opens new window) - Updates the v18 codemod to ensure it doesnt format files that are not relevant
18.0.1
Patch Changes
- #2866, (opens new window)
54a9514fcf, (opens new window) - Build and supporting files will no longer be published to npm
18.0.0
Major Changes
-
#2137, (opens new window)
b1fa2d6d1c, (opens new window) - 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.0Run the codemod cli
npx @atlaskit/codemod-cli /path/to/target/directoryFor more information on @atlaskit/codemod-cli please refer to this doc, (opens new window)
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-componentsv3 with@emotion/coreto improve runtime and bundlesize
Avatar API / PROP CHANGES
enableTooltipremoved. Please use@atlaskit/tooltipinsteadonClickmethod signature has been simplified toonChange(event, analyticsEvent)isHoverremovedisActiveremovedisFocusremovedisSelectedremovedthemeremoved- Added prop types to the
componentprop BORDER_WIDTHis now a single value rather than an objectwithPseudoState,getProps,getBorderRadius,getInnerStyleshave 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
enableTruncationrenamed toisTruncationDisabledonClickmethod signature has been simplified toonChange(event, analyticsEvent)isHoverremovedisActiveremovedisFocusremovedisSelectedremovedthemeremoved- Added prop types to the
componentprop
17.1.11
Patch Changes
- Updated dependencies
17.1.10
Patch Changes
-
[patch]167a55fd7a, (opens new window):
Change imports to comply with Atlassian conventions- Updated dependencies 3940bd71f1, (opens new window):
-
Updated dependencies 9e4b195732, (opens new window):
-
Updated dependencies 6b8e60827e, (opens new window):
-
Updated dependencies 449ef134b3, (opens new window):
-
Updated dependencies 57c0487a02, (opens new window):
-
Updated dependencies fd41d77c29, (opens new window):
- @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, (opens new window):
- Updated dependencies fd5292fd5a, (opens new window):
- Updated dependencies 64fb94fb1e, (opens new window):
- Updated dependencies fd5292fd5a, (opens new window):
- Updated dependencies eea5e9bd8c, (opens new window):
- Updated dependencies fd5292fd5a, (opens new window):
- Updated dependencies 109c1a2c0a, (opens new window):
- Updated dependencies
c57bb32f6d, (opens new window):
- @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, (opens new window):
- @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, (opens new window):
Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies 6548261c9a, (opens new window):
- @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, (opens new window):
Avatar-item will now respect the width of it's parent container- Updated dependencies c0102a3ea2, (opens new window):
- @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, (opens new window):
Corrects bgColor type from never to string- Updated dependencies 24865cfaff, (opens new window):
-
Updated dependencies 24865cfaff, (opens new window):
-
Updated dependencies 24865cfaff, (opens new window):
-
Updated dependencies 24865cfaff, (opens new window):
-
Updated dependencies 24865cfaff, (opens new window):
- @atlaskit/tooltip@15.2.0
- @atlaskit/analytics-next@6.3.3
- @atlaskit/field-base@13.0.16
17.1.4
Patch Changes
-
[patch]d222c2b987, (opens new window):
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:<CustomTheme.Provider value={t => ({ ...t(), backgroundColor: '#333'})} >becomes:
<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:
import { colors } from '@atlaskit/theme'; colors.colorPalette('8');to this:
import { colorPalette } from '@atlaskit/theme'; colorPalette.colorPalette('8');or for multi entry-point users:
import * as colors from '@atlaskit/theme/colors'; colors.colorPalette('8');to this:
import * as colorPalettes from '@atlaskit/theme/color-palette'; colorPalettes.colorPalette('8');
17.1.3
Patch Changes
-
[patch]35d2229b2a, (opens new window):
Adding missing license to packages and update to Copyright 2019 Atlassian Pty Ltd.
17.1.2
Patch Changes
-
[patch]a2d0043716, (opens new window):
Updated version of analytics-next to fix potential incompatibilities with TS 3.6
17.1.1
Patch Changes
-
[patch]8dff68dffa, (opens new window):
AvatarItems will only present a pointer cursor if onClick or href has been supplied
17.1.0
Minor Changes
-
[minor]79689c9027, (opens new window):
Adding an optional prop
testIdthat will set the attribute valuedata-testid. It will help products to write better integration and end to end tests.
17.0.1
Patch Changes
-
[patch]40bda8f796, (opens new window):
@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, (opens new window):
@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, (opens new window):
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, (opens new window)
16.0.14
Patch Changes
-
[patch]097b696613, (opens new window):
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, (opens new window):
Upgraded Typescript to 3.3.x
16.0.12
Patch Changes
-
[patch]708028db86, (opens new window):
Change all the imports to theme in Core to use multi entry points
16.0.11
Patch Changes
-
[patch]de35ce8c67, (opens new window):
Updates component maintainers
16.0.10
Patch Changes
-
[patch]926b43142b, (opens new window):
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
withAnalyticsForSumTypePropsalias has been removed, please usewithAnalyticsEventsAnalyticsContextWrappedCompalias has been removed, please usewithAnalyticsContext
Breaking changes to TypeScript annotations
withAnalyticsEventsnow infers proptypes automatically, consumers no longer need to provide props as a generic type.withAnalyticsContextnow infers proptypes automatically, consumers no longer need to provide props as a generic type.- Type
WithAnalyticsEventPropshas been renamed toWithAnalyticsEventsPropsto match source code - Type
CreateUIAnalyticsEventSignaturehas been renamed toCreateUIAnalyticsEventto match source code - Type
UIAnalyticsEventHandlerSignaturehas been renamed toUIAnalyticsEventHandlerto match source code - Type
AnalyticsEventsPayloadhas been renamed toAnalyticsEventPayload - Type
ObjectTypehas been removed, please useRecord<string, any>or[key: string]: any - Type
UIAnalyticsEventInterfacehas been removed, please useUIAnalyticsEvent - Type
AnalyticsEventInterfacehas been removed, please useAnalyticsEvent - Type
CreateAndFireEventFunctionremoved and should now be inferred by TypeScript - Type
AnalyticsEventUpdaterremoved and should now be inferred by TypeScript
16.0.9
Patch Changes
-
[patch]d905cbc0ac, (opens new window):
Adding a condition to check if the component are referenced in tests running in CI. It reduces the noise and help reading the CI log.
16.0.8
- Updated dependencies
7e9d653278, (opens new window):
- @atlaskit/toggle@8.0.0
16.0.7
Patch Changes
-
[patch]9f8ab1084b, (opens new window):
Consume analytics-next ts type definitions as an ambient declaration.
16.0.6
- Updated dependencies
06326ef3f7, (opens new window):
- @atlaskit/docs@8.1.3
- @atlaskit/button@13.0.9
- @atlaskit/field-base@13.0.6
- @atlaskit/section-message@4.0.5
- @atlaskit/toggle@7.0.3
- @atlaskit/tooltip@15.0.2
- @atlaskit/icon@19.0.0
16.0.5
Patch Changes
-
[patch]4615439434, (opens new window):
index.ts will now be ignored when publishing to npm
16.0.4
- Updated dependencies
67f06f58dd, (opens new window):
- @atlaskit/icon@18.0.1
- @atlaskit/tooltip@15.0.0
16.0.3
- Updated dependencies
cfc3c8adb3, (opens new window):
- @atlaskit/docs@8.1.2
- @atlaskit/button@13.0.8
- @atlaskit/field-base@13.0.4
- @atlaskit/section-message@4.0.2
- @atlaskit/toggle@7.0.1
- @atlaskit/tooltip@14.0.3
- @atlaskit/icon@18.0.0
16.0.2
- Updated dependencies
6dd86f5b07, (opens new window):
- @atlaskit/icon@17.1.1
- @atlaskit/theme@9.0.2
- @atlaskit/section-message@4.0.0
16.0.1
- [patch]21854842b5, (opens new window):
- Clean couple of TODO's that were already done
16.0.0
- [major]7c17b35107, (opens new window):
- Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use this package, please ensure you use at least this version of react and react-dom.
15.0.5
- [patch]d01ab3961b, (opens new window):
- Bugfix: fixes issue with src image flickering
15.0.4
- Updated dependencies
9c0b4744be, (opens new window):
- @atlaskit/docs@7.0.3
- @atlaskit/button@12.0.3
- @atlaskit/field-base@12.0.2
- @atlaskit/icon@16.0.9
- @atlaskit/section-message@2.0.3
- @atlaskit/toggle@6.0.4
- @atlaskit/tooltip@13.0.4
- @atlaskit/theme@8.1.7
15.0.3
- Updated dependencies
1e826b2966, (opens new window):
- @atlaskit/docs@7.0.2
- @atlaskit/analytics-next@4.0.3
- @atlaskit/icon@16.0.8
- @atlaskit/section-message@2.0.2
- @atlaskit/theme@8.1.6
- @atlaskit/toggle@6.0.3
- @atlaskit/tooltip@13.0.3
- @atlaskit/button@12.0.0
15.0.2
- [patch]ea173a3ee2, (opens new window):
- Internal changes only. Component is now SSR compatible. If server side rendered, Avatar Images
will begin to load immediately; before client bundle is ready. If this is undesired,
imageUrlcan be passed in after component is mounted.
- Internal changes only. Component is now SSR compatible. If server side rendered, Avatar Images
will begin to load immediately; before client bundle is ready. If this is undesired,
15.0.1
- Updated dependencies
9d5cc39394, (opens new window):
- @atlaskit/docs@7.0.1
- @atlaskit/analytics-next@4.0.1
- @atlaskit/icon@16.0.5
- @atlaskit/section-message@2.0.1
- @atlaskit/theme@8.0.1
- @atlaskit/toggle@6.0.1
- @atlaskit/tooltip@13.0.1
- @atlaskit/button@11.0.0
15.0.0
-
[major]76299208e6, (opens new window):
- Drop ES5 from all the flow modules
Dropping CJS support in all @atlaskit packages
As a breaking change, all @atlaskit packages will be dropping cjs distributions and will only distribute esm. This means all distributed code will be transpiled, but will still contain
importandexportdeclarations.The major reason for doing this is to allow us to support multiple entry points in packages, e.g:
import colors from `@atlaskit/theme/colors`;Previously this was sort of possible for consumers by doing something like:
import colors from `@atlaskit/theme/dist/esm/colors`;This has a couple of issues. 1, it treats the file system as API making internal refactors harder, we have to worry about how consumers might be using things that aren't actually supposed to be used. 2. We are unable to do this internally in @atlaskit packages. This leads to lots of packages bundling all of theme, just to use a single color, especially in situations where tree shaking fails.
To support being able to use multiple entrypoints internally, we unfortunately cannot have multiple distributions as they would need to have very different imports from of their own internal dependencies.
ES Modules are widely supported by all modern bundlers and can be worked around in node environments.
We may choose to revisit this solution in the future if we find any unintended condequences, but we see this as a pretty sane path forward which should lead to some major bundle size decreases, saner API's and simpler package architecture.
Please reach out to #fabric-build (if in Atlassian) or create an issue in Design System Support, (opens new window) (for external) if you have any questions or queries about this.
14.1.9
- [patch]92d8e6317c, (opens new window):
- Check if the DOM is available when rendering an AvatarImage so that SSR rendered Avatars will render with the provided image.
14.1.8
- Updated dependencies
d7ef59d432, (opens new window):
- @atlaskit/docs@6.0.1
- @atlaskit/button@10.1.2
- @atlaskit/field-base@11.0.14
- @atlaskit/section-message@1.0.16
- @atlaskit/toggle@5.0.15
- @atlaskit/tooltip@12.1.15
- @atlaskit/icon@16.0.0
14.1.7
- Updated dependencies 58b84fa, (opens new window):
- @atlaskit/analytics-next@3.1.2
- @atlaskit/button@10.1.1
- @atlaskit/field-base@11.0.13
- @atlaskit/icon@15.0.2
- @atlaskit/section-message@1.0.14
- @atlaskit/theme@7.0.1
- @atlaskit/toggle@5.0.14
- @atlaskit/tooltip@12.1.13
- @atlaskit/docs@6.0.0
14.1.6
- [patch]d13242d, (opens new window):
- Change API to experimental theming API to namespace component themes into separate contexts and make theming simpler. Update all dependant components.
14.1.5
- Updated dependencies ab9b69c, (opens new window):
- @atlaskit/docs@5.2.2
- @atlaskit/button@10.0.1
- @atlaskit/field-base@11.0.11
- @atlaskit/section-message@1.0.12
- @atlaskit/toggle@5.0.12
- @atlaskit/tooltip@12.1.11
- @atlaskit/icon@15.0.0
14.1.4
- Updated dependencies 6998f11, (opens new window):
- @atlaskit/docs@5.2.1
- @atlaskit/analytics-next@3.1.1
- @atlaskit/icon@14.6.1
- @atlaskit/section-message@1.0.11
- @atlaskit/theme@6.2.1
- @atlaskit/toggle@5.0.11
- @atlaskit/tooltip@12.1.10
- @atlaskit/button@10.0.0
14.1.3
- [patch]a981c43, (opens new window):
- Update Avatar to allow to use a custom icon as status.
14.1.2
- [patch] Adds missing implicit @babel/runtime dependency b71751b, (opens new window)
14.1.1
- [patch] Update avatar index exports to fix babel transpilation bug 0208158, (opens new window)
14.1.0
- [minor] Adds new theming API to Avatar and AvatarItem components 79dd93f, (opens new window)
14.0.11
- [patch] Updated dependencies
65c6514, (opens new window)
- @atlaskit/docs@5.0.8
- @atlaskit/button@9.0.13
- @atlaskit/field-base@11.0.8
- @atlaskit/section-message@1.0.8
- @atlaskit/toggle@5.0.9
- @atlaskit/tooltip@12.1.1
- @atlaskit/icon@14.0.0
14.0.10
- [patch] Fix bug where analytics was causing avatar to always have an onClick and render with onClick styles/attributes. 966f1fb, (opens new window)
14.0.8
- [patch] Updated dependencies
df22ad8, (opens new window)
- @atlaskit/theme@6.0.0
- @atlaskit/tooltip@12.0.9
- @atlaskit/toggle@5.0.6
- @atlaskit/section-message@1.0.5
- @atlaskit/icon@13.2.5
- @atlaskit/field-base@11.0.5
- @atlaskit/button@9.0.6
- @atlaskit/docs@5.0.6
14.0.7
- [patch] updated the custom component proxy to be class instead of function to fix the errors related to innerRef 06690a6, (opens new window)
- [none] Updated dependencies 06690a6, (opens new window)
14.0.6
- [patch] update the dependency of react-dom to 16.4.2 due to vulnerability in previous versions read https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html, (opens new window) for details a4bd557, (opens new window)
- [none] Updated dependencies
a4bd557, (opens new window)
- @atlaskit/tooltip@12.0.5
- @atlaskit/field-base@11.0.3
- @atlaskit/analytics-next@3.0.4
- @atlaskit/toggle@5.0.5
- @atlaskit/button@9.0.5
- @atlaskit/theme@5.1.3
- @atlaskit/section-message@1.0.4
- @atlaskit/icon@13.2.4
14.0.5
- [patch] Updated dependencies
acd86a1, (opens new window)
- @atlaskit/tooltip@12.0.4
- @atlaskit/icon@13.2.2
- @atlaskit/toggle@5.0.4
- @atlaskit/section-message@1.0.3
- @atlaskit/button@9.0.4
- @atlaskit/theme@5.1.2
- @atlaskit/analytics-next@3.0.3
- @atlaskit/docs@5.0.2
- @atlaskit/field-base@11.0.2
14.0.4
- [patch] Add a SSR test for every package, add react-dom and build-utils in devDependencies 7e331b5, (opens new window)
- [none] Updated dependencies
7e331b5, (opens new window)
- @atlaskit/tooltip@12.0.3
- @atlaskit/field-base@11.0.1
- @atlaskit/analytics-next@3.0.2
- @atlaskit/toggle@5.0.3
- @atlaskit/button@9.0.3
- @atlaskit/theme@5.1.1
- @atlaskit/section-message@1.0.2
- @atlaskit/icon@13.2.1
14.0.3
- [patch] Update docs, change dev deps 25d6e48, (opens new window)
- [none] Updated dependencies 25d6e48, (opens new window)
14.0.2
- [patch] Move analytics tests and replace elements to core 49d4ab4, (opens new window)
- [none] Updated dependencies
49d4ab4, (opens new window)
- @atlaskit/tooltip@12.0.1
- @atlaskit/analytics-next@3.0.1
- @atlaskit/toggle@5.0.1
- @atlaskit/button@9.0.2
- @atlaskit/docs@5.0.1
14.0.1
- [patch] Updated dependencies
e6b1985, (opens new window)
- @atlaskit/tooltip@12.0.0
- @atlaskit/icon@13.1.1
14.0.0
- [major] Provides analytics for common component interations. See the Instrumented Components, (opens new window) section for more details. If you are using enzyme for testing you will have to use our forked version of the library, (opens new window). 563a7eb, (opens new window)
- [major] Updates to React ^16.4.0 7edb866, (opens new window)
- [major] Updated dependencies
563a7eb, (opens new window)
- @atlaskit/tooltip@11.0.0
- @atlaskit/field-base@11.0.0
- @atlaskit/analytics-next@3.0.0
- @atlaskit/toggle@5.0.0
- @atlaskit/button@9.0.0
- @atlaskit/theme@5.0.0
- @atlaskit/docs@5.0.0
- @atlaskit/icon@13.0.0
- [major] Updated dependencies
7edb866, (opens new window)
- @atlaskit/tooltip@11.0.0
- @atlaskit/field-base@11.0.0
- @atlaskit/analytics-next@3.0.0
- @atlaskit/toggle@5.0.0
- @atlaskit/button@9.0.0
- @atlaskit/theme@5.0.0
- @atlaskit/docs@5.0.0
- @atlaskit/icon@13.0.0
13.0.0
- [major] Remove unneeded componentType and functionType type exports 7724115, (opens new window)
- [none] Updated dependencies
da63331, (opens new window)
- @atlaskit/button@8.2.5
- [none] Updated dependencies
7724115, (opens new window)
- @atlaskit/button@8.2.5
12.0.0
- [major] Split avatar-group into its own package 8a01bcd, (opens new window)
- [none] Updated dependencies 8a01bcd, (opens new window)
11.2.2
- [patch] Remove or update $FlowFixMe e8ad98a, (opens new window)
- [none] Updated dependencies
e8ad98a, (opens new window)
- @atlaskit/button@8.2.4
- @atlaskit/icon@12.6.1
- @atlaskit/dropdown-menu@5.2.1
11.2.1
- [patch] Fix $FlowFixMe and release packages 25d0b2d, (opens new window)
- [none] Updated dependencies
25d0b2d, (opens new window)
- @atlaskit/tooltip@10.3.1
- @atlaskit/button@8.2.2
- @atlaskit/icon@12.3.1
11.2.0
- [minor] Fixes types for Flow 0.74 dc50cd2, (opens new window)
- [none] Updated dependencies
dc50cd2, (opens new window)
- @atlaskit/tooltip@10.3.0
- @atlaskit/button@8.2.0
- @atlaskit/icon@12.2.0
- @atlaskit/dropdown-menu@5.1.0
11.1.1
- [patch] Update changelogs to remove duplicate cc58e17, (opens new window)
- [none] Updated dependencies
cc58e17, (opens new window)
- @atlaskit/theme@4.0.3
- @atlaskit/item@7.0.4
- @atlaskit/icon@12.1.1
- @atlaskit/field-base@10.1.1
- @atlaskit/dropdown-menu@5.0.3
- @atlaskit/button@8.1.1
- @atlaskit/docs@4.1.1
11.1.0
- [none] Updated dependencies
9d20f54, (opens new window)
- @atlaskit/tooltip@10.2.0
- @atlaskit/item@7.0.3
- @atlaskit/dropdown-menu@5.0.2
- @atlaskit/icon@12.1.0
- @atlaskit/toggle@4.0.2
- @atlaskit/docs@4.1.0
- @atlaskit/theme@4.0.2
- @atlaskit/field-base@10.1.0
- @atlaskit/button@8.1.0
11.0.1
- [patch] Update readme's 223cd67, (opens new window)
- [patch] Updated dependencies
223cd67, (opens new window)
- @atlaskit/tooltip@10.0.1
- @atlaskit/item@7.0.1
- @atlaskit/icon@12.0.1
- @atlaskit/toggle@4.0.1
- @atlaskit/field-base@10.0.1
- @atlaskit/button@8.0.1
- @atlaskit/theme@4.0.1
- @atlaskit/docs@4.0.1
- @atlaskit/dropdown-menu@5.0.1
11.0.0
- [major] makes styled-components a peer dependency and upgrades version range from 1.4.6 - 3 to ^3.2.6 1e80619, (opens new window)
- [patch] Updated dependencies
1e80619, (opens new window)
- @atlaskit/tooltip@10.0.0
- @atlaskit/item@7.0.0
- @atlaskit/icon@12.0.0
- @atlaskit/toggle@4.0.0
- @atlaskit/field-base@10.0.0
- @atlaskit/button@8.0.0
- @atlaskit/theme@4.0.0
- @atlaskit/docs@4.0.0
- @atlaskit/dropdown-menu@5.0.0
10.0.7
- [patch] Fix text color for items with href in AvatarGroup 2cbb9ff, (opens new window)
- [none] Updated dependencies 2cbb9ff, (opens new window)
10.0.6
- [patch] Updated dependencies
d662caa, (opens new window)
- @atlaskit/icon@11.3.0
- @atlaskit/tooltip@9.2.1
- @atlaskit/toggle@3.0.2
- @atlaskit/item@6.0.3
- @atlaskit/field-base@9.0.3
- @atlaskit/dropdown-menu@4.0.3
- @atlaskit/button@7.2.5
- @atlaskit/theme@3.2.2
- @atlaskit/docs@3.0.4
10.0.4
- [patch] Fix clipping of dropdown items in avatar group for certain browsers 7b82fa6, (opens new window)
10.0.3
- [patch] Fix avatars appearing clickable when no onClick or href prop is provided e6fec4f, (opens new window)
10.0.2
- [patch] Fix native tooltips appearing for avatars without a src prop 6a3fb67, (opens new window)
10.0.0
- [major] Bump to React 16.3. 4251858, (opens new window)
9.2.3
- [patch] Remove dependency on @atlaskit/polyfill as it is not being used. f0f9307, (opens new window)
- [patch] Add "sideEffects: false" to AKM2 packages to allow consumer's to tree-shake c3b018a, (opens new window)
9.2.2
- [patch] Makes packages Flow types compatible with version 0.67 25daac0, (opens new window)
9.2.1
- [patch] Re-releasing due to potentially broken babel release 9ed0bba, (opens new window)
9.2.0
- [minor] Update styled-components dependency to support versions 1.4.6 - 3 ceccf30, (opens new window)
9.1.0
- [minor] Create skeleton representations of various components cd628e4, (opens new window)
9.0.4
- [patch] updated the repository url to https://bitbucket.org/atlassian/atlaskit-mk-2, (opens new window) 1e57e5a, (opens new window)
9.0.2
- [patch] Remove babel-plugin-react-flow-props-to-prop-types 06c1f08, (opens new window)
9.0.1
- [patch] Packages Flow types for elements components 3111e74, (opens new window)
9.0.0
- [major] onAvatarClick prop on AvatarGroup now has a second argument. This second argument is the item that was clicked on. 23a488e, (opens new window)
8.4.1
- [patch] Migrate Navigation from Ak repo to ak mk 2 repo, Fixed flow typing inconsistencies in ak mk 2 bdeef5b, (opens new window)
8.4.0
- [minor] Add React 16 support. 12ea6e4, (opens new window)
8.3.10
- [patch] update flow dep, fix flow errors 722ad83, (opens new window)
- [patch] update flow dep, fix flow errors 722ad83, (opens new window)
8.3.6
- [patch] migrating avatar package to new repo f3f5e51, (opens new window)
8.3.5 (2017-11-30)
- bug fix; release stories with fixed console errors (3321c2b, (opens new window))
8.3.4 (2017-11-28)
- bug fix; fix avatar group having less width than its children (issues closed: ak-3872) (e88ee42, (opens new window))
8.3.3 (2017-11-23)
- bug fix; fix avatar group's more items dropdown not being tabbable (issues closed: ak-3707) (a0ee45d, (opens new window))
8.3.2 (2017-11-20)
- bug fix; fS-3907 Use Tooltip component in Avatar (2126336, (opens new window))
8.3.1 (2017-11-16)
- bug fix; avatar flex styles are now explicit to fix Firefox issue (issues closed: ak-3898) (73ac57d, (opens new window))
8.3.0 (2017-11-16)
- feature; added a new prop background in AvatarItem to have custom background (issues closed: ak-3706) (e93888c, (opens new window))
8.2.4 (2017-11-15)
- bug fix; fix incorrect border radius on Avatars (issues closed: ak-3897) (6570495, (opens new window))
8.2.3 (2017-11-15)
- bug fix; explicitly disable tooltip on avatar when rendered in a group dropdown (593f2e9, (opens new window))
8.2.2 (2017-11-15)
- bug fix; improve avatar perf by caching styled components (issues closed: ak-3699) (0e6fa65, (opens new window))
8.2.1 (2017-11-14)
- bug fix; add additional link target options (issues closed: ak-3886) (a932aa8, (opens new window))
8.2.0 (2017-11-14)
- feature; aK-3883 Expose boundariesElement property on AvatarGroup component (78001fd, (opens new window))
8.1.0 (2017-11-13)
- feature; add support for focus presence type (issues closed: ak-3758) (06b6da3, (opens new window))
- bug fix; AvatarGroup more indicator fixed in Firefox (issues closed: ak-3791) (6c9464e, (opens new window))
8.0.11 (2017-11-02)
- bug fix; added missing dependencies (issues closed: ak-3782) (4dbc3ef, (opens new window))
8.0.10 (2017-10-26)
- bug fix; fix to rebuild stories (793b2a7, (opens new window))
8.0.9 (2017-10-22)
- bug fix; update dependencies for react-16 (077d1ad, (opens new window))
8.0.8 (2017-10-15)
- bug fix; fix borked styles caused by missing semicolons in CSS (issues closed: ak-3694) (07e0c54, (opens new window))
8.0.7 (2017-10-13)
- bug fix; add polyfill from AK polyfills package (issues closed: ak-3667) (a841e6d, (opens new window))
8.0.6 (2017-10-09)
- bug fix; remove the console error Invalid prop types for border (de45a14, (opens new window))
8.0.5 (2017-09-18)
- bug fix; fix avatar isInteractive style (1296049, (opens new window))
8.0.4 (2017-09-12)
- bug fix; avatars now display in Firefox when used in an Avatar Group (1db854f, (opens new window))
8.0.3 (2017-09-11)
- bug fix; limit avatar + more count to maxCount size (issues closed: ak-3472) (3516192, (opens new window))
8.0.1 (2017-09-05)
- bug fix; update dark theme color palette (issues closed: ak-3172) (d23e55f, (opens new window))
8.0.0 (2017-08-11)
- bug fix; fix the theme-dependency (db90333, (opens new window))
- breaking; affects internal styled-components implementation (d14522a, (opens new window))
- breaking; implement dark mode theme (d14522a, (opens new window))
- feature; dark mode for avatar (3eb7531, (opens new window))
7.0.0 (2017-08-11)
- breaking; affects internal styled-components implementation (d14522a, (opens new window))
- breaking; implement dark mode theme (d14522a, (opens new window))
- feature; dark mode for avatar (3eb7531, (opens new window))
6.4.5 (2017-08-04)
- bug fix; moves babel-plugin-react-flow-props-to-prop-types to a devDependency (6378b88, (opens new window))
6.4.4 (2017-08-03)
- bug fix; fixes uncaught type error in avatar by consuming latest util-shared-styles (issues closed: ak-3067) (be705fa, (opens new window))
6.4.3 (2017-07-28)
- fix; fixes avatars devDeps to include lozenge and button-group (d9ae05f, (opens new window))
6.4.2 (2017-07-27)
- fix; rename jsnext:main to jsnext:experimental:main temporarily (c7508e0, (opens new window))
6.4.1 (2017-07-25)
- fix; use class transform in loose mode in babel to improve load performance in apps (fde719a, (opens new window))
6.1.0 (2017-07-17)
- fix; rerelease, failed prepublish scripts (5fd82f8, (opens new window))
- feature; added ES module builds to dist and add jsnext:main to most ADG packages (ea76507, (opens new window))
5.0.0 (2017-07-12)
-
feature; added the xxlarge size to Avatar (5cfbfb5, (opens new window))
-
feature; adds AvatarGroup export with 'stack' and 'grid' appearances (59dac0c, (opens new window))
-
feature; adds AvatarItem named export to Avatar (9939bfd, (opens new window))
-
feature; adds name prop to Avatar (replaces label) (5cfe547, (opens new window))
-
feature; adds tooltips for Avatars (816402a, (opens new window))
-
feature; avatar how handles href, onClick and arbitrary `component` prop functionality (763e00c, (opens new window))
-
feature; presence prop now accepts a react element in addition to its enumerable values (rep (dfcc3f7, (opens new window))
-
feature; replaced presenceBorderColor prop with `borderColor` (0e4c171, (opens new window))
-
breaking; Removed presenceBorderColor prop (replaced with `borderColor`)
-
breaking; `icon` prop has been replaced with a more accepting `presence` prop
-
breaking; Label prop has been replaced with `name`
4.0.6 (2017-06-27)
- fix; when src is removed after mount show default image (d3e9e2a, (opens new window))
4.0.4 (2017-05-26)
- fix; change align-items: middle to align-items: center (8740b22, (opens new window))
- fix; add prop-types as a dependency to avoid React 15.x warnings (92598eb, (opens new window))
4.0.3 (2017-05-23)
- fix; update util-shared-styles and util-readme dependencies (9c0e218, (opens new window))
4.0.2 (2017-05-11)
- fix; load avatar from src prop correctly (d94798e, (opens new window))
4.0.1 (2017-05-10)
- fix; testing releasing more than 5 packages at a time (e69b832, (opens new window))
4.0.0 (2017-05-03)
- feature; optional square avatar appearance (c43c905, (opens new window))
- breaking; Previously you could pass a custom Presence to an Avatar via the Avatar's children. Now, these custom Presence or icon elements should be passed to the new 'icon' prop. This change has been made to avoid overloading the concept of Presence and to make the API clearer.
- ISSUES CLOSED: AK-1645
3.0.3 (2017-04-27)
- fix; isolate getPresenceSVG in its own module so we only export a single React Component (ca8e14b, (opens new window))
- fix; remove unused constants.js, import correctly from Avatar component for tests (fcaccb9, (opens new window))
3.0.2 (2017-04-27)
- fix; update legal copy to be more clear. Not all modules include ADG license. (f3a945e, (opens new window))
3.0.1 (2017-04-26)
- fix; update legal copy and fix broken links for component README on npm. New contribution and (0b3e454, (opens new window))
3.0.0 (2017-04-13)
- null refactor avatar to styled-components (21a371c, (opens new window))
- breaking; added peerDependency "styled-components", removed dependency "classnames"
- ISSUES CLOSED: AK-2099
2.1.5 (2017-04-04)
- fix; fixes avatar to be able to be tested using mocha and jsdom (7a0f9fb, (opens new window))
2.1.4 (2017-03-23)
- fix; Empty commit to release the component (49c08ee, (opens new window))
2.1.2 (2017-03-21)
- fix; maintainers for all the packages were added (261d00a, (opens new window))
2.1.0 (2017-03-06)
- feature; adds 'xsmall' size to avatar appearance (16px) (d8da663, (opens new window))
2.0.2 (2017-02-16)
- fix; refactor stories to use // rather than http:// (a0826cf, (opens new window))
2.0.1 (2017-02-10)
- fix; Dummy commit to release components to registry (5bac43b, (opens new window))