@atlaskit/renderer 82.2.0 → 84.1.1

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/types/mediaOptions.d.ts

@@ -1,6 +1,12 @@
-import { MediaFeatureFlags } from '@atlaskit/media-common';
+import { MediaClientConfig } from '@atlaskit/media-core';
+import { MediaFeatureFlags, SSR } from '@atlaskit/media-common';
+export declare type MediaSSR = {
+    mode: SSR;
+    config: MediaClientConfig;
+};
 export interface MediaOptions {
     allowLinking?: boolean;
     enableDownloadButton?: boolean;
     featureFlags?: MediaFeatureFlags;
+    ssr?: MediaSSR;
 }

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/MediaCard.d.ts

@@ -9,6 +9,7 @@ import { ImageStatus, ContextIdentifierProvider } from '@atlaskit/editor-common'
 import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { RendererAppearance } from './Renderer/types';
 import { RendererContext } from '../react/types';
+import { MediaSSR } from '../types/mediaOptions';
 export declare type MediaProvider = {
     viewMediaClientConfig: MediaClientConfig;
 };
@@ -38,6 +39,7 @@ export interface MediaCardProps {
     alt?: string;
     featureFlags?: MediaFeatureFlags;
     shouldEnableDownloadButton?: boolean;
+    ssr?: MediaSSR;
 }
 export interface State {
     mediaClientConfig?: MediaClientConfig;

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/dist/types/ui/renderer-props.d.ts

@@ -38,7 +38,7 @@ export interface RendererProps {
     innerRef?: React.RefObject<HTMLDivElement>;
     useSpecBasedValidator?: boolean;
     allowCopyToClipboard?: boolean;
-    UNSAFE_allowCustomPanels?: boolean;
+    allowCustomPanels?: boolean;
     analyticsEventSeverityTracking?: {
         enabled: boolean;
         severityNormalThreshold: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "82.2.0",
+  "version": "84.1.1",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,41 +24,41 @@
     }
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^19.3.0",
-    "@atlaskit/adf-utils": "^14.3.0",
+    "@atlaskit/adf-schema": "^20.1.0",
+    "@atlaskit/adf-utils": "^14.4.0",
     "@atlaskit/analytics-listeners": "^8.0.0",
     "@atlaskit/analytics-namespaced-context": "^6.3.0",
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/button": "^16.1.0",
     "@atlaskit/code": "^14.3.0",
-    "@atlaskit/editor-common": "^60.3.0",
-    "@atlaskit/editor-json-transformer": "^8.6.0",
+    "@atlaskit/editor-common": "^62.1.0",
+    "@atlaskit/editor-json-transformer": "^8.7.0",
     "@atlaskit/editor-shared-styles": "^1.6.0",
     "@atlaskit/icon": "^21.9.0",
-    "@atlaskit/media-card": "^72.0.0",
+    "@atlaskit/media-card": "^73.0.0",
     "@atlaskit/media-client": "^14.3.0",
-    "@atlaskit/media-common": "^2.9.0",
+    "@atlaskit/media-common": "^2.10.0",
     "@atlaskit/media-filmstrip": "^42.1.0",
-    "@atlaskit/media-viewer": "^45.8.0",
-    "@atlaskit/status": "^0.11.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",
     "@atlaskit/width-detector": "^3.0.0",
     "@babel/runtime": "^7.0.0",
-    "lodash": "^4.17.15",
+    "lodash": "^4.17.21",
     "memoize-one": "^6.0.0",
-    "prosemirror-model": "1.11.0",
-    "prosemirror-transform": "1.2.8",
+    "prosemirror-model": "1.14.3",
+    "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",
-    "url-parse": "^1.4.5",
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
     "@atlaskit/media-core": "^32.2.0",
-    "@atlaskit/smart-card": "^16.2.0",
+    "@atlaskit/smart-card": "^17.0.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "styled-components": "^3.2.6"
@@ -67,22 +67,22 @@
     "@atlaskit/analytics-gas-types": "^5.0.5",
     "@atlaskit/avatar": "^20.5.0",
     "@atlaskit/build-utils": "^2.6.2",
-    "@atlaskit/css-reset": "^6.2.0",
+    "@atlaskit/css-reset": "^6.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/editor-core": "^151.2.0",
-    "@atlaskit/editor-test-helpers": "^15.5.0",
-    "@atlaskit/field-range": "^9.0.0",
+    "@atlaskit/editor-core": "^153.1.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.8.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/smart-card": "^16.2.0",
-    "@atlaskit/ssr": "^0.2.0",
-    "@atlaskit/util-data-test": "^16.0.0",
+    "@atlaskit/range": "^5.0.11",
+    "@atlaskit/smart-card": "^17.0.0",
+    "@atlaskit/ssr": "*",
+    "@atlaskit/util-data-test": "^17.0.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",