@atlaskit/profilecard 22.0.2 → 22.1.0

package/dist/types-ts4.5/components/Team/TeamProfileCardTrigger.d.ts

@@ -40,11 +40,11 @@ export declare class TeamProfileCardTriggerInternal extends React.PureComponent<
     handleClientSuccess(team: Team, shouldShowGiveKudos: boolean, teamCentralBaseUrl: string | undefined): void;
     handleClientError(err: any): void;
     filterActions(): ProfileCardAction[];
-    renderProfileCard: () => JSX.Element;
-    renderKudosLauncher: () => false | JSX.Element | undefined;
-    renderTrigger: (triggerProps: TriggerProps) => JSX.Element;
-    renderPopup(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
-    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
+    renderProfileCard: () => React.JSX.Element;
+    renderKudosLauncher: () => false | React.JSX.Element | undefined;
+    renderTrigger: (triggerProps: TriggerProps) => React.JSX.Element;
+    renderPopup(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
 }
 declare const _default: React.ForwardRefExoticComponent<Pick<Omit<TeamProfileCardTriggerProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
     cloudId?: string | undefined;

package/dist/types-ts4.5/components/Team/lazyTeamProfileCard.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const TeamProfileCardLazy: import("react").LazyExoticComponent<(props: import("../../types").TeamProfilecardProps) => JSX.Element | null>;
+export declare const TeamProfileCardLazy: import("react").LazyExoticComponent<(props: import("../../types").TeamProfilecardProps) => import("react").JSX.Element | null>;

package/dist/types-ts4.5/components/User/OverflowProfileCardButtons.d.ts

@@ -5,5 +5,5 @@ type OverflowButtonsProps = {
     onItemClick: (action: ProfileCardAction, args: any, event: React.MouseEvent | React.KeyboardEvent, index: number) => void;
 } & AnalyticsWithDurationProps;
 export declare const ACTION_OVERFLOW_THRESHOLD = 2;
-export declare const OverflowProfileCardButtons: (props: OverflowButtonsProps) => JSX.Element;
+export declare const OverflowProfileCardButtons: (props: OverflowButtonsProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/components/User/ProfileCard.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type AnalyticsProps, type ProfilecardProps } from '../../types';
-export declare const ProfilecardInternal: (props: ProfilecardProps & AnalyticsProps) => JSX.Element | null;
+export declare const ProfilecardInternal: (props: ProfilecardProps & AnalyticsProps) => React.JSX.Element | null;
 declare const _default: React.ForwardRefExoticComponent<Omit<ProfilecardProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/components/User/ProfileCardDetails.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { type AnalyticsWithDurationProps, type ProfilecardProps } from '../../types';
-export declare const ProfileCardDetails: (props: ProfilecardProps & AnalyticsWithDurationProps) => JSX.Element;
+export declare const ProfileCardDetails: (props: ProfilecardProps & AnalyticsWithDurationProps) => React.JSX.Element;

package/dist/types-ts4.5/components/User/ProfileCardTrigger.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { type ProfileCardTriggerProps } from '../../types';
-export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, ariaHideProfileTrigger, }: ProfileCardTriggerProps): JSX.Element;
+export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, ariaHideProfileTrigger, }: ProfileCardTriggerProps): React.JSX.Element;

package/dist/types-ts4.5/components/User/ReportingLinesDetails.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { type AnalyticsWithDurationProps, type ProfilecardProps } from '../../types';
 export type ReportingLinesDetailsProps = Pick<ProfilecardProps, 'reportingLines' | 'reportingLinesProfileUrl' | 'onReportingLinesClick'> & AnalyticsWithDurationProps;
-declare const ReportingLinesDetails: (props: ReportingLinesDetailsProps) => JSX.Element;
+declare const ReportingLinesDetails: (props: ReportingLinesDetailsProps) => React.JSX.Element;
 export default ReportingLinesDetails;

package/dist/types-ts4.5/components/User/UserLoadingState.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
 interface AnalyticsProps {
     fireAnalytics: (payload: AnalyticsEventPayload) => void;
 }
-declare const UserLoadingState: ({ fireAnalytics }: AnalyticsProps) => JSX.Element;
+declare const UserLoadingState: ({ fireAnalytics }: AnalyticsProps) => React.JSX.Element;
 export default UserLoadingState;

package/dist/types-ts4.5/components/common/LoadingState.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import { type ProfileType } from '../../types';
 interface AnalyticsProps {
     fireAnalytics?: (payload: AnalyticsEventPayload) => void;
     profileType: ProfileType;
 }
-export declare const LoadingState: ({ fireAnalytics, profileType }: AnalyticsProps) => JSX.Element;
+export declare const LoadingState: ({ fireAnalytics, profileType }: AnalyticsProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/components/common/ProfileCardTrigger.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type ProfileCardTriggerProps } from './types';
-declare function ProfileCardTrigger<T>({ trigger, ariaLabelledBy, children, renderProfileCard, fetchProfile, disabledAriaAttributes, profileCardType, fireAnalytics, ...popupProps }: ProfileCardTriggerProps<T>): JSX.Element;
+declare function ProfileCardTrigger<T>({ trigger, ariaLabelledBy, children, renderProfileCard, fetchProfile, disabledAriaAttributes, profileCardType, fireAnalytics, ...popupProps }: ProfileCardTriggerProps<T>): React.JSX.Element;
 export default ProfileCardTrigger;

package/dist/types-ts4.5/components/common/ProfileCardWrapper.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const ProfileCardWrapper: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types-ts4.5/styled/Card.d.ts

@@ -1,89 +1,69 @@
-import React from 'react';
-export declare const CardWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ProfileImage: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ActionsFlexSpacer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const KudosBlobAnimationStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const KudosBlobAnimation: React.FC;
-export declare const AnimationWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AnimatedKudosButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ActionButtonGroup: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const OverflowActionButtonsWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CardContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DetailsGroup: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DisabledInfo: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const LozengeWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CustomLozengeContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const JobTitleLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const AppTitleLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const SpinnerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+import React, { type ReactNode } from 'react';
+export declare const CardWrapper: ({ children, role, testId, labelledBy, }: {
+    children: ReactNode;
+    role?: string | undefined;
+    testId?: string | undefined;
+    labelledBy?: string | undefined;
+}) => React.JSX.Element;
+export declare const ProfileImage: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;
+export declare const ActionsFlexSpacer: () => React.JSX.Element;
+export declare const KudosBlobAnimationStyle: () => React.JSX.Element;
+export declare const KudosBlobAnimation: () => React.JSX.Element;
+export declare const AnimationWrapper: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;
+export declare const AnimatedKudosButton: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;
+export declare const ActionButtonGroup: ({ children, testId, }: {
+    children: ReactNode;
+    testId?: string | undefined;
+}) => React.JSX.Element;
+export declare const OverflowActionButtonsWrapper: ({ children, testId, }: {
+    children: ReactNode;
+    testId?: string | undefined;
+}) => React.JSX.Element;
+export declare const CardContent: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;
+export declare const DetailsGroup: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;
+export declare const DisabledInfo: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;
+export declare const LozengeWrapper: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;
+export declare const CustomLozengeContainer: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;
+export declare const JobTitleLabel: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;
+export declare const AppTitleLabel: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;
+export declare const SpinnerContainer: ({ children, testId }: {
+    children: ReactNode;
+    testId?: string | undefined;
+}) => React.JSX.Element;
 interface CardContainerProps {
     isDisabledUser?: boolean;
     withoutElevation?: boolean;
+    children: ReactNode;
 }
-export declare const CardContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & CardContainerProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DetailsLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DetailsLabelIcon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const DetailsLabelText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const CardContainer: ({ children, isDisabledUser, withoutElevation, }: CardContainerProps) => React.JSX.Element;
+export declare const DetailsLabel: ({ children, extraTopSpace, }: {
+    children: ReactNode;
+    extraTopSpace?: boolean | undefined;
+}) => React.JSX.Element;
+export declare const DetailsLabelIcon: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;
+export declare const DetailsLabelText: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/styled/Error.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 export declare const ErrorWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ErrorTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 export declare const TeamErrorText: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;

package/dist/types-ts4.5/styled/ReportingLines.d.ts

@@ -1,17 +1,13 @@
-/// <reference types="react" />
-export declare const ReportingLinesSection: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ManagerSection: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ManagerName: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const OffsetWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+import React from 'react';
+export declare const ReportingLinesSection: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare const ManagerSection: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare const ManagerName: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare const OffsetWrapper: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/dist/types-ts4.5/styled/TeamCard.d.ts

@@ -1,64 +1,64 @@
 /// <reference types="react" />
 export declare const CardTriggerWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CardWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TeamForbiddenErrorStateWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CardHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     image?: string | undefined;
     isLoading?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CardContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TeamName: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 export declare const MemberCount: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const AvatarSection: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DescriptionWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Description: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const ActionButtons: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const WrappedButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MoreButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LoadingWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const AccessLockSVGWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "22.0.2",
+	"version": "22.1.0",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -54,26 +54,28 @@
 		"@atlaskit/atlassian-context": "^0.1.0",
 		"@atlaskit/avatar": "^21.18.0",
 		"@atlaskit/avatar-group": "^11.1.0",
-		"@atlaskit/button": "^20.4.0",
+		"@atlaskit/button": "^20.5.0",
+		"@atlaskit/css": "^0.8.0",
 		"@atlaskit/dropdown-menu": "^12.26.0",
 		"@atlaskit/empty-state": "^8.2.0",
 		"@atlaskit/focus-ring": "^2.1.0",
 		"@atlaskit/give-kudos": "^3.1.0",
-		"@atlaskit/icon": "^23.6.0",
+		"@atlaskit/icon": "^23.8.0",
 		"@atlaskit/lozenge": "^11.13.0",
 		"@atlaskit/menu": "^2.14.0",
 		"@atlaskit/modal-dialog": "^12.20.0",
 		"@atlaskit/people-teams-ui-public": "^2.1.0",
 		"@atlaskit/platform-feature-flags": "^1.0.0",
 		"@atlaskit/popup": "^1.31.0",
-		"@atlaskit/primitives": "^13.4.0",
+		"@atlaskit/primitives": "^13.5.0",
 		"@atlaskit/rovo-agent-components": "^1.17.0",
 		"@atlaskit/rovo-triggers": "^1.5.0",
 		"@atlaskit/spinner": "^17.1.0",
-		"@atlaskit/theme": "^14.1.0",
+		"@atlaskit/theme": "^15.0.0",
 		"@atlaskit/tokens": "^3.3.0",
 		"@atlaskit/tooltip": "^19.1.0",
 		"@babel/runtime": "^7.0.0",
+		"@compiled/react": "^0.18.1",
 		"@emotion/react": "^11.7.1",
 		"@emotion/styled": "^11.0.0",
 		"date-fns": "^2.17.0",
@@ -144,6 +146,9 @@
 		},
 		"team_id_to_ari_safe": {
 			"type": "boolean"
+		},
+		"compiled-migration-profilecard": {
+			"type": "boolean"
 		}
 	}
 }