@atlaskit/focused-task-close-account 2.4.0 → 2.4.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/focused-task-close-account
 
+## 2.4.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.4.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.4.0
 
 ### Minor Changes

package/dist/types/components/DeactivateUserOverviewScreen/DeactivateUserOverviewScreen.d.ts

@@ -4,9 +4,9 @@ import { type DeactivateUserOverviewScreenProps } from './types';
 export declare class DeactivateUserOverviewScreen extends React.Component<DeactivateUserOverviewScreenProps> {
     static defaultProps: Partial<DeactivateUserOverviewScreenProps>;
     selectAdminOrSelfCopy: (adminCopy: MessageDescriptor, selfCopy: MessageDescriptor) => MessageDescriptor;
-    renderLoseAccessListElement: () => JSX.Element;
-    renderPersonalDataListElement: () => JSX.Element;
-    renderBillingListElement: () => JSX.Element;
-    render(): JSX.Element;
+    renderLoseAccessListElement: () => React.JSX.Element;
+    renderPersonalDataListElement: () => React.JSX.Element;
+    renderBillingListElement: () => React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export default DeactivateUserOverviewScreen;

package/dist/types/components/DeactivateUserOverviewScreen/styled.d.ts

@@ -1,21 +1,21 @@
 /// <reference types="react" />
 export declare const Screen: 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 Title: 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 MainInformationList: 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<HTMLUListElement>, HTMLUListElement>, {}>;
 export declare const AccessibleSitesWrapper: 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/dist/types/components/DeleteUserContentPreviewScreen/DeleteUserContentPreviewScreen.d.ts

@@ -7,6 +7,6 @@ export declare class DeleteUserContentPreviewScreen extends React.Component<Dele
     handleClickSection: (userName: string, position: number) => () => void;
     isCardSelected: (position: number) => boolean;
     selectAdminOrSelfCopy: (adminCopy: MessageDescriptor, selfCopy: MessageDescriptor) => MessageDescriptor;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default DeleteUserContentPreviewScreen;

package/dist/types/components/DeleteUserContentPreviewScreen/styled.d.ts

@@ -4,22 +4,22 @@ interface SectionCardProps {
 }
 export declare const Screen: 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 Title: 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 SectionCard: 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;
 } & SectionCardProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Avatar: 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 UserDetails: 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 {};

package/dist/types/components/DeleteUserOverviewScreen/DeleteUserOverviewScreen.d.ts

@@ -4,10 +4,10 @@ import { type DeleteUserOverviewScreenProps } from './types';
 export declare class DeleteUserOverviewScreen extends React.Component<DeleteUserOverviewScreenProps> {
     static defaultProps: Partial<DeleteUserOverviewScreenProps>;
     selectAdminOrSelfCopy: (adminCopy: MessageDescriptor, selfCopy: MessageDescriptor) => MessageDescriptor;
-    displayFirstListElement: () => JSX.Element | null;
-    displaySecondListElement: () => JSX.Element;
-    displayThirdListElement: () => JSX.Element;
-    displayFourthListElement: () => JSX.Element;
-    render(): JSX.Element;
+    displayFirstListElement: () => React.JSX.Element | null;
+    displaySecondListElement: () => React.JSX.Element;
+    displayThirdListElement: () => React.JSX.Element;
+    displayFourthListElement: () => React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export default DeleteUserOverviewScreen;

package/dist/types/components/DeleteUserOverviewScreen/styled.d.ts

@@ -1,29 +1,29 @@
 /// <reference types="react" />
 export declare const Screen: 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 Title: 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 SectionMessageOuter: 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 MainInformationList: 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<HTMLUListElement>, HTMLUListElement>, {}>;
 export declare const IconHoverWrapper: 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 InlineDialogContent: 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/dist/types/components/DropdownList/DropdownList.d.ts

@@ -10,6 +10,6 @@ export declare class DropdownList extends React.Component<DropDownListProps, Sta
     showDropdownList: () => void;
     hideDropdownList: () => void;
     getVisibleSites: () => string[];
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default DropdownList;

package/dist/types/components/DropdownList/styled.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 export declare const AccessibleSitesList: 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<HTMLUListElement>, HTMLUListElement>, {}>;
 export declare const AccessibleSitesListFootnote: 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 ButtonWrapper: 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/dist/types/components/FocusedTaskCloseAccount/FocusedTaskCloseAccount.d.ts

@@ -14,6 +14,6 @@ export declare class FocusedTaskCloseAccount extends React.Component<Props, Stat
     nextScreen: () => void;
     previousScreen: () => void;
     renderCurrentScreen: () => React.ReactNode;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default FocusedTaskCloseAccount;

package/dist/types/components/FocusedTaskCloseAccount/styled.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
 export declare const DrawerInner: 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 ContentFooter: 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>, {}>;
 /** Delete me once real content is present in the drawer */
 export declare const PlaceholderContent: 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/dist/types/components/Footer/Footer.d.ts

@@ -9,6 +9,6 @@ interface FooterProps {
     secondaryActions: React.ReactNode;
 }
 export default class Footer extends React.Component<FooterProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/types/components/Footer/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const FooterOuter: 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/dist/types/components/StatefulInlineDialog/StatefulInlineDialog.d.ts

@@ -16,6 +16,6 @@ export declare class StatefulInlineDialog extends React.Component<Props, State>
     closeDialog: () => void;
     handleMouseOver: () => void;
     handleMouseOut: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default StatefulInlineDialog;

package/dist/types/components/UserInfo/UserInfo.d.ts

@@ -4,6 +4,6 @@ interface Props {
     user: User;
 }
 export declare class UserInfo extends React.Component<Props> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default UserInfo;

package/dist/types/components/UserInfo/styles.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const UserInfoOuter: 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 Avatar: 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/dist/types-ts4.5/components/DeactivateUserOverviewScreen/DeactivateUserOverviewScreen.d.ts

@@ -4,9 +4,9 @@ import { type DeactivateUserOverviewScreenProps } from './types';
 export declare class DeactivateUserOverviewScreen extends React.Component<DeactivateUserOverviewScreenProps> {
     static defaultProps: Partial<DeactivateUserOverviewScreenProps>;
     selectAdminOrSelfCopy: (adminCopy: MessageDescriptor, selfCopy: MessageDescriptor) => MessageDescriptor;
-    renderLoseAccessListElement: () => JSX.Element;
-    renderPersonalDataListElement: () => JSX.Element;
-    renderBillingListElement: () => JSX.Element;
-    render(): JSX.Element;
+    renderLoseAccessListElement: () => React.JSX.Element;
+    renderPersonalDataListElement: () => React.JSX.Element;
+    renderBillingListElement: () => React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export default DeactivateUserOverviewScreen;

package/dist/types-ts4.5/components/DeactivateUserOverviewScreen/styled.d.ts

@@ -1,21 +1,21 @@
 /// <reference types="react" />
 export declare const Screen: 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 Title: 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 MainInformationList: 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<HTMLUListElement>, HTMLUListElement>, {}>;
 export declare const AccessibleSitesWrapper: 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/dist/types-ts4.5/components/DeleteUserContentPreviewScreen/DeleteUserContentPreviewScreen.d.ts

@@ -7,6 +7,6 @@ export declare class DeleteUserContentPreviewScreen extends React.Component<Dele
     handleClickSection: (userName: string, position: number) => () => void;
     isCardSelected: (position: number) => boolean;
     selectAdminOrSelfCopy: (adminCopy: MessageDescriptor, selfCopy: MessageDescriptor) => MessageDescriptor;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default DeleteUserContentPreviewScreen;

package/dist/types-ts4.5/components/DeleteUserContentPreviewScreen/styled.d.ts

@@ -4,22 +4,22 @@ interface SectionCardProps {
 }
 export declare const Screen: 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 Title: 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 SectionCard: 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;
 } & SectionCardProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Avatar: 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 UserDetails: 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 {};

package/dist/types-ts4.5/components/DeleteUserOverviewScreen/DeleteUserOverviewScreen.d.ts

@@ -4,10 +4,10 @@ import { type DeleteUserOverviewScreenProps } from './types';
 export declare class DeleteUserOverviewScreen extends React.Component<DeleteUserOverviewScreenProps> {
     static defaultProps: Partial<DeleteUserOverviewScreenProps>;
     selectAdminOrSelfCopy: (adminCopy: MessageDescriptor, selfCopy: MessageDescriptor) => MessageDescriptor;
-    displayFirstListElement: () => JSX.Element | null;
-    displaySecondListElement: () => JSX.Element;
-    displayThirdListElement: () => JSX.Element;
-    displayFourthListElement: () => JSX.Element;
-    render(): JSX.Element;
+    displayFirstListElement: () => React.JSX.Element | null;
+    displaySecondListElement: () => React.JSX.Element;
+    displayThirdListElement: () => React.JSX.Element;
+    displayFourthListElement: () => React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export default DeleteUserOverviewScreen;

package/dist/types-ts4.5/components/DeleteUserOverviewScreen/styled.d.ts

@@ -1,29 +1,29 @@
 /// <reference types="react" />
 export declare const Screen: 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 Title: 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 SectionMessageOuter: 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 MainInformationList: 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<HTMLUListElement>, HTMLUListElement>, {}>;
 export declare const IconHoverWrapper: 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 InlineDialogContent: 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/dist/types-ts4.5/components/DropdownList/DropdownList.d.ts

@@ -10,6 +10,6 @@ export declare class DropdownList extends React.Component<DropDownListProps, Sta
     showDropdownList: () => void;
     hideDropdownList: () => void;
     getVisibleSites: () => string[];
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default DropdownList;

package/dist/types-ts4.5/components/DropdownList/styled.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 export declare const AccessibleSitesList: 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<HTMLUListElement>, HTMLUListElement>, {}>;
 export declare const AccessibleSitesListFootnote: 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 ButtonWrapper: 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/dist/types-ts4.5/components/FocusedTaskCloseAccount/FocusedTaskCloseAccount.d.ts

@@ -14,6 +14,6 @@ export declare class FocusedTaskCloseAccount extends React.Component<Props, Stat
     nextScreen: () => void;
     previousScreen: () => void;
     renderCurrentScreen: () => React.ReactNode;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default FocusedTaskCloseAccount;

package/dist/types-ts4.5/components/FocusedTaskCloseAccount/styled.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
 export declare const DrawerInner: 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 ContentFooter: 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>, {}>;
 /** Delete me once real content is present in the drawer */
 export declare const PlaceholderContent: 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/dist/types-ts4.5/components/Footer/Footer.d.ts

@@ -9,6 +9,6 @@ interface FooterProps {
     secondaryActions: React.ReactNode;
 }
 export default class Footer extends React.Component<FooterProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/types-ts4.5/components/Footer/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const FooterOuter: 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/dist/types-ts4.5/components/StatefulInlineDialog/StatefulInlineDialog.d.ts

@@ -16,6 +16,6 @@ export declare class StatefulInlineDialog extends React.Component<Props, State>
     closeDialog: () => void;
     handleMouseOver: () => void;
     handleMouseOut: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default StatefulInlineDialog;

package/dist/types-ts4.5/components/UserInfo/UserInfo.d.ts

@@ -4,6 +4,6 @@ interface Props {
     user: User;
 }
 export declare class UserInfo extends React.Component<Props> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default UserInfo;

package/dist/types-ts4.5/components/UserInfo/styles.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const UserInfoOuter: 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 Avatar: 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/focused-task-close-account",
-	"version": "2.4.0",
+	"version": "2.4.2",
 	"description": "This package contains all of the UI components needed to assemble the focused tasks for deactivating and deleting users' accounts in accordance with the GDPR \"Right to be forgotten\".",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -33,14 +33,14 @@
 	},
 	"dependencies": {
 		"@atlaskit/avatar": "^21.18.0",
-		"@atlaskit/button": "^20.4.0",
+		"@atlaskit/button": "^20.5.0",
 		"@atlaskit/drawer": "^9.4.0",
 		"@atlaskit/heading": "^4.1.0",
-		"@atlaskit/icon": "^23.5.0",
+		"@atlaskit/icon": "^23.9.0",
 		"@atlaskit/inline-dialog": "^16.1.0",
-		"@atlaskit/primitives": "^13.4.0",
+		"@atlaskit/primitives": "^13.5.0",
 		"@atlaskit/section-message": "^6.9.0",
-		"@atlaskit/theme": "^14.1.0",
+		"@atlaskit/theme": "^16.0.0",
 		"@atlaskit/tokens": "^3.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/styled": "^11.0.0",