@atlaskit/editor-common 110.4.8 → 110.4.10

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-common
 
+## 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
+
+- [`fa28c66755038`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fa28c66755038) -
+  [EDITOR-1791] On small viewports, when hero action is removed it should move into the drop down
+  menu
+- Updated dependencies
+
 ## 110.4.8
 
 ### Patch Changes

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/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.7";
+var packageVersion = "110.4.9";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/toolbar/index.js

@@ -339,6 +339,12 @@ Object.defineProperty(exports, "IMPROVE_WRITING_GROUP_RANK", {
     return _rank.IMPROVE_WRITING_GROUP_RANK;
   }
 });
+Object.defineProperty(exports, "IMPROVE_WRITING_MENU_ITEM", {
+  enumerable: true,
+  get: function get() {
+    return _keys.IMPROVE_WRITING_MENU_ITEM;
+  }
+});
 Object.defineProperty(exports, "INDENT_MENU_ITEM", {
   enumerable: true,
   get: function get() {
@@ -741,6 +747,18 @@ Object.defineProperty(exports, "ROVO_GROUP", {
     return _keys.ROVO_GROUP;
   }
 });
+Object.defineProperty(exports, "ROVO_GROUP_DISPLAY_SMALL", {
+  enumerable: true,
+  get: function get() {
+    return _keys.ROVO_GROUP_DISPLAY_SMALL;
+  }
+});
+Object.defineProperty(exports, "ROVO_GROUP_DISPLAY_SMALL_RANK", {
+  enumerable: true,
+  get: function get() {
+    return _rank.ROVO_GROUP_DISPLAY_SMALL_RANK;
+  }
+});
 Object.defineProperty(exports, "ROVO_GROUP_RANK", {
   enumerable: true,
   get: function get() {
@@ -765,6 +783,12 @@ Object.defineProperty(exports, "ROVO_MENU", {
     return _keys.ROVO_MENU;
   }
 });
+Object.defineProperty(exports, "ROVO_MENU_DISPLAY_SMALL", {
+  enumerable: true,
+  get: function get() {
+    return _keys.ROVO_MENU_DISPLAY_SMALL;
+  }
+});
 Object.defineProperty(exports, "ROVO_MENU_RANK", {
   enumerable: true,
   get: function get() {
@@ -777,6 +801,12 @@ Object.defineProperty(exports, "ROVO_PROMPT_MENU_SECTION", {
     return _keys.ROVO_PROMPT_MENU_SECTION;
   }
 });
+Object.defineProperty(exports, "ROVO_PROMPT_MENU_SECTION_DISPLAY_SMALL", {
+  enumerable: true,
+  get: function get() {
+    return _keys.ROVO_PROMPT_MENU_SECTION_DISPLAY_SMALL;
+  }
+});
 Object.defineProperty(exports, "ROVO_PROMPT_MENU_SECTION_RANK", {
   enumerable: true,
   get: function get() {
@@ -1095,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() {
@@ -1113,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/keys.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TASK_LIST_GROUP = exports.TASK_LIST_BUTTON = exports.TABLE_SIZE_PICKER = exports.TABLE_GROUP = exports.TABLE_BUTTON = exports.SUPERSCRIPT_MENU_ITEM = exports.SUBSCRIPT_MENU_ITEM = exports.STRIKE_MENU_ITEM = exports.SPELLING_AND_GRAMMAR_MENU_ITEM = exports.SELECTION_EXTENSION_MENU_SECTION = exports.ROVO_PROMPT_MENU_SECTION = exports.ROVO_MENU = exports.ROVO_HERO_BUTTON = exports.ROVO_GROUP_VIEW = exports.ROVO_GROUP = exports.REDO_CHANGES_GROUP = exports.REDO_BUTTON = exports.PIN_SECTION = exports.PIN_MENU_SECTION = exports.PIN_MENU_ITEM = exports.PIN_GROUP = exports.PIN_BUTTON = exports.OVERFLOW_SECTION_PRIMARY_TOOLBAR = exports.OVERFLOW_SECTION = exports.OVERFLOW_MENU_PRIMARY_TOOLBAR = exports.OVERFLOW_MENU = exports.OVERFLOW_GROUP_PRIMARY_TOOLBAR = exports.OVERFLOW_GROUP = exports.OUTDENT_MENU_ITEM = exports.NUMBERED_LIST_MENU_ITEM = exports.NORMAL_TEXT_MENU_ITEM = exports.MORE_PROFESSIONAL_MENU_ITEM = exports.MORE_EMPATHETIC_MENU_ITEM = exports.MORE_CASUAL_MENU_ITEM = exports.MENTION_GROUP = exports.MENTION_BUTTON = exports.MEDIA_GROUP = exports.MEDIA_BUTTON = exports.MAKE_SHORTER_MENU_ITEM = exports.MAKE_LONGER_MENU_ITEM = exports.LOOM_MENU_SECTION = exports.LOOM_MENU_ITEM = exports.LISTS_INDENTATION_MENU_SECTION = exports.LISTS_INDENTATION_MENU = exports.LISTS_INDENTATION_HERO_BUTTON_COLLAPSED = exports.LISTS_INDENTATION_HERO_BUTTON = exports.LISTS_INDENTATION_GROUP_INLINE = exports.LISTS_INDENTATION_GROUP_COLLAPSED = exports.LISTS_INDENTATION_GROUP = exports.LINKING_SECTION = exports.LINKING_GROUP = exports.LINKING_BUTTON = exports.LAYOUT_GROUP = exports.LAYOUT_BUTTON = exports.ITALIC_MENU_ITEM = exports.INSERT_GROUP = exports.INSERT_BUTTON = exports.INSERT_BLOCK_SECTION = exports.INDENT_MENU_ITEM = exports.IMPROVE_WRITING_GROUP = exports.IMPROVE_WRITING_BUTTON = exports.HIGHLIGHT_MENU_ITEM = exports.HEADING_6_MENU_ITEM = exports.HEADING_5_MENU_ITEM = exports.HEADING_4_MENU_ITEM = exports.HEADING_3_MENU_ITEM = exports.HEADING_2_MENU_ITEM = exports.HEADING_1_MENU_ITEM = exports.EMOJI_GROUP = exports.EMOJI_BUTTON = exports.DEFINE_MENU_ITEM = exports.DEFINE_GROUP = exports.DEFINE_BUTTON = exports.COMMENT_HERO_BUTTON = exports.COMMENT_GROUP = exports.COLLAB_SECTION = exports.CODE_MENU_ITEM = exports.CODE_BLOCK_GROUP = exports.CODE_BLOCK_BUTTON = exports.CLEAR_FORMATTING_MENU_ITEM = exports.CLEAR_FORMARTTING_MENU_SECTION = exports.CLEAR_COLOR_MENU_ITEM = exports.CHANGE_TONE_NESTED_MENU = exports.CHANGE_TONE_MENU_SECTION = exports.BULLETED_LIST_MENU_ITEM = exports.BULLETED_LIST_BUTTON_GROUP = exports.BULLETED_LIST_BUTTON = exports.BOLD_MENU_ITEM = exports.BOLD_BUTTON_GROUP = exports.BOLD_BUTTON = exports.BLOCK_QUOTE_MENU_ITEM = exports.APPS_SECTION = exports.ALIGN_RIGHT_MENU_ITEM = exports.ALIGN_LEFT_MENU_ITEM = exports.ALIGN_CENTER_MENU_ITEM = exports.ALIGNMENT_MENU_SECTION = exports.ALIGNMENT_MENU = exports.ALIGNMENT_GROUP = exports.AI_VIEW_SECTION = exports.AI_SECTION = void 0;
-exports.UNDO_CHANGES_GROUP = exports.UNDO_BUTTON = exports.UNDERLINE_MENU_ITEM = exports.UNDERLINE_BUTTON_GROUP = exports.UNDERLINE_BUTTON = exports.TRANSLATE_NESTED_MENU = exports.TRANSLATE_MENU_SECTION = exports.TRACK_CHANGES_SECTION = exports.TRACK_CHANGES_GROUP = exports.TRACK_CHANGES_BUTTON = exports.TOOLBARS = exports.TEXT_STYLES_MENU_SECTION = exports.TEXT_STYLES_MENU = exports.TEXT_STYLES_GROUP = exports.TEXT_SECTION_PRIMARY_TOOLBAR = exports.TEXT_SECTION_COLLAPSED = exports.TEXT_SECTION = exports.TEXT_FORMATTING_MENU_SECTION = exports.TEXT_FORMATTING_MENU = exports.TEXT_FORMATTING_HERO_BUTTON_COLLAPSED = exports.TEXT_FORMATTING_HERO_BUTTON = exports.TEXT_FORMATTING_GROUP_INLINE = exports.TEXT_FORMATTING_GROUP_COLLAPSED = exports.TEXT_FORMATTING_GROUP = exports.TEXT_COLOR_MENU_ITEM = exports.TEXT_COLOR_HIGHLIGHT_MENU_SECTION = exports.TEXT_COLOR_HIGHLIGHT_MENU = exports.TEXT_COLOR_HIGHLIGHT_GROUP = exports.TEXT_COLLAPSED_MENU = exports.TEXT_COLLAPSED_GROUP = exports.TASK_LIST_MENU_ITEM = void 0;
+exports.TABLE_BUTTON = exports.SUPERSCRIPT_MENU_ITEM = exports.SUBSCRIPT_MENU_ITEM = exports.STRIKE_MENU_ITEM = exports.SPELLING_AND_GRAMMAR_MENU_ITEM = exports.SELECTION_EXTENSION_MENU_SECTION = exports.ROVO_PROMPT_MENU_SECTION_DISPLAY_SMALL = exports.ROVO_PROMPT_MENU_SECTION = exports.ROVO_MENU_DISPLAY_SMALL = exports.ROVO_MENU = exports.ROVO_HERO_BUTTON = exports.ROVO_GROUP_VIEW = exports.ROVO_GROUP_DISPLAY_SMALL = exports.ROVO_GROUP = exports.REDO_CHANGES_GROUP = exports.REDO_BUTTON = exports.PIN_SECTION = exports.PIN_MENU_SECTION = exports.PIN_MENU_ITEM = exports.PIN_GROUP = exports.PIN_BUTTON = exports.OVERFLOW_SECTION_PRIMARY_TOOLBAR = exports.OVERFLOW_SECTION = exports.OVERFLOW_MENU_PRIMARY_TOOLBAR = exports.OVERFLOW_MENU = exports.OVERFLOW_GROUP_PRIMARY_TOOLBAR = exports.OVERFLOW_GROUP = exports.OUTDENT_MENU_ITEM = exports.NUMBERED_LIST_MENU_ITEM = exports.NORMAL_TEXT_MENU_ITEM = exports.MORE_PROFESSIONAL_MENU_ITEM = exports.MORE_EMPATHETIC_MENU_ITEM = exports.MORE_CASUAL_MENU_ITEM = exports.MENTION_GROUP = exports.MENTION_BUTTON = exports.MEDIA_GROUP = exports.MEDIA_BUTTON = exports.MAKE_SHORTER_MENU_ITEM = exports.MAKE_LONGER_MENU_ITEM = exports.LOOM_MENU_SECTION = exports.LOOM_MENU_ITEM = exports.LISTS_INDENTATION_MENU_SECTION = exports.LISTS_INDENTATION_MENU = exports.LISTS_INDENTATION_HERO_BUTTON_COLLAPSED = exports.LISTS_INDENTATION_HERO_BUTTON = exports.LISTS_INDENTATION_GROUP_INLINE = exports.LISTS_INDENTATION_GROUP_COLLAPSED = exports.LISTS_INDENTATION_GROUP = exports.LINKING_SECTION = exports.LINKING_GROUP = exports.LINKING_BUTTON = exports.LAYOUT_GROUP = exports.LAYOUT_BUTTON = exports.ITALIC_MENU_ITEM = exports.INSERT_GROUP = exports.INSERT_BUTTON = exports.INSERT_BLOCK_SECTION = exports.INDENT_MENU_ITEM = exports.IMPROVE_WRITING_MENU_ITEM = exports.IMPROVE_WRITING_GROUP = exports.IMPROVE_WRITING_BUTTON = exports.HIGHLIGHT_MENU_ITEM = exports.HEADING_6_MENU_ITEM = exports.HEADING_5_MENU_ITEM = exports.HEADING_4_MENU_ITEM = exports.HEADING_3_MENU_ITEM = exports.HEADING_2_MENU_ITEM = exports.HEADING_1_MENU_ITEM = exports.EMOJI_GROUP = exports.EMOJI_BUTTON = exports.DEFINE_MENU_ITEM = exports.DEFINE_GROUP = exports.DEFINE_BUTTON = exports.COMMENT_HERO_BUTTON = exports.COMMENT_GROUP = exports.COLLAB_SECTION = exports.CODE_MENU_ITEM = exports.CODE_BLOCK_GROUP = exports.CODE_BLOCK_BUTTON = exports.CLEAR_FORMATTING_MENU_ITEM = exports.CLEAR_FORMARTTING_MENU_SECTION = exports.CLEAR_COLOR_MENU_ITEM = exports.CHANGE_TONE_NESTED_MENU = exports.CHANGE_TONE_MENU_SECTION = exports.BULLETED_LIST_MENU_ITEM = exports.BULLETED_LIST_BUTTON_GROUP = exports.BULLETED_LIST_BUTTON = exports.BOLD_MENU_ITEM = exports.BOLD_BUTTON_GROUP = exports.BOLD_BUTTON = exports.BLOCK_QUOTE_MENU_ITEM = exports.APPS_SECTION = exports.ALIGN_RIGHT_MENU_ITEM = exports.ALIGN_LEFT_MENU_ITEM = exports.ALIGN_CENTER_MENU_ITEM = exports.ALIGNMENT_MENU_SECTION = exports.ALIGNMENT_MENU = exports.ALIGNMENT_GROUP = exports.AI_VIEW_SECTION = exports.AI_SECTION = void 0;
+exports.UNDO_CHANGES_GROUP = exports.UNDO_BUTTON = exports.UNDERLINE_MENU_ITEM = exports.UNDERLINE_BUTTON_GROUP = exports.UNDERLINE_BUTTON = exports.TRANSLATE_NESTED_MENU = exports.TRANSLATE_MENU_SECTION = exports.TRACK_CHANGES_SECTION = exports.TRACK_CHANGES_GROUP = exports.TRACK_CHANGES_BUTTON = exports.TOOLBARS = exports.TEXT_STYLES_MENU_SECTION = exports.TEXT_STYLES_MENU = exports.TEXT_STYLES_GROUP = exports.TEXT_SECTION_PRIMARY_TOOLBAR = exports.TEXT_SECTION_COLLAPSED = exports.TEXT_SECTION = exports.TEXT_FORMATTING_MENU_SECTION = exports.TEXT_FORMATTING_MENU = exports.TEXT_FORMATTING_HERO_BUTTON_COLLAPSED = exports.TEXT_FORMATTING_HERO_BUTTON = exports.TEXT_FORMATTING_GROUP_INLINE = exports.TEXT_FORMATTING_GROUP_COLLAPSED = exports.TEXT_FORMATTING_GROUP = exports.TEXT_COLOR_MENU_ITEM = exports.TEXT_COLOR_HIGHLIGHT_MENU_SECTION = exports.TEXT_COLOR_HIGHLIGHT_MENU = exports.TEXT_COLOR_HIGHLIGHT_GROUP = exports.TEXT_COLLAPSED_MENU = exports.TEXT_COLLAPSED_GROUP = exports.TASK_LIST_MENU_ITEM = exports.TASK_LIST_GROUP = exports.TASK_LIST_BUTTON = exports.TABLE_SIZE_PICKER = exports.TABLE_GROUP = void 0;
 var TOOLBARS = exports.TOOLBARS = {
   INLINE_TEXT_TOOLBAR: 'inline-text-toolbar',
   PRIMARY_TOOLBAR: 'primary-toolbar'
@@ -29,6 +29,10 @@ var ROVO_GROUP_VIEW = exports.ROVO_GROUP_VIEW = {
   key: 'rovo-group-view',
   type: 'group'
 };
+var ROVO_GROUP_DISPLAY_SMALL = exports.ROVO_GROUP_DISPLAY_SMALL = {
+  key: 'rovo-group-display-small',
+  type: 'group'
+};
 var IMPROVE_WRITING_GROUP = exports.IMPROVE_WRITING_GROUP = {
   key: 'improve-writing-group',
   type: 'group'
@@ -45,10 +49,22 @@ var ROVO_MENU = exports.ROVO_MENU = {
   key: 'rovo-menu',
   type: 'menu'
 };
+var ROVO_MENU_DISPLAY_SMALL = exports.ROVO_MENU_DISPLAY_SMALL = {
+  key: 'rovo-menu-display-small',
+  type: 'menu'
+};
 var ROVO_PROMPT_MENU_SECTION = exports.ROVO_PROMPT_MENU_SECTION = {
   key: 'rovo-prompt-menu-section',
   type: 'menu-section'
 };
+var ROVO_PROMPT_MENU_SECTION_DISPLAY_SMALL = exports.ROVO_PROMPT_MENU_SECTION_DISPLAY_SMALL = {
+  key: 'rovo-prompt-menu-section-display-small',
+  type: 'menu-section'
+};
+var IMPROVE_WRITING_MENU_ITEM = exports.IMPROVE_WRITING_MENU_ITEM = {
+  key: 'improve-writing-menu-item',
+  type: 'menu-item'
+};
 var MAKE_SHORTER_MENU_ITEM = exports.MAKE_SHORTER_MENU_ITEM = {
   key: 'make-shorter-menu-item',
   type: 'menu-item'

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.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;
@@ -13,12 +13,13 @@ var TOOLBAR_RANK = exports.TOOLBAR_RANK = (_TOOLBAR_RANK = {}, (0, _defineProper
 /**
  * AI section
  */
-var AI_SECTION_RANK = exports.AI_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.ROVO_GROUP.key, 100), _keys.DEFINE_GROUP.key, 200), _keys.IMPROVE_WRITING_GROUP.key, 300);
+var AI_SECTION_RANK = exports.AI_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.ROVO_GROUP.key, 100), _keys.ROVO_GROUP_DISPLAY_SMALL.key, 100), _keys.DEFINE_GROUP.key, 200), _keys.IMPROVE_WRITING_GROUP.key, 300);
 var ROVO_GROUP_RANK = exports.ROVO_GROUP_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.ROVO_HERO_BUTTON.key, 100), _keys.ROVO_MENU.key, 200);
+var ROVO_GROUP_DISPLAY_SMALL_RANK = exports.ROVO_GROUP_DISPLAY_SMALL_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.ROVO_HERO_BUTTON.key, 100), _keys.ROVO_MENU_DISPLAY_SMALL.key, 200);
 var DEFINE_GROUP_RANK = exports.DEFINE_GROUP_RANK = (0, _defineProperty2.default)({}, _keys.DEFINE_BUTTON.key, 100);
 var IMPROVE_WRITING_GROUP_RANK = exports.IMPROVE_WRITING_GROUP_RANK = (0, _defineProperty2.default)({}, _keys.IMPROVE_WRITING_BUTTON.key, 100);
-var ROVO_MENU_RANK = exports.ROVO_MENU_RANK = (0, _defineProperty2.default)({}, _keys.ROVO_PROMPT_MENU_SECTION.key, 100);
-var ROVO_PROMPT_MENU_SECTION_RANK = exports.ROVO_PROMPT_MENU_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.SPELLING_AND_GRAMMAR_MENU_ITEM.key, 100), _keys.CHANGE_TONE_NESTED_MENU.key, 200), _keys.MAKE_SHORTER_MENU_ITEM.key, 300), _keys.MAKE_LONGER_MENU_ITEM.key, 400), _keys.TRANSLATE_NESTED_MENU.key, 500), _keys.DEFINE_MENU_ITEM.key, 600);
+var ROVO_MENU_RANK = exports.ROVO_MENU_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.ROVO_PROMPT_MENU_SECTION_DISPLAY_SMALL.key, 100), _keys.ROVO_PROMPT_MENU_SECTION.key, 100);
+var ROVO_PROMPT_MENU_SECTION_RANK = exports.ROVO_PROMPT_MENU_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.IMPROVE_WRITING_MENU_ITEM.key, 100), _keys.SPELLING_AND_GRAMMAR_MENU_ITEM.key, 100), _keys.CHANGE_TONE_NESTED_MENU.key, 200), _keys.MAKE_SHORTER_MENU_ITEM.key, 300), _keys.MAKE_LONGER_MENU_ITEM.key, 400), _keys.TRANSLATE_NESTED_MENU.key, 500), _keys.DEFINE_MENU_ITEM.key, 600);
 var CHANGE_TONE_MENU_RANK = exports.CHANGE_TONE_MENU_RANK = (0, _defineProperty2.default)({}, _keys.CHANGE_TONE_MENU_SECTION.key, 100);
 var CHANGE_TONE_MENU_SECTION_RANK = exports.CHANGE_TONE_MENU_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.MORE_PROFESSIONAL_MENU_ITEM.key, 100), _keys.MORE_CASUAL_MENU_ITEM.key, 200), _keys.MORE_EMPATHETIC_MENU_ITEM.key, 300);
 var TRANSLATE_MENU_RANK = exports.TRANSLATE_MENU_RANK = (0, _defineProperty2.default)({}, _keys.TRANSLATE_MENU_SECTION.key, 100);
@@ -101,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.7";
+var packageVersion = "110.4.9";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({