@atlaskit/editor-common 88.6.2 → 88.8.0

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @atlaskit/editor-common
 
+## 88.8.0
+
+### Minor Changes
+
+- [#136348](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136348)
+  [`fb4fb56f1da7c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fb4fb56f1da7c) -
+  Add new optimised entry-points for /browser and /utils/analytics.
+- [#136367](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136367)
+  [`4d9450a7e1283`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4d9450a7e1283) -
+  [ux] Update new icons (text color, highlight, text style) with design change
+
+### Patch Changes
+
+- Updated dependencies
+
+## 88.7.0
+
+### Minor Changes
+
+- [#136261](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136261)
+  [`7e900c6a2ae84`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7e900c6a2ae84) -
+  Lazy node view loading without setProps
+
+### Patch Changes
+
+- [#136261](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136261)
+  [`7e900c6a2ae84`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7e900c6a2ae84) -
+  Replace LazyNodeView without view.setProps
+
 ## 88.6.2
 
 ### Patch Changes

package/browser/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/editor-common/browser",
+  "main": "../dist/cjs/utils/browser.js",
+  "module": "../dist/esm/utils/browser.js",
+  "module:es2019": "../dist/es2019/utils/browser.js",
+  "sideEffects": false,
+  "types": "../dist/types/utils/browser.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/utils/browser.d.ts"
+      ]
+    }
+  }
+}

package/dist/cjs/icons/index.js

@@ -10,6 +10,12 @@ Object.defineProperty(exports, "BorderIcon", {
     return _BorderIcon.BorderIcon;
   }
 });
+Object.defineProperty(exports, "DynamicStrokeIconDecoration", {
+  enumerable: true,
+  get: function get() {
+    return _DynamicStrokeIconDecoration.DynamicStrokeIconDecoration;
+  }
+});
 exports.IconTable = void 0;
 Object.defineProperty(exports, "PanelErrorIcon", {
   enumerable: true,
@@ -56,6 +62,7 @@ var _PanelSuccessIcon = require("./shared/PanelSuccessIcon");
 var _PanelNoteIcon = require("./shared/PanelNoteIcon");
 var _BorderIcon = require("./shared/BorderIcon");
 var _SteppedRainbowIconDecoration = require("./shared/SteppedRainbowIconDecoration");
+var _DynamicStrokeIconDecoration = require("./shared/DynamicStrokeIconDecoration");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var IconTable = exports.IconTable = (0, _reactLoadable.default)({

package/dist/cjs/icons/shared/DynamicStrokeIconDecoration.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DynamicStrokeIconDecoration = void 0;
+var _react = require("@emotion/react");
+var _primitives = require("@atlaskit/primitives");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var barStyles = (0, _react.css)({
+  position: 'absolute',
+  left: 0,
+  right: 0,
+  top: "var(--ds-space-250, 20px)",
+  margin: 'auto',
+  width: "var(--ds-space-200, 16px)",
+  height: '3px'
+});
+var textColorIconWrapper = (0, _primitives.xcss)({
+  position: 'relative'
+});
+var getBackground = function getBackground(selectedColor, disabled) {
+  if (selectedColor) {
+    return selectedColor;
+  }
+  return disabled ? "var(--ds-icon-disabled, #091E424F)" : "var(--ds-icon, #44546F)";
+};
+var DynamicStrokeIconDecoration = exports.DynamicStrokeIconDecoration = function DynamicStrokeIconDecoration(_ref) {
+  var selectedColor = _ref.selectedColor,
+    disabled = _ref.disabled,
+    icon = _ref.icon;
+  return (0, _react.jsx)(_primitives.Box, {
+    xcss: textColorIconWrapper
+  }, icon, (0, _react.jsx)("div", {
+    "data-testid": "toolbar-icon-dynamic-stroke",
+    style: {
+      background: getBackground(selectedColor, disabled)
+    },
+    css: barStyles
+  }));
+};

package/dist/cjs/lazy-node-view/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,10 +10,20 @@ Object.defineProperty(exports, "convertToInlineCss", {
     return _cssHelper.convertToInlineCss;
   }
 });
+exports.lazyNodeViewDecorationPluginKey = void 0;
+exports.testOnlyIgnoreLazyNodeView = testOnlyIgnoreLazyNodeView;
 exports.withLazyLoading = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _state = require("@atlaskit/editor-prosemirror/state");
 var _nodeView = require("./node-view");
-var _replaceNodeViews = require("./replace-node-views");
 var _cssHelper = require("./css-helper");
+/**
+ * 📢 Public Plugin Key
+ *
+ * Communication channel between LazyNodeView loader and LazyNodeViewDecorationPlugin.
+ */
+var lazyNodeViewDecorationPluginKey = exports.lazyNodeViewDecorationPluginKey = new _state.PluginKey('lazyNodeViewDecoration');
+
 /**
  * 📢 Public Type
  *
@@ -25,6 +36,12 @@ var _cssHelper = require("./css-helper");
  * @see {withLazyLoading}
  */
 
+/**
+ * 🧱 Internal: Editor FE Platform
+ *
+ * Caches loaded node view factory functions
+ */
+
 /**
  * 🧱 Internal: Editor FE Platform
  *
@@ -32,6 +49,33 @@ var _cssHelper = require("./css-helper");
  */
 var requestedNodesPerEditorView = new WeakMap();
 
+/**
+ * 🧱 Internal: Editor FE Platform
+ *
+ * Caches loaded node view factory functions for each editor view
+ */
+var resolvedNodesPerEditorView = new WeakMap();
+
+/**
+ * 🧱 Internal: Editor FE Platform
+ *
+ * Stores editorView -> raf to debounce NodeView updates.
+ */
+var debounceToEditorViewMap = new WeakMap();
+var testOnlyIgnoreLazyNodeViewSet = new WeakSet();
+/**
+ * 🧱 Internal: Editor FE Platform
+ *
+ * Used in tests to prevent lazy node view being replaced by a real node view.
+ *
+ * This needs to be replaced with proper implementation once LazyNodeView is converted to a plugin.
+ *
+ * @deprecated DO NOT USE THIS OUSIDE TESTS.
+ */
+function testOnlyIgnoreLazyNodeView(view) {
+  testOnlyIgnoreLazyNodeViewSet.add(view);
+}
+
 /**
  * 📢 Public: Any EditorPlugin can use this function
  *
@@ -75,28 +119,62 @@ var requestedNodesPerEditorView = new WeakMap();
 var withLazyLoading = exports.withLazyLoading = function withLazyLoading(_ref) {
   var nodeName = _ref.nodeName,
     loader = _ref.loader,
-    getNodeViewOptions = _ref.getNodeViewOptions,
-    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
+    getNodeViewOptions = _ref.getNodeViewOptions;
   var createLazyNodeView = function createLazyNodeView(node, view, getPos, decorations) {
     var _node$type;
     var requestedNodes = requestedNodesPerEditorView.get(view);
     if (!requestedNodes) {
-      requestedNodes = new Set(), requestedNodesPerEditorView.set(view, requestedNodes);
+      requestedNodes = new Map();
+      requestedNodesPerEditorView.set(view, requestedNodes);
+    }
+    var resolvedNodeViews = resolvedNodesPerEditorView.get(view);
+    if (!resolvedNodeViews) {
+      resolvedNodesPerEditorView.set(view, new Map());
     }
     var wasAlreadyRequested = requestedNodes.has(nodeName);
     if (wasAlreadyRequested) {
-      return new _nodeView.LazyNodeView(node, view, getPos);
+      var resolvedNodeView = resolvedNodeViews === null || resolvedNodeViews === void 0 ? void 0 : resolvedNodeViews.get(nodeName);
+      if (resolvedNodeView && !testOnlyIgnoreLazyNodeViewSet.has(view)) {
+        return resolvedNodeView(node, view, getPos, decorations);
+      }
+      return new _nodeView.LazyNodeView(node, view, getPos, requestedNodes.get(nodeName));
     }
-    requestedNodes.add(nodeName);
-    loader().then(function (nodeViewFuncModule) {
+    var loaderPromise = loader().then(function (nodeViewFuncModule) {
+      var _resolvedNodesPerEdit;
       var nodeViewFunc = function nodeViewFunc(node, view, getPos, decorations) {
         return nodeViewFuncModule(node, view, getPos, decorations, getNodeViewOptions);
       };
-      (0, _replaceNodeViews.queueReplaceNodeViews)(view, {
-        nodeName: nodeName,
-        nodeViewFunc: nodeViewFunc
+      (_resolvedNodesPerEdit = resolvedNodesPerEditorView.get(view)) === null || _resolvedNodesPerEdit === void 0 || _resolvedNodesPerEdit.set(nodeName, nodeViewFunc);
+
+      /**
+       * Triggering lazyNodeViewDecoration plugin to apply decorations
+       * to nodes with newly loaded NodeViews.
+       */
+      var _ref2 = debounceToEditorViewMap.get(view) || [null, new Set()],
+        _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+        raf = _ref3[0],
+        nodeTypes = _ref3[1];
+      if (raf) {
+        cancelAnimationFrame(raf);
+      }
+      nodeTypes.add(node.type.name);
+      var nextRaf = requestAnimationFrame(function () {
+        debounceToEditorViewMap.set(view, [null, new Set()]);
+        var tr = view.state.tr;
+        tr.setMeta(lazyNodeViewDecorationPluginKey, {
+          type: 'add',
+          nodeTypes: nodeTypes
+        });
+        view.dispatch(tr);
       });
+      debounceToEditorViewMap.set(view, [nextRaf, nodeTypes]);
+      /**
+       * END triggering LazyNodeViewDecoration plugin
+       */
+
+      return nodeViewFunc;
     });
+    requestedNodes.set(nodeName, loaderPromise);
     if (typeof ((_node$type = node.type) === null || _node$type === void 0 || (_node$type = _node$type.spec) === null || _node$type === void 0 ? void 0 : _node$type.toDOM) !== 'function') {
       // TODO: Analytics ED-23982
       // dispatchAnalyticsEvent({
@@ -109,7 +187,7 @@ var withLazyLoading = exports.withLazyLoading = function withLazyLoading(_ref) {
       //   },
       // });
     }
-    return new _nodeView.LazyNodeView(node, view, getPos);
+    return new _nodeView.LazyNodeView(node, view, getPos, loaderPromise);
   };
   return createLazyNodeView;
 };

package/dist/cjs/lazy-node-view/node-view.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.LazyNodeView = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _memoize = _interopRequireDefault(require("lodash/memoize"));
 var _model = require("@atlaskit/editor-prosemirror/model");
 var getEditorLineWidth = (0, _memoize.default)(function (view) {
@@ -20,18 +21,34 @@ var getEditorLineWidth = (0, _memoize.default)(function (view) {
  * A NodeView that serves as a placeholder until the actual NodeView is loaded.
  */
 var LazyNodeView = exports.LazyNodeView = /*#__PURE__*/function () {
-  function LazyNodeView(node, view, getPos) {
-    var _node$type;
+  function LazyNodeView(_node, view, _getPos, nodeViewLoader) {
+    var _this = this,
+      _node$type;
     (0, _classCallCheck2.default)(this, LazyNodeView);
-    this.node = node;
-    if (typeof ((_node$type = node.type) === null || _node$type === void 0 || (_node$type = _node$type.spec) === null || _node$type === void 0 ? void 0 : _node$type.toDOM) !== 'function') {
+    (0, _defineProperty2.default)(this, "update", function (node) {
+      var prevNode = _this.node;
+      _this.node = node;
+
+      // Forcing NodeView to be re-created
+      // so that ProseMirror can replace LazyNodeView with the real one.
+      if (_this.isNodeViewLoaded) {
+        return false;
+      }
+
+      // Copying some of the default NodeView update behaviour
+      // https://github.com/ProseMirror/prosemirror-view/blob/cfa73eb969777f63bcb39972594fd4a9110f5a93/src/viewdesc.ts#L803
+      return !_this.node.sameMarkup(prevNode);
+    });
+    this.node = _node;
+    this.isNodeViewLoaded = false;
+    if (typeof ((_node$type = _node.type) === null || _node$type === void 0 || (_node$type = _node$type.spec) === null || _node$type === void 0 ? void 0 : _node$type.toDOM) !== 'function') {
       this.dom = document.createElement('div');
       return;
     }
     var toDOMConfiguration = {
       editorLineWidth: getEditorLineWidth(view)
     };
-    var fallback = _model.DOMSerializer.renderSpec(document, node.type.spec.toDOM(node,
+    var fallback = _model.DOMSerializer.renderSpec(document, _node.type.spec.toDOM(_node,
     // We are injecting a second parameter to be used by the toDOM lazy node view implementations
     // @ts-expect-error
     toDOMConfiguration));
@@ -40,16 +57,19 @@ var LazyNodeView = exports.LazyNodeView = /*#__PURE__*/function () {
     if (this.dom instanceof HTMLElement) {
       // This attribute is mostly used for debugging purposed
       // It will help us to found out when the node was replaced
-      this.dom.setAttribute('data-lazy-node-view', node.type.name);
+      this.dom.setAttribute('data-lazy-node-view', _node.type.name);
       // This is used on Libra tests
       // We are using this to make sure all lazy noded were replaced
       // before the test started
       this.dom.setAttribute('data-lazy-node-view-fallback', 'true');
     }
+    nodeViewLoader.then(function () {
+      _this.isNodeViewLoaded = true;
+    });
   }
   (0, _createClass2.default)(LazyNodeView, [{
     key: "ignoreMutation",
-    value: function ignoreMutation(mutation) {
+    value: function ignoreMutation() {
       if (this.node.type.isTextblock) {
         return false;
       }

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "88.6.2";
+var packageVersion = "88.8.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/styles/index.js

@@ -429,6 +429,12 @@ Object.defineProperty(exports, "triggerWrapperStyles", {
     return _plugins.triggerWrapperStyles;
   }
 });
+Object.defineProperty(exports, "triggerWrapperStylesWithPadding", {
+  enumerable: true,
+  get: function get() {
+    return _plugins.triggerWrapperStylesWithPadding;
+  }
+});
 Object.defineProperty(exports, "unsupportedStyles", {
   enumerable: true,
   get: function get() {

package/dist/cjs/styles/shared/lists.js

@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("@emotion/react");
 var _adfSchema = require("@atlaskit/adf-schema");
-var _browser = _interopRequireDefault(require("../../utils/browser"));
+var _browser = require("../../utils/browser");
 var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var listItemCounterPadding = exports.listItemCounterPadding = 24;
 var CSS_VAR_NAMES = /*#__PURE__*/function (CSS_VAR_NAMES) {
@@ -52,4 +52,4 @@ function getOrderedListInlineStyles(itemCounterDigitsSize, styleFormat) {
 }
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766, There is some "flow-root" hack that is not actually valid css.  Do note, this might not even work in Compiled (or Emotion) due to the way tagged template expressions are parsed…
-var listsSharedStyles = exports.listsSharedStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t/* =============== INDENTATION SPACING ========= */\n\n\tul,\n\tol {\n\t\tbox-sizing: border-box;\n\t\tpadding-left: var(", ", ", "px);\n\n\t\t/*\n    Firefox does not handle empty block element inside li tag.\n    If there is not block element inside li tag,\n      then firefox sets inherited height to li\n    However, if there is any block element and if it's empty\n      (or has empty inline element) then\n    firefox sets li tag height to zero.\n    More details at\n    https://product-fabric.atlassian.net/wiki/spaces/~455502413/pages/3149365890/ED-14110+Investigation\n    */\n\t\tli p:empty,\n\t\tli p > span:empty {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", ", ", " {\n\t\t/*\n      Ensures list item content adheres to the list's margin instead\n      of filling the entire block row. This is important to allow\n      clicking interactive elements which are floated next to a list.\n\n      For some history and context on this block, see PRs related to tickets.:\n      @see ED-6551 - original issue.\n      @see ED-7015 - follow up issue.\n      @see ED-7447 - flow-root change.\n\n      We use 'display: table' (old clear fix / new block formatting context hack)\n      for older browsers and 'flow-root' for modern browsers.\n\n      @see https://css-tricks.com/display-flow-root/\n    */\n\t\t// For older browsers the do not support flow-root.\n\t\t/* stylelint-disable declaration-block-no-duplicate-properties */\n\t\tdisplay: table;\n\t\tdisplay: flow-root;\n\t\t/* stylelint-enable declaration-block-no-duplicate-properties */\n\t}\n\n\t/* =============== INDENTATION AESTHETICS ========= */\n\n\t/**\n        We support nested lists up to six levels deep.\n    **/\n\n\t/* LEGACY LISTS */\n\n\tul,\n\tul ul ul ul {\n\t\tlist-style-type: disc;\n\t}\n\n\tul ul,\n\tul ul ul ul ul {\n\t\tlist-style-type: circle;\n\t}\n\n\tul ul ul,\n\tul ul ul ul ul ul {\n\t\tlist-style-type: square;\n\t}\n\n\tol,\n\tol ol ol ol {\n\t\tlist-style-type: decimal;\n\t}\n\tol ol,\n\tol ol ol ol ol {\n\t\tlist-style-type: lower-alpha;\n\t}\n\tol ol ol,\n\tol ol ol ol ol ol {\n\t\tlist-style-type: lower-roman;\n\t}\n\n\t/* PREDICTABLE LISTS */\n\n\tol[data-indent-level='1'],\n\tol[data-indent-level='4'] {\n\t\tlist-style-type: decimal;\n\t}\n\n\tol[data-indent-level='2'],\n\tol[data-indent-level='5'] {\n\t\tlist-style-type: lower-alpha;\n\t}\n\n\tol[data-indent-level='3'],\n\tol[data-indent-level='6'] {\n\t\tlist-style-type: lower-roman;\n\t}\n\n\tul[data-indent-level='1'],\n\tul[data-indent-level='4'] {\n\t\tlist-style-type: disc;\n\t}\n\n\tul[data-indent-level='2'],\n\tul[data-indent-level='5'] {\n\t\tlist-style-type: circle;\n\t}\n\n\tul[data-indent-level='3'],\n\tul[data-indent-level='6'] {\n\t\tlist-style-type: square;\n\t}\n"])), CSS_VAR_NAMES.ITEM_COUNTER_PADDING, listItemCounterPadding, _browser.default.gecko ? 'display: inline-block;' : '', _adfSchema.orderedListSelector, _adfSchema.bulletListSelector);
+var listsSharedStyles = exports.listsSharedStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t/* =============== INDENTATION SPACING ========= */\n\n\tul,\n\tol {\n\t\tbox-sizing: border-box;\n\t\tpadding-left: var(", ", ", "px);\n\n\t\t/*\n    Firefox does not handle empty block element inside li tag.\n    If there is not block element inside li tag,\n      then firefox sets inherited height to li\n    However, if there is any block element and if it's empty\n      (or has empty inline element) then\n    firefox sets li tag height to zero.\n    More details at\n    https://product-fabric.atlassian.net/wiki/spaces/~455502413/pages/3149365890/ED-14110+Investigation\n    */\n\t\tli p:empty,\n\t\tli p > span:empty {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", ", ", " {\n\t\t/*\n      Ensures list item content adheres to the list's margin instead\n      of filling the entire block row. This is important to allow\n      clicking interactive elements which are floated next to a list.\n\n      For some history and context on this block, see PRs related to tickets.:\n      @see ED-6551 - original issue.\n      @see ED-7015 - follow up issue.\n      @see ED-7447 - flow-root change.\n\n      We use 'display: table' (old clear fix / new block formatting context hack)\n      for older browsers and 'flow-root' for modern browsers.\n\n      @see https://css-tricks.com/display-flow-root/\n    */\n\t\t// For older browsers the do not support flow-root.\n\t\t/* stylelint-disable declaration-block-no-duplicate-properties */\n\t\tdisplay: table;\n\t\tdisplay: flow-root;\n\t\t/* stylelint-enable declaration-block-no-duplicate-properties */\n\t}\n\n\t/* =============== INDENTATION AESTHETICS ========= */\n\n\t/**\n        We support nested lists up to six levels deep.\n    **/\n\n\t/* LEGACY LISTS */\n\n\tul,\n\tul ul ul ul {\n\t\tlist-style-type: disc;\n\t}\n\n\tul ul,\n\tul ul ul ul ul {\n\t\tlist-style-type: circle;\n\t}\n\n\tul ul ul,\n\tul ul ul ul ul ul {\n\t\tlist-style-type: square;\n\t}\n\n\tol,\n\tol ol ol ol {\n\t\tlist-style-type: decimal;\n\t}\n\tol ol,\n\tol ol ol ol ol {\n\t\tlist-style-type: lower-alpha;\n\t}\n\tol ol ol,\n\tol ol ol ol ol ol {\n\t\tlist-style-type: lower-roman;\n\t}\n\n\t/* PREDICTABLE LISTS */\n\n\tol[data-indent-level='1'],\n\tol[data-indent-level='4'] {\n\t\tlist-style-type: decimal;\n\t}\n\n\tol[data-indent-level='2'],\n\tol[data-indent-level='5'] {\n\t\tlist-style-type: lower-alpha;\n\t}\n\n\tol[data-indent-level='3'],\n\tol[data-indent-level='6'] {\n\t\tlist-style-type: lower-roman;\n\t}\n\n\tul[data-indent-level='1'],\n\tul[data-indent-level='4'] {\n\t\tlist-style-type: disc;\n\t}\n\n\tul[data-indent-level='2'],\n\tul[data-indent-level='5'] {\n\t\tlist-style-type: circle;\n\t}\n\n\tul[data-indent-level='3'],\n\tul[data-indent-level='6'] {\n\t\tlist-style-type: square;\n\t}\n"])), CSS_VAR_NAMES.ITEM_COUNTER_PADDING, listItemCounterPadding, _browser.browser.gecko ? 'display: inline-block;' : '', _adfSchema.orderedListSelector, _adfSchema.bulletListSelector);

package/dist/cjs/styles/shared/plugins.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wrapperStyle = exports.triggerWrapperStyles = exports.separatorStyles = exports.buttonGroupStyle = void 0;
+exports.wrapperStyle = exports.triggerWrapperStylesWithPadding = exports.triggerWrapperStyles = exports.separatorStyles = exports.buttonGroupStyle = void 0;
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -49,4 +49,10 @@ var wrapperStyle = exports.wrapperStyle = (0, _react.css)({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var triggerWrapperStyles = exports.triggerWrapperStyles = (0, _react.css)({
   display: 'flex'
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var triggerWrapperStylesWithPadding = exports.triggerWrapperStylesWithPadding = (0, _react.css)({
+  display: 'flex',
+  paddingRight: "var(--ds-space-025, 2px)"
 });

package/dist/cjs/styles/shared/table.js

@@ -10,7 +10,7 @@ var _react = require("@emotion/react");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _browser = _interopRequireDefault(require("../../utils/browser"));
+var _browser = require("../../utils/browser");
 var _codeBlock = require("./code-block");
 var _tableCell = require("./tableCell");
 var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -47,7 +47,7 @@ var TableSharedCssClassName = exports.TableSharedCssClassName = {
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Appears safe to auto-fix, but leaving it up to the team to remediate as the readability only gets worse with autofixing
 var tableSharedStyle = exports.tableSharedStyle = function tableSharedStyle() {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t", "\n\t.", " {\n\t\tposition: relative;\n\t\tmargin: 0 auto ", ";\n\t\tbox-sizing: border-box;\n\n\t\t/**\n     * Fix block top alignment inside table cells.\n     */\n\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.", "[data-number-column='true'] {\n\t\tpadding-left: ", "px;\n\t\tclear: both;\n\t}\n\n\t.", " {\n\t\twill-change: width, margin-left;\n\t}\n\n\t.", " table {\n\t\twill-change: width;\n\t}\n\n\t.", " > table {\n\t\tmargin: ", " 0 0 0;\n\t}\n\n\t.", " > table,\n\t.", " > table {\n\t\tmargin: ", " ", " 0 0;\n\t}\n\n\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\tborder-collapse: collapse;\n\t\tborder: ", "px solid\n\t\t\t", ";\n\t\ttable-layout: fixed;\n\t\tfont-size: 1em;\n\t\twidth: 100%;\n\n\t\t&[data-autosize='true'] {\n\t\t\ttable-layout: auto;\n\t\t}\n\n\t\t& {\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\thr {\n\t\t\t\tbox-sizing: content-box;\n\t\t\t}\n\n\t\t\ttbody {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t\tth td {\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tmin-width: ", "px;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tvertical-align: top;\n\t\t\t\tborder: 1px solid ", ";\n\t\t\t\tborder-right-width: 0;\n\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\tpadding: ", ";\n\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t", "\n\n\t\t\t\t> :first-child:not(style),\n        > style:first-child + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + span + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + span + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t\tth {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\ttext-align: left;\n\n\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t&:not([style]):not(.danger) {\n\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t// selector lives inside @atlaskit/code\n\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n"])), (0, _tableCell.tableCellBackgroundStyleOverride)(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", TableSharedCssClassName.TABLE_CONTAINER, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), (0, _platformFeatureFlags.fg)('platform_editor_tables_padding_increase') ? "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-250, 20px)") : "var(--ds-space-100, 8px)", _browser.default.gecko || _browser.default.ie || _browser.default.mac && _browser.default.chrome ? 'background-clip: padding-box;' : '', "var(--ds-space-150, 12px)", "var(--ds-background-accent-gray-subtlest, ".concat(_editorSharedStyles.akEditorTableToolbar, ")"), _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border, transparent)", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, (0, _editorSharedStyles.overflowShadow)({
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t", "\n\t.", " {\n\t\tposition: relative;\n\t\tmargin: 0 auto ", ";\n\t\tbox-sizing: border-box;\n\n\t\t/**\n     * Fix block top alignment inside table cells.\n     */\n\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.", "[data-number-column='true'] {\n\t\tpadding-left: ", "px;\n\t\tclear: both;\n\t}\n\n\t.", " {\n\t\twill-change: width, margin-left;\n\t}\n\n\t.", " table {\n\t\twill-change: width;\n\t}\n\n\t.", " > table {\n\t\tmargin: ", " 0 0 0;\n\t}\n\n\t.", " > table,\n\t.", " > table {\n\t\tmargin: ", " ", " 0 0;\n\t}\n\n\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\tborder-collapse: collapse;\n\t\tborder: ", "px solid\n\t\t\t", ";\n\t\ttable-layout: fixed;\n\t\tfont-size: 1em;\n\t\twidth: 100%;\n\n\t\t&[data-autosize='true'] {\n\t\t\ttable-layout: auto;\n\t\t}\n\n\t\t& {\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\thr {\n\t\t\t\tbox-sizing: content-box;\n\t\t\t}\n\n\t\t\ttbody {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t\tth td {\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tmin-width: ", "px;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tvertical-align: top;\n\t\t\t\tborder: 1px solid ", ";\n\t\t\t\tborder-right-width: 0;\n\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\tpadding: ", ";\n\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t", "\n\n\t\t\t\t> :first-child:not(style),\n        > style:first-child + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + span + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + span + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t\tth {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\ttext-align: left;\n\n\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t&:not([style]):not(.danger) {\n\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t// selector lives inside @atlaskit/code\n\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n"])), (0, _tableCell.tableCellBackgroundStyleOverride)(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", TableSharedCssClassName.TABLE_CONTAINER, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), (0, _platformFeatureFlags.fg)('platform_editor_tables_padding_increase') ? "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-250, 20px)") : "var(--ds-space-100, 8px)", _browser.browser.gecko || _browser.browser.ie || _browser.browser.mac && _browser.browser.chrome ? 'background-clip: padding-box;' : '', "var(--ds-space-150, 12px)", "var(--ds-background-accent-gray-subtlest, ".concat(_editorSharedStyles.akEditorTableToolbar, ")"), _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border, transparent)", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, (0, _editorSharedStyles.overflowShadow)({
     leftCoverWidth: "var(--ds-space-300, 24px)"
   }), "var(--ds-background-neutral, rgb(235, 237, 240))", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, rgb(226, 229, 233))", (0, _editorSharedStyles.overflowShadow)({
     leftCoverWidth: "var(--ds-space-300, 24px)"

package/dist/cjs/ui/DropList/index.js

@@ -25,7 +25,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "88.6.2";
+var packageVersion = "88.8.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/utils/analytics.js

@@ -3,40 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SEVERITY = void 0;
-Object.defineProperty(exports, "UNSUPPORTED_CONTENT_LEVEL_SEVERITY", {
-  enumerable: true,
-  get: function get() {
-    return _getUnsupportedContentLevelData.UNSUPPORTED_CONTENT_LEVEL_SEVERITY;
-  }
-});
-Object.defineProperty(exports, "UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS", {
-  enumerable: true,
-  get: function get() {
-    return _getUnsupportedContentLevelData.UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS;
-  }
-});
-exports.getAnalyticsEventSeverity = exports.getAnalyticsEditorAppearance = exports.getAnalyticsAppearance = exports.analyticsEventKey = void 0;
-Object.defineProperty(exports, "getUnsupportedContentLevelData", {
-  enumerable: true,
-  get: function get() {
-    return _getUnsupportedContentLevelData.getUnsupportedContentLevelData;
-  }
-});
-var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
-var _getUnsupportedContentLevelData = require("./unsupportedContent/get-unsupported-content-level-data");
+exports.getAnalyticsEventSeverity = exports.getAnalyticsEditorAppearance = exports.getAnalyticsAppearance = exports.analyticsEventKey = exports.SEVERITY = void 0;
+var _FabricEditorAnalyticsContext = require("@atlaskit/analytics-namespaced-context/FabricEditorAnalyticsContext");
 var getAnalyticsAppearance = exports.getAnalyticsAppearance = function getAnalyticsAppearance(appearance) {
   switch (appearance) {
     case 'full-page':
-      return _analyticsNamespacedContext.EDITOR_APPEARANCE_CONTEXT.FIXED_WIDTH;
+      return _FabricEditorAnalyticsContext.EDITOR_APPEARANCE_CONTEXT.FIXED_WIDTH;
     case 'full-width':
-      return _analyticsNamespacedContext.EDITOR_APPEARANCE_CONTEXT.FULL_WIDTH;
+      return _FabricEditorAnalyticsContext.EDITOR_APPEARANCE_CONTEXT.FULL_WIDTH;
     case 'comment':
-      return _analyticsNamespacedContext.EDITOR_APPEARANCE_CONTEXT.COMMENT;
+      return _FabricEditorAnalyticsContext.EDITOR_APPEARANCE_CONTEXT.COMMENT;
     case 'chromeless':
-      return _analyticsNamespacedContext.EDITOR_APPEARANCE_CONTEXT.CHROMELESS;
+      return _FabricEditorAnalyticsContext.EDITOR_APPEARANCE_CONTEXT.CHROMELESS;
     case 'mobile':
-      return _analyticsNamespacedContext.EDITOR_APPEARANCE_CONTEXT.MOBILE;
+      return _FabricEditorAnalyticsContext.EDITOR_APPEARANCE_CONTEXT.MOBILE;
   }
 };
 var getAnalyticsEditorAppearance = exports.getAnalyticsEditorAppearance = function getAnalyticsEditorAppearance(editorAppearance) {

package/dist/cjs/utils/browser.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var result = {
+exports.browser = void 0;
+var result = exports.browser = {
   mac: false,
   windows: false,
   ie: false,
@@ -41,5 +41,4 @@ if (typeof navigator !== 'undefined') {
   result.safari_version = parseInt((navigator.userAgent.match(/Version\/([0-9\._]+).*Safari/) || [])[1], 10);
   result.supportsIntersectionObserver = typeof window !== 'undefined' && 'IntersectionObserver' in window && 'IntersectionObserverEntry' in window && 'intersectionRatio' in window.IntersectionObserverEntry.prototype;
   result.supportsResizeObserver = typeof window !== 'undefined' && 'ResizeObserver' in window && 'ResizeObserverEntry' in window;
-}
-var _default = exports.default = result;
+}

package/dist/cjs/utils/index.js

@@ -91,13 +91,13 @@ Object.defineProperty(exports, "TTI_SEVERITY_THRESHOLD_DEFAULTS", {
 Object.defineProperty(exports, "UNSUPPORTED_CONTENT_LEVEL_SEVERITY", {
   enumerable: true,
   get: function get() {
-    return _analytics.UNSUPPORTED_CONTENT_LEVEL_SEVERITY;
+    return _getUnsupportedContentLevelData.UNSUPPORTED_CONTENT_LEVEL_SEVERITY;
   }
 });
 Object.defineProperty(exports, "UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS", {
   enumerable: true,
   get: function get() {
-    return _analytics.UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS;
+    return _getUnsupportedContentLevelData.UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS;
   }
 });
 Object.defineProperty(exports, "ZERO_WIDTH_JOINER", {
@@ -151,7 +151,7 @@ Object.defineProperty(exports, "breakoutConsts", {
 Object.defineProperty(exports, "browser", {
   enumerable: true,
   get: function get() {
-    return _browser.default;
+    return _browser.browser;
   }
 });
 Object.defineProperty(exports, "calcBreakoutWidth", {
@@ -561,7 +561,7 @@ Object.defineProperty(exports, "getTitle", {
 Object.defineProperty(exports, "getUnsupportedContentLevelData", {
   enumerable: true,
   get: function get() {
-    return _analytics.getUnsupportedContentLevelData;
+    return _getUnsupportedContentLevelData.getUnsupportedContentLevelData;
   }
 });
 Object.defineProperty(exports, "getWrappingOptions", {
@@ -1148,7 +1148,7 @@ var _editorCoreUtils = require("./editor-core-utils");
 var _shouldAutoLinkifyTld = require("./should-auto-linkify-tld");
 var _annotation = require("./annotation");
 var _macro = require("./macro");
-var _browser = _interopRequireDefault(require("./browser"));
+var _browser = require("./browser");
 var _errorReporter = _interopRequireDefault(require("./error-reporter"));
 var _date = require("./date");
 var _imageLoader = require("./imageLoader");
@@ -1159,6 +1159,7 @@ var _slice = require("./slice");
 var _dom = require("./dom");
 var _traversor = _interopRequireDefault(require("./traversor"));
 var _analytics = require("./analytics");
+var _getUnsupportedContentLevelData = require("./unsupportedContent/get-unsupported-content-level-data");
 var _trackUnsupportedContent = require("./track-unsupported-content");
 var _measureRender = require("./performance/measure-render");
 var _measure = require("./performance/measure");
@@ -1200,10 +1201,24 @@ var _wrapSelectionIn = require("./wrap-selection-in");
 var _calculateToolbarPosition = require("./calculate-toolbar-position");
 var _nodesByLocalIds = require("./nodes-by-localIds");
 var _pageElementCounts = require("./page-element-counts");
+/**
+ * @private
+ * @deprecated
+ *
+ * Use entry-point `@atlaskit/editor-common/utils/analytics` instead
+ */
+
 /**
  * @deprecated - [ED-23844] moving to own entry point @atlaskit/editor-common/whitespace
  */
 
+/**
+ * @private
+ * @deprecated
+ *
+ * Private API do not use
+ */
+
 // prosemirror-history does not export its plugin key
 var pmHistoryPluginKey = exports.pmHistoryPluginKey = 'history$';
 function shallowEqual() {

package/dist/cjs/utils/unsupportedContent/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/es2019/icons/index.js

@@ -6,6 +6,7 @@ export { PanelSuccessIcon } from './shared/PanelSuccessIcon';
 export { PanelNoteIcon } from './shared/PanelNoteIcon';
 export { BorderIcon } from './shared/BorderIcon';
 export { SteppedRainbowIconDecoration } from './shared/SteppedRainbowIconDecoration';
+export { DynamicStrokeIconDecoration } from './shared/DynamicStrokeIconDecoration';
 export const IconTable = Loadable({
   loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-table" */'../icons/shared/table').then(module => module.default),
   loading: () => null