@atlaskit/avatar 21.18.4 → 23.0.0

package/dist/types-ts4.5/avatar.d.ts

@@ -2,21 +2,8 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type MouseEventHandler, type ReactNode, type Ref } from 'react';
+import { type ReactNode } from 'react';
 import { type AppearanceType, type AvatarClickEventHandler, type Presence, type SizeType, type Status } from './types';
-export interface CustomAvatarProps {
-    /**
-     * This is used in render props so is okay to be defined.
-     */
-    'aria-label'?: string;
-    tabIndex?: number;
-    testId?: string;
-    onClick?: MouseEventHandler;
-    className?: string;
-    href?: string;
-    children: ReactNode;
-    ref: Ref<HTMLElement>;
-}
 export interface AvatarPropTypes {
     /**
      * Indicates the shape of the avatar. Most avatars are circular, but square avatars
@@ -37,7 +24,7 @@ export interface AvatarPropTypes {
     /**
      * Supply a custom avatar component instead of the default.
      */
-    children?: (props: CustomAvatarProps) => ReactNode;
+    children?: ReactNode;
     /**
      * Provides a url for avatars being used as a link.
      */

package/dist/types-ts4.5/context.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { type SizeType } from './types';
+import { type ForwardedRef, type MouseEventHandler, type ReactNode } from 'react';
+import { type AppearanceType, type SizeType } from './types';
 export type AvatarContextProps = {
     size: SizeType;
 };
@@ -18,3 +18,34 @@ export type AvatarContextProps = {
  */
 export declare const AvatarContext: import("react").Context<AvatarContextProps | undefined>;
 export declare const useAvatarContext: () => AvatarContextProps | undefined;
+type AvatarContentContextProps = {
+    as: 'a' | 'button' | 'span';
+    appearance: AppearanceType;
+    avatarImage: ReactNode;
+    borderColor?: string;
+    href?: string;
+    isDisabled?: boolean;
+    label?: string;
+    onClick?: MouseEventHandler;
+    ref: ForwardedRef<HTMLElement>;
+    tabIndex?: number;
+    target?: '_blank' | '_self' | '_top' | '_parent';
+    testId?: string;
+    size: SizeType;
+    stackIndex?: number;
+};
+/**
+ * __Avatar content context__
+ *
+ * This context provides the props for the AvatarContent component, enabling
+ * consumers to compose the AvatarContent with the Avatar component.
+ */
+export declare const AvatarContentContext: import("react").Context<AvatarContentContextProps>;
+export declare const useAvatarContent: () => AvatarContentContextProps;
+/**
+ * Used to ensure Avatar sub-components are used within a Avatar component,
+ * and provide a useful error message if not.
+ */
+export declare const EnsureIsInsideAvatarContext: import("react").Context<boolean>;
+export declare const useEnsureIsInsideAvatar: () => void;
+export {};

package/dist/types-ts4.5/index.d.ts

@@ -1,5 +1,6 @@
 export { default } from './avatar';
-export type { AvatarPropTypes, CustomAvatarProps } from './avatar';
+export type { AvatarPropTypes } from './avatar';
+export { AvatarContent } from './avatar-content';
 export { default as AvatarItem } from './avatar-item';
 export type { AvatarItemProps, CustomAvatarItemProps } from './avatar-item';
 export { default as Presence } from './presence';

package/dist/types-ts4.5/{avatar-image.d.ts → internal/avatar-image.d.ts}

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import { type FC } from 'react';
-import { type AppearanceType, type SizeType } from './types';
+import { type AppearanceType, type SizeType } from '../types';
 interface AvatarImageProps {
     appearance: AppearanceType;
     size: SizeType;

package/dist/types-ts4.5/utilities.d.ts

@@ -8,4 +8,4 @@ export declare const getButtonProps: (onClick: MouseEventHandler) => {
     type: string;
     onClick: MouseEventHandler;
 };
-export declare const getCustomElement: (isDisabled?: boolean, href?: string, onClick?: MouseEventHandler) => "button" | "a" | "span";
+export declare const getCustomElement: (isDisabled?: boolean, href?: string, onClick?: MouseEventHandler) => "a" | "button" | "span";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/avatar",
-	"version": "21.18.4",
+	"version": "23.0.0",
 	"description": "An avatar is a visual representation of a user or entity.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,36 +42,36 @@
 		".": "./src/index.tsx"
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^10.3.0",
-		"@atlaskit/ds-lib": "^3.5.0",
-		"@atlaskit/focus-ring": "^2.1.0",
-		"@atlaskit/icon": "^23.9.0",
+		"@atlaskit/analytics-next": "^11.0.0",
+		"@atlaskit/ds-lib": "^4.0.0",
+		"@atlaskit/focus-ring": "^3.0.0",
+		"@atlaskit/icon": "^24.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^13.5.0",
-		"@atlaskit/theme": "^16.0.0",
-		"@atlaskit/tokens": "^3.3.0",
+		"@atlaskit/primitives": "^14.0.0",
+		"@atlaskit/theme": "^17.0.0",
+		"@atlaskit/tokens": "^4.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"@emotion/serialize": "^1.1.0"
 	},
 	"peerDependencies": {
-		"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+		"react": "^18.2.0"
 	},
 	"devDependencies": {
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/button": "^20.5.0",
-		"@atlaskit/code": "^15.7.0",
+		"@atlaskit/button": "^21.1.0",
+		"@atlaskit/code": "^16.0.0",
 		"@atlaskit/docs": "*",
-		"@atlaskit/form": "^11.1.0",
-		"@atlaskit/heading": "^4.1.0",
+		"@atlaskit/form": "^12.0.0",
+		"@atlaskit/heading": "^5.0.0",
 		"@atlaskit/link": "*",
-		"@atlaskit/range": "^8.1.0",
+		"@atlaskit/range": "^9.0.0",
 		"@atlaskit/section-message": "*",
 		"@atlaskit/ssr": "*",
-		"@atlaskit/textfield": "^6.8.0",
-		"@atlaskit/tooltip": "^19.1.0",
+		"@atlaskit/textfield": "^8.0.0",
+		"@atlaskit/tooltip": "^20.0.0",
 		"@atlassian/feature-flags-test-utils": "*",
 		"@emotion/styled": "^11.0.0",
 		"@testing-library/react": "^13.4.0",