@atlaskit/renderer 83.0.0 → 84.0.0

package/dist/types/react/marks/code.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { Mark } from 'prosemirror-model';
 import type { MarkProps } from '../types';
 export declare const isCodeMark: (mark: Mark) => boolean;
 export declare function CodeWithIntl(props: MarkProps<{
     codeBidiWarningTooltipEnabled: boolean;
-}> & InjectedIntlProps): JSX.Element;
-declare const _default: React.ComponentClass<{
+}> & WrappedComponentProps): JSX.Element;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
     codeBidiWarningTooltipEnabled: boolean;
-} & import("../types").MarkMeta, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<{
+} & import("../types").MarkMeta & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<{
         codeBidiWarningTooltipEnabled: boolean;
-    } & import("../types").MarkMeta & InjectedIntlProps>;
+    } & import("../types").MarkMeta & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/react/marks/data-consumer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataConsumerAttributes } from '@atlaskit/adf-schema';
 import { MarkProps } from '../types';
 export default function DataConsumer(props: MarkProps<DataConsumerAttributes>): JSX.Element;

package/dist/types/react/marks/em.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { MarkProps } from '../types';
 export default function Em(props: MarkProps): JSX.Element;

package/dist/types/react/marks/fragment.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FragmentAttributes } from '@atlaskit/adf-schema';
 import { MarkProps } from '../types';
 export default function FragmentMark(props: MarkProps<FragmentAttributes>): JSX.Element;

package/dist/types/react/marks/indentation.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IndentationMarkAttributes } from '@atlaskit/adf-schema';
 import { MarkProps } from '../types';
 export default function Indentation(props: MarkProps<IndentationMarkAttributes>): JSX.Element;

package/dist/types/react/marks/link.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { LinkAttributes } from '@atlaskit/adf-schema';
 import { MarkProps } from '../types';
 interface LinkProps extends LinkAttributes {

package/dist/types/react/marks/strike.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { MarkProps } from '../types';
 export default function Strike(props: MarkProps): JSX.Element;

package/dist/types/react/marks/strong.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { MarkProps } from '../types';
 export default function Strong(props: MarkProps): JSX.Element;

package/dist/types/react/marks/subsup.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SubSupAttributes } from '@atlaskit/adf-schema';
 import { MarkProps } from '../types';
 export default function SubSup(props: MarkProps<SubSupAttributes>): JSX.Element;

package/dist/types/react/marks/textColor.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TextColorAttributes } from '@atlaskit/adf-schema';
 import { MarkProps } from '../types';
 export default function TextColor(props: MarkProps<TextColorAttributes>): JSX.Element;

package/dist/types/react/marks/underline.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { MarkProps } from '../types';
 export default function Underline(props: MarkProps): JSX.Element;

package/dist/types/react/marks/unsupportedMark.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { MarkProps } from '../types';
 export default function UnsupportedMark(props: MarkProps): JSX.Element;

package/dist/types/react/marks/unsupportedNodeAttribute.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { MarkProps } from '../types';
 export default function UnsupportedNodeAttribute(props: MarkProps): JSX.Element;

package/dist/types/react/nodes/blockCard.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EventHandlers } from '@atlaskit/editor-common';
 import { RendererAppearance } from '../../ui/Renderer/types';
 export default function BlockCard(props: {

package/dist/types/react/nodes/caption.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NodeProps } from '../types';
 declare const RenderCaption: ({ children, dataAttributes }: NodeProps) => JSX.Element;
 export default RenderCaption;

package/dist/types/react/nodes/codeBlock.d.ts

@@ -1,3 +1,5 @@
+import React from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
 import { SupportedLanguages } from '@atlaskit/code';
 export interface Props {
     text: string;
@@ -6,11 +8,17 @@ export interface Props {
     codeBidiWarningTooltipEnabled: boolean;
     className?: string;
 }
-declare const _default: import("styled-components").StyledComponentClass<(Props & import("@atlaskit/theme").AtlaskitThemeProps) | (Props & import("@atlaskit/theme").CustomThemeProps) | (Props & import("@atlaskit/theme").NoThemeProps), any, (Pick<Props, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
+declare const _default: import("styled-components").StyledComponentClass<(Pick<Props & WrappedComponentProps<"intl">, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
+    forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
+} & import("@atlaskit/theme").AtlaskitThemeProps) | (Pick<Props & WrappedComponentProps<"intl">, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
+    forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
+} & import("@atlaskit/theme").CustomThemeProps) | (Pick<Props & WrappedComponentProps<"intl">, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
+    forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
+} & import("@atlaskit/theme").NoThemeProps), any, (Pick<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>, "text" | "className" | "forwardedRef" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
     theme?: any;
-} & import("@atlaskit/theme").AtlaskitThemeProps) | (Pick<Props, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
+} & import("@atlaskit/theme").AtlaskitThemeProps) | (Pick<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>, "text" | "className" | "forwardedRef" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
     theme?: any;
-} & import("@atlaskit/theme").CustomThemeProps) | (Pick<Props, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
+} & import("@atlaskit/theme").CustomThemeProps) | (Pick<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>, "text" | "className" | "forwardedRef" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
     theme?: any;
 } & import("@atlaskit/theme").NoThemeProps)>;
 export default _default;

package/dist/types/react/nodes/codeBlockCopyButton.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 declare type Props = {
     content: string;
 };
-declare const _default: React.ComponentClass<Props, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/react/nodes/date.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 export interface Props {
     timestamp: string;
     parentIsIncompleteTask?: boolean;
 }
-declare const _default: React.ComponentClass<Props, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/react/nodes/decisionItem.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { NodeProps } from '../types';
 export default function DecisionItem({ children, dataAttributes }: NodeProps): JSX.Element;

package/dist/types/react/nodes/doc.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 export default function Doc(props: any): JSX.Element;
 export declare function DocWithSelectAllTrap(props: any): JSX.Element;

package/dist/types/react/nodes/embedCard.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EventHandlers } from '@atlaskit/editor-common';
 import { RichMediaLayout } from '@atlaskit/adf-schema';
 import { RendererAppearance } from '../../ui/Renderer/types';

package/dist/types/react/nodes/heading-anchor.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 export declare const HeadingAnchorWrapperClassName = "heading-anchor-wrapper";
 declare type Props = {
     onCopyText: () => Promise<void>;
     enableNestedHeaderLinks?: boolean;
     level: number;
 };
-declare type HeadingAnchorProps = Props & React.Props<any> & InjectedIntlProps;
-declare const _default: React.ComponentClass<Props & React.Props<any>, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<HeadingAnchorProps>;
+declare type HeadingAnchorProps = Props & React.Props<any> & WrappedComponentProps;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<HeadingAnchorProps>> & {
+    WrappedComponent: React.ComponentType<HeadingAnchorProps>;
 };
 export default _default;

package/dist/types/react/nodes/heading.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Node as PMNode } from 'prosemirror-model';
 import { NodeProps } from '../types';
 import { HeadingAnchorLinksProps } from '../../ui/Renderer/types';

package/dist/types/react/nodes/index.d.ts

@@ -26,22 +26,22 @@ import TableRow from './tableRow';
 import UnknownBlock from './unknownBlock';
 import Loadable from 'react-loadable';
 import EmbedCard from './embedCard';
-declare const CodeBlock: (React.ComponentClass<import("styled-components").ThemedOuterStyledProps<(Pick<import("./codeBlock").Props, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
+declare const CodeBlock: (React.ComponentClass<import("styled-components").ThemedOuterStyledProps<(Pick<import("react-intl-next").WithIntlProps<import("./codeBlock").Props & import("react-intl-next").WrappedComponentProps<"intl">>, "text" | "className" | "forwardedRef" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
     theme?: any;
-} & import("@atlaskit/theme").AtlaskitThemeProps) | (Pick<import("./codeBlock").Props, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
+} & import("@atlaskit/theme").AtlaskitThemeProps) | (Pick<import("react-intl-next").WithIntlProps<import("./codeBlock").Props & import("react-intl-next").WrappedComponentProps<"intl">>, "text" | "className" | "forwardedRef" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
     theme?: any;
-} & import("@atlaskit/theme").CustomThemeProps) | (Pick<import("./codeBlock").Props, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
+} & import("@atlaskit/theme").CustomThemeProps) | (Pick<import("react-intl-next").WithIntlProps<import("./codeBlock").Props & import("react-intl-next").WrappedComponentProps<"intl">>, "text" | "className" | "forwardedRef" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
     theme?: any;
-} & import("@atlaskit/theme").NoThemeProps), any>, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("styled-components").ThemedOuterStyledProps<(Pick<import("./codeBlock").Props, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
+} & import("@atlaskit/theme").NoThemeProps), any>, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("styled-components").ThemedOuterStyledProps<(Pick<import("react-intl-next").WithIntlProps<import("./codeBlock").Props & import("react-intl-next").WrappedComponentProps<"intl">>, "text" | "className" | "forwardedRef" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
     theme?: any;
-} & import("@atlaskit/theme").AtlaskitThemeProps) | (Pick<import("./codeBlock").Props, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
+} & import("@atlaskit/theme").AtlaskitThemeProps) | (Pick<import("react-intl-next").WithIntlProps<import("./codeBlock").Props & import("react-intl-next").WrappedComponentProps<"intl">>, "text" | "className" | "forwardedRef" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
     theme?: any;
-} & import("@atlaskit/theme").CustomThemeProps) | (Pick<import("./codeBlock").Props, "text" | "className" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
+} & import("@atlaskit/theme").CustomThemeProps) | (Pick<import("react-intl-next").WithIntlProps<import("./codeBlock").Props & import("react-intl-next").WrappedComponentProps<"intl">>, "text" | "className" | "forwardedRef" | "language" | "allowCopyToClipboard" | "codeBidiWarningTooltipEnabled"> & {
     theme?: any;
 } & import("@atlaskit/theme").NoThemeProps), any>> & Loadable.LoadableComponent);
 declare const TaskItem: (React.ComponentClass<import("../types").NodeProps<import("./taskItem").Props>, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("../types").NodeProps<import("./taskItem").Props>> & Loadable.LoadableComponent);
 declare const DecisionItem: (React.ComponentClass<import("../types").NodeMeta, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("../types").NodeMeta> & Loadable.LoadableComponent);
-declare const Date: (React.ComponentClass<import("./date").Props, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./date").Props> & Loadable.LoadableComponent);
+declare const Date: (React.ComponentClass<import("react-intl-next").WithIntlProps<import("./date").Props & import("react-intl-next").WrappedComponentProps<"intl">>, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("react-intl-next").WithIntlProps<import("./date").Props & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent);
 declare const Status: (React.ComponentClass<import("./status").Props, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./status").Props> & Loadable.LoadableComponent);
 declare const Emoji: (React.ComponentClass<import("./emoji").EmojiProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./emoji").EmojiProps> & Loadable.LoadableComponent);
 declare const InlineCard: (React.ComponentClass<Pick<import("./inlineCard").InlineCardProps & import("../../ui/SmartCardStorage").WithSmartCardStorageProps, "data" | "eventHandlers" | "url" | "portal">, any> & Loadable.LoadableComponent) | (React.FunctionComponent<Pick<import("./inlineCard").InlineCardProps & import("../../ui/SmartCardStorage").WithSmartCardStorageProps, "data" | "eventHandlers" | "url" | "portal">> & Loadable.LoadableComponent);
@@ -62,7 +62,7 @@ declare const Media: (React.ComponentClass<import("./media").MediaProps, any> &
 declare const MediaGroup: (React.ComponentClass<import("./mediaGroup").MediaGroupProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./mediaGroup").MediaGroupProps> & Loadable.LoadableComponent);
 declare const MediaInline: (React.ComponentClass<import("./mediaInline").MediaInlineProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./mediaInline").MediaInlineProps> & Loadable.LoadableComponent);
 declare const Mention: (React.ComponentClass<import("./mention").Props, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./mention").Props> & Loadable.LoadableComponent);
-declare const Expand: (React.ComponentClass<import("../../ui/Expand").ExpandProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("../../ui/Expand").ExpandProps> & Loadable.LoadableComponent);
+declare const Expand: (React.ComponentClass<import("react-intl-next").WithIntlProps<import("../../ui/Expand").ExpandProps & import("react-intl-next").WrappedComponentProps<"intl">>, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("react-intl-next").WithIntlProps<import("../../ui/Expand").ExpandProps & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent);
 export declare const nodeToReact: {
     [key: string]: React.ComponentType<any>;
 };

package/dist/types/react/nodes/mediaSingle/index.d.ts

@@ -1,7 +1,7 @@
 import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import { EventHandlers } from '@atlaskit/editor-common';
 import { default as React } from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { AnalyticsEventPayload } from '../../../analytics/events';
 import { RendererAppearance } from '../../../ui/Renderer/types';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
@@ -21,7 +21,7 @@ export interface State {
     height?: number;
 }
 export declare const getMediaContainerWidth: (currentContainerWidth: number, layout: MediaSingleLayout) => number;
-declare const _default: React.ComponentClass<Props, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/react/nodes/paragraph.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { NodeProps } from '../types';
 export default function Paragraph({ children, dataAttributes }: NodeProps): JSX.Element;

package/dist/types/react/nodes/placeholder.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface Props {
     text: string;
     allowPlaceholderText?: boolean;

package/dist/types/react/nodes/rule.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function Rule(): JSX.Element;

package/dist/types/react/nodes/table/colgroup.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SharedTableProps } from './types';
 export interface ScaleOptions {
     renderWidth: number;

package/dist/types/react/nodes/text-wrapper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type Props = {
     startPos: number;
     endPos: number;

package/dist/types/ui/Expand.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AnalyticsEventPayload } from '../analytics/events';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 export interface StyleProps {
     expanded?: boolean;
     focused?: boolean;
@@ -14,7 +14,7 @@ export interface ExpandProps {
     fireAnalyticsEvent?: (event: AnalyticsEventPayload) => void;
     nestedHeaderIds?: Array<string>;
 }
-declare const _default: React.ComponentClass<ExpandProps, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<ExpandProps & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<ExpandProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<ExpandProps & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/ui/Renderer/breakout-ssr.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * Inline Script that updates breakout node width on client side,
  * before main JavaScript bundle is ready.

package/dist/types/ui/SortingIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SortOrder } from '@atlaskit/editor-common';
 export declare const TableSortIconDataUrl: string;
 export declare enum StatusClassNames {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "83.0.0",
+  "version": "84.0.0",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -31,16 +31,16 @@
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/button": "^16.1.0",
     "@atlaskit/code": "^14.3.0",
-    "@atlaskit/editor-common": "^61.0.0",
+    "@atlaskit/editor-common": "^62.0.0",
     "@atlaskit/editor-json-transformer": "^8.7.0",
     "@atlaskit/editor-shared-styles": "^1.6.0",
     "@atlaskit/icon": "^21.9.0",
-    "@atlaskit/media-card": "^72.1.0",
+    "@atlaskit/media-card": "^73.0.0",
     "@atlaskit/media-client": "^14.3.0",
     "@atlaskit/media-common": "^2.10.0",
     "@atlaskit/media-filmstrip": "^42.1.0",
-    "@atlaskit/media-viewer": "^45.8.0",
-    "@atlaskit/status": "^0.12.0",
+    "@atlaskit/media-viewer": "^46.0.0",
+    "@atlaskit/status": "^1.0.0",
     "@atlaskit/task-decision": "^17.2.0",
     "@atlaskit/theme": "^12.0.0",
     "@atlaskit/tooltip": "^17.5.0",
@@ -52,12 +52,13 @@
     "prosemirror-transform": "1.3.2",
     "prosemirror-utils": "^1.0.0-0",
     "react-intl": "^2.6.0",
+    "react-intl-next": "npm:react-intl@^5.18.1",
     "react-loadable": "^5.1.0",
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
     "@atlaskit/media-core": "^32.2.0",
-    "@atlaskit/smart-card": "^16.3.0",
+    "@atlaskit/smart-card": "^17.0.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "styled-components": "^3.2.6"
@@ -68,18 +69,18 @@
     "@atlaskit/build-utils": "^2.6.2",
     "@atlaskit/css-reset": "^6.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/editor-core": "^152.0.0",
-    "@atlaskit/editor-test-helpers": "^15.6.0",
+    "@atlaskit/editor-core": "^153.0.0",
+    "@atlaskit/editor-test-helpers": "^16.0.0",
     "@atlaskit/logo": "^13.5.0",
     "@atlaskit/media-core": "^32.2.0",
     "@atlaskit/media-integration-test-helpers": "^2.5.0",
-    "@atlaskit/media-test-helpers": "^28.9.0",
+    "@atlaskit/media-test-helpers": "^29.0.0",
     "@atlaskit/mention": "^19.7.0",
     "@atlaskit/navigation-next": "^9.0.0",
-    "@atlaskit/profilecard": "^15.8.0",
+    "@atlaskit/profilecard": "^16.0.0",
     "@atlaskit/radio": "^5.3.0",
     "@atlaskit/range": "^5.0.11",
-    "@atlaskit/smart-card": "^16.3.0",
+    "@atlaskit/smart-card": "^17.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/util-data-test": "^17.0.0",
     "@atlaskit/visual-regression": "*",