@atlaskit/editor-common 110.4.9 → 110.4.11

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-common
 
+## 110.4.11
+
+### Patch Changes
+
+- [`7011f9be6a430`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7011f9be6a430) -
+  [ux] EDITOR-1653 add create synced block item to the block menu
+- Updated dependencies
+
+## 110.4.10
+
+### Patch Changes
+
+- [`dbff10f5a27ee`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dbff10f5a27ee) -
+  [ux] [ED-29347] Refactors extension hover styles to pure CSS
+- [`a3254a75cdfb7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a3254a75cdfb7) -
+  [ED-29448] clean up old unused exports
+- Updated dependencies
+
 ## 110.4.9
 
 ### Patch Changes

package/dist/cjs/block-menu/index.js

@@ -3,6 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "ADD_BLOCKS_MENU_SECTION", {
+  enumerable: true,
+  get: function get() {
+    return _key.ADD_BLOCKS_MENU_SECTION;
+  }
+});
+Object.defineProperty(exports, "ADD_BLOCKS_MENU_SECTION_RANK", {
+  enumerable: true,
+  get: function get() {
+    return _rank.ADD_BLOCKS_MENU_SECTION_RANK;
+  }
+});
 Object.defineProperty(exports, "BLOCK_MENU_SECTION_RANK", {
   enumerable: true,
   get: function get() {
@@ -33,6 +45,12 @@ Object.defineProperty(exports, "COPY_MENU_SECTION_RANK", {
     return _rank.COPY_MENU_SECTION_RANK;
   }
 });
+Object.defineProperty(exports, "CREATE_SYNCED_BLOCK_MENU_ITEM", {
+  enumerable: true,
+  get: function get() {
+    return _key.CREATE_SYNCED_BLOCK_MENU_ITEM;
+  }
+});
 Object.defineProperty(exports, "DELETE_MENU_ITEM", {
   enumerable: true,
   get: function get() {

package/dist/cjs/block-menu/key.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PRIMARY_MENU_SECTION = exports.NESTED_FORMAT_MENU_SECTION = exports.NESTED_FORMAT_MENU = exports.MOVE_UP_MENU_ITEM = exports.MOVE_UP_DOWN_MENU_SECTION = exports.MOVE_DOWN_MENU_ITEM = exports.FORMAT_TASK_LIST_MENU_ITEM = exports.FORMAT_QUOTE_MENU_ITEM = exports.FORMAT_PARAGRAPH_MENU_ITEM = exports.FORMAT_PANEL_MENU_ITEM = exports.FORMAT_NUMBERED_LIST_MENU_ITEM = exports.FORMAT_MENU_ITEM = exports.FORMAT_LAYOUT_MENU_ITEM = exports.FORMAT_HEADING_6_MENU_ITEM = exports.FORMAT_HEADING_5_MENU_ITEM = exports.FORMAT_HEADING_4_MENU_ITEM = exports.FORMAT_HEADING_3_MENU_ITEM = exports.FORMAT_HEADING_2_MENU_ITEM = exports.FORMAT_HEADING_1_MENU_ITEM = exports.FORMAT_EXPAND_MENU_ITEM = exports.FORMAT_CODE_BLOCK_MENU_ITEM = exports.FORMAT_BULLETED_LIST_MENU_ITEM = exports.DELETE_MENU_SECTION = exports.DELETE_MENU_ITEM = exports.COPY_MENU_SECTION = exports.COPY_LINK_MENU_ITEM = exports.COPY_BLOCK_MENU_ITEM = void 0;
+exports.PRIMARY_MENU_SECTION = exports.NESTED_FORMAT_MENU_SECTION = exports.NESTED_FORMAT_MENU = exports.MOVE_UP_MENU_ITEM = exports.MOVE_UP_DOWN_MENU_SECTION = exports.MOVE_DOWN_MENU_ITEM = exports.FORMAT_TASK_LIST_MENU_ITEM = exports.FORMAT_QUOTE_MENU_ITEM = exports.FORMAT_PARAGRAPH_MENU_ITEM = exports.FORMAT_PANEL_MENU_ITEM = exports.FORMAT_NUMBERED_LIST_MENU_ITEM = exports.FORMAT_MENU_ITEM = exports.FORMAT_LAYOUT_MENU_ITEM = exports.FORMAT_HEADING_6_MENU_ITEM = exports.FORMAT_HEADING_5_MENU_ITEM = exports.FORMAT_HEADING_4_MENU_ITEM = exports.FORMAT_HEADING_3_MENU_ITEM = exports.FORMAT_HEADING_2_MENU_ITEM = exports.FORMAT_HEADING_1_MENU_ITEM = exports.FORMAT_EXPAND_MENU_ITEM = exports.FORMAT_CODE_BLOCK_MENU_ITEM = exports.FORMAT_BULLETED_LIST_MENU_ITEM = exports.DELETE_MENU_SECTION = exports.DELETE_MENU_ITEM = exports.CREATE_SYNCED_BLOCK_MENU_ITEM = exports.COPY_MENU_SECTION = exports.COPY_LINK_MENU_ITEM = exports.COPY_BLOCK_MENU_ITEM = exports.ADD_BLOCKS_MENU_SECTION = void 0;
 var FORMAT_HEADING_1_MENU_ITEM = exports.FORMAT_HEADING_1_MENU_ITEM = {
   key: 'block-menu-format-heading-1'
 };
@@ -58,6 +58,9 @@ var PRIMARY_MENU_SECTION = exports.PRIMARY_MENU_SECTION = {
 var NESTED_FORMAT_MENU_SECTION = exports.NESTED_FORMAT_MENU_SECTION = {
   key: 'nested-menu-format-section-primary'
 };
+var ADD_BLOCKS_MENU_SECTION = exports.ADD_BLOCKS_MENU_SECTION = {
+  key: 'block-menu-section-synced-block'
+};
 var COPY_MENU_SECTION = exports.COPY_MENU_SECTION = {
   key: 'block-menu-section-copy'
 };
@@ -70,6 +73,9 @@ var MOVE_UP_DOWN_MENU_SECTION = exports.MOVE_UP_DOWN_MENU_SECTION = {
 var FORMAT_MENU_ITEM = exports.FORMAT_MENU_ITEM = {
   key: 'nested-menu-format-section-primary'
 };
+var CREATE_SYNCED_BLOCK_MENU_ITEM = exports.CREATE_SYNCED_BLOCK_MENU_ITEM = {
+  key: 'block-menu-create-synced-block'
+};
 var COPY_BLOCK_MENU_ITEM = exports.COPY_BLOCK_MENU_ITEM = {
   key: 'block-menu-copy-block'
 };

package/dist/cjs/block-menu/rank.js

@@ -4,14 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PRIMARY_MENU_SECTION_RANK = exports.MOVE_BLOCK_SECTION_RANK = exports.FORMAT_NESTED_MENU_RANK_REVISED = exports.FORMAT_NESTED_MENU_RANK = exports.DELETE_SECTION_RANK = exports.COPY_MENU_SECTION_RANK = exports.BLOCK_MENU_SECTION_RANK = void 0;
+exports.PRIMARY_MENU_SECTION_RANK = exports.MOVE_BLOCK_SECTION_RANK = exports.FORMAT_NESTED_MENU_RANK_REVISED = exports.FORMAT_NESTED_MENU_RANK = exports.DELETE_SECTION_RANK = exports.COPY_MENU_SECTION_RANK = exports.BLOCK_MENU_SECTION_RANK = exports.ADD_BLOCKS_MENU_SECTION_RANK = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _key = require("./key");
 var _FORMAT_NESTED_MENU_R, _FORMAT_NESTED_MENU_R2;
 var FORMAT_NESTED_MENU_RANK = exports.FORMAT_NESTED_MENU_RANK = (_FORMAT_NESTED_MENU_R = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_FORMAT_NESTED_MENU_R, _key.FORMAT_HEADING_1_MENU_ITEM.key, 50), _key.FORMAT_HEADING_2_MENU_ITEM.key, 100), _key.FORMAT_HEADING_3_MENU_ITEM.key, 150), _key.FORMAT_PARAGRAPH_MENU_ITEM.key, 200), _key.FORMAT_QUOTE_MENU_ITEM.key, 250), _key.FORMAT_EXPAND_MENU_ITEM.key, 300), _key.FORMAT_LAYOUT_MENU_ITEM.key, 350), _key.FORMAT_PANEL_MENU_ITEM.key, 400), _key.FORMAT_CODE_BLOCK_MENU_ITEM.key, 450), _key.FORMAT_BULLETED_LIST_MENU_ITEM.key, 500), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_FORMAT_NESTED_MENU_R, _key.FORMAT_NUMBERED_LIST_MENU_ITEM.key, 550), _key.FORMAT_TASK_LIST_MENU_ITEM.key, 600), _key.FORMAT_HEADING_4_MENU_ITEM.key, 650), _key.FORMAT_HEADING_5_MENU_ITEM.key, 700), _key.FORMAT_HEADING_6_MENU_ITEM.key, 750));
 var FORMAT_NESTED_MENU_RANK_REVISED = exports.FORMAT_NESTED_MENU_RANK_REVISED = (_FORMAT_NESTED_MENU_R2 = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_FORMAT_NESTED_MENU_R2, _key.FORMAT_PARAGRAPH_MENU_ITEM.key, 50), _key.FORMAT_QUOTE_MENU_ITEM.key, 100), _key.FORMAT_EXPAND_MENU_ITEM.key, 150), _key.FORMAT_LAYOUT_MENU_ITEM.key, 200), _key.FORMAT_PANEL_MENU_ITEM.key, 250), _key.FORMAT_CODE_BLOCK_MENU_ITEM.key, 300), _key.FORMAT_BULLETED_LIST_MENU_ITEM.key, 350), _key.FORMAT_NUMBERED_LIST_MENU_ITEM.key, 400), _key.FORMAT_TASK_LIST_MENU_ITEM.key, 450), _key.FORMAT_HEADING_1_MENU_ITEM.key, 500), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_FORMAT_NESTED_MENU_R2, _key.FORMAT_HEADING_2_MENU_ITEM.key, 550), _key.FORMAT_HEADING_3_MENU_ITEM.key, 600), _key.FORMAT_HEADING_4_MENU_ITEM.key, 650), _key.FORMAT_HEADING_5_MENU_ITEM.key, 700), _key.FORMAT_HEADING_6_MENU_ITEM.key, 750));
-var BLOCK_MENU_SECTION_RANK = exports.BLOCK_MENU_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _key.PRIMARY_MENU_SECTION.key, 100), _key.COPY_MENU_SECTION.key, 300), _key.MOVE_UP_DOWN_MENU_SECTION.key, 400), _key.DELETE_MENU_SECTION.key, 500);
+var BLOCK_MENU_SECTION_RANK = exports.BLOCK_MENU_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _key.PRIMARY_MENU_SECTION.key, 100), _key.ADD_BLOCKS_MENU_SECTION.key, 200), _key.COPY_MENU_SECTION.key, 300), _key.MOVE_UP_DOWN_MENU_SECTION.key, 400), _key.DELETE_MENU_SECTION.key, 500);
 var PRIMARY_MENU_SECTION_RANK = exports.PRIMARY_MENU_SECTION_RANK = (0, _defineProperty2.default)({}, _key.FORMAT_MENU_ITEM.key, 50);
+var ADD_BLOCKS_MENU_SECTION_RANK = exports.ADD_BLOCKS_MENU_SECTION_RANK = (0, _defineProperty2.default)({}, _key.CREATE_SYNCED_BLOCK_MENU_ITEM.key, 50);
 var COPY_MENU_SECTION_RANK = exports.COPY_MENU_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _key.COPY_LINK_MENU_ITEM.key, 50), _key.COPY_BLOCK_MENU_ITEM.key, 100);
 var MOVE_BLOCK_SECTION_RANK = exports.MOVE_BLOCK_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _key.MOVE_UP_MENU_ITEM.key, 50), _key.MOVE_DOWN_MENU_ITEM.key, 100);
 var DELETE_SECTION_RANK = exports.DELETE_SECTION_RANK = (0, _defineProperty2.default)({}, _key.DELETE_MENU_ITEM.key, 50);

package/dist/cjs/extensibility/Extension/Extension/index.js

@@ -31,6 +31,11 @@ var _excluded = ["type"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var hoverStyles = (0, _react2.css)({
+  '&:hover': {
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8590A2)")
+  }
+});
 function ExtensionWithPluginState(props) {
   var _node$attrs, _node$attrs2;
   var node = props.node,
@@ -89,7 +94,7 @@ function ExtensionWithPluginState(props) {
     'with-overlay': !hasBody && !showMacroInteractionDesignUpdates,
     'with-bodied-border': showMacroInteractionDesignUpdates && (hasBody || isLegacyContentMacroExtension(node)) && !showBodiedExtensionRendererView && show1PBodiedExtensionBorder,
     'with-margin-styles': showMacroInteractionDesignUpdates && !isNodeNested && !showBodiedExtensionRendererView,
-    'with-hover-border': showMacroInteractionDesignUpdates && isNodeHovered,
+    'with-hover-border': (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) ? false : showMacroInteractionDesignUpdates && isNodeHovered,
     'with-danger-overlay': showMacroInteractionDesignUpdates,
     'without-frame': removeBorder,
     'legacy-content': showLegacyContentHeader
@@ -165,9 +170,9 @@ function ExtensionWithPluginState(props) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: classNames,
-    css:
+    css: [
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    _styles2.wrapperStyleInheritedCursor
+    _styles2.wrapperStyleInheritedCursor, showMacroInteractionDesignUpdates && !isLivePageViewMode && (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) && hoverStyles]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
     style: customContainerStyles

package/dist/cjs/extensibility/Extension/InlineExtension/index.js

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _hooks = require("../../../hooks");
 var _ui = require("../../../ui");
@@ -24,6 +25,22 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+var inlineWrapperStyles = (0, _react2.css)({
+  maxWidth: '100%',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
+  'tr &': {
+    maxWidth: 'inherit'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '.rich-media-item': {
+    maxWidth: '100%'
+  }
+});
+var hoverStyles = (0, _react2.css)({
+  '&:hover': {
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8590A2)")
+  }
+});
 var InlineExtension = function InlineExtension(props) {
   var node = props.node,
     pluginInjectionApi = props.pluginInjectionApi,
@@ -47,7 +64,7 @@ var InlineExtension = function InlineExtension(props) {
     'with-overlay': !showMacroInteractionDesignUpdates,
     'with-children': hasChildren,
     'with-danger-overlay': showMacroInteractionDesignUpdates,
-    'with-hover-border': showMacroInteractionDesignUpdates && isNodeHovered
+    'with-hover-border': (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) ? false : showMacroInteractionDesignUpdates && isNodeHovered
   });
   var rendererContainerWidth = 0;
   if ((0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
@@ -73,10 +90,10 @@ var InlineExtension = function InlineExtension(props) {
     setIsNodeHovered: setIsNodeHovered,
     pluginInjectionApi: pluginInjectionApi
   }), (0, _react2.jsx)("div", {
-    "data-testid": "inline-extension-wrapper"
+    "data-testid": "inline-extension-wrapper",
+    css: [
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    ,
-    css: [_styles2.wrapperStyle, _styles2.inlineWrapperStyles]
+    _styles2.wrapperStyle, inlineWrapperStyles, showMacroInteractionDesignUpdates && !isLivePageViewMode && (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) && hoverStyles]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: classNames

package/dist/cjs/extensibility/Extension/InlineExtension/styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wrapperStyle = exports.inlineWrapperStyles = void 0;
+exports.wrapperStyle = void 0;
 var _react = require("@emotion/react");
 var _styles = require("../styles");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -31,17 +31,4 @@ var wrapperStyle = exports.wrapperStyle = (0, _react.css)(_styles.wrapperDefault
   '&.with-hover-border': {
     boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8590A2)")
   }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var inlineWrapperStyles = exports.inlineWrapperStyles = (0, _react.css)({
-  maxWidth: '100%',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  'tr &': {
-    maxWidth: 'inherit'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.rich-media-item': {
-    maxWidth: '100%'
-  }
 });

package/dist/cjs/extensibility/Extension/Lozenge/EditToggle.js

@@ -11,6 +11,7 @@ var _reactIntlNext = require("react-intl-next");
 var _checkMark = _interopRequireDefault(require("@atlaskit/icon/core/check-mark"));
 var _edit = _interopRequireDefault(require("@atlaskit/icon/core/edit"));
 var _primitives = require("@atlaskit/primitives");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -98,7 +99,7 @@ var EditToggle = exports.EditToggle = function EditToggle(_ref) {
       "data-testid": "extension-edit-toggle-container"
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
-      css: isNodeHovered ? [buttonContainerStyles, showButtonContainerStyle] : buttonContainerStyles
+      css: [buttonContainerStyles, (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) ? null : isNodeHovered && showButtonContainerStyle]
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       ,
       style: customContainerStyles

package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -5,12 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getShouldShowBodiedMacroLabel = exports.ExtensionLabel = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactIntlNext = require("react-intl-next");
 var _customize = _interopRequireDefault(require("@atlaskit/icon/core/customize"));
 var _primitives = require("@atlaskit/primitives");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 /**
  * @jsxRuntime classic
@@ -30,6 +32,12 @@ var containerStyles = (0, _react.css)({
     marginTop: "var(--ds-space-300, 24px)"
   }
 });
+var showLabelStyles = (0, _react.css)({
+  opacity: 1
+});
+var hideLabelStyles = (0, _react.css)({
+  opacity: 0
+});
 var labelStyles = (0, _react.css)({
   opacity: 0,
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
@@ -99,6 +107,9 @@ var iconStyles = (0, _react.css)({
     display: 'none'
   }
 });
+var bodiedMacroIconStyles = (0, _react.css)({
+  display: 'none'
+});
 var i18n = (0, _reactIntlNext.defineMessages)({
   configure: {
     id: 'editor-common-extensibility.macro.button.configure',
@@ -129,7 +140,7 @@ var ExtensionLabel = exports.ExtensionLabel = function ExtensionLabel(_ref) {
     showBodiedExtensionRendererView = _ref.showBodiedExtensionRendererView,
     pluginInjectionApi = _ref.pluginInjectionApi;
   var isInlineExtension = extensionName === 'inlineExtension';
-  var showDefaultBodiedStyles = isBodiedMacro && !isNodeHovered;
+  var showDefaultBodiedStyles = (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'isEnabled', true) ? isBodiedMacro : isBodiedMacro && !isNodeHovered;
   var shouldShowBodiedMacroLabel = getShouldShowBodiedMacroLabel(isBodiedMacro, isNodeHovered, showLivePagesBodiedMacrosRendererView, showBodiedExtensionRendererView, showUpdatedLivePages1PBodiedExtensionUI);
   var containerClassNames = (0, _classnames.default)({
     bodied: isBodiedMacro
@@ -140,7 +151,7 @@ var ExtensionLabel = exports.ExtensionLabel = function ExtensionLabel(_ref) {
     bodied: isBodiedMacro,
     'bodied-border': showDefaultBodiedStyles,
     'bodied-background': showDefaultBodiedStyles,
-    'show-label': shouldShowBodiedMacroLabel,
+    'show-label': (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) ? false : shouldShowBodiedMacroLabel,
     'with-bodied-macro-live-page-styles': isBodiedMacro && showLivePagesBodiedMacrosRendererView,
     'always-hide-label': isBodiedMacro && showBodiedExtensionRendererView,
     // Need this separate class since we don't ever want to show the label during view mode
@@ -148,7 +159,8 @@ var ExtensionLabel = exports.ExtensionLabel = function ExtensionLabel(_ref) {
     'remove-nested-left-margin': isNodeNested && !isBodiedMacro && !isInlineExtension
   });
   var iconClassNames = (0, _classnames.default)({
-    'hide-icon': isBodiedMacro && !isNodeHovered
+    'hide-icon': (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) ? false : isBodiedMacro && !isNodeHovered,
+    'extension-icon': (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true)
   });
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable
@@ -189,12 +201,14 @@ var ExtensionLabel = exports.ExtensionLabel = function ExtensionLabel(_ref) {
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
       }, tooltipProps, {
-        css: labelStyles
+        css: [labelStyles].concat((0, _toConsumableArray2.default)((0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) ? [!showLivePagesBodiedMacrosRendererView && showLabelStyles, (!isBodiedMacro || showUpdatedLivePages1PBodiedExtensionUI) && hideLabelStyles] : []))
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         ,
         className: labelClassNames
       }), text, (0, _react.jsx)("span", {
-        css: iconStyles,
+        css: [iconStyles, isBodiedMacro && (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) && bodiedMacroIconStyles]
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
         className: iconClassNames,
         "data-testid": "config-icon"
       }, (0, _react.jsx)(_customize.default, {

package/dist/cjs/extensibility/ExtensionComponent.js

@@ -21,6 +21,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _extensions = require("../extensions");
 var _utils = require("../utils");
 var _Extension = _interopRequireDefault(require("./Extension/Extension"));
@@ -258,8 +259,8 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
           macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
           isNodeSelected: selectedNode === node,
           isNodeNested: isNodeNested,
-          isNodeHovered: this.state.isNodeHovered,
-          setIsNodeHovered: this.setIsNodeHovered,
+          isNodeHovered: (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) ? undefined : this.state.isNodeHovered,
+          setIsNodeHovered: (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) ? undefined : this.setIsNodeHovered,
           isLivePageViewMode: isLivePageViewMode,
           allowBodiedOverride: allowBodiedOverride
         });
@@ -280,9 +281,9 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
             pluginInjectionApi: pluginInjectionApi,
             macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
             isNodeSelected: selectedNode === node,
-            isNodeHovered: this.state.isNodeHovered,
+            isNodeHovered: (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) ? undefined : this.state.isNodeHovered,
             isNodeNested: isNodeNested,
-            setIsNodeHovered: this.setIsNodeHovered,
+            setIsNodeHovered: (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) ? undefined : this.setIsNodeHovered,
             showLivePagesBodiedMacrosRendererView: !!(showLivePagesBodiedMacrosRendererView !== null && showLivePagesBodiedMacrosRendererView !== void 0 && showLivePagesBodiedMacrosRendererView((0, _utils.nodeToJSON)(node))),
             showUpdatedLivePages1PBodiedExtensionUI: !!(showUpdatedLivePages1PBodiedExtensionUI !== null && showUpdatedLivePages1PBodiedExtensionUI !== void 0 && showUpdatedLivePages1PBodiedExtensionUI((0, _utils.nodeToJSON)(node))),
             showBodiedExtensionRendererView: showBodiedExtensionRendererView,
@@ -295,8 +296,8 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
             macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
             isNodeSelected: selectedNode === node,
             pluginInjectionApi: pluginInjectionApi,
-            isNodeHovered: this.state.isNodeHovered,
-            setIsNodeHovered: this.setIsNodeHovered,
+            isNodeHovered: (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) ? undefined : this.state.isNodeHovered,
+            setIsNodeHovered: (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) ? undefined : this.setIsNodeHovered,
             isLivePageViewMode: isLivePageViewMode
           }, extensionHandlerResult);
         default:

package/dist/cjs/extensibility/ExtensionNodeWrapper.js

@@ -8,6 +8,7 @@ exports.ExtensionNodeWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _whitespace = require("../whitespace");
 /**
  * @jsxRuntime classic
@@ -27,6 +28,37 @@ var styles = (0, _react2.css)({
     position: 'relative'
   }
 });
+var hoverStyles = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  ':has(.extension-label:hover) .extension-container, :has(.extension-edit-toggle-container:hover) .extension-container': {
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8590A2)")
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  ':has(.extension-container:hover) .extension-label, :has(.extension-edit-toggle-container:hover) .extension-label, .extension-label:hover': {
+    opacity: 1,
+    backgroundColor: "var(--ds-background-accent-gray-subtlest, #F1F2F4)",
+    boxShadow: 'none',
+    cursor: 'pointer',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.always-hide-label': {
+      opacity: 0,
+      cursor: 'auto'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.with-bodied-macro-live-page-styles': {
+      backgroundColor: "var(--ds-background-input, #FFFFFF)",
+      boxShadow: "0 0 0 1px ".concat("var(--ds-border, #091E4224)")
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  ':has(.extension-label:hover) .extension-icon, :has(.extension-container:hover) .extension-icon, :has(.extension-edit-toggle-container:hover) .extension-icon': {
+    display: 'inline'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  ':has(.extension-label:hover) .extension-edit-toggle-container, :has(.extension-container:hover) .extension-edit-toggle-container, .extension-edit-toggle-container:hover': {
+    opacity: 1
+  }
+});
 /**
  * If inlineExtension, add zero width space to the end of the nodes and wrap with span;
  * Also if showMacroInteractionDesignUpdates is true, then add the inline-block style to account for the lozenge.
@@ -45,11 +77,9 @@ var ExtensionNodeWrapper = exports.ExtensionNodeWrapper = function ExtensionNode
     'inline-extension': nodeType === 'inlineExtension' && showMacroInteractionDesignUpdates,
     relative: showMacroInteractionDesignUpdates
   });
-  return (
+  return (0, _react2.jsx)("span", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    (0, _react2.jsx)("span", {
-      className: wrapperClassNames,
-      css: styles
-    }, children, nodeType === 'inlineExtension' && _whitespace.ZERO_WIDTH_SPACE)
-  );
+    className: wrapperClassNames,
+    css: [styles, (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) && hoverStyles]
+  }, children, nodeType === 'inlineExtension' && _whitespace.ZERO_WIDTH_SPACE);
 };

package/dist/cjs/extensibility/MultiBodiedExtension/index.js

@@ -15,6 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _fileEditorFile = _interopRequireDefault(require("@atlaskit/icon/core/migration/file--editor-file"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _hooks = require("../../hooks");
 var _MultiBodiedExtension = require("../../ui/MultiBodiedExtension");
 var _utils = require("../../utils");
@@ -45,6 +46,11 @@ var imageStyles = (0, _react2.css)({
   maxHeight: '24px',
   maxWidth: '24px'
 });
+var hoverStyles = (0, _react2.css)({
+  '&:hover': {
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8590A2)")
+  }
+});
 var MultiBodiedExtensionFrames = function MultiBodiedExtensionFrames(_ref) {
   var articleRef = _ref.articleRef;
   return (0, _react2.jsx)("article", {
@@ -166,7 +172,7 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
     'with-danger-overlay': showMacroInteractionDesignUpdates,
     'with-padding-background-styles': showMacroInteractionDesignUpdates,
     'with-margin-styles': showMacroInteractionDesignUpdates && !isNodeNested,
-    'with-hover-border': showMacroInteractionDesignUpdates && isNodeHovered
+    'with-hover-border': (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) ? false : showMacroInteractionDesignUpdates && isNodeHovered
   });
   var containerClassNames = (0, _classnames.default)('multiBodiedExtension--container', {
     'remove-padding': showMacroInteractionDesignUpdates
@@ -196,10 +202,10 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
     pluginInjectionApi: pluginInjectionApi
   }), (0, _react2.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: wrapperClassNames
+    className: wrapperClassNames,
+    css: [
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    ,
-    css: _styles.mbeExtensionWrapperCSSStyles,
+    _styles.mbeExtensionWrapperCSSStyles, showMacroInteractionDesignUpdates && !isLivePageViewMode && (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) && hoverStyles],
     "data-testid": "multiBodiedExtension--wrapper",
     "data-layout": node.attrs.layout
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766

package/dist/cjs/messages/block-menu.js

@@ -60,5 +60,10 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.editor.block.menu.turn.into',
     defaultMessage: 'Turn into',
     description: 'Turn the selected block into another type'
+  },
+  createSyncedBlock: {
+    id: 'fabric.editor.block.menu.create.synced.block',
+    defaultMessage: 'Create synced block',
+    description: 'Create a synced block at this empty line'
   }
 });

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 = "110.4.8";
+var packageVersion = "110.4.10";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/toolbar/index.js

@@ -1125,12 +1125,6 @@ Object.defineProperty(exports, "TRACK_CHANGES_GROUP_RANK", {
     return _rank.TRACK_CHANGES_GROUP_RANK;
   }
 });
-Object.defineProperty(exports, "TRACK_CHANGES_GROUP_RANK_NEW", {
-  enumerable: true,
-  get: function get() {
-    return _rank.TRACK_CHANGES_GROUP_RANK_NEW;
-  }
-});
 Object.defineProperty(exports, "TRACK_CHANGES_SECTION", {
   enumerable: true,
   get: function get() {
@@ -1143,12 +1137,6 @@ Object.defineProperty(exports, "TRACK_CHANGES_SECTION_RANK", {
     return _rank.TRACK_CHANGES_SECTION_RANK;
   }
 });
-Object.defineProperty(exports, "TRACK_CHANGES_SECTION_RANK_NEW", {
-  enumerable: true,
-  get: function get() {
-    return _rank.TRACK_CHANGES_SECTION_RANK_NEW;
-  }
-});
 Object.defineProperty(exports, "TRANSLATE_MENU_RANK", {
   enumerable: true,
   get: function get() {

package/dist/cjs/toolbar/rank.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UNDO_CHANGES_GROUP_RANK = exports.TRANSLATE_MENU_RANK = exports.TRACK_CHANGES_SECTION_RANK_NEW = exports.TRACK_CHANGES_SECTION_RANK = exports.TRACK_CHANGES_GROUP_RANK_NEW = exports.TRACK_CHANGES_GROUP_RANK = exports.TOOLBAR_RANK = exports.TEXT_STYLES_MENU_SECTION_RANK = exports.TEXT_STYLES_MENU_RANK = exports.TEXT_STYLES_GROUP_RANK = exports.TEXT_SECTION_RANK = exports.TEXT_SECTION_PRIMARY_TOOLBAR_RANK = exports.TEXT_SECTION_COLLAPSED_RANK = exports.TEXT_FORMAT_MENU_RANK = exports.TEXT_FORMAT_GROUP_RANK = exports.TEXT_FORMAT_GROUP_COLLAPSED_RANK = exports.TEXT_FORMATTING_MENU_SECTION_RANK = exports.TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK = exports.TEXT_COLOR_HIGHLIGHT_MENU_RANK = exports.TEXT_COLOR_HIGHLIGHT_GROUP_RANK = exports.TEXT_COLLAPSED_MENU_RANK = exports.TEXT_COLLAPSED_GROUP_RANK = exports.TASK_LIST_GROUP_RANK = exports.TABLE_GROUP_RANK = exports.ROVO_PROMPT_MENU_SECTION_RANK = exports.ROVO_MENU_RANK = exports.ROVO_GROUP_RANK = exports.ROVO_GROUP_DISPLAY_SMALL_RANK = exports.REDO_CHANGES_GROUP_RANK = exports.PIN_SECTION_RANK = exports.PIN_MENU_SECTION_RANK = exports.PIN_GROUP_RANK = exports.OVERFLOW_SECTION_RANK = exports.OVERFLOW_SECTION_PRIMARY_TOOLBAR_RANK = exports.OVERFLOW_MENU_RANK = exports.OVERFLOW_MENU_PRIMARY_TOOLBAR_RANK = exports.OVERFLOW_GROUP_RANK = exports.OVERFLOW_GROUP_PRIMARY_TOOLBAR_RANK = exports.MENTION_GROUP_RANK = exports.MEDIA_GROUP_RANK = exports.LOOM_MENU_SECTION_RANK = exports.LISTS_INDENTATION_MENU_SECTION_RANK = exports.LISTS_INDENTATION_MENU_RANK = exports.LISTS_INDENTATION_GROUP_RANK = exports.LISTS_INDENTATION_GROUP_COLLAPSED_RANK = exports.LINKING_SECTION_RANK = exports.LINKING_GROUP_RANK = exports.LAYOUT_GROUP_RANK = exports.INSERT_GROUP_RANK = exports.INSERT_BLOCK_SECTION_RANK = exports.IMPROVE_WRITING_GROUP_RANK = exports.EMOJI_GROUP_RANK = exports.DEFINE_GROUP_RANK = exports.COMMENT_GROUP_RANK = exports.COLLAB_SECTION_RANK = exports.CODE_BLOCK_GROUP_RANK = exports.CLEAR_FORMARTTING_MENU_SECTION_RANK = exports.CHANGE_TONE_MENU_SECTION_RANK = exports.CHANGE_TONE_MENU_RANK = exports.ALIGNMENT_MENU_SECTION_RANK = exports.ALIGNMENT_MENU_RANK = exports.ALIGNMENT_GROUP_RANK = exports.AI_SECTION_RANK = void 0;
+exports.UNDO_CHANGES_GROUP_RANK = exports.TRANSLATE_MENU_RANK = exports.TRACK_CHANGES_SECTION_RANK = exports.TRACK_CHANGES_GROUP_RANK = exports.TOOLBAR_RANK = exports.TEXT_STYLES_MENU_SECTION_RANK = exports.TEXT_STYLES_MENU_RANK = exports.TEXT_STYLES_GROUP_RANK = exports.TEXT_SECTION_RANK = exports.TEXT_SECTION_PRIMARY_TOOLBAR_RANK = exports.TEXT_SECTION_COLLAPSED_RANK = exports.TEXT_FORMAT_MENU_RANK = exports.TEXT_FORMAT_GROUP_RANK = exports.TEXT_FORMAT_GROUP_COLLAPSED_RANK = exports.TEXT_FORMATTING_MENU_SECTION_RANK = exports.TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK = exports.TEXT_COLOR_HIGHLIGHT_MENU_RANK = exports.TEXT_COLOR_HIGHLIGHT_GROUP_RANK = exports.TEXT_COLLAPSED_MENU_RANK = exports.TEXT_COLLAPSED_GROUP_RANK = exports.TASK_LIST_GROUP_RANK = exports.TABLE_GROUP_RANK = exports.ROVO_PROMPT_MENU_SECTION_RANK = exports.ROVO_MENU_RANK = exports.ROVO_GROUP_RANK = exports.ROVO_GROUP_DISPLAY_SMALL_RANK = exports.REDO_CHANGES_GROUP_RANK = exports.PIN_SECTION_RANK = exports.PIN_MENU_SECTION_RANK = exports.PIN_GROUP_RANK = exports.OVERFLOW_SECTION_RANK = exports.OVERFLOW_SECTION_PRIMARY_TOOLBAR_RANK = exports.OVERFLOW_MENU_RANK = exports.OVERFLOW_MENU_PRIMARY_TOOLBAR_RANK = exports.OVERFLOW_GROUP_RANK = exports.OVERFLOW_GROUP_PRIMARY_TOOLBAR_RANK = exports.MENTION_GROUP_RANK = exports.MEDIA_GROUP_RANK = exports.LOOM_MENU_SECTION_RANK = exports.LISTS_INDENTATION_MENU_SECTION_RANK = exports.LISTS_INDENTATION_MENU_RANK = exports.LISTS_INDENTATION_GROUP_RANK = exports.LISTS_INDENTATION_GROUP_COLLAPSED_RANK = exports.LINKING_SECTION_RANK = exports.LINKING_GROUP_RANK = exports.LAYOUT_GROUP_RANK = exports.INSERT_GROUP_RANK = exports.INSERT_BLOCK_SECTION_RANK = exports.IMPROVE_WRITING_GROUP_RANK = exports.EMOJI_GROUP_RANK = exports.DEFINE_GROUP_RANK = exports.COMMENT_GROUP_RANK = exports.COLLAB_SECTION_RANK = exports.CODE_BLOCK_GROUP_RANK = exports.CLEAR_FORMARTTING_MENU_SECTION_RANK = exports.CHANGE_TONE_MENU_SECTION_RANK = exports.CHANGE_TONE_MENU_RANK = exports.ALIGNMENT_MENU_SECTION_RANK = exports.ALIGNMENT_MENU_RANK = exports.ALIGNMENT_GROUP_RANK = exports.AI_SECTION_RANK = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _keys = require("./keys");
 var _TOOLBAR_RANK;
@@ -102,12 +102,10 @@ var COMMENT_GROUP_RANK = exports.COMMENT_GROUP_RANK = (0, _defineProperty2.defau
  * Track changes section
  */
 
-var TRACK_CHANGES_SECTION_RANK = exports.TRACK_CHANGES_SECTION_RANK = (0, _defineProperty2.default)({}, _keys.TRACK_CHANGES_GROUP.key, 100);
-var TRACK_CHANGES_SECTION_RANK_NEW = exports.TRACK_CHANGES_SECTION_RANK_NEW = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.UNDO_CHANGES_GROUP.key, 100), _keys.REDO_CHANGES_GROUP.key, 200), _keys.TRACK_CHANGES_GROUP.key, 300);
+var TRACK_CHANGES_SECTION_RANK = exports.TRACK_CHANGES_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.UNDO_CHANGES_GROUP.key, 100), _keys.REDO_CHANGES_GROUP.key, 200), _keys.TRACK_CHANGES_GROUP.key, 300);
 var UNDO_CHANGES_GROUP_RANK = exports.UNDO_CHANGES_GROUP_RANK = (0, _defineProperty2.default)({}, _keys.UNDO_BUTTON.key, 100);
 var REDO_CHANGES_GROUP_RANK = exports.REDO_CHANGES_GROUP_RANK = (0, _defineProperty2.default)({}, _keys.REDO_BUTTON.key, 100);
-var TRACK_CHANGES_GROUP_RANK = exports.TRACK_CHANGES_GROUP_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.UNDO_BUTTON.key, 100), _keys.REDO_BUTTON.key, 200), _keys.TRACK_CHANGES_BUTTON.key, 300);
-var TRACK_CHANGES_GROUP_RANK_NEW = exports.TRACK_CHANGES_GROUP_RANK_NEW = (0, _defineProperty2.default)({}, _keys.TRACK_CHANGES_BUTTON.key, 100);
+var TRACK_CHANGES_GROUP_RANK = exports.TRACK_CHANGES_GROUP_RANK = (0, _defineProperty2.default)({}, _keys.TRACK_CHANGES_BUTTON.key, 100);
 
 /**
  * Overflow section

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

@@ -24,7 +24,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 = "110.4.8";
+var packageVersion = "110.4.10";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/es2019/block-menu/index.js

@@ -1,4 +1,4 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
 export { messages } from './messages';
-export { FORMAT_HEADING_1_MENU_ITEM, FORMAT_HEADING_2_MENU_ITEM, FORMAT_HEADING_3_MENU_ITEM, FORMAT_HEADING_4_MENU_ITEM, FORMAT_HEADING_5_MENU_ITEM, FORMAT_HEADING_6_MENU_ITEM, FORMAT_PARAGRAPH_MENU_ITEM, FORMAT_QUOTE_MENU_ITEM, FORMAT_EXPAND_MENU_ITEM, FORMAT_LAYOUT_MENU_ITEM, FORMAT_PANEL_MENU_ITEM, FORMAT_CODE_BLOCK_MENU_ITEM, FORMAT_BULLETED_LIST_MENU_ITEM, FORMAT_NUMBERED_LIST_MENU_ITEM, FORMAT_TASK_LIST_MENU_ITEM, NESTED_FORMAT_MENU_SECTION, COPY_MENU_SECTION, DELETE_MENU_SECTION, MOVE_UP_DOWN_MENU_SECTION, FORMAT_MENU_ITEM, COPY_BLOCK_MENU_ITEM, COPY_LINK_MENU_ITEM, MOVE_UP_MENU_ITEM, MOVE_DOWN_MENU_ITEM, DELETE_MENU_ITEM, NESTED_FORMAT_MENU, PRIMARY_MENU_SECTION } from './key';
-export { FORMAT_NESTED_MENU_RANK, FORMAT_NESTED_MENU_RANK_REVISED, BLOCK_MENU_SECTION_RANK, PRIMARY_MENU_SECTION_RANK, COPY_MENU_SECTION_RANK, DELETE_SECTION_RANK, MOVE_BLOCK_SECTION_RANK } from './rank';
+export { FORMAT_HEADING_1_MENU_ITEM, FORMAT_HEADING_2_MENU_ITEM, FORMAT_HEADING_3_MENU_ITEM, FORMAT_HEADING_4_MENU_ITEM, FORMAT_HEADING_5_MENU_ITEM, FORMAT_HEADING_6_MENU_ITEM, FORMAT_PARAGRAPH_MENU_ITEM, FORMAT_QUOTE_MENU_ITEM, FORMAT_EXPAND_MENU_ITEM, FORMAT_LAYOUT_MENU_ITEM, FORMAT_PANEL_MENU_ITEM, FORMAT_CODE_BLOCK_MENU_ITEM, FORMAT_BULLETED_LIST_MENU_ITEM, FORMAT_NUMBERED_LIST_MENU_ITEM, FORMAT_TASK_LIST_MENU_ITEM, NESTED_FORMAT_MENU_SECTION, COPY_MENU_SECTION, DELETE_MENU_SECTION, MOVE_UP_DOWN_MENU_SECTION, FORMAT_MENU_ITEM, COPY_BLOCK_MENU_ITEM, COPY_LINK_MENU_ITEM, MOVE_UP_MENU_ITEM, MOVE_DOWN_MENU_ITEM, DELETE_MENU_ITEM, NESTED_FORMAT_MENU, PRIMARY_MENU_SECTION, ADD_BLOCKS_MENU_SECTION, CREATE_SYNCED_BLOCK_MENU_ITEM } from './key';
+export { FORMAT_NESTED_MENU_RANK, FORMAT_NESTED_MENU_RANK_REVISED, BLOCK_MENU_SECTION_RANK, PRIMARY_MENU_SECTION_RANK, COPY_MENU_SECTION_RANK, DELETE_SECTION_RANK, MOVE_BLOCK_SECTION_RANK, ADD_BLOCKS_MENU_SECTION_RANK } from './rank';

package/dist/es2019/block-menu/key.js

@@ -52,6 +52,9 @@ export const PRIMARY_MENU_SECTION = {
 export const NESTED_FORMAT_MENU_SECTION = {
   key: 'nested-menu-format-section-primary'
 };
+export const ADD_BLOCKS_MENU_SECTION = {
+  key: 'block-menu-section-synced-block'
+};
 export const COPY_MENU_SECTION = {
   key: 'block-menu-section-copy'
 };
@@ -64,6 +67,9 @@ export const MOVE_UP_DOWN_MENU_SECTION = {
 export const FORMAT_MENU_ITEM = {
   key: 'nested-menu-format-section-primary'
 };
+export const CREATE_SYNCED_BLOCK_MENU_ITEM = {
+  key: 'block-menu-create-synced-block'
+};
 export const COPY_BLOCK_MENU_ITEM = {
   key: 'block-menu-copy-block'
 };

package/dist/es2019/block-menu/rank.js

@@ -1,4 +1,4 @@
-import { FORMAT_HEADING_1_MENU_ITEM, FORMAT_HEADING_2_MENU_ITEM, FORMAT_HEADING_3_MENU_ITEM, FORMAT_HEADING_4_MENU_ITEM, FORMAT_HEADING_5_MENU_ITEM, FORMAT_HEADING_6_MENU_ITEM, FORMAT_PARAGRAPH_MENU_ITEM, FORMAT_QUOTE_MENU_ITEM, FORMAT_EXPAND_MENU_ITEM, FORMAT_LAYOUT_MENU_ITEM, FORMAT_PANEL_MENU_ITEM, FORMAT_CODE_BLOCK_MENU_ITEM, FORMAT_BULLETED_LIST_MENU_ITEM, FORMAT_NUMBERED_LIST_MENU_ITEM, FORMAT_TASK_LIST_MENU_ITEM, FORMAT_MENU_ITEM, COPY_BLOCK_MENU_ITEM, COPY_LINK_MENU_ITEM, MOVE_UP_MENU_ITEM, MOVE_DOWN_MENU_ITEM, DELETE_MENU_ITEM, PRIMARY_MENU_SECTION, COPY_MENU_SECTION, DELETE_MENU_SECTION, MOVE_UP_DOWN_MENU_SECTION } from './key';
+import { FORMAT_HEADING_1_MENU_ITEM, FORMAT_HEADING_2_MENU_ITEM, FORMAT_HEADING_3_MENU_ITEM, FORMAT_HEADING_4_MENU_ITEM, FORMAT_HEADING_5_MENU_ITEM, FORMAT_HEADING_6_MENU_ITEM, FORMAT_PARAGRAPH_MENU_ITEM, FORMAT_QUOTE_MENU_ITEM, FORMAT_EXPAND_MENU_ITEM, FORMAT_LAYOUT_MENU_ITEM, FORMAT_PANEL_MENU_ITEM, FORMAT_CODE_BLOCK_MENU_ITEM, FORMAT_BULLETED_LIST_MENU_ITEM, FORMAT_NUMBERED_LIST_MENU_ITEM, FORMAT_TASK_LIST_MENU_ITEM, FORMAT_MENU_ITEM, COPY_BLOCK_MENU_ITEM, COPY_LINK_MENU_ITEM, MOVE_UP_MENU_ITEM, MOVE_DOWN_MENU_ITEM, DELETE_MENU_ITEM, PRIMARY_MENU_SECTION, COPY_MENU_SECTION, DELETE_MENU_SECTION, MOVE_UP_DOWN_MENU_SECTION, ADD_BLOCKS_MENU_SECTION, CREATE_SYNCED_BLOCK_MENU_ITEM } from './key';
 export const FORMAT_NESTED_MENU_RANK = {
   [FORMAT_HEADING_1_MENU_ITEM.key]: 50,
   [FORMAT_HEADING_2_MENU_ITEM.key]: 100,
@@ -35,6 +35,7 @@ export const FORMAT_NESTED_MENU_RANK_REVISED = {
 };
 export const BLOCK_MENU_SECTION_RANK = {
   [PRIMARY_MENU_SECTION.key]: 100,
+  [ADD_BLOCKS_MENU_SECTION.key]: 200,
   [COPY_MENU_SECTION.key]: 300,
   [MOVE_UP_DOWN_MENU_SECTION.key]: 400,
   [DELETE_MENU_SECTION.key]: 500
@@ -42,6 +43,9 @@ export const BLOCK_MENU_SECTION_RANK = {
 export const PRIMARY_MENU_SECTION_RANK = {
   [FORMAT_MENU_ITEM.key]: 50
 };
+export const ADD_BLOCKS_MENU_SECTION_RANK = {
+  [CREATE_SYNCED_BLOCK_MENU_ITEM.key]: 50
+};
 export const COPY_MENU_SECTION_RANK = {
   [COPY_LINK_MENU_ITEM.key]: 50,
   [COPY_BLOCK_MENU_ITEM.key]: 100