@atlaskit/renderer 83.0.0 → 85.0.0

package/CHANGELOG.md

@@ -1,5 +1,86 @@
 # @atlaskit/renderer
 
+## 85.0.0
+
+### Major Changes
+
+- [`5af69bfe9be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5af69bfe9be) - CETI-241 - Added additional panel ADF attributes (panelIconId, panelIconText) to uniquely identify custom panel emojis. The change has been categorised as major since it is a change to the full-schema ADF. However, the custom panel feature is behind a feature flag, has not yet been released to production, and is only currently planned for release to Confluence. See ADF change #61 for further details.
+- [`272a64c6bf0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/272a64c6bf0) - [ux] CETI-166 Increase the standard panel icons size to make it consistent with the emojis in the panel content area
+
+### Minor Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Make DecisionList, TaskList, MediaSingle, EmbedCard and Panel loadable.
+
+### Patch Changes
+
+- [`e221ee215e7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e221ee215e7) - fix vertical scroll for firefox when media link is wrapped
+- [`231b3d8b718`](https://bitbucket.org/atlassian/atlassian-frontend/commits/231b3d8b718) - CETI-242 Change the Color palette labels for panel
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - ED-13753 Updated editor-common import entries.
+- Updated dependencies
+
+## 84.1.1
+
+### Patch Changes
+
+- [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
+
+## 84.1.0
+
+### Minor Changes
+
+- [`b9cd2373064`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9cd2373064) - [ED-14106] Reset custom color when the node is inside a link
+
+### Patch Changes
+
+- [`d6c140182ce`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6c140182ce) - [ED-14095] Send a new analytics events when the document loaded is not a valid ProseMirror Model
+- Updated dependencies
+
+## 84.0.0
+
+### Major Changes
+
+- [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
+
+  What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs.
+  Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
+  How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.
+
+  Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias
+
+  ```js
+  "react-intl": "^2.6.0",
+  "react-intl-next": "npm:react-intl@^5.18.1",
+  ```
+
+  ```js
+  import { IntlProvider } from 'react-intl';
+  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
+
+  return (
+    <IntlProvider
+      key={locale}
+      data-test-language={locale}
+      locale={locale}
+      defaultLocale={DEFAULT_LOCALE}
+      messages={messages}
+    >
+      <IntlNextProvider
+        key={locale}
+        data-test-language={locale}
+        locale={locale}
+        defaultLocale={DEFAULT_LOCALE}
+        messages={messages}
+      >
+        {children}
+      </IntlNextProvider>
+    </IntlProvider>
+  );
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 83.0.0
 
 ### Major Changes

package/dist/cjs/actions/index.js

@@ -17,7 +17,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _editorJsonTransformer = require("@atlaskit/editor-json-transformer");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
@@ -75,7 +75,7 @@ var RendererActions = /*#__PURE__*/function () {
         return false;
       }
 
-      return (0, _editorCommon.canApplyAnnotationOnRange)({
+      return (0, _utils.canApplyAnnotationOnRange)({
         from: from,
         to: to
       }, this.doc, this.schema);
@@ -243,7 +243,7 @@ var RendererActions = /*#__PURE__*/function () {
         return [];
       }
 
-      return (0, _editorCommon.getAnnotationIdsFromRange)(pos, this.doc, this.schema);
+      return (0, _utils.getAnnotationIdsFromRange)(pos, this.doc, this.schema);
     }
   }, {
     key: "applyAnnotation",

package/dist/cjs/actions/matches-utils.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getIndexMatch = getIndexMatch;
 exports.countMatches = countMatches;
+exports.getIndexMatch = getIndexMatch;
 
 // getIndexMatch finds the position of a given string within a given document, in accordance to the Confluence Annotation backend
 // The document is serialised into one large string, excluding any nodes that can not have annotations (eg: emojis, media).

package/dist/cjs/analytics/enums.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ACTION_SUBJECT_ID = exports.ACTION_SUBJECT = exports.ACTION = exports.EVENT_TYPE = void 0;
+exports.EVENT_TYPE = exports.ACTION_SUBJECT_ID = exports.ACTION_SUBJECT = exports.ACTION = void 0;
 var EVENT_TYPE;
 exports.EVENT_TYPE = EVENT_TYPE;
 
@@ -21,6 +21,7 @@ exports.ACTION = ACTION;
   ACTION["STARTED"] = "started";
   ACTION["RENDERED"] = "rendered";
   ACTION["CRASHED"] = "unhandledErrorCaught";
+  ACTION["INVALID_PROSEMIRROR_DOCUMENT"] = "invalidProsemirrorDocument";
   ACTION["SELECT_ALL_CAUGHT"] = "selectAllCaught";
   ACTION["SELECT_ALL_ESCAPED"] = "selectAllEscaped";
   ACTION["CLICKED"] = "clicked";

package/dist/cjs/analytics/events.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RESOLVE_METHOD = exports.MODE = exports.PLATFORM = void 0;
+exports.RESOLVE_METHOD = exports.PLATFORM = exports.MODE = void 0;
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 var PLATFORM;

package/dist/cjs/analytics/unsupported-content.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.trackUnsupportedContentLevels = void 0;
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _enums = require("./enums");
 
@@ -15,7 +15,7 @@ var rendersMap = {};
 
 var processLevelsAndTrack = function processLevelsAndTrack(item, thresholds, dispatchAnalyticsEvent) {
   try {
-    var _getUnsupportedConten = (0, _editorCommon.getUnsupportedContentLevelData)(item.doc, thresholds),
+    var _getUnsupportedConten = (0, _utils.getUnsupportedContentLevelData)(item.doc, thresholds),
         severity = _getUnsupportedConten.severity,
         percentage = _getUnsupportedConten.percentage,
         _getUnsupportedConten2 = _getUnsupportedConten.counts,
@@ -26,7 +26,7 @@ var processLevelsAndTrack = function processLevelsAndTrack(item, thresholds, dis
       action: _enums.ACTION.UNSUPPORTED_CONTENT_LEVELS_TRACKING_SUCCEEDED,
       actionSubject: _enums.ACTION_SUBJECT.RENDERER,
       attributes: {
-        appearance: (0, _editorCommon.getAnalyticsAppearance)(item.appearance),
+        appearance: (0, _utils.getAnalyticsAppearance)(item.appearance),
         platform: _events.PLATFORM.WEB,
         unsupportedContentLevelSeverity: severity,
         unsupportedContentLevelPercentage: percentage,

package/dist/cjs/i18n/index.js

@@ -5,18 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "zh", {
-  enumerable: true,
-  get: function get() {
-    return _zh.default;
-  }
-});
-Object.defineProperty(exports, "zh_TW", {
-  enumerable: true,
-  get: function get() {
-    return _zh_TW.default;
-  }
-});
 Object.defineProperty(exports, "cs", {
   enumerable: true,
   get: function get() {
@@ -29,10 +17,16 @@ Object.defineProperty(exports, "da", {
     return _da.default;
   }
 });
-Object.defineProperty(exports, "nl", {
+Object.defineProperty(exports, "de", {
   enumerable: true,
   get: function get() {
-    return _nl.default;
+    return _de.default;
+  }
+});
+Object.defineProperty(exports, "es", {
+  enumerable: true,
+  get: function get() {
+    return _es.default;
   }
 });
 Object.defineProperty(exports, "et", {
@@ -53,12 +47,6 @@ Object.defineProperty(exports, "fr", {
     return _fr.default;
   }
 });
-Object.defineProperty(exports, "de", {
-  enumerable: true,
-  get: function get() {
-    return _de.default;
-  }
-});
 Object.defineProperty(exports, "hu", {
   enumerable: true,
   get: function get() {
@@ -89,6 +77,12 @@ Object.defineProperty(exports, "nb", {
     return _nb.default;
   }
 });
+Object.defineProperty(exports, "nl", {
+  enumerable: true,
+  get: function get() {
+    return _nl.default;
+  }
+});
 Object.defineProperty(exports, "pl", {
   enumerable: true,
   get: function get() {
@@ -119,12 +113,6 @@ Object.defineProperty(exports, "sk", {
     return _sk.default;
   }
 });
-Object.defineProperty(exports, "es", {
-  enumerable: true,
-  get: function get() {
-    return _es.default;
-  }
-});
 Object.defineProperty(exports, "sv", {
   enumerable: true,
   get: function get() {
@@ -155,6 +143,18 @@ Object.defineProperty(exports, "vi", {
     return _vi.default;
   }
 });
+Object.defineProperty(exports, "zh", {
+  enumerable: true,
+  get: function get() {
+    return _zh.default;
+  }
+});
+Object.defineProperty(exports, "zh_TW", {
+  enumerable: true,
+  get: function get() {
+    return _zh_TW.default;
+  }
+});
 
 var _zh = _interopRequireDefault(require("./zh"));
 

package/dist/cjs/index.js

@@ -5,28 +5,28 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ReactSerializer", {
+Object.defineProperty(exports, "ADFEncoder", {
   enumerable: true,
   get: function get() {
-    return _react.default;
+    return _utils.ADFEncoder;
   }
 });
-Object.defineProperty(exports, "TextSerializer", {
+Object.defineProperty(exports, "ReactRenderer", {
   enumerable: true,
   get: function get() {
-    return _text.default;
+    return _Renderer.default;
   }
 });
-Object.defineProperty(exports, "ReactRenderer", {
+Object.defineProperty(exports, "ReactSerializer", {
   enumerable: true,
   get: function get() {
-    return _Renderer.default;
+    return _react.default;
   }
 });
-Object.defineProperty(exports, "ADFEncoder", {
+Object.defineProperty(exports, "TextSerializer", {
   enumerable: true,
   get: function get() {
-    return _utils.ADFEncoder;
+    return _text.default;
   }
 });
 Object.defineProperty(exports, "renderDocument", {

package/dist/cjs/messages.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.codeBlockCopyButtonMessages = exports.headingAnchorLinkMessages = void 0;
+exports.headingAnchorLinkMessages = exports.codeBlockCopyButtonMessages = void 0;
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
-var headingAnchorLinkMessages = (0, _reactIntl.defineMessages)({
+var headingAnchorLinkMessages = (0, _reactIntlNext.defineMessages)({
   copyHeadingLinkToClipboard: {
     id: 'fabric.editor.headingLink.copyAnchorLink',
     defaultMessage: 'Copy link to heading',
@@ -25,7 +25,7 @@ var headingAnchorLinkMessages = (0, _reactIntl.defineMessages)({
   }
 });
 exports.headingAnchorLinkMessages = headingAnchorLinkMessages;
-var codeBlockCopyButtonMessages = (0, _reactIntl.defineMessages)({
+var codeBlockCopyButtonMessages = (0, _reactIntlNext.defineMessages)({
   copyCodeToClipboard: {
     id: 'fabric.editor.codeBlockCopyButton.copyToClipboard',
     defaultMessage: 'Copy',

package/dist/cjs/react/index.js

@@ -31,9 +31,11 @@ var _textWrapper = _interopRequireDefault(require("./nodes/text-wrapper"));
 
 var _marks = require("./marks");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _validator = require("@atlaskit/editor-common/validator");
 
-var _utils = require("../utils");
+var _utils = require("@atlaskit/editor-common/utils");
+
+var _utils2 = require("../utils");
 
 var _prosemirrorUtils = require("prosemirror-utils");
 
@@ -41,15 +43,17 @@ var _rendererNode = require("./renderer-node");
 
 var _code = require("./marks/code");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+var _excluded = ["key"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function mergeMarks(marksAndNodes) {
   return marksAndNodes.reduce(function (acc, markOrNode) {
     var prev = acc.length && acc[acc.length - 1] || null;
 
-    if (markOrNode.type instanceof _prosemirrorModel.MarkType && prev && prev.type instanceof _prosemirrorModel.MarkType && Array.isArray(prev.content) && (0, _editorCommon.isSameMark)(prev, markOrNode)) {
+    if (markOrNode.type instanceof _prosemirrorModel.MarkType && prev && prev.type instanceof _prosemirrorModel.MarkType && Array.isArray(prev.content) && (0, _validator.isSameMark)(prev, markOrNode)) {
       prev.content = mergeMarks(prev.content.concat(markOrNode.content));
     } else {
       acc.push(markOrNode);
@@ -152,7 +156,7 @@ var ReactSerializer = /*#__PURE__*/function () {
 
       var _mark$attrs = mark.attrs,
           key = _mark$attrs.key,
-          otherAttrs = (0, _objectWithoutProperties2.default)(_mark$attrs, ["key"]);
+          otherAttrs = (0, _objectWithoutProperties2.default)(_mark$attrs, _excluded);
       var extraProps = {
         isInline: node === null || node === void 0 ? void 0 : node.isInline
       }; // currently the only mark which has custom props is the code mark
@@ -388,7 +392,7 @@ var ReactSerializer = /*#__PURE__*/function () {
       var stickyHeaders = !(0, _rendererNode.insideBreakoutLayout)(path) ? this.stickyHeaders : undefined;
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         allowColumnSorting: this.allowColumnSorting,
-        columnWidths: (0, _editorCommon.calcTableColumnWidths)(node),
+        columnWidths: (0, _utils.calcTableColumnWidths)(node),
         tableNode: node,
         stickyHeaders: stickyHeaders
       });
@@ -626,7 +630,7 @@ var ReactSerializer = /*#__PURE__*/function () {
 
 
       var nodeContent = node.content.toJSON().reduce(function (acc, node) {
-        return acc.concat((0, _utils.getText)(node) || '');
+        return acc.concat((0, _utils2.getText)(node) || '');
       }, '').trim().replace(/\s/g, '-');
 
       if (!nodeContent) {
@@ -670,7 +674,7 @@ var ReactSerializer = /*#__PURE__*/function () {
         return [];
       }
 
-      return (0, _editorCommon.getMarksByOrder)(node.marks);
+      return (0, _validator.getMarksByOrder)(node.marks);
     }
   }, {
     key: "buildMarkStructure",

package/dist/cjs/react/marks/annotation.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.isAnnotationMark = void 0;
+exports.isAnnotationMark = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -17,9 +17,9 @@ var _adfSchema = require("@atlaskit/adf-schema");
 
 var _annotations = require("../../ui/annotations");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var isAnnotationMark = function isAnnotationMark(mark) {
   return mark && mark.type && mark.type.name === 'annotation';

package/dist/cjs/react/marks/breakout.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Breakout;
 exports.Wrapper = void 0;
+exports.default = Breakout;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -14,7 +14,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
+
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
@@ -25,12 +27,12 @@ var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject
 exports.Wrapper = Wrapper;
 
 function Breakout(props) {
-  return /*#__PURE__*/_react.default.createElement(_editorCommon.WidthConsumer, null, function (_ref) {
+  return /*#__PURE__*/_react.default.createElement(_ui.WidthConsumer, null, function (_ref) {
     var width = _ref.width;
     return /*#__PURE__*/_react.default.createElement(Wrapper, {
       "data-mode": props.mode,
       style: {
-        width: (0, _editorCommon.calcBreakoutWidth)(props.mode, width)
+        width: (0, _utils.calcBreakoutWidth)(props.mode, width)
       },
       className: "fabric-editor-breakout-mark fabric-editor-block-mark"
     }, props.children);

package/dist/cjs/react/marks/code.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CodeWithIntl = CodeWithIntl;
-exports.default = exports.isCodeMark = void 0;
+exports.isCodeMark = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _inline = _interopRequireDefault(require("@atlaskit/code/inline"));
 
@@ -37,6 +37,6 @@ function CodeWithIntl(props) {
   }, props.dataAttributes), props.children);
 }
 
-var _default = (0, _reactIntl.injectIntl)(CodeWithIntl);
+var _default = (0, _reactIntlNext.injectIntl)(CodeWithIntl);
 
 exports.default = _default;

package/dist/cjs/react/marks/index.js

@@ -7,18 +7,42 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "Annotation", {
+  enumerable: true,
+  get: function get() {
+    return _annotation.default;
+  }
+});
+Object.defineProperty(exports, "Breakout", {
+  enumerable: true,
+  get: function get() {
+    return _breakout.default;
+  }
+});
 Object.defineProperty(exports, "Code", {
   enumerable: true,
   get: function get() {
     return _code.default;
   }
 });
+Object.defineProperty(exports, "DataConsumer", {
+  enumerable: true,
+  get: function get() {
+    return _dataConsumer.default;
+  }
+});
 Object.defineProperty(exports, "Em", {
   enumerable: true,
   get: function get() {
     return _em.default;
   }
 });
+Object.defineProperty(exports, "FragmentMark", {
+  enumerable: true,
+  get: function get() {
+    return _fragment.default;
+  }
+});
 Object.defineProperty(exports, "Link", {
   enumerable: true,
   get: function get() {
@@ -55,12 +79,6 @@ Object.defineProperty(exports, "Underline", {
     return _underline.default;
   }
 });
-Object.defineProperty(exports, "Breakout", {
-  enumerable: true,
-  get: function get() {
-    return _breakout.default;
-  }
-});
 Object.defineProperty(exports, "UnsupportedMark", {
   enumerable: true,
   get: function get() {
@@ -73,24 +91,6 @@ Object.defineProperty(exports, "UnsupportedNodeAttribute", {
     return _unsupportedNodeAttribute.default;
   }
 });
-Object.defineProperty(exports, "DataConsumer", {
-  enumerable: true,
-  get: function get() {
-    return _dataConsumer.default;
-  }
-});
-Object.defineProperty(exports, "FragmentMark", {
-  enumerable: true,
-  get: function get() {
-    return _fragment.default;
-  }
-});
-Object.defineProperty(exports, "Annotation", {
-  enumerable: true,
-  get: function get() {
-    return _annotation.default;
-  }
-});
 Object.defineProperty(exports, "isAnnotationMark", {
   enumerable: true,
   get: function get() {

package/dist/cjs/react/marks/textColor.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,12 +11,21 @@ exports.default = TextColor;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _react = _interopRequireDefault(require("react"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function TextColor(props) {
+  var style = (0, _react.useMemo)(function () {
+    return (0, _defineProperty2.default)({}, '--custom-text-color', props.color);
+  }, [props.color]);
   return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, props.dataAttributes, {
-    style: {
-      color: props.color
-    }
+    "data-text-custom-color": props.color,
+    className: "fabric-text-color-mark",
+    style: style
   }), props.children);
 }

package/dist/cjs/react/nodes/blockCard.js

@@ -15,7 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _smartCard = require("@atlaskit/smart-card");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _utils = require("../../utils");
 
@@ -49,7 +49,7 @@ function BlockCard(props) {
     "data-card-data": data ? JSON.stringify(data) : undefined,
     "data-card-url": url
   }, /*#__PURE__*/_react.default.createElement(_fallback.CardErrorBoundary, (0, _extends2.default)({
-    unsupportedComponent: _editorCommon.UnsupportedBlock
+    unsupportedComponent: _ui.UnsupportedBlock
   }, cardProps), /*#__PURE__*/_react.default.createElement(_smartCard.Card, (0, _extends2.default)({
     appearance: "block",
     showActions: rendererAppearance !== 'mobile',

package/dist/cjs/react/nodes/caption.js

@@ -9,12 +9,12 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var RenderCaption = function RenderCaption(_ref) {
   var children = _ref.children,
       dataAttributes = _ref.dataAttributes;
-  return /*#__PURE__*/_react.default.createElement(_editorCommon.Caption, {
+  return /*#__PURE__*/_react.default.createElement(_ui.Caption, {
     hasContent: true,
     dataAttributes: dataAttributes
   }, children);

package/dist/cjs/react/nodes/codeBlock.js

@@ -11,7 +11,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -55,7 +55,7 @@ function CodeBlock(props) {
   }));
 }
 
-var IntlCodeBlock = (0, _reactIntl.injectIntl)(CodeBlock);
+var IntlCodeBlock = (0, _reactIntlNext.injectIntl)(CodeBlock);
 
 var _default = (0, _styledComponents.default)(IntlCodeBlock)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  tab-size: 4;\n  [data-ds--code--code-block] {\n    font-size: ", ";\n    line-height: 1.5rem;\n    background-image: ", ";\n    background-attachment: local, scroll, scroll;\n    background-position: 100% 0, 100% 0, 0 0;\n  }\n"])), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), (0, _editorSharedStyles.overflowShadow)({
   background: (0, _components.themed)({