@atlaskit/editor-common 69.1.1 → 69.2.1

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/editor-common
 
+## 69.2.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 69.2.0
+
+### Minor Changes
+
+- [`0a2a2ff14d9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0a2a2ff14d9) - [ux] ED-15284 Updated shared styles to add margin-top to paragraphs and headings with indentation mark. Prior to this, indented content had different spacing to the rest of the document.
+- [`d7c4506066d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d7c4506066d) - [ux][ed-15295] improve code block copy button label to better indicate to users what will end up in the clipboard when used.
+
+### Patch Changes
+
+- [`a75f0f02c24`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a75f0f02c24) - [ux] ED-14683 fix arrow keys in code block unpredictable
+
+  Fixed cursor jumping to expand title when pressing up in a code
+  block in an expand.
+
+- Updated dependencies
+
+## 69.1.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 69.1.1
 
 ### Patch Changes

package/dist/cjs/messages/codeBlockCopyButton.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.codeBlockCopyButtonMessages = void 0;
+
+var _reactIntlNext = require("react-intl-next");
+
+var codeBlockCopyButtonMessages = (0, _reactIntlNext.defineMessages)({
+  copyCodeToClipboard: {
+    id: 'fabric.editor.codeBlockCopyButton.copyToClipboard',
+    defaultMessage: 'Copy as text',
+    description: 'Copy the content of the code block as text to your clipboard'
+  },
+  copiedCodeToClipboard: {
+    id: 'fabric.editor.codeBlockCopyButton.copiedToClipboard',
+    defaultMessage: 'Copied!',
+    description: 'Copied the content of the code block as text to clipboard'
+  }
+});
+exports.codeBlockCopyButtonMessages = codeBlockCopyButtonMessages;

package/dist/cjs/messages/index.js

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "codeBidiWarningMessages", {
     return _codeBidiWarning.codeBidiWarningMessages;
   }
 });
+Object.defineProperty(exports, "codeBlockCopyButtonMessages", {
+  enumerable: true,
+  get: function get() {
+    return _codeBlockCopyButton.codeBlockCopyButtonMessages;
+  }
+});
 Object.defineProperty(exports, "linkMessages", {
   enumerable: true,
   get: function get() {
@@ -26,4 +32,6 @@ var _codeBidiWarning = require("./codeBidiWarning");
 
 var _link = require("./link");
 
-var _unsupportedContent = require("./unsupportedContent");
+var _unsupportedContent = require("./unsupportedContent");
+
+var _codeBlockCopyButton = require("./codeBlockCopyButton");

package/dist/cjs/styles/shared/block-marks.js

@@ -13,5 +13,5 @@ var _react = require("@emotion/react");
 
 var _templateObject;
 
-var blockMarksSharedStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /**\n   * We need to remove margin-top from first item\n   * inside doc, tableCell, tableHeader, blockquote, etc.\n   */\n  *:not(.fabric-editor-block-mark) >,\n  /* For nested block marks */\n  *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type {\n    p,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    .heading-wrapper {\n      :first-child:not(style),\n      style:first-child + * {\n        margin-top: 0;\n      }\n    }\n  }\n"])));
+var blockMarksSharedStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /**\n   * We need to remove margin-top from first item\n   * inside doc, tableCell, tableHeader, blockquote, etc.\n   */\n  *:not(.fabric-editor-block-mark) >,\n  /* For nested block marks apart from those with indentation mark */\n  *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark),\n  // If first document element has indentation mark remove margin-top\n  .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child {\n    p,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    .heading-wrapper {\n      :first-child:not(style),\n      style:first-child + * {\n        margin-top: 0;\n      }\n    }\n  }\n"])));
 exports.blockMarksSharedStyles = blockMarksSharedStyles;

package/dist/cjs/styles/shared/code-block.js

@@ -25,6 +25,8 @@ var _templateObject;
 
 var CodeBlockSharedCssClassName = {
   CODEBLOCK_CONTAINER: 'code-block',
+  CODEBLOCK_START: 'code-block--start',
+  CODEBLOCK_END: 'code-block--end',
   CODEBLOCK_LINE_NUMBER_GUTTER: 'line-number-gutter',
   CODEBLOCK_CONTENT: 'code-content',
   DS_CODEBLOCK: '[data-ds--code--code-block]'
@@ -32,7 +34,7 @@ var CodeBlockSharedCssClassName = {
 exports.CodeBlockSharedCssClassName = CodeBlockSharedCssClassName;
 
 var codeBlockSharedStyles = function codeBlockSharedStyles(props) {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    position: relative;\n    background-color: ", ";\n    border-radius: ", "px;\n    counter-reset: line;\n    display: flex;\n    overflow-x: auto;\n\n    background-image: ", ";\n\n    --ds--code--bg-color: transparent;\n\n    background-repeat: no-repeat;\n    background-attachment: local, scroll, scroll;\n    background-size: 8px 100%, 8px 100%, 8px 100%;\n    background-position: 100% 0, 100% 0, 0 0;\n    font-family: ", ";\n    margin: ", " 0 0 0;\n    min-width: ", "px;\n    cursor: pointer;\n\n    .", " {\n      flex-shrink: 0;\n      text-align: right;\n      background-color: ", ";\n      padding: ", "px;\n\n      span {\n        display: block;\n        line-height: 0;\n        font-size: 0;\n\n        ::before {\n          display: inline-block;\n          content: counter(line);\n          counter-increment: line;\n          color: ", ";\n          font-size: ", ";\n          line-height: 1.5rem;\n        }\n      }\n    }\n\n    .", " {\n      display: flex;\n      flex: 1;\n\n      code {\n        flex-grow: 1;\n        tab-size: 4;\n        cursor: text;\n        color: ", ";\n        border-radius: ", "px;\n        margin: ", "px;\n        white-space: pre;\n        font-size: ", ";\n        line-height: 1.5rem;\n      }\n    }\n  }\n"])), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, (0, _components.themed)({
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    position: relative;\n    background-color: ", ";\n    border-radius: ", "px;\n    counter-reset: line;\n    display: flex;\n    overflow-x: auto;\n\n    background-image: ", ";\n\n    --ds--code--bg-color: transparent;\n\n    background-repeat: no-repeat;\n    background-attachment: local, scroll, scroll;\n    background-size: 8px 100%, 8px 100%, 8px 100%;\n    background-position: 100% 0, 100% 0, 0 0;\n    font-family: ", ";\n    margin: ", " 0 0 0;\n    min-width: ", "px;\n    cursor: pointer;\n\n    .", " {\n      position: absolute;\n      visibility: hidden;\n      height: 1.5rem;\n      top: 0px;\n      left: 0px;\n    }\n\n    .", " {\n      position: absolute;\n      visibility: hidden;\n      height: 1.5rem;\n      bottom: 0px;\n      right: 0px;\n    }\n\n    .", " {\n      flex-shrink: 0;\n      text-align: right;\n      background-color: ", ";\n      padding: ", "px;\n\n      span {\n        display: block;\n        line-height: 0;\n        font-size: 0;\n\n        ::before {\n          display: inline-block;\n          content: counter(line);\n          counter-increment: line;\n          color: ", ";\n          font-size: ", ";\n          line-height: 1.5rem;\n        }\n      }\n    }\n\n    .", " {\n      display: flex;\n      flex: 1;\n\n      code {\n        flex-grow: 1;\n        tab-size: 4;\n        cursor: text;\n        color: ", ";\n        border-radius: ", "px;\n        margin: ", "px;\n        white-space: pre;\n        font-size: ", ";\n        line-height: 1.5rem;\n      }\n    }\n  }\n"])), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, (0, _components.themed)({
     light: (0, _tokens.token)('color.background.neutral', _colors.N20),
     dark: (0, _tokens.token)('color.background.neutral', _colors.DN50)
   })(props), (0, _constants.borderRadius)(), (0, _editorSharedStyles.overflowShadow)({
@@ -43,7 +45,7 @@ var codeBlockSharedStyles = function codeBlockSharedStyles(props) {
       dark: _colors.DN50
     })(props),
     width: '8px'
-  }), _editorSharedStyles.akEditorCodeFontFamily, _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.akEditorTableCellMinWidth, CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, (0, _components.themed)({
+  }), _editorSharedStyles.akEditorCodeFontFamily, _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.akEditorTableCellMinWidth, CodeBlockSharedCssClassName.CODEBLOCK_START, CodeBlockSharedCssClassName.CODEBLOCK_END, CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, (0, _components.themed)({
     light: (0, _tokens.token)('color.background.neutral', _colors.N30),
     dark: (0, _tokens.token)('color.background.neutral', _colors.DN20)
   })(props), (0, _constants.gridSize)(), (0, _components.themed)({

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "69.1.1",
+	"version": "69.2.1",
 	"sideEffects": false
 }

package/dist/es2019/messages/codeBlockCopyButton.js

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export const codeBlockCopyButtonMessages = defineMessages({
+  copyCodeToClipboard: {
+    id: 'fabric.editor.codeBlockCopyButton.copyToClipboard',
+    defaultMessage: 'Copy as text',
+    description: 'Copy the content of the code block as text to your clipboard'
+  },
+  copiedCodeToClipboard: {
+    id: 'fabric.editor.codeBlockCopyButton.copiedToClipboard',
+    defaultMessage: 'Copied!',
+    description: 'Copied the content of the code block as text to clipboard'
+  }
+});

package/dist/es2019/messages/index.js

@@ -1,3 +1,4 @@
 export { codeBidiWarningMessages } from './codeBidiWarning';
 export { linkMessages } from './link';
-export { unsupportedContentMessages } from './unsupportedContent';
+export { unsupportedContentMessages } from './unsupportedContent';
+export { codeBlockCopyButtonMessages } from './codeBlockCopyButton';

package/dist/es2019/styles/shared/block-marks.js

@@ -5,8 +5,10 @@ export const blockMarksSharedStyles = css`
    * inside doc, tableCell, tableHeader, blockquote, etc.
    */
   *:not(.fabric-editor-block-mark) >,
-  /* For nested block marks */
-  *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type {
+  /* For nested block marks apart from those with indentation mark */
+  *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark),
+  // If first document element has indentation mark remove margin-top
+  .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child {
     p,
     h1,
     h2,

package/dist/es2019/styles/shared/code-block.js

@@ -6,6 +6,8 @@ import { borderRadius, fontSize, gridSize } from '@atlaskit/theme/constants';
 import { token } from '@atlaskit/tokens';
 export const CodeBlockSharedCssClassName = {
   CODEBLOCK_CONTAINER: 'code-block',
+  CODEBLOCK_START: 'code-block--start',
+  CODEBLOCK_END: 'code-block--end',
   CODEBLOCK_LINE_NUMBER_GUTTER: 'line-number-gutter',
   CODEBLOCK_CONTENT: 'code-content',
   DS_CODEBLOCK: '[data-ds--code--code-block]'
@@ -43,6 +45,22 @@ export const codeBlockSharedStyles = props => css`
     min-width: ${akEditorTableCellMinWidth}px;
     cursor: pointer;
 
+    .${CodeBlockSharedCssClassName.CODEBLOCK_START} {
+      position: absolute;
+      visibility: hidden;
+      height: 1.5rem;
+      top: 0px;
+      left: 0px;
+    }
+
+    .${CodeBlockSharedCssClassName.CODEBLOCK_END} {
+      position: absolute;
+      visibility: hidden;
+      height: 1.5rem;
+      bottom: 0px;
+      right: 0px;
+    }
+
     .${CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER} {
       flex-shrink: 0;
       text-align: right;

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "69.1.1",
+	"version": "69.2.1",
 	"sideEffects": false
 }

package/dist/esm/messages/codeBlockCopyButton.js

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export var codeBlockCopyButtonMessages = defineMessages({
+  copyCodeToClipboard: {
+    id: 'fabric.editor.codeBlockCopyButton.copyToClipboard',
+    defaultMessage: 'Copy as text',
+    description: 'Copy the content of the code block as text to your clipboard'
+  },
+  copiedCodeToClipboard: {
+    id: 'fabric.editor.codeBlockCopyButton.copiedToClipboard',
+    defaultMessage: 'Copied!',
+    description: 'Copied the content of the code block as text to clipboard'
+  }
+});

package/dist/esm/messages/index.js

@@ -1,3 +1,4 @@
 export { codeBidiWarningMessages } from './codeBidiWarning';
 export { linkMessages } from './link';
-export { unsupportedContentMessages } from './unsupportedContent';
+export { unsupportedContentMessages } from './unsupportedContent';
+export { codeBlockCopyButtonMessages } from './codeBlockCopyButton';

package/dist/esm/styles/shared/block-marks.js

@@ -3,4 +3,4 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 
 import { css } from '@emotion/react';
-export var blockMarksSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /**\n   * We need to remove margin-top from first item\n   * inside doc, tableCell, tableHeader, blockquote, etc.\n   */\n  *:not(.fabric-editor-block-mark) >,\n  /* For nested block marks */\n  *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type {\n    p,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    .heading-wrapper {\n      :first-child:not(style),\n      style:first-child + * {\n        margin-top: 0;\n      }\n    }\n  }\n"])));
+export var blockMarksSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /**\n   * We need to remove margin-top from first item\n   * inside doc, tableCell, tableHeader, blockquote, etc.\n   */\n  *:not(.fabric-editor-block-mark) >,\n  /* For nested block marks apart from those with indentation mark */\n  *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark),\n  // If first document element has indentation mark remove margin-top\n  .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child {\n    p,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    .heading-wrapper {\n      :first-child:not(style),\n      style:first-child + * {\n        margin-top: 0;\n      }\n    }\n  }\n"])));

package/dist/esm/styles/shared/code-block.js

@@ -10,12 +10,14 @@ import { borderRadius, fontSize, gridSize } from '@atlaskit/theme/constants';
 import { token } from '@atlaskit/tokens';
 export var CodeBlockSharedCssClassName = {
   CODEBLOCK_CONTAINER: 'code-block',
+  CODEBLOCK_START: 'code-block--start',
+  CODEBLOCK_END: 'code-block--end',
   CODEBLOCK_LINE_NUMBER_GUTTER: 'line-number-gutter',
   CODEBLOCK_CONTENT: 'code-content',
   DS_CODEBLOCK: '[data-ds--code--code-block]'
 };
 export var codeBlockSharedStyles = function codeBlockSharedStyles(props) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    position: relative;\n    background-color: ", ";\n    border-radius: ", "px;\n    counter-reset: line;\n    display: flex;\n    overflow-x: auto;\n\n    background-image: ", ";\n\n    --ds--code--bg-color: transparent;\n\n    background-repeat: no-repeat;\n    background-attachment: local, scroll, scroll;\n    background-size: 8px 100%, 8px 100%, 8px 100%;\n    background-position: 100% 0, 100% 0, 0 0;\n    font-family: ", ";\n    margin: ", " 0 0 0;\n    min-width: ", "px;\n    cursor: pointer;\n\n    .", " {\n      flex-shrink: 0;\n      text-align: right;\n      background-color: ", ";\n      padding: ", "px;\n\n      span {\n        display: block;\n        line-height: 0;\n        font-size: 0;\n\n        ::before {\n          display: inline-block;\n          content: counter(line);\n          counter-increment: line;\n          color: ", ";\n          font-size: ", ";\n          line-height: 1.5rem;\n        }\n      }\n    }\n\n    .", " {\n      display: flex;\n      flex: 1;\n\n      code {\n        flex-grow: 1;\n        tab-size: 4;\n        cursor: text;\n        color: ", ";\n        border-radius: ", "px;\n        margin: ", "px;\n        white-space: pre;\n        font-size: ", ";\n        line-height: 1.5rem;\n      }\n    }\n  }\n"])), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, themed({
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    position: relative;\n    background-color: ", ";\n    border-radius: ", "px;\n    counter-reset: line;\n    display: flex;\n    overflow-x: auto;\n\n    background-image: ", ";\n\n    --ds--code--bg-color: transparent;\n\n    background-repeat: no-repeat;\n    background-attachment: local, scroll, scroll;\n    background-size: 8px 100%, 8px 100%, 8px 100%;\n    background-position: 100% 0, 100% 0, 0 0;\n    font-family: ", ";\n    margin: ", " 0 0 0;\n    min-width: ", "px;\n    cursor: pointer;\n\n    .", " {\n      position: absolute;\n      visibility: hidden;\n      height: 1.5rem;\n      top: 0px;\n      left: 0px;\n    }\n\n    .", " {\n      position: absolute;\n      visibility: hidden;\n      height: 1.5rem;\n      bottom: 0px;\n      right: 0px;\n    }\n\n    .", " {\n      flex-shrink: 0;\n      text-align: right;\n      background-color: ", ";\n      padding: ", "px;\n\n      span {\n        display: block;\n        line-height: 0;\n        font-size: 0;\n\n        ::before {\n          display: inline-block;\n          content: counter(line);\n          counter-increment: line;\n          color: ", ";\n          font-size: ", ";\n          line-height: 1.5rem;\n        }\n      }\n    }\n\n    .", " {\n      display: flex;\n      flex: 1;\n\n      code {\n        flex-grow: 1;\n        tab-size: 4;\n        cursor: text;\n        color: ", ";\n        border-radius: ", "px;\n        margin: ", "px;\n        white-space: pre;\n        font-size: ", ";\n        line-height: 1.5rem;\n      }\n    }\n  }\n"])), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, themed({
     light: token('color.background.neutral', N20),
     dark: token('color.background.neutral', DN50)
   })(props), borderRadius(), overflowShadow({
@@ -26,7 +28,7 @@ export var codeBlockSharedStyles = function codeBlockSharedStyles(props) {
       dark: DN50
     })(props),
     width: '8px'
-  }), akEditorCodeFontFamily, blockNodesVerticalMargin, akEditorTableCellMinWidth, CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, themed({
+  }), akEditorCodeFontFamily, blockNodesVerticalMargin, akEditorTableCellMinWidth, CodeBlockSharedCssClassName.CODEBLOCK_START, CodeBlockSharedCssClassName.CODEBLOCK_END, CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, themed({
     light: token('color.background.neutral', N30),
     dark: token('color.background.neutral', DN20)
   })(props), gridSize(), themed({

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "69.1.1",
+	"version": "69.2.1",
 	"sideEffects": false
 }

package/dist/types/messages/codeBlockCopyButton.d.ts

@@ -0,0 +1,12 @@
+export declare const codeBlockCopyButtonMessages: {
+    copyCodeToClipboard: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    copiedCodeToClipboard: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/messages/index.d.ts

@@ -1,3 +1,4 @@
 export { codeBidiWarningMessages } from './codeBidiWarning';
 export { linkMessages } from './link';
 export { unsupportedContentMessages } from './unsupportedContent';
+export { codeBlockCopyButtonMessages } from './codeBlockCopyButton';

package/dist/types/styles/shared/code-block.d.ts

@@ -1,6 +1,8 @@
 import { ThemeProps } from '@atlaskit/theme/types';
 export declare const CodeBlockSharedCssClassName: {
     CODEBLOCK_CONTAINER: string;
+    CODEBLOCK_START: string;
+    CODEBLOCK_END: string;
     CODEBLOCK_LINE_NUMBER_GUTTER: string;
     CODEBLOCK_CONTENT: string;
     DS_CODEBLOCK: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "69.1.1",
+  "version": "69.2.1",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -44,26 +44,26 @@
   },
   "dependencies": {
     "@atlaskit/activity-provider": "^2.3.0",
-    "@atlaskit/adf-schema": "^23.3.0",
+    "@atlaskit/adf-schema": "^24.0.0",
     "@atlaskit/adf-utils": "^17.1.0",
     "@atlaskit/analytics-namespaced-context": "^6.5.0",
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/code": "^14.3.0",
     "@atlaskit/codemod-utils": "^4.1.0",
-    "@atlaskit/editor-json-transformer": "^8.7.0",
+    "@atlaskit/editor-json-transformer": "^8.8.0",
     "@atlaskit/editor-shared-styles": "^2.1.0",
-    "@atlaskit/emoji": "^65.1.0",
+    "@atlaskit/emoji": "^65.2.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/in-product-testing": "^0.1.0",
     "@atlaskit/media-card": "^74.1.0",
     "@atlaskit/media-client": "^17.1.0",
     "@atlaskit/media-picker": "^63.0.0",
     "@atlaskit/mention": "^21.0.0",
-    "@atlaskit/profilecard": "^16.12.0",
-    "@atlaskit/smart-card": "^21.1.0",
+    "@atlaskit/profilecard": "^17.0.0",
+    "@atlaskit/smart-card": "^22.1.0",
     "@atlaskit/smart-user-picker": "^6.0.0",
-    "@atlaskit/task-decision": "^17.4.0",
-    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/task-decision": "^17.5.0",
+    "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/ufo": "^0.1.0",
@@ -92,7 +92,7 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@atlaskit/editor-json-transformer": "^8.7.0",
+    "@atlaskit/editor-json-transformer": "^8.8.0",
     "@atlaskit/editor-test-helpers": "^17.1.0",
     "@atlaskit/media-core": "^33.0.0",
     "@atlaskit/util-data-test": "^17.5.0",