@atlaskit/editor-common 88.5.1 → 88.6.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-common
 
+## 88.6.1
+
+### Patch Changes
+
+- [#136078](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136078)
+  [`09414d7233497`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/09414d7233497) -
+  ED-24507 Switch nested dnd FG to experiment and include padding changes"
+- Updated dependencies
+
+## 88.6.0
+
+### Minor Changes
+
+- [`ed9e420d175b8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ed9e420d175b8) -
+  New entry-point for intl-error-boundary component on editor-common. Further sharedExpandStyles is
+  now available on editor-common/styles entry-point. These are to remove `editor-common/ui`
+  entry-point from the critical path in editor-core.
+
 ## 88.5.1
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -138,6 +138,9 @@
         {
             "path": "../../../design-system/theme/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../tmp-editor-statsig/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../../design-system/tokens/afm-cc/tsconfig.json"
         },

package/afm-jira/tsconfig.json

@@ -137,6 +137,9 @@
     {
       "path": "../../../design-system/theme/afm-jira/tsconfig.json"
     },
+    {
+      "path": "../../tmp-editor-statsig/afm-jira/tsconfig.json"
+    },
     {
       "path": "../../../design-system/tokens/afm-jira/tsconfig.json"
     },

package/afm-post-office/tsconfig.json

@@ -134,6 +134,9 @@
     {
       "path": "../../../design-system/theme/afm-post-office/tsconfig.json"
     },
+    {
+      "path": "../../tmp-editor-statsig/afm-post-office/tsconfig.json"
+    },
     {
       "path": "../../../design-system/tokens/afm-post-office/tsconfig.json"
     },

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.5.1";
+var packageVersion = "88.6.1";
 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

@@ -333,6 +333,12 @@ Object.defineProperty(exports, "shadowSharedStyle", {
     return _shadow.shadowSharedStyle;
   }
 });
+Object.defineProperty(exports, "sharedExpandStyles", {
+  enumerable: true,
+  get: function get() {
+    return _sharedStyles.sharedExpandStyles;
+  }
+});
 Object.defineProperty(exports, "smartCardSharedStyles", {
   enumerable: true,
   get: function get() {
@@ -473,5 +479,6 @@ var _embedCard = require("./shared/embedCard");
 var _plugins = require("./shared/plugins");
 var _unsupportedContent = require("./shared/unsupported-content");
 var _expand = require("./shared/expand");
+var _sharedStyles = require("../ui/Expand/sharedStyles");
 var _media = require("./shared/media");
 var _breakout = require("./shared/breakout");

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

@@ -16,8 +16,8 @@ var _editorPalette = require("@atlaskit/editor-palette");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _consts = require("@atlaskit/editor-shared-styles/consts");
 var _emoji = require("@atlaskit/emoji");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _templateObject;
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -172,7 +172,7 @@ var mainDynamicStyles = function mainDynamicStyles(panelType) {
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Safe to autofix with a tiny tweak to `mainDynamicStyles` being an object, but holding off…
 var panelSharedStylesWithoutPrefix = exports.panelSharedStylesWithoutPrefix = function panelSharedStylesWithoutPrefix() {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\t\t", "\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t// Vertical align only works for inline-block elements in Firefox\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\n      https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n      The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n    */\n\t\tmin-width: 0;\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n"])), "var(--ds-border-radius, 3px)", _editorSharedStyles.blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", _editorSharedStyles.akEditorTableCellMinWidth, mainDynamicStyles(_adfSchema.PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", (0, _platformFeatureFlags.fg)('platform_editor_element_padding_changes_gate') ? "var(--ds-space-150, 12px)" : "var(--ds-space-100, 8px)", iconDynamicStyles(_adfSchema.PanelType.INFO), _emoji.emojiSprite, panelEmojiSpriteVerticalAlignment, _emoji.emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _adfSchema.PanelType.NOTE, mainDynamicStyles(_adfSchema.PanelType.NOTE), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.NOTE), _adfSchema.PanelType.TIP, mainDynamicStyles(_adfSchema.PanelType.TIP), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.TIP), _adfSchema.PanelType.WARNING, mainDynamicStyles(_adfSchema.PanelType.WARNING), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.WARNING), _adfSchema.PanelType.ERROR, mainDynamicStyles(_adfSchema.PanelType.ERROR), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.ERROR), _adfSchema.PanelType.SUCCESS, mainDynamicStyles(_adfSchema.PanelType.SUCCESS), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.SUCCESS));
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\t\t", "\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t// Vertical align only works for inline-block elements in Firefox\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\n      https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n      The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n    */\n\t\tmin-width: 0;\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n"])), "var(--ds-border-radius, 3px)", _editorSharedStyles.blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", _editorSharedStyles.akEditorTableCellMinWidth, mainDynamicStyles(_adfSchema.PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", (0, _experiments.editorExperiment)('nested-dnd', true) ? "var(--ds-space-150, 12px)" : "var(--ds-space-100, 8px)", iconDynamicStyles(_adfSchema.PanelType.INFO), _emoji.emojiSprite, panelEmojiSpriteVerticalAlignment, _emoji.emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _adfSchema.PanelType.NOTE, mainDynamicStyles(_adfSchema.PanelType.NOTE), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.NOTE), _adfSchema.PanelType.TIP, mainDynamicStyles(_adfSchema.PanelType.TIP), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.TIP), _adfSchema.PanelType.WARNING, mainDynamicStyles(_adfSchema.PanelType.WARNING), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.WARNING), _adfSchema.PanelType.ERROR, mainDynamicStyles(_adfSchema.PanelType.ERROR), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.ERROR), _adfSchema.PanelType.SUCCESS, mainDynamicStyles(_adfSchema.PanelType.SUCCESS), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.SUCCESS));
 };
 var panelSharedStyles = exports.panelSharedStyles = function panelSharedStyles() {
   return (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(PanelSharedCssClassName.prefix), panelSharedStylesWithoutPrefix()));

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

@@ -23,7 +23,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.5.1";
+var packageVersion = "88.6.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -5,8 +5,13 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sharedExpandStyles = exports.messages = exports.expandLayoutWrapperStyle = exports.ExpandLayoutWrapperWithRef = exports.ExpandIconWrapper = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+exports.messages = exports.expandLayoutWrapperStyle = exports.ExpandLayoutWrapperWithRef = exports.ExpandIconWrapper = void 0;
+Object.defineProperty(exports, "sharedExpandStyles", {
+  enumerable: true,
+  get: function get() {
+    return _sharedStyles.sharedExpandStyles;
+  }
+});
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
@@ -14,15 +19,13 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _colors = require("@atlaskit/theme/colors");
-var _constants = require("@atlaskit/theme/constants");
-var _templateObject;
+var _sharedStyles = require("./sharedStyles");
 var _excluded = ["children"];
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 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" != _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 messages = exports.messages = (0, _reactIntlNext.defineMessages)({
@@ -47,12 +50,6 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     description: 'Placeholder text for an expand node title input field'
   }
 });
-var BORDER_RADIUS = "var(--ds-border-radius-100, 4px)";
-var EXPAND_COLLAPSED_BACKGROUND = "var(--ds-background-neutral-subtle, transparent)";
-var EXPAND_SELECTED_BACKGROUND = "var(--ds-surface, rgba(255, 255, 255, 0.6))";
-var EXPAND_FOCUSED_BORDER_COLOR = "var(--ds-border-focused, ".concat(_colors.B300, ")");
-var EXPAND_COLLAPSED_BORDER_COLOR = 'transparent';
-var EXPAND_EXPANDED_BORDER_COLOR = "var(--ds-border, ".concat(_colors.N40A, ")");
 var ExpandIconWrapper = exports.ExpandIconWrapper = function ExpandIconWrapper(_ref) {
   var children = _ref.children,
     expanded = _ref.expanded;
@@ -100,94 +97,4 @@ var ExpandLayoutWrapperWithRef = exports.ExpandLayoutWrapperWithRef = /*#__PURE_
   }, rest, {
     ref: ref
   }), children);
-});
-var containerStyles = function containerStyles(styleProps) {
-  var expanded = styleProps.expanded,
-    focused = styleProps.focused;
-  var marginTop = "var(--ds-space-050, 0.25rem)";
-  var marginBottom = 0;
-  // Only only these margins if the expand isn't editable
-  // and is the root level expand.
-  var marginHorizontal = styleProps['data-node-type'] === 'expand' ? "-".concat(_editorSharedStyles.akLayoutGutterOffset, "px") : 0;
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  var margin = "".concat(marginTop, " ").concat(marginHorizontal, " ").concat(marginBottom);
-  return function () {
-    return (0, _react2.css)({
-      borderWidth: '1px',
-      borderStyle: 'solid',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      borderColor: focused ? EXPAND_FOCUSED_BORDER_COLOR : expanded ? EXPAND_EXPANDED_BORDER_COLOR : EXPAND_COLLAPSED_BORDER_COLOR,
-      borderRadius: BORDER_RADIUS,
-      minHeight: '25px',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      background: !expanded ? EXPAND_COLLAPSED_BACKGROUND : EXPAND_SELECTED_BACKGROUND,
-      margin: margin,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      transition: "background 0.3s ".concat(_editorSharedStyles.akEditorSwoopCubicBezier, ", border-color 0.3s ").concat(_editorSharedStyles.akEditorSwoopCubicBezier),
-      padding: "var(--ds-space-100, 8px)",
-      '&:hover': {
-        // TODO: Remove the border styles below once design tokens have been enabled and fallbacks are no longer triggered.
-        // This is because the default state already uses the same token and, as such, the hover style won't change anything.
-        // https://product-fabric.atlassian.net/browse/DSP-4152
-        border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N50A, ")")),
-        background: EXPAND_SELECTED_BACKGROUND
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'td > :not(style):first-child, td > style:first-child + *': {
-        marginTop: 0
-      }
-    });
-  };
-};
-var contentStyles = function contentStyles(styleProps) {
-  return function () {
-    return (// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-      (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\tpadding-top: ", ";\n\t\tpadding-right: ", ";\n\t\tpadding-left: ", ";\n\t\tmargin-left: ", ";\n\t\tdisplay: flow-root;\n\n\t\t// The follow rules inside @supports block are added as a part of ED-8893\n\t\t// The fix is targeting mobile bridge on iOS 12 or below,\n\t\t// We should consider remove this fix when we no longer support iOS 12\n\t\t@supports not (display: flow-root) {\n\t\t\twidth: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t", "\n\t"])), styleProps.expanded ? "var(--ds-space-100, 8px)" : "var(--ds-space-0, 0px)", "var(--ds-space-100, 8px)", "var(--ds-space-300, 24px)", "var(--ds-space-050, 4px)", !styleProps.expanded ? "\n        .expand-content-wrapper, .nestedExpand-content-wrapper {\n          /* We visually hide the content here to preserve the content during copy+paste */\n          /* Do not add text nowrap here because inline comment navigation depends on the location of the text */\n          width: 100%;\n          display: block;\n          height: 0;\n          overflow: hidden;\n          clip: rect(1px, 1px, 1px, 1px);\n          user-select: none;\n        }\n      " : '')
-    );
-  };
-};
-var titleInputStyles = function titleInputStyles() {
-  return (0, _react2.css)({
-    outline: 'none',
-    border: 'none',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    lineHeight: _editorSharedStyles.akEditorLineHeight,
-    fontWeight: 'normal',
-    color: "var(--ds-text-subtlest, ".concat(_colors.N200A, ")"),
-    background: 'transparent',
-    display: 'flex',
-    flex: 1,
-    padding: "0 0 0 ".concat("var(--ds-space-050, 4px)"),
-    width: '100%',
-    '&::placeholder': {
-      opacity: 1,
-      color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")")
-    }
-  });
-};
-var titleContainerStyles = function titleContainerStyles() {
-  return (0, _react2.css)({
-    padding: 0,
-    display: 'flex',
-    alignItems: 'flex-start',
-    background: 'none',
-    border: 'none',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()),
-    width: '100%',
-    color: "var(--ds-text-subtle, ".concat(_colors.N300A, ")"),
-    overflow: 'hidden',
-    cursor: 'pointer',
-    '&:focus': {
-      outline: 0
-    }
-  });
-};
-var sharedExpandStyles = exports.sharedExpandStyles = {
-  titleInputStyles: titleInputStyles,
-  titleContainerStyles: titleContainerStyles,
-  containerStyles: containerStyles,
-  contentStyles: contentStyles
-};
+});

package/dist/cjs/ui/Expand/sharedStyles.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sharedExpandStyles = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _colors = require("@atlaskit/theme/colors");
+var _constants = require("@atlaskit/theme/constants");
+var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+var BORDER_RADIUS = "var(--ds-border-radius-100, 4px)";
+var EXPAND_COLLAPSED_BACKGROUND = "var(--ds-background-neutral-subtle, transparent)";
+var EXPAND_SELECTED_BACKGROUND = "var(--ds-surface, rgba(255, 255, 255, 0.6))";
+var EXPAND_FOCUSED_BORDER_COLOR = "var(--ds-border-focused, ".concat(_colors.B300, ")");
+var EXPAND_COLLAPSED_BORDER_COLOR = 'transparent';
+var EXPAND_EXPANDED_BORDER_COLOR = "var(--ds-border, ".concat(_colors.N40A, ")");
+var containerStyles = function containerStyles(styleProps) {
+  var expanded = styleProps.expanded,
+    focused = styleProps.focused;
+  var marginTop = "var(--ds-space-050, 0.25rem)";
+  var marginBottom = 0;
+  // Only only these margins if the expand isn't editable
+  // and is the root level expand.
+  var marginHorizontal = styleProps['data-node-type'] === 'expand' ? "-".concat(_editorSharedStyles.akLayoutGutterOffset, "px") : 0;
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  var margin = "".concat(marginTop, " ").concat(marginHorizontal, " ").concat(marginBottom);
+  return function () {
+    return (0, _react.css)({
+      borderWidth: '1px',
+      borderStyle: 'solid',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      borderColor: focused ? EXPAND_FOCUSED_BORDER_COLOR : expanded ? EXPAND_EXPANDED_BORDER_COLOR : EXPAND_COLLAPSED_BORDER_COLOR,
+      borderRadius: BORDER_RADIUS,
+      minHeight: '25px',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      background: !expanded ? EXPAND_COLLAPSED_BACKGROUND : EXPAND_SELECTED_BACKGROUND,
+      margin: margin,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      transition: "background 0.3s ".concat(_editorSharedStyles.akEditorSwoopCubicBezier, ", border-color 0.3s ").concat(_editorSharedStyles.akEditorSwoopCubicBezier),
+      padding: "var(--ds-space-100, 8px)",
+      '&:hover': {
+        // TODO: Remove the border styles below once design tokens have been enabled and fallbacks are no longer triggered.
+        // This is because the default state already uses the same token and, as such, the hover style won't change anything.
+        // https://product-fabric.atlassian.net/browse/DSP-4152
+        border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N50A, ")")),
+        background: EXPAND_SELECTED_BACKGROUND
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
+      'td > :not(style):first-child, td > style:first-child + *': {
+        marginTop: 0
+      }
+    });
+  };
+};
+var contentStyles = function contentStyles(styleProps) {
+  return function () {
+    return (// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+      (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\tpadding-top: ", ";\n\t\tpadding-right: ", ";\n\t\tpadding-left: ", ";\n\t\tmargin-left: ", ";\n\t\tdisplay: flow-root;\n\n\t\t// The follow rules inside @supports block are added as a part of ED-8893\n\t\t// The fix is targeting mobile bridge on iOS 12 or below,\n\t\t// We should consider remove this fix when we no longer support iOS 12\n\t\t@supports not (display: flow-root) {\n\t\t\twidth: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t", "\n\t"])), styleProps.expanded ? "var(--ds-space-100, 8px)" : "var(--ds-space-0, 0px)", "var(--ds-space-100, 8px)", "var(--ds-space-300, 24px)", "var(--ds-space-050, 4px)", !styleProps.expanded ? "\n        .expand-content-wrapper, .nestedExpand-content-wrapper {\n          /* We visually hide the content here to preserve the content during copy+paste */\n          /* Do not add text nowrap here because inline comment navigation depends on the location of the text */\n          width: 100%;\n          display: block;\n          height: 0;\n          overflow: hidden;\n          clip: rect(1px, 1px, 1px, 1px);\n          user-select: none;\n        }\n      " : '')
+    );
+  };
+};
+var titleInputStyles = function titleInputStyles() {
+  return (0, _react.css)({
+    outline: 'none',
+    border: 'none',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    lineHeight: _editorSharedStyles.akEditorLineHeight,
+    fontWeight: 'normal',
+    color: "var(--ds-text-subtlest, ".concat(_colors.N200A, ")"),
+    background: 'transparent',
+    display: 'flex',
+    flex: 1,
+    padding: "0 0 0 ".concat("var(--ds-space-050, 4px)"),
+    width: '100%',
+    '&::placeholder': {
+      opacity: 1,
+      color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")")
+    }
+  });
+};
+var titleContainerStyles = function titleContainerStyles() {
+  return (0, _react.css)({
+    padding: 0,
+    display: 'flex',
+    alignItems: 'flex-start',
+    background: 'none',
+    border: 'none',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()),
+    width: '100%',
+    color: "var(--ds-text-subtle, ".concat(_colors.N300A, ")"),
+    overflow: 'hidden',
+    cursor: 'pointer',
+    '&:focus': {
+      outline: 0
+    }
+  });
+};
+var sharedExpandStyles = exports.sharedExpandStyles = {
+  titleInputStyles: titleInputStyles,
+  titleContainerStyles: titleContainerStyles,
+  containerStyles: containerStyles,
+  contentStyles: contentStyles
+};

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "88.5.1";
+const packageVersion = "88.6.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/styles/index.js

@@ -30,6 +30,7 @@ export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';
 export { buttonGroupStyle, separatorStyles, wrapperStyle, triggerWrapperStyles } from './shared/plugins';
 export { UnsupportedSharedCssClassName, unsupportedStyles } from './shared/unsupported-content';
 export { expandIconWrapperStyle, expandClassNames, expandIconContainerStyle } from './shared/expand';
+export { sharedExpandStyles } from '../ui/Expand/sharedStyles';
 export { ClassNames as MediaSharedClassNames } from './shared/media';
 export { BreakoutCssClassName } from './shared/breakout';
 export { BODIED_EXT_MBE_MARGIN_TOP } from './shared/extension';

package/dist/es2019/styles/shared/panel.js

@@ -6,8 +6,8 @@ import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { akEditorTableCellMinWidth, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
 import { emojiImage, emojiSprite } from '@atlaskit/emoji';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { B100, B400, B50, B75, G200, G400, G50, G75, N0, N20, N60, P100, P400, P50, P75, R100, R400, R50, R75, T100, T50, T75, Y200, Y400, Y50, Y75 } from '@atlaskit/theme/colors';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 const lightPanelColors = {
   info: B50,
   note: P50,
@@ -173,7 +173,7 @@ export const panelSharedStylesWithoutPrefix = () => css`
 		height: ${"var(--ds-space-300, 24px)"};
 		width: ${"var(--ds-space-300, 24px)"};
 		box-sizing: content-box;
-		padding-right: ${fg('platform_editor_element_padding_changes_gate') ? "var(--ds-space-150, 12px)" : "var(--ds-space-100, 8px)"};
+		padding-right: ${editorExperiment('nested-dnd', true) ? "var(--ds-space-150, 12px)" : "var(--ds-space-100, 8px)"};
 		text-align: center;
 		user-select: none;
 		-moz-user-select: none;

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

@@ -12,7 +12,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "88.5.1";
+const packageVersion = "88.6.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/ui/Expand/index.js

@@ -9,10 +9,8 @@ import React, { forwardRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { defineMessages } from 'react-intl-next';
-import { akEditorLineHeight, akEditorSwoopCubicBezier, akLayoutGutterOffset, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import { B300, N200, N200A, N300A, N30A, N40A, N50A, N90 } from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-import { fontSize } from '@atlaskit/theme/constants';
+import { akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
+import { N30A, N90 } from '@atlaskit/theme/colors';
 export const messages = defineMessages({
   collapseNode: {
     id: 'fabric.editor.collapseNode',
@@ -35,12 +33,6 @@ export const messages = defineMessages({
     description: 'Placeholder text for an expand node title input field'
   }
 });
-const BORDER_RADIUS = "var(--ds-border-radius-100, 4px)";
-const EXPAND_COLLAPSED_BACKGROUND = "var(--ds-background-neutral-subtle, transparent)";
-const EXPAND_SELECTED_BACKGROUND = "var(--ds-surface, rgba(255, 255, 255, 0.6))";
-const EXPAND_FOCUSED_BORDER_COLOR = `var(--ds-border-focused, ${B300})`;
-const EXPAND_COLLAPSED_BORDER_COLOR = 'transparent';
-const EXPAND_EXPANDED_BORDER_COLOR = `var(--ds-border, ${N40A})`;
 export const ExpandIconWrapper = ({
   children,
   expanded
@@ -88,112 +80,4 @@ export const ExpandLayoutWrapperWithRef = /*#__PURE__*/forwardRef((props, ref) =
     ref: ref
   }), children);
 });
-const containerStyles = styleProps => {
-  const {
-    expanded,
-    focused
-  } = styleProps;
-  const marginTop = "var(--ds-space-050, 0.25rem)";
-  const marginBottom = 0;
-  // Only only these margins if the expand isn't editable
-  // and is the root level expand.
-  const marginHorizontal = styleProps['data-node-type'] === 'expand' ? `-${akLayoutGutterOffset}px` : 0;
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  const margin = `${marginTop} ${marginHorizontal} ${marginBottom}`;
-  return () => css({
-    borderWidth: '1px',
-    borderStyle: 'solid',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    borderColor: focused ? EXPAND_FOCUSED_BORDER_COLOR : expanded ? EXPAND_EXPANDED_BORDER_COLOR : EXPAND_COLLAPSED_BORDER_COLOR,
-    borderRadius: BORDER_RADIUS,
-    minHeight: '25px',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    background: !expanded ? EXPAND_COLLAPSED_BACKGROUND : EXPAND_SELECTED_BACKGROUND,
-    margin: margin,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    transition: `background 0.3s ${akEditorSwoopCubicBezier}, border-color 0.3s ${akEditorSwoopCubicBezier}`,
-    padding: "var(--ds-space-100, 8px)",
-    '&:hover': {
-      // TODO: Remove the border styles below once design tokens have been enabled and fallbacks are no longer triggered.
-      // This is because the default state already uses the same token and, as such, the hover style won't change anything.
-      // https://product-fabric.atlassian.net/browse/DSP-4152
-      border: `1px solid ${`var(--ds-border, ${N50A})`}`,
-      background: EXPAND_SELECTED_BACKGROUND
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-    'td > :not(style):first-child, td > style:first-child + *': {
-      marginTop: 0
-    }
-  });
-};
-const contentStyles = styleProps => () =>
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-css`
-		padding-top: ${styleProps.expanded ? "var(--ds-space-100, 8px)" : "var(--ds-space-0, 0px)"};
-		padding-right: ${"var(--ds-space-100, 8px)"};
-		padding-left: ${"var(--ds-space-300, 24px)"};
-		margin-left: ${"var(--ds-space-050, 4px)"};
-		display: flow-root;
-
-		// The follow rules inside @supports block are added as a part of ED-8893
-		// The fix is targeting mobile bridge on iOS 12 or below,
-		// We should consider remove this fix when we no longer support iOS 12
-		@supports not (display: flow-root) {
-			width: 100%;
-			box-sizing: border-box;
-		}
-
-		${!styleProps.expanded ? `
-        .expand-content-wrapper, .nestedExpand-content-wrapper {
-          /* We visually hide the content here to preserve the content during copy+paste */
-          /* Do not add text nowrap here because inline comment navigation depends on the location of the text */
-          width: 100%;
-          display: block;
-          height: 0;
-          overflow: hidden;
-          clip: rect(1px, 1px, 1px, 1px);
-          user-select: none;
-        }
-      ` : ''}
-	`;
-const titleInputStyles = () => css({
-  outline: 'none',
-  border: 'none',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  fontSize: relativeFontSizeToBase16(fontSize()),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  lineHeight: akEditorLineHeight,
-  fontWeight: 'normal',
-  color: `var(--ds-text-subtlest, ${N200A})`,
-  background: 'transparent',
-  display: 'flex',
-  flex: 1,
-  padding: `0 0 0 ${"var(--ds-space-050, 4px)"}`,
-  width: '100%',
-  '&::placeholder': {
-    opacity: 1,
-    color: `var(--ds-text-subtlest, ${N200})`
-  }
-});
-const titleContainerStyles = () => css({
-  padding: 0,
-  display: 'flex',
-  alignItems: 'flex-start',
-  background: 'none',
-  border: 'none',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  fontSize: relativeFontSizeToBase16(fontSize()),
-  width: '100%',
-  color: `var(--ds-text-subtle, ${N300A})`,
-  overflow: 'hidden',
-  cursor: 'pointer',
-  '&:focus': {
-    outline: 0
-  }
-});
-export const sharedExpandStyles = {
-  titleInputStyles,
-  titleContainerStyles,
-  containerStyles,
-  contentStyles
-};
+export { sharedExpandStyles } from './sharedStyles';

package/dist/es2019/ui/Expand/sharedStyles.js

@@ -0,0 +1,121 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css } from '@emotion/react';
+import { akEditorLineHeight, akEditorSwoopCubicBezier, akLayoutGutterOffset, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
+import { B300, N200, N200A, N300A, N40A, N50A } from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+import { fontSize } from '@atlaskit/theme/constants';
+const BORDER_RADIUS = "var(--ds-border-radius-100, 4px)";
+const EXPAND_COLLAPSED_BACKGROUND = "var(--ds-background-neutral-subtle, transparent)";
+const EXPAND_SELECTED_BACKGROUND = "var(--ds-surface, rgba(255, 255, 255, 0.6))";
+const EXPAND_FOCUSED_BORDER_COLOR = `var(--ds-border-focused, ${B300})`;
+const EXPAND_COLLAPSED_BORDER_COLOR = 'transparent';
+const EXPAND_EXPANDED_BORDER_COLOR = `var(--ds-border, ${N40A})`;
+const containerStyles = styleProps => {
+  const {
+    expanded,
+    focused
+  } = styleProps;
+  const marginTop = "var(--ds-space-050, 0.25rem)";
+  const marginBottom = 0;
+  // Only only these margins if the expand isn't editable
+  // and is the root level expand.
+  const marginHorizontal = styleProps['data-node-type'] === 'expand' ? `-${akLayoutGutterOffset}px` : 0;
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  const margin = `${marginTop} ${marginHorizontal} ${marginBottom}`;
+  return () => css({
+    borderWidth: '1px',
+    borderStyle: 'solid',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    borderColor: focused ? EXPAND_FOCUSED_BORDER_COLOR : expanded ? EXPAND_EXPANDED_BORDER_COLOR : EXPAND_COLLAPSED_BORDER_COLOR,
+    borderRadius: BORDER_RADIUS,
+    minHeight: '25px',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    background: !expanded ? EXPAND_COLLAPSED_BACKGROUND : EXPAND_SELECTED_BACKGROUND,
+    margin: margin,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    transition: `background 0.3s ${akEditorSwoopCubicBezier}, border-color 0.3s ${akEditorSwoopCubicBezier}`,
+    padding: "var(--ds-space-100, 8px)",
+    '&:hover': {
+      // TODO: Remove the border styles below once design tokens have been enabled and fallbacks are no longer triggered.
+      // This is because the default state already uses the same token and, as such, the hover style won't change anything.
+      // https://product-fabric.atlassian.net/browse/DSP-4152
+      border: `1px solid ${`var(--ds-border, ${N50A})`}`,
+      background: EXPAND_SELECTED_BACKGROUND
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
+    'td > :not(style):first-child, td > style:first-child + *': {
+      marginTop: 0
+    }
+  });
+};
+const contentStyles = styleProps => () =>
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+css`
+		padding-top: ${styleProps.expanded ? "var(--ds-space-100, 8px)" : "var(--ds-space-0, 0px)"};
+		padding-right: ${"var(--ds-space-100, 8px)"};
+		padding-left: ${"var(--ds-space-300, 24px)"};
+		margin-left: ${"var(--ds-space-050, 4px)"};
+		display: flow-root;
+
+		// The follow rules inside @supports block are added as a part of ED-8893
+		// The fix is targeting mobile bridge on iOS 12 or below,
+		// We should consider remove this fix when we no longer support iOS 12
+		@supports not (display: flow-root) {
+			width: 100%;
+			box-sizing: border-box;
+		}
+
+		${!styleProps.expanded ? `
+        .expand-content-wrapper, .nestedExpand-content-wrapper {
+          /* We visually hide the content here to preserve the content during copy+paste */
+          /* Do not add text nowrap here because inline comment navigation depends on the location of the text */
+          width: 100%;
+          display: block;
+          height: 0;
+          overflow: hidden;
+          clip: rect(1px, 1px, 1px, 1px);
+          user-select: none;
+        }
+      ` : ''}
+	`;
+const titleInputStyles = () => css({
+  outline: 'none',
+  border: 'none',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  fontSize: relativeFontSizeToBase16(fontSize()),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  lineHeight: akEditorLineHeight,
+  fontWeight: 'normal',
+  color: `var(--ds-text-subtlest, ${N200A})`,
+  background: 'transparent',
+  display: 'flex',
+  flex: 1,
+  padding: `0 0 0 ${"var(--ds-space-050, 4px)"}`,
+  width: '100%',
+  '&::placeholder': {
+    opacity: 1,
+    color: `var(--ds-text-subtlest, ${N200})`
+  }
+});
+const titleContainerStyles = () => css({
+  padding: 0,
+  display: 'flex',
+  alignItems: 'flex-start',
+  background: 'none',
+  border: 'none',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  fontSize: relativeFontSizeToBase16(fontSize()),
+  width: '100%',
+  color: `var(--ds-text-subtle, ${N300A})`,
+  overflow: 'hidden',
+  cursor: 'pointer',
+  '&:focus': {
+    outline: 0
+  }
+});
+export const sharedExpandStyles = {
+  titleInputStyles,
+  titleContainerStyles,
+  containerStyles,
+  contentStyles
+};

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 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.5.1";
+var packageVersion = "88.6.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/styles/index.js

@@ -30,6 +30,7 @@ export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';
 export { buttonGroupStyle, separatorStyles, wrapperStyle, triggerWrapperStyles } from './shared/plugins';
 export { UnsupportedSharedCssClassName, unsupportedStyles } from './shared/unsupported-content';
 export { expandIconWrapperStyle, expandClassNames, expandIconContainerStyle } from './shared/expand';
+export { sharedExpandStyles } from '../ui/Expand/sharedStyles';
 export { ClassNames as MediaSharedClassNames } from './shared/media';
 export { BreakoutCssClassName } from './shared/breakout';
 export { BODIED_EXT_MBE_MARGIN_TOP } from './shared/extension';

package/dist/esm/styles/shared/panel.js

@@ -10,8 +10,8 @@ import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { akEditorTableCellMinWidth, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
 import { emojiImage, emojiSprite } from '@atlaskit/emoji';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { B100, B400, B50, B75, G200, G400, G50, G75, N0, N20, N60, P100, P400, P50, P75, R100, R400, R50, R75, T100, T50, T75, Y200, Y400, Y50, Y75 } from '@atlaskit/theme/colors';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 var lightPanelColors = {
   info: B50,
   note: P50,
@@ -163,7 +163,7 @@ var mainDynamicStyles = function mainDynamicStyles(panelType) {
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Safe to autofix with a tiny tweak to `mainDynamicStyles` being an object, but holding off…
 export var panelSharedStylesWithoutPrefix = function panelSharedStylesWithoutPrefix() {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\t\t", "\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t// Vertical align only works for inline-block elements in Firefox\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\n      https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n      The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n    */\n\t\tmin-width: 0;\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n"])), "var(--ds-border-radius, 3px)", blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", akEditorTableCellMinWidth, mainDynamicStyles(PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", fg('platform_editor_element_padding_changes_gate') ? "var(--ds-space-150, 12px)" : "var(--ds-space-100, 8px)", iconDynamicStyles(PanelType.INFO), emojiSprite, panelEmojiSpriteVerticalAlignment, emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", PanelType.NOTE, mainDynamicStyles(PanelType.NOTE), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.NOTE), PanelType.TIP, mainDynamicStyles(PanelType.TIP), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.TIP), PanelType.WARNING, mainDynamicStyles(PanelType.WARNING), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.WARNING), PanelType.ERROR, mainDynamicStyles(PanelType.ERROR), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.ERROR), PanelType.SUCCESS, mainDynamicStyles(PanelType.SUCCESS), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.SUCCESS));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\t\t", "\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t// Vertical align only works for inline-block elements in Firefox\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\n      https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n      The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n    */\n\t\tmin-width: 0;\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n"])), "var(--ds-border-radius, 3px)", blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", akEditorTableCellMinWidth, mainDynamicStyles(PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", editorExperiment('nested-dnd', true) ? "var(--ds-space-150, 12px)" : "var(--ds-space-100, 8px)", iconDynamicStyles(PanelType.INFO), emojiSprite, panelEmojiSpriteVerticalAlignment, emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", PanelType.NOTE, mainDynamicStyles(PanelType.NOTE), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.NOTE), PanelType.TIP, mainDynamicStyles(PanelType.TIP), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.TIP), PanelType.WARNING, mainDynamicStyles(PanelType.WARNING), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.WARNING), PanelType.ERROR, mainDynamicStyles(PanelType.ERROR), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.ERROR), PanelType.SUCCESS, mainDynamicStyles(PanelType.SUCCESS), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.SUCCESS));
 };
 export var panelSharedStyles = function panelSharedStyles() {
   return css(_defineProperty({}, ".".concat(PanelSharedCssClassName.prefix), panelSharedStylesWithoutPrefix()));

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

@@ -20,7 +20,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "88.5.1";
+var packageVersion = "88.6.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/ui/Expand/index.js

@@ -1,7 +1,5 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _templateObject;
 var _excluded = ["children"];
 /**
  * @jsxRuntime classic
@@ -13,10 +11,8 @@ import React, { forwardRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { defineMessages } from 'react-intl-next';
-import { akEditorLineHeight, akEditorSwoopCubicBezier, akLayoutGutterOffset, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import { B300, N200, N200A, N300A, N30A, N40A, N50A, N90 } from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-import { fontSize } from '@atlaskit/theme/constants';
+import { akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
+import { N30A, N90 } from '@atlaskit/theme/colors';
 export var messages = defineMessages({
   collapseNode: {
     id: 'fabric.editor.collapseNode',
@@ -39,12 +35,6 @@ export var messages = defineMessages({
     description: 'Placeholder text for an expand node title input field'
   }
 });
-var BORDER_RADIUS = "var(--ds-border-radius-100, 4px)";
-var EXPAND_COLLAPSED_BACKGROUND = "var(--ds-background-neutral-subtle, transparent)";
-var EXPAND_SELECTED_BACKGROUND = "var(--ds-surface, rgba(255, 255, 255, 0.6))";
-var EXPAND_FOCUSED_BORDER_COLOR = "var(--ds-border-focused, ".concat(B300, ")");
-var EXPAND_COLLAPSED_BORDER_COLOR = 'transparent';
-var EXPAND_EXPANDED_BORDER_COLOR = "var(--ds-border, ".concat(N40A, ")");
 export var ExpandIconWrapper = function ExpandIconWrapper(_ref) {
   var children = _ref.children,
     expanded = _ref.expanded;
@@ -93,93 +83,4 @@ export var ExpandLayoutWrapperWithRef = /*#__PURE__*/forwardRef(function (props,
     ref: ref
   }), children);
 });
-var containerStyles = function containerStyles(styleProps) {
-  var expanded = styleProps.expanded,
-    focused = styleProps.focused;
-  var marginTop = "var(--ds-space-050, 0.25rem)";
-  var marginBottom = 0;
-  // Only only these margins if the expand isn't editable
-  // and is the root level expand.
-  var marginHorizontal = styleProps['data-node-type'] === 'expand' ? "-".concat(akLayoutGutterOffset, "px") : 0;
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  var margin = "".concat(marginTop, " ").concat(marginHorizontal, " ").concat(marginBottom);
-  return function () {
-    return css({
-      borderWidth: '1px',
-      borderStyle: 'solid',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      borderColor: focused ? EXPAND_FOCUSED_BORDER_COLOR : expanded ? EXPAND_EXPANDED_BORDER_COLOR : EXPAND_COLLAPSED_BORDER_COLOR,
-      borderRadius: BORDER_RADIUS,
-      minHeight: '25px',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      background: !expanded ? EXPAND_COLLAPSED_BACKGROUND : EXPAND_SELECTED_BACKGROUND,
-      margin: margin,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      transition: "background 0.3s ".concat(akEditorSwoopCubicBezier, ", border-color 0.3s ").concat(akEditorSwoopCubicBezier),
-      padding: "var(--ds-space-100, 8px)",
-      '&:hover': {
-        // TODO: Remove the border styles below once design tokens have been enabled and fallbacks are no longer triggered.
-        // This is because the default state already uses the same token and, as such, the hover style won't change anything.
-        // https://product-fabric.atlassian.net/browse/DSP-4152
-        border: "1px solid ".concat("var(--ds-border, ".concat(N50A, ")")),
-        background: EXPAND_SELECTED_BACKGROUND
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      'td > :not(style):first-child, td > style:first-child + *': {
-        marginTop: 0
-      }
-    });
-  };
-};
-var contentStyles = function contentStyles(styleProps) {
-  return function () {
-    return (// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-      css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\tpadding-top: ", ";\n\t\tpadding-right: ", ";\n\t\tpadding-left: ", ";\n\t\tmargin-left: ", ";\n\t\tdisplay: flow-root;\n\n\t\t// The follow rules inside @supports block are added as a part of ED-8893\n\t\t// The fix is targeting mobile bridge on iOS 12 or below,\n\t\t// We should consider remove this fix when we no longer support iOS 12\n\t\t@supports not (display: flow-root) {\n\t\t\twidth: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t", "\n\t"])), styleProps.expanded ? "var(--ds-space-100, 8px)" : "var(--ds-space-0, 0px)", "var(--ds-space-100, 8px)", "var(--ds-space-300, 24px)", "var(--ds-space-050, 4px)", !styleProps.expanded ? "\n        .expand-content-wrapper, .nestedExpand-content-wrapper {\n          /* We visually hide the content here to preserve the content during copy+paste */\n          /* Do not add text nowrap here because inline comment navigation depends on the location of the text */\n          width: 100%;\n          display: block;\n          height: 0;\n          overflow: hidden;\n          clip: rect(1px, 1px, 1px, 1px);\n          user-select: none;\n        }\n      " : '')
-    );
-  };
-};
-var titleInputStyles = function titleInputStyles() {
-  return css({
-    outline: 'none',
-    border: 'none',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    fontSize: relativeFontSizeToBase16(fontSize()),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    lineHeight: akEditorLineHeight,
-    fontWeight: 'normal',
-    color: "var(--ds-text-subtlest, ".concat(N200A, ")"),
-    background: 'transparent',
-    display: 'flex',
-    flex: 1,
-    padding: "0 0 0 ".concat("var(--ds-space-050, 4px)"),
-    width: '100%',
-    '&::placeholder': {
-      opacity: 1,
-      color: "var(--ds-text-subtlest, ".concat(N200, ")")
-    }
-  });
-};
-var titleContainerStyles = function titleContainerStyles() {
-  return css({
-    padding: 0,
-    display: 'flex',
-    alignItems: 'flex-start',
-    background: 'none',
-    border: 'none',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    fontSize: relativeFontSizeToBase16(fontSize()),
-    width: '100%',
-    color: "var(--ds-text-subtle, ".concat(N300A, ")"),
-    overflow: 'hidden',
-    cursor: 'pointer',
-    '&:focus': {
-      outline: 0
-    }
-  });
-};
-export var sharedExpandStyles = {
-  titleInputStyles: titleInputStyles,
-  titleContainerStyles: titleContainerStyles,
-  containerStyles: containerStyles,
-  contentStyles: contentStyles
-};
+export { sharedExpandStyles } from './sharedStyles';

package/dist/esm/ui/Expand/sharedStyles.js

@@ -0,0 +1,104 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css } from '@emotion/react';
+import { akEditorLineHeight, akEditorSwoopCubicBezier, akLayoutGutterOffset, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
+import { B300, N200, N200A, N300A, N40A, N50A } from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+import { fontSize } from '@atlaskit/theme/constants';
+var BORDER_RADIUS = "var(--ds-border-radius-100, 4px)";
+var EXPAND_COLLAPSED_BACKGROUND = "var(--ds-background-neutral-subtle, transparent)";
+var EXPAND_SELECTED_BACKGROUND = "var(--ds-surface, rgba(255, 255, 255, 0.6))";
+var EXPAND_FOCUSED_BORDER_COLOR = "var(--ds-border-focused, ".concat(B300, ")");
+var EXPAND_COLLAPSED_BORDER_COLOR = 'transparent';
+var EXPAND_EXPANDED_BORDER_COLOR = "var(--ds-border, ".concat(N40A, ")");
+var containerStyles = function containerStyles(styleProps) {
+  var expanded = styleProps.expanded,
+    focused = styleProps.focused;
+  var marginTop = "var(--ds-space-050, 0.25rem)";
+  var marginBottom = 0;
+  // Only only these margins if the expand isn't editable
+  // and is the root level expand.
+  var marginHorizontal = styleProps['data-node-type'] === 'expand' ? "-".concat(akLayoutGutterOffset, "px") : 0;
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  var margin = "".concat(marginTop, " ").concat(marginHorizontal, " ").concat(marginBottom);
+  return function () {
+    return css({
+      borderWidth: '1px',
+      borderStyle: 'solid',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      borderColor: focused ? EXPAND_FOCUSED_BORDER_COLOR : expanded ? EXPAND_EXPANDED_BORDER_COLOR : EXPAND_COLLAPSED_BORDER_COLOR,
+      borderRadius: BORDER_RADIUS,
+      minHeight: '25px',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      background: !expanded ? EXPAND_COLLAPSED_BACKGROUND : EXPAND_SELECTED_BACKGROUND,
+      margin: margin,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      transition: "background 0.3s ".concat(akEditorSwoopCubicBezier, ", border-color 0.3s ").concat(akEditorSwoopCubicBezier),
+      padding: "var(--ds-space-100, 8px)",
+      '&:hover': {
+        // TODO: Remove the border styles below once design tokens have been enabled and fallbacks are no longer triggered.
+        // This is because the default state already uses the same token and, as such, the hover style won't change anything.
+        // https://product-fabric.atlassian.net/browse/DSP-4152
+        border: "1px solid ".concat("var(--ds-border, ".concat(N50A, ")")),
+        background: EXPAND_SELECTED_BACKGROUND
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
+      'td > :not(style):first-child, td > style:first-child + *': {
+        marginTop: 0
+      }
+    });
+  };
+};
+var contentStyles = function contentStyles(styleProps) {
+  return function () {
+    return (// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+      css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\tpadding-top: ", ";\n\t\tpadding-right: ", ";\n\t\tpadding-left: ", ";\n\t\tmargin-left: ", ";\n\t\tdisplay: flow-root;\n\n\t\t// The follow rules inside @supports block are added as a part of ED-8893\n\t\t// The fix is targeting mobile bridge on iOS 12 or below,\n\t\t// We should consider remove this fix when we no longer support iOS 12\n\t\t@supports not (display: flow-root) {\n\t\t\twidth: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t", "\n\t"])), styleProps.expanded ? "var(--ds-space-100, 8px)" : "var(--ds-space-0, 0px)", "var(--ds-space-100, 8px)", "var(--ds-space-300, 24px)", "var(--ds-space-050, 4px)", !styleProps.expanded ? "\n        .expand-content-wrapper, .nestedExpand-content-wrapper {\n          /* We visually hide the content here to preserve the content during copy+paste */\n          /* Do not add text nowrap here because inline comment navigation depends on the location of the text */\n          width: 100%;\n          display: block;\n          height: 0;\n          overflow: hidden;\n          clip: rect(1px, 1px, 1px, 1px);\n          user-select: none;\n        }\n      " : '')
+    );
+  };
+};
+var titleInputStyles = function titleInputStyles() {
+  return css({
+    outline: 'none',
+    border: 'none',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    fontSize: relativeFontSizeToBase16(fontSize()),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    lineHeight: akEditorLineHeight,
+    fontWeight: 'normal',
+    color: "var(--ds-text-subtlest, ".concat(N200A, ")"),
+    background: 'transparent',
+    display: 'flex',
+    flex: 1,
+    padding: "0 0 0 ".concat("var(--ds-space-050, 4px)"),
+    width: '100%',
+    '&::placeholder': {
+      opacity: 1,
+      color: "var(--ds-text-subtlest, ".concat(N200, ")")
+    }
+  });
+};
+var titleContainerStyles = function titleContainerStyles() {
+  return css({
+    padding: 0,
+    display: 'flex',
+    alignItems: 'flex-start',
+    background: 'none',
+    border: 'none',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    fontSize: relativeFontSizeToBase16(fontSize()),
+    width: '100%',
+    color: "var(--ds-text-subtle, ".concat(N300A, ")"),
+    overflow: 'hidden',
+    cursor: 'pointer',
+    '&:focus': {
+      outline: 0
+    }
+  });
+};
+export var sharedExpandStyles = {
+  titleInputStyles: titleInputStyles,
+  titleContainerStyles: titleContainerStyles,
+  containerStyles: containerStyles,
+  contentStyles: contentStyles
+};

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

@@ -30,6 +30,7 @@ export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';
 export { buttonGroupStyle, separatorStyles, wrapperStyle, triggerWrapperStyles, } from './shared/plugins';
 export { UnsupportedSharedCssClassName, unsupportedStyles } from './shared/unsupported-content';
 export { expandIconWrapperStyle, expandClassNames, expandIconContainerStyle, } from './shared/expand';
+export { sharedExpandStyles } from '../ui/Expand/sharedStyles';
 export { ClassNames as MediaSharedClassNames } from './shared/media';
 export { BreakoutCssClassName } from './shared/breakout';
 export { BODIED_EXT_MBE_MARGIN_TOP } from './shared/extension';

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

@@ -22,20 +22,9 @@ export declare const messages: {
         description: string;
     };
 };
-export interface StyleProps {
-    expanded?: boolean;
-    focused?: boolean;
-    'data-node-type'?: 'expand' | 'nestedExpand';
-    'data-title'?: string;
-}
 export declare const ExpandIconWrapper: ({ children, expanded, }: React.HTMLAttributes<HTMLDivElement> & {
     expanded: boolean;
 }) => jsx.JSX.Element;
 export declare const expandLayoutWrapperStyle: import("@emotion/react").SerializedStyles;
 export declare const ExpandLayoutWrapperWithRef: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<any>>;
-export declare const sharedExpandStyles: {
-    titleInputStyles: () => import("@emotion/react").SerializedStyles;
-    titleContainerStyles: () => import("@emotion/react").SerializedStyles;
-    containerStyles: (styleProps: StyleProps) => () => import("@emotion/react").SerializedStyles;
-    contentStyles: (styleProps: StyleProps) => () => import("@emotion/react").SerializedStyles;
-};
+export { sharedExpandStyles, type StyleProps } from './sharedStyles';

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

@@ -0,0 +1,12 @@
+export interface StyleProps {
+    expanded?: boolean;
+    focused?: boolean;
+    'data-node-type'?: 'expand' | 'nestedExpand';
+    'data-title'?: string;
+}
+export declare const sharedExpandStyles: {
+    titleInputStyles: () => import("@emotion/react").SerializedStyles;
+    titleContainerStyles: () => import("@emotion/react").SerializedStyles;
+    containerStyles: (styleProps: StyleProps) => () => import("@emotion/react").SerializedStyles;
+    contentStyles: (styleProps: StyleProps) => () => import("@emotion/react").SerializedStyles;
+};

package/dist/types-ts4.5/styles/index.d.ts

@@ -30,6 +30,7 @@ export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';
 export { buttonGroupStyle, separatorStyles, wrapperStyle, triggerWrapperStyles, } from './shared/plugins';
 export { UnsupportedSharedCssClassName, unsupportedStyles } from './shared/unsupported-content';
 export { expandIconWrapperStyle, expandClassNames, expandIconContainerStyle, } from './shared/expand';
+export { sharedExpandStyles } from '../ui/Expand/sharedStyles';
 export { ClassNames as MediaSharedClassNames } from './shared/media';
 export { BreakoutCssClassName } from './shared/breakout';
 export { BODIED_EXT_MBE_MARGIN_TOP } from './shared/extension';

package/dist/types-ts4.5/ui/Expand/index.d.ts

@@ -22,20 +22,9 @@ export declare const messages: {
         description: string;
     };
 };
-export interface StyleProps {
-    expanded?: boolean;
-    focused?: boolean;
-    'data-node-type'?: 'expand' | 'nestedExpand';
-    'data-title'?: string;
-}
 export declare const ExpandIconWrapper: ({ children, expanded, }: React.HTMLAttributes<HTMLDivElement> & {
     expanded: boolean;
 }) => jsx.JSX.Element;
 export declare const expandLayoutWrapperStyle: import("@emotion/react").SerializedStyles;
 export declare const ExpandLayoutWrapperWithRef: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<any>>;
-export declare const sharedExpandStyles: {
-    titleInputStyles: () => import("@emotion/react").SerializedStyles;
-    titleContainerStyles: () => import("@emotion/react").SerializedStyles;
-    containerStyles: (styleProps: StyleProps) => () => import("@emotion/react").SerializedStyles;
-    contentStyles: (styleProps: StyleProps) => () => import("@emotion/react").SerializedStyles;
-};
+export { sharedExpandStyles, type StyleProps } from './sharedStyles';

package/dist/types-ts4.5/ui/Expand/sharedStyles.d.ts

@@ -0,0 +1,12 @@
+export interface StyleProps {
+    expanded?: boolean;
+    focused?: boolean;
+    'data-node-type'?: 'expand' | 'nestedExpand';
+    'data-title'?: string;
+}
+export declare const sharedExpandStyles: {
+    titleInputStyles: () => import("@emotion/react").SerializedStyles;
+    titleContainerStyles: () => import("@emotion/react").SerializedStyles;
+    containerStyles: (styleProps: StyleProps) => () => import("@emotion/react").SerializedStyles;
+    contentStyles: (styleProps: StyleProps) => () => import("@emotion/react").SerializedStyles;
+};

package/intl-error-boundary/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "88.5.1",
+	"version": "88.6.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -91,6 +91,7 @@
 		"./constants": "./src/link/constants.ts",
 		"./doc-utils": "./src/doc-utils/index.ts",
 		"./expand": "./src/expand/index.ts",
+		"./intl-error-boundary": "./src/ui/IntlErrorBoundary/index.tsx",
 		"./code-block": "./src/code-block/index.ts",
 		"./table": "./src/table/index.ts",
 		"./lazy-node-view": "./src/lazy-node-view/index.ts"
@@ -130,7 +131,7 @@
 		"@atlaskit/menu": "^2.12.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^12.1.0",
-		"@atlaskit/profilecard": "^19.24.0",
+		"@atlaskit/profilecard": "^19.25.0",
 		"@atlaskit/section-message": "^6.6.0",
 		"@atlaskit/smart-card": "^27.19.0",
 		"@atlaskit/smart-user-picker": "^6.10.0",
@@ -138,6 +139,7 @@
 		"@atlaskit/task-decision": "^17.10.0",
 		"@atlaskit/textfield": "^6.5.0",
 		"@atlaskit/theme": "^13.0.0",
+		"@atlaskit/tmp-editor-statsig": "*",
 		"@atlaskit/tokens": "^1.59.0",
 		"@atlaskit/tooltip": "^18.7.0",
 		"@atlaskit/ufo": "^0.3.0",
@@ -264,9 +266,6 @@
 		"platform-fix-table-ssr-resizing": {
 			"type": "boolean"
 		},
-		"platform_editor_element_padding_changes_gate": {
-			"type": "boolean"
-		},
 		"use-effect-in-use-previous-props": {
 			"type": "boolean"
 		},