@atlaskit/editor-core 223.0.2 → 223.0.4

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-core
 
+## 223.0.4
+
+### Patch Changes
+
+- [`9df0d15ebfb51`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9df0d15ebfb51) -
+  Add aria-readonly during SSR only for editor view mode, and use the configured mode when plugin
+  state is unavailable.
+- Updated dependencies
+
+## 223.0.3
+
+### Patch Changes
+
+- [`0cdf73fdf7d3e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0cdf73fdf7d3e) -
+  [ux] [EDITOR-8273] add breakout resizing to extension nodes behind
+  `platform_editor_lovability_resize_extensions` with graceful rendering behind
+  `platform_editor_lovability_resize_ext_gracefully`
+- Updated dependencies
+
 ## 223.0.2
 
 ### Patch Changes

package/dist/cjs/create-editor/ReactEditorView.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ReactEditorView = ReactEditorView;
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -34,6 +35,7 @@ var _view = require("@atlaskit/editor-prosemirror/view");
 var _editorSsrRenderer = require("@atlaskit/editor-ssr-renderer");
 var _createSsrEditorState = require("@atlaskit/editor-ssr-renderer/create-ssr-editor-state");
 var _createSsrPmPlugins = require("@atlaskit/editor-ssr-renderer/create-ssr-pm-plugins");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _customData = require("@atlaskit/react-ufo/custom-data");
 var _interactionIdContext = require("@atlaskit/react-ufo/interaction-id-context");
@@ -1047,6 +1049,7 @@ function ReactEditorView(props) {
   // In separate memo, because some props like `props.intl` that need only for rendering
   // changes many times, but we don't want to process plugins and ADF document for each unnecessary changes.
   var ssrDeps = (0, _react.useMemo)(function () {
+    var _pluginInjectionAPI$c4;
     if (!(0, _coreUtils.isSSR)()) {
       return null;
     }
@@ -1067,6 +1070,8 @@ function ReactEditorView(props) {
       return buildDoc(schema);
     };
     var doc = (0, _ssrMeasures.profileSSROperation)("".concat(SSR_TRACE_SEGMENT_NAME, "/buildDoc"), doBuildDoc, onSSRMeasure);
+    var isViewMode = ((_pluginInjectionAPI$c4 = pluginInjectionAPI.current.api()) === null || _pluginInjectionAPI$c4 === void 0 || (_pluginInjectionAPI$c4 = _pluginInjectionAPI$c4.editorViewMode) === null || _pluginInjectionAPI$c4 === void 0 || (_pluginInjectionAPI$c4 = _pluginInjectionAPI$c4.sharedState.currentState()) === null || _pluginInjectionAPI$c4 === void 0 ? void 0 : _pluginInjectionAPI$c4.mode) === 'view';
+    var ariaReadonly = isViewMode && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_viewmode_aria_readonly_a11y') ? 'true' : undefined;
 
     // When the platform_editor_ssr_toolbar_optimistic is on, we create SSR-safe PM plugins and EditorState
     // HERE in ssrDeps — before any children render — so that FullPageToolbarNext can read correct
@@ -1096,6 +1101,7 @@ function ReactEditorView(props) {
         plugins: plugins,
         schema: schema,
         doc: doc,
+        ariaReadonly: ariaReadonly,
         ssrPMPlugins: ssrPMPlugins,
         ssrEditorState: ssrState
       };
@@ -1104,6 +1110,7 @@ function ReactEditorView(props) {
       plugins: plugins,
       schema: schema,
       doc: doc,
+      ariaReadonly: ariaReadonly,
       ssrPMPlugins: undefined,
       ssrEditorState: undefined
     };
@@ -1148,7 +1155,7 @@ function ReactEditorView(props) {
     if (!ssrDeps) {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement(_editorSsrRenderer.EditorSSRRenderer, {
+    return /*#__PURE__*/_react.default.createElement(_editorSsrRenderer.EditorSSRRenderer, (0, _extends2.default)({
       intl: props.intl,
       doc: ssrDeps.doc,
       schema: ssrDeps.schema,
@@ -1161,7 +1168,11 @@ function ReactEditorView(props) {
       key: "ProseMirror",
       "aria-label": assistiveLabel || (isPageAppearance ? props.intl.formatMessage(_messages.editorMessages.fullPageEditorAssistiveLabel) : props.intl.formatMessage(_messages.editorMessages.editorAssistiveLabel)),
       id: EDIT_AREA_ID,
-      "aria-describedby": assistiveDescribedBy,
+      "aria-describedby": assistiveDescribedBy
+      // eslint-disable-next-line react/jsx-props-no-spreading -- aria-readonly must be omitted unless view mode is confirmed
+    }, ssrDeps.ariaReadonly === 'true' ? {
+      'aria-readonly': 'true'
+    } : {}, {
       "data-editor-id": editorId.current,
       onSSRMeasure: onSSRMeasure,
       prebuiltPMPlugins: ssrDeps.ssrPMPlugins,
@@ -1176,7 +1187,7 @@ function ReactEditorView(props) {
           oldEditorState: undefined
         });
       }
-    });
+    }));
   }, [ssrDeps, props.intl, props.portalProviderAPI, assistiveLabel, isPageAppearance, assistiveDescribedBy, onSSRMeasure, handleSsrEditorStateChanged]);
   var editor = (0, _react.useMemo)(function () {
     // SSR editor will be available only in SSR environment,

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css

@@ -131,6 +131,7 @@
 .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container--left, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container--left{left:-24px}.cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container--right, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container--right{right:-24px}.cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}
 @container editor-area (max-width: 600px){.cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container, .cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container{opacity:0;visibility:hidden}.cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection]) .resizer-item{will-change:width}.cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection]) .resizer-item.display-handle>.resizer-handle-wrapper>.resizer-handle, .cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection]) .resizer-item:hover>.resizer-handle-wrapper>.resizer-handle{visibility:hidden;opacity:0}}
 .cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel])>.pm-breakout-resize-handle-container--right{right:-4px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel_c1])>.pm-breakout-resize-handle-container--right{right:-4px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel_c1])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=rule])>.pm-breakout-resize-handle-container--right{right:-4px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=rule])>.pm-breakout-resize-handle-container{align-self:center;height:40px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=rule].first-node-in-document)>.pm-breakout-resize-handle-container{transform:translateY(-14px)}
+.cc-1qxwscr .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedExtension])>.pm-breakout-resize-handle-container--right, .cc-1qxwscr .fabric-editor-breakout-mark:has([data-prosemirror-node-name=extension])>.pm-breakout-resize-handle-container--right, .cc-1qxwscr .fabric-editor-breakout-mark:has([data-prosemirror-node-name=multiBodiedExtension])>.pm-breakout-resize-handle-container--right{right:-25px}
 .cc-15hu28n .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection].first-node-in-document)>.pm-breakout-resize-handle-container{height:calc(100% - 8px)}
 .cc-zdnzj .resizer-item{will-change:width}.cc-zdnzj .resizer-item.display-handle>.resizer-handle-wrapper>.resizer-handle, .cc-zdnzj .resizer-item:hover>.resizer-handle-wrapper>.resizer-handle{visibility:visible;opacity:1}.cc-zdnzj .resizer-item.is-resizing .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-item.resizer-handle-danger .resizer-handle-thumb{transition:none;background:var(--ds-icon-danger,#c9372c)}.cc-zdnzj .resizer-handle{display:flex;visibility:hidden;opacity:0;flex-direction:column;justify-content:center;align-items:center;width:7px;transition:visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle div[role=presentation]:not(:where([popover],dialog,[popover] *,dialog *)){width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:var(--ds-space-negative-200,-1pc);white-space:normal}.cc-zdnzj .resizer-handle.left{align-items:flex-start}.cc-zdnzj .resizer-handle.right{align-items:flex-end}.cc-zdnzj .resizer-handle.small .resizer-handle-thumb{height:43px}.cc-zdnzj .resizer-handle.medium .resizer-handle-thumb{height:4pc}.cc-zdnzj .resizer-handle.large .resizer-handle-thumb{height:6pc}.cc-zdnzj .resizer-handle.clamped .resizer-handle-thumb{height:clamp(43px,calc(100% - 2pc),6pc)}.cc-zdnzj .resizer-handle.sticky .resizer-handle-thumb{position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}.cc-zdnzj .resizer-handle:hover .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-handle:hover .resizer-handle-track{visibility:visible;opacity:.5}.cc-zdnzj .resizer-handle-thumb{content:" ";display:flex;width:3px;margin:0 var(--ds-space-025,2px);height:4pc;transition:background-color .2s;border-radius:var(--ds-radius-medium,6px);border:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;z-index:2;outline-color:currentColor;outline-style:none;outline-width:medium;min-height:24px;background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-handle-thumb:hover{cursor:col-resize}.cc-zdnzj .resizer-handle-thumb:focus{background:var(--ds-border-selected,#1868db)}.cc-zdnzj .resizer-handle-thumb:focus:after{content:"";position:absolute;top:var(--ds-space-negative-050,-4px);right:var(--ds-space-negative-050,-4px);bottom:var(--ds-space-negative-050,-4px);left:var(--ds-space-negative-050,-4px);border:var(--ds-border-width-selected,2px) solid var(--ds-border-focused,#4688ec);border-radius:inherit;z-index:-1}.cc-zdnzj .resizer-handle-track{visibility:hidden;position:absolute;width:7px;height:calc(100% - 40px);border-radius:var(--ds-radius-small,4px);opacity:0;transition:background-color .2s,visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle-track.none{background:none}.cc-zdnzj .resizer-handle-track.shadow{background:var(--ds-background-selected,#e9f2fe)}.cc-zdnzj .resizer-handle-track.full-height{background:var(--ds-background-selected,#e9f2fe);height:100%;min-height:36px}.cc-zdnzj .ak-editor-selected-node .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .ak-editor-no-interaction .ak-editor-selected-node .resizer-handle:not(:hover) .resizer-handle-thumb{background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-hover-zone{position:relative;display:flow-root;width:100%}.cc-zdnzj .resizer-hover-zone.resizer-is-extended{padding:0 var(--ds-space-150,9pt);left:var(--ds-space-negative-150,-9pt)}.cc-zdnzj table .resizer-hover-zone, .cc-zdnzj table .resizer-hover-zone.resizer-is-extended{padding-top:unset;padding-right:unset;padding-bottom:unset;padding-left:unset;left:unset}
 .cc-1nsisym .resizer-handle.bottom{flex-direction:row;align-items:flex-end;width:100%;height:7px}.cc-1nsisym .resizer-handle.bottom .resizer-handle-thumb{width:4pc;height:3px;min-width:24px;min-height:0;margin-top:var(--ds-space-025,2px);margin-right:0;margin-bottom:var(--ds-space-025,2px);margin-left:0}.cc-1nsisym .resizer-handle.bottom .resizer-handle-thumb:hover{cursor:row-resize}.cc-1nsisym .resizer-handle.bottom .resizer-handle-track{width:calc(100% - 40px);height:7px}.cc-1nsisym .resizer-handle.bottom .resizer-handle-track.full-height{width:100%;height:7px;min-width:36px;min-height:0}.cc-1nsisym .resizer-handle.small.bottom .resizer-handle-thumb{width:43px;height:3px}.cc-1nsisym .resizer-handle.medium.bottom .resizer-handle-thumb{width:4pc;height:3px}.cc-1nsisym .resizer-handle.large.bottom .resizer-handle-thumb{width:6pc;height:3px}.cc-1nsisym .resizer-handle.clamped.bottom .resizer-handle-thumb{width:clamp(43px,calc(100% - 2pc),6pc);height:3px}

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js

@@ -298,6 +298,7 @@ var editorContentStyles = {
   pragmaticResizerStylesSyncedBlock: "cc-kqyid",
   pragmaticResizerStylesWithReducedEditorGutter: "cc-1rmxv6a",
   pragmaticResizerStylesPanelAndRule: "cc-e2b324",
+  pragmaticResizerStylesExtensions: "cc-1qxwscr",
   pragmaticStylesLayoutFirstNodeResizeHandleFix: "cc-15hu28n",
   resizerStyles: "cc-zdnzj",
   resizerBottomHandleStyles: "cc-1nsisym",
@@ -420,7 +421,7 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
     }) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, (0, _expValEquals.expValEquals)('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
     editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, (0, _expValEquals.expValEquals)('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, colorMode === 'dark' && (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_controls', 'cohort', 'variant1') || (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
     // Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
-    !useStandardNodeWidth && editorContentStyles.syncBlockStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && !(0, _platformFeatureFlags.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, !(0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDnd, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && !(0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _experiments.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && (0, _platformFeatureFlags.fg)('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, (0, _expValEquals.expValEquals)('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (0, _expValEquals.expValEquals)('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_1') && editorContentStyles.tableContentModeExtensionContainmentStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
+    !useStandardNodeWidth && editorContentStyles.syncBlockStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && !(0, _platformFeatureFlags.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, !(0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDnd, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && !(0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _experiments.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && (0, _platformFeatureFlags.fg)('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, (0, _expValEquals.expValEquals)('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (0, _expValEquals.expValEquals)('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_1') && editorContentStyles.tableContentModeExtensionContainmentStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js

@@ -443,7 +443,9 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _resizerStyles.pragmaticResizerStyles : undefined, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _resizerStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ?
+    _resizerStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _resizerStyles.pragmaticResizerStylesExtensions, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     (0, _experiments.editorExperiment)('platform_synced_block', true) ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/cjs/ui/EditorContentContainer/styles/resizerStyles.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resizerStyles = exports.resizerItemClassName = exports.resizerHoverZoneClassName = exports.resizerHandleTrackClassName = exports.resizerHandleThumbWidth = exports.resizerHandleThumbClassName = exports.resizerHandleClassName = exports.resizerExtendedZone = exports.resizerDangerClassName = exports.resizerBottomHandleStyles = exports.pragmaticStylesLayoutFirstNodeResizeHandleFix = exports.pragmaticResizerStylesWithReducedEditorGutter = exports.pragmaticResizerStylesSyncedBlock = exports.pragmaticResizerStylesPanelAndRule = exports.pragmaticResizerStylesForTooltip = exports.pragmaticResizerStylesCodeBlockSyncedBlockPatch = exports.pragmaticResizerStylesCodeBlockLegacy = exports.pragmaticResizerStyles = exports.handleWrapperClass = void 0;
+exports.resizerStyles = exports.resizerItemClassName = exports.resizerHoverZoneClassName = exports.resizerHandleTrackClassName = exports.resizerHandleThumbWidth = exports.resizerHandleThumbClassName = exports.resizerHandleClassName = exports.resizerExtendedZone = exports.resizerDangerClassName = exports.resizerBottomHandleStyles = exports.pragmaticStylesLayoutFirstNodeResizeHandleFix = exports.pragmaticResizerStylesWithReducedEditorGutter = exports.pragmaticResizerStylesSyncedBlock = exports.pragmaticResizerStylesPanelAndRule = exports.pragmaticResizerStylesForTooltip = exports.pragmaticResizerStylesExtensions = exports.pragmaticResizerStylesCodeBlockSyncedBlockPatch = exports.pragmaticResizerStylesCodeBlockLegacy = exports.pragmaticResizerStyles = exports.handleWrapperClass = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -616,4 +616,22 @@ var pragmaticResizerStylesPanelAndRule = exports.pragmaticResizerStylesPanelAndR
       }
     }
   }
+});
+/**
+ * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
+ * If you need to make changes here, also update the corresponding style in
+ * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
+ * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
+ */
+var pragmaticResizerStylesExtensions = exports.pragmaticResizerStylesExtensions = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.fabric-editor-breakout-mark': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:has([data-prosemirror-node-name="extension"]), &:has([data-prosemirror-node-name="bodiedExtension"]), &:has([data-prosemirror-node-name="multiBodiedExtension"])': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '> .pm-breakout-resize-handle-container--right': {
+        right: '-25px'
+      }
+    }
+  }
 });

package/dist/cjs/version-wrapper.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-var version = exports.version = "223.0.1";
+var version = exports.version = "223.0.3";

package/dist/es2019/create-editor/ReactEditorView.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useLayoutEffect, useMemo, useRef, useState, useEffect } from 'react';
 import { injectIntl } from 'react-intl';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
@@ -23,6 +24,7 @@ import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { EditorSSRRenderer } from '@atlaskit/editor-ssr-renderer';
 import { createSSREditorState } from '@atlaskit/editor-ssr-renderer/create-ssr-editor-state';
 import { createSSRPMPlugins } from '@atlaskit/editor-ssr-renderer/create-ssr-pm-plugins';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { addUFOCustomData } from '@atlaskit/react-ufo/custom-data';
 import { getInteractionId } from '@atlaskit/react-ufo/interaction-id-context';
@@ -976,6 +978,7 @@ export function ReactEditorView(props) {
   // In separate memo, because some props like `props.intl` that need only for rendering
   // changes many times, but we don't want to process plugins and ADF document for each unnecessary changes.
   const ssrDeps = useMemo(() => {
+    var _pluginInjectionAPI$c8, _pluginInjectionAPI$c9, _pluginInjectionAPI$c0;
     if (!isSSR()) {
       return null;
     }
@@ -990,6 +993,8 @@ export function ReactEditorView(props) {
     const schema = profileSSROperation(`${SSR_TRACE_SEGMENT_NAME}/createSchema`, doCreateSchema, onSSRMeasure);
     const doBuildDoc = () => buildDoc(schema);
     const doc = profileSSROperation(`${SSR_TRACE_SEGMENT_NAME}/buildDoc`, doBuildDoc, onSSRMeasure);
+    const isViewMode = ((_pluginInjectionAPI$c8 = pluginInjectionAPI.current.api()) === null || _pluginInjectionAPI$c8 === void 0 ? void 0 : (_pluginInjectionAPI$c9 = _pluginInjectionAPI$c8.editorViewMode) === null || _pluginInjectionAPI$c9 === void 0 ? void 0 : (_pluginInjectionAPI$c0 = _pluginInjectionAPI$c9.sharedState.currentState()) === null || _pluginInjectionAPI$c0 === void 0 ? void 0 : _pluginInjectionAPI$c0.mode) === 'view';
+    const ariaReadonly = isViewMode && isExperimentEnabled('platform_editor_viewmode_aria_readonly_a11y') ? 'true' : undefined;
 
     // When the platform_editor_ssr_toolbar_optimistic is on, we create SSR-safe PM plugins and EditorState
     // HERE in ssrDeps — before any children render — so that FullPageToolbarNext can read correct
@@ -1013,6 +1018,7 @@ export function ReactEditorView(props) {
         plugins,
         schema,
         doc,
+        ariaReadonly,
         ssrPMPlugins,
         ssrEditorState: ssrState
       };
@@ -1021,6 +1027,7 @@ export function ReactEditorView(props) {
       plugins,
       schema,
       doc,
+      ariaReadonly,
       ssrPMPlugins: undefined,
       ssrEditorState: undefined
     };
@@ -1064,7 +1071,7 @@ export function ReactEditorView(props) {
     if (!ssrDeps) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(EditorSSRRenderer, {
+    return /*#__PURE__*/React.createElement(EditorSSRRenderer, _extends({
       intl: props.intl,
       doc: ssrDeps.doc,
       schema: ssrDeps.schema,
@@ -1077,7 +1084,11 @@ export function ReactEditorView(props) {
       key: "ProseMirror",
       "aria-label": assistiveLabel || (isPageAppearance ? props.intl.formatMessage(editorMessages.fullPageEditorAssistiveLabel) : props.intl.formatMessage(editorMessages.editorAssistiveLabel)),
       id: EDIT_AREA_ID,
-      "aria-describedby": assistiveDescribedBy,
+      "aria-describedby": assistiveDescribedBy
+      // eslint-disable-next-line react/jsx-props-no-spreading -- aria-readonly must be omitted unless view mode is confirmed
+    }, ssrDeps.ariaReadonly === 'true' ? {
+      'aria-readonly': 'true'
+    } : {}, {
       "data-editor-id": editorId.current,
       onSSRMeasure: onSSRMeasure,
       prebuiltPMPlugins: ssrDeps.ssrPMPlugins,
@@ -1092,7 +1103,7 @@ export function ReactEditorView(props) {
           oldEditorState: undefined
         });
       }
-    });
+    }));
   }, [ssrDeps, props.intl, props.portalProviderAPI, assistiveLabel, isPageAppearance, assistiveDescribedBy, onSSRMeasure, handleSsrEditorStateChanged]);
   const editor = useMemo(() => {
     // SSR editor will be available only in SSR environment,

package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css

@@ -131,6 +131,7 @@
 .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container--left, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container--left{left:-24px}.cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container--right, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container--right{right:-24px}.cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}
 @container editor-area (max-width: 600px){.cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container, .cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container{opacity:0;visibility:hidden}.cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection]) .resizer-item{will-change:width}.cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection]) .resizer-item.display-handle>.resizer-handle-wrapper>.resizer-handle, .cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection]) .resizer-item:hover>.resizer-handle-wrapper>.resizer-handle{visibility:hidden;opacity:0}}
 .cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel])>.pm-breakout-resize-handle-container--right{right:-4px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel_c1])>.pm-breakout-resize-handle-container--right{right:-4px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel_c1])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=rule])>.pm-breakout-resize-handle-container--right{right:-4px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=rule])>.pm-breakout-resize-handle-container{align-self:center;height:40px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=rule].first-node-in-document)>.pm-breakout-resize-handle-container{transform:translateY(-14px)}
+.cc-1qxwscr .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedExtension])>.pm-breakout-resize-handle-container--right, .cc-1qxwscr .fabric-editor-breakout-mark:has([data-prosemirror-node-name=extension])>.pm-breakout-resize-handle-container--right, .cc-1qxwscr .fabric-editor-breakout-mark:has([data-prosemirror-node-name=multiBodiedExtension])>.pm-breakout-resize-handle-container--right{right:-25px}
 .cc-15hu28n .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection].first-node-in-document)>.pm-breakout-resize-handle-container{height:calc(100% - 8px)}
 .cc-zdnzj .resizer-item{will-change:width}.cc-zdnzj .resizer-item.display-handle>.resizer-handle-wrapper>.resizer-handle, .cc-zdnzj .resizer-item:hover>.resizer-handle-wrapper>.resizer-handle{visibility:visible;opacity:1}.cc-zdnzj .resizer-item.is-resizing .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-item.resizer-handle-danger .resizer-handle-thumb{transition:none;background:var(--ds-icon-danger,#c9372c)}.cc-zdnzj .resizer-handle{display:flex;visibility:hidden;opacity:0;flex-direction:column;justify-content:center;align-items:center;width:7px;transition:visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle div[role=presentation]:not(:where([popover],dialog,[popover] *,dialog *)){width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:var(--ds-space-negative-200,-1pc);white-space:normal}.cc-zdnzj .resizer-handle.left{align-items:flex-start}.cc-zdnzj .resizer-handle.right{align-items:flex-end}.cc-zdnzj .resizer-handle.small .resizer-handle-thumb{height:43px}.cc-zdnzj .resizer-handle.medium .resizer-handle-thumb{height:4pc}.cc-zdnzj .resizer-handle.large .resizer-handle-thumb{height:6pc}.cc-zdnzj .resizer-handle.clamped .resizer-handle-thumb{height:clamp(43px,calc(100% - 2pc),6pc)}.cc-zdnzj .resizer-handle.sticky .resizer-handle-thumb{position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}.cc-zdnzj .resizer-handle:hover .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-handle:hover .resizer-handle-track{visibility:visible;opacity:.5}.cc-zdnzj .resizer-handle-thumb{content:" ";display:flex;width:3px;margin:0 var(--ds-space-025,2px);height:4pc;transition:background-color .2s;border-radius:var(--ds-radius-medium,6px);border:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;z-index:2;outline-color:currentColor;outline-style:none;outline-width:medium;min-height:24px;background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-handle-thumb:hover{cursor:col-resize}.cc-zdnzj .resizer-handle-thumb:focus{background:var(--ds-border-selected,#1868db)}.cc-zdnzj .resizer-handle-thumb:focus:after{content:"";position:absolute;top:var(--ds-space-negative-050,-4px);right:var(--ds-space-negative-050,-4px);bottom:var(--ds-space-negative-050,-4px);left:var(--ds-space-negative-050,-4px);border:var(--ds-border-width-selected,2px) solid var(--ds-border-focused,#4688ec);border-radius:inherit;z-index:-1}.cc-zdnzj .resizer-handle-track{visibility:hidden;position:absolute;width:7px;height:calc(100% - 40px);border-radius:var(--ds-radius-small,4px);opacity:0;transition:background-color .2s,visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle-track.none{background:none}.cc-zdnzj .resizer-handle-track.shadow{background:var(--ds-background-selected,#e9f2fe)}.cc-zdnzj .resizer-handle-track.full-height{background:var(--ds-background-selected,#e9f2fe);height:100%;min-height:36px}.cc-zdnzj .ak-editor-selected-node .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .ak-editor-no-interaction .ak-editor-selected-node .resizer-handle:not(:hover) .resizer-handle-thumb{background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-hover-zone{position:relative;display:flow-root;width:100%}.cc-zdnzj .resizer-hover-zone.resizer-is-extended{padding:0 var(--ds-space-150,9pt);left:var(--ds-space-negative-150,-9pt)}.cc-zdnzj table .resizer-hover-zone, .cc-zdnzj table .resizer-hover-zone.resizer-is-extended{padding-top:unset;padding-right:unset;padding-bottom:unset;padding-left:unset;left:unset}
 .cc-1nsisym .resizer-handle.bottom{flex-direction:row;align-items:flex-end;width:100%;height:7px}.cc-1nsisym .resizer-handle.bottom .resizer-handle-thumb{width:4pc;height:3px;min-width:24px;min-height:0;margin-top:var(--ds-space-025,2px);margin-right:0;margin-bottom:var(--ds-space-025,2px);margin-left:0}.cc-1nsisym .resizer-handle.bottom .resizer-handle-thumb:hover{cursor:row-resize}.cc-1nsisym .resizer-handle.bottom .resizer-handle-track{width:calc(100% - 40px);height:7px}.cc-1nsisym .resizer-handle.bottom .resizer-handle-track.full-height{width:100%;height:7px;min-width:36px;min-height:0}.cc-1nsisym .resizer-handle.small.bottom .resizer-handle-thumb{width:43px;height:3px}.cc-1nsisym .resizer-handle.medium.bottom .resizer-handle-thumb{width:4pc;height:3px}.cc-1nsisym .resizer-handle.large.bottom .resizer-handle-thumb{width:6pc;height:3px}.cc-1nsisym .resizer-handle.clamped.bottom .resizer-handle-thumb{width:clamp(43px,calc(100% - 2pc),6pc);height:3px}

package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js

@@ -349,6 +349,7 @@ const editorContentStyles = {
   pragmaticResizerStylesSyncedBlock: "cc-kqyid",
   pragmaticResizerStylesWithReducedEditorGutter: "cc-1rmxv6a",
   pragmaticResizerStylesPanelAndRule: "cc-e2b324",
+  pragmaticResizerStylesExtensions: "cc-1qxwscr",
   pragmaticStylesLayoutFirstNodeResizeHandleFix: "cc-15hu28n",
   resizerStyles: "cc-zdnzj",
   resizerBottomHandleStyles: "cc-1nsisym",
@@ -477,7 +478,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
     }) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
     editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorExperiment('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
     // Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
-    !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDnd, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && fg('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, isExperimentEnabled('platform_editor_table_fit_to_content_patch_1') && editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
+    !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDnd, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && fg('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, isExperimentEnabled('platform_editor_table_fit_to_content_patch_1') && editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"

package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js

@@ -53,7 +53,7 @@ import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentio
 import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixinNestedDnd, panelViewStyles } from './styles/panelStyles';
 import { paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
 import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
-import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockLegacy, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesForTooltip, pragmaticResizerStylesPanelAndRule, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerBottomHandleStyles, resizerStyles } from './styles/resizerStyles';
+import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockLegacy, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesExtensions, pragmaticResizerStylesForTooltip, pragmaticResizerStylesPanelAndRule, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerBottomHandleStyles, resizerStyles } from './styles/resizerStyles';
 import { dangerRuleStyles, ruleStyles } from './styles/rule';
 import { scrollbarStyles } from './styles/scrollbarStyles';
 import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
@@ -447,7 +447,9 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     pragmaticResizerStyles : undefined, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
+    pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     editorExperiment('platform_synced_block', true) ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/es2019/ui/EditorContentContainer/styles/resizerStyles.js

@@ -690,4 +690,22 @@ export const pragmaticResizerStylesPanelAndRule = css({
       }
     }
   }
+});
+/**
+ * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
+ * If you need to make changes here, also update the corresponding style in
+ * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
+ * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
+ */
+export const pragmaticResizerStylesExtensions = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.fabric-editor-breakout-mark': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:has([data-prosemirror-node-name="extension"]), &:has([data-prosemirror-node-name="bodiedExtension"]), &:has([data-prosemirror-node-name="multiBodiedExtension"])': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '> .pm-breakout-resize-handle-container--right': {
+        right: '-25px'
+      }
+    }
+  }
 });

package/dist/es2019/version-wrapper.js

@@ -1,3 +1,3 @@
 export const name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export const version = "223.0.1";
+export const version = "223.0.3";

package/dist/esm/create-editor/ReactEditorView.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
@@ -31,6 +32,7 @@ import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { EditorSSRRenderer } from '@atlaskit/editor-ssr-renderer';
 import { createSSREditorState } from '@atlaskit/editor-ssr-renderer/create-ssr-editor-state';
 import { createSSRPMPlugins } from '@atlaskit/editor-ssr-renderer/create-ssr-pm-plugins';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { addUFOCustomData } from '@atlaskit/react-ufo/custom-data';
 import { getInteractionId } from '@atlaskit/react-ufo/interaction-id-context';
@@ -1038,6 +1040,7 @@ export function ReactEditorView(props) {
   // In separate memo, because some props like `props.intl` that need only for rendering
   // changes many times, but we don't want to process plugins and ADF document for each unnecessary changes.
   var ssrDeps = useMemo(function () {
+    var _pluginInjectionAPI$c4;
     if (!isSSR()) {
       return null;
     }
@@ -1058,6 +1061,8 @@ export function ReactEditorView(props) {
       return buildDoc(schema);
     };
     var doc = profileSSROperation("".concat(SSR_TRACE_SEGMENT_NAME, "/buildDoc"), doBuildDoc, onSSRMeasure);
+    var isViewMode = ((_pluginInjectionAPI$c4 = pluginInjectionAPI.current.api()) === null || _pluginInjectionAPI$c4 === void 0 || (_pluginInjectionAPI$c4 = _pluginInjectionAPI$c4.editorViewMode) === null || _pluginInjectionAPI$c4 === void 0 || (_pluginInjectionAPI$c4 = _pluginInjectionAPI$c4.sharedState.currentState()) === null || _pluginInjectionAPI$c4 === void 0 ? void 0 : _pluginInjectionAPI$c4.mode) === 'view';
+    var ariaReadonly = isViewMode && isExperimentEnabled('platform_editor_viewmode_aria_readonly_a11y') ? 'true' : undefined;
 
     // When the platform_editor_ssr_toolbar_optimistic is on, we create SSR-safe PM plugins and EditorState
     // HERE in ssrDeps — before any children render — so that FullPageToolbarNext can read correct
@@ -1087,6 +1092,7 @@ export function ReactEditorView(props) {
         plugins: plugins,
         schema: schema,
         doc: doc,
+        ariaReadonly: ariaReadonly,
         ssrPMPlugins: ssrPMPlugins,
         ssrEditorState: ssrState
       };
@@ -1095,6 +1101,7 @@ export function ReactEditorView(props) {
       plugins: plugins,
       schema: schema,
       doc: doc,
+      ariaReadonly: ariaReadonly,
       ssrPMPlugins: undefined,
       ssrEditorState: undefined
     };
@@ -1139,7 +1146,7 @@ export function ReactEditorView(props) {
     if (!ssrDeps) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(EditorSSRRenderer, {
+    return /*#__PURE__*/React.createElement(EditorSSRRenderer, _extends({
       intl: props.intl,
       doc: ssrDeps.doc,
       schema: ssrDeps.schema,
@@ -1152,7 +1159,11 @@ export function ReactEditorView(props) {
       key: "ProseMirror",
       "aria-label": assistiveLabel || (isPageAppearance ? props.intl.formatMessage(editorMessages.fullPageEditorAssistiveLabel) : props.intl.formatMessage(editorMessages.editorAssistiveLabel)),
       id: EDIT_AREA_ID,
-      "aria-describedby": assistiveDescribedBy,
+      "aria-describedby": assistiveDescribedBy
+      // eslint-disable-next-line react/jsx-props-no-spreading -- aria-readonly must be omitted unless view mode is confirmed
+    }, ssrDeps.ariaReadonly === 'true' ? {
+      'aria-readonly': 'true'
+    } : {}, {
       "data-editor-id": editorId.current,
       onSSRMeasure: onSSRMeasure,
       prebuiltPMPlugins: ssrDeps.ssrPMPlugins,
@@ -1167,7 +1178,7 @@ export function ReactEditorView(props) {
           oldEditorState: undefined
         });
       }
-    });
+    }));
   }, [ssrDeps, props.intl, props.portalProviderAPI, assistiveLabel, isPageAppearance, assistiveDescribedBy, onSSRMeasure, handleSsrEditorStateChanged]);
   var editor = useMemo(function () {
     // SSR editor will be available only in SSR environment,

package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css

@@ -131,6 +131,7 @@
 .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container--left, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container--left{left:-24px}.cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container--right, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container--right{right:-24px}.cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}
 @container editor-area (max-width: 600px){.cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container, .cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container{opacity:0;visibility:hidden}.cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection]) .resizer-item{will-change:width}.cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection]) .resizer-item.display-handle>.resizer-handle-wrapper>.resizer-handle, .cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection]) .resizer-item:hover>.resizer-handle-wrapper>.resizer-handle{visibility:hidden;opacity:0}}
 .cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel])>.pm-breakout-resize-handle-container--right{right:-4px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel_c1])>.pm-breakout-resize-handle-container--right{right:-4px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel_c1])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=rule])>.pm-breakout-resize-handle-container--right{right:-4px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=rule])>.pm-breakout-resize-handle-container{align-self:center;height:40px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=rule].first-node-in-document)>.pm-breakout-resize-handle-container{transform:translateY(-14px)}
+.cc-1qxwscr .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedExtension])>.pm-breakout-resize-handle-container--right, .cc-1qxwscr .fabric-editor-breakout-mark:has([data-prosemirror-node-name=extension])>.pm-breakout-resize-handle-container--right, .cc-1qxwscr .fabric-editor-breakout-mark:has([data-prosemirror-node-name=multiBodiedExtension])>.pm-breakout-resize-handle-container--right{right:-25px}
 .cc-15hu28n .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection].first-node-in-document)>.pm-breakout-resize-handle-container{height:calc(100% - 8px)}
 .cc-zdnzj .resizer-item{will-change:width}.cc-zdnzj .resizer-item.display-handle>.resizer-handle-wrapper>.resizer-handle, .cc-zdnzj .resizer-item:hover>.resizer-handle-wrapper>.resizer-handle{visibility:visible;opacity:1}.cc-zdnzj .resizer-item.is-resizing .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-item.resizer-handle-danger .resizer-handle-thumb{transition:none;background:var(--ds-icon-danger,#c9372c)}.cc-zdnzj .resizer-handle{display:flex;visibility:hidden;opacity:0;flex-direction:column;justify-content:center;align-items:center;width:7px;transition:visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle div[role=presentation]:not(:where([popover],dialog,[popover] *,dialog *)){width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:var(--ds-space-negative-200,-1pc);white-space:normal}.cc-zdnzj .resizer-handle.left{align-items:flex-start}.cc-zdnzj .resizer-handle.right{align-items:flex-end}.cc-zdnzj .resizer-handle.small .resizer-handle-thumb{height:43px}.cc-zdnzj .resizer-handle.medium .resizer-handle-thumb{height:4pc}.cc-zdnzj .resizer-handle.large .resizer-handle-thumb{height:6pc}.cc-zdnzj .resizer-handle.clamped .resizer-handle-thumb{height:clamp(43px,calc(100% - 2pc),6pc)}.cc-zdnzj .resizer-handle.sticky .resizer-handle-thumb{position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}.cc-zdnzj .resizer-handle:hover .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-handle:hover .resizer-handle-track{visibility:visible;opacity:.5}.cc-zdnzj .resizer-handle-thumb{content:" ";display:flex;width:3px;margin:0 var(--ds-space-025,2px);height:4pc;transition:background-color .2s;border-radius:var(--ds-radius-medium,6px);border:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;z-index:2;outline-color:currentColor;outline-style:none;outline-width:medium;min-height:24px;background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-handle-thumb:hover{cursor:col-resize}.cc-zdnzj .resizer-handle-thumb:focus{background:var(--ds-border-selected,#1868db)}.cc-zdnzj .resizer-handle-thumb:focus:after{content:"";position:absolute;top:var(--ds-space-negative-050,-4px);right:var(--ds-space-negative-050,-4px);bottom:var(--ds-space-negative-050,-4px);left:var(--ds-space-negative-050,-4px);border:var(--ds-border-width-selected,2px) solid var(--ds-border-focused,#4688ec);border-radius:inherit;z-index:-1}.cc-zdnzj .resizer-handle-track{visibility:hidden;position:absolute;width:7px;height:calc(100% - 40px);border-radius:var(--ds-radius-small,4px);opacity:0;transition:background-color .2s,visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle-track.none{background:none}.cc-zdnzj .resizer-handle-track.shadow{background:var(--ds-background-selected,#e9f2fe)}.cc-zdnzj .resizer-handle-track.full-height{background:var(--ds-background-selected,#e9f2fe);height:100%;min-height:36px}.cc-zdnzj .ak-editor-selected-node .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .ak-editor-no-interaction .ak-editor-selected-node .resizer-handle:not(:hover) .resizer-handle-thumb{background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-hover-zone{position:relative;display:flow-root;width:100%}.cc-zdnzj .resizer-hover-zone.resizer-is-extended{padding:0 var(--ds-space-150,9pt);left:var(--ds-space-negative-150,-9pt)}.cc-zdnzj table .resizer-hover-zone, .cc-zdnzj table .resizer-hover-zone.resizer-is-extended{padding-top:unset;padding-right:unset;padding-bottom:unset;padding-left:unset;left:unset}
 .cc-1nsisym .resizer-handle.bottom{flex-direction:row;align-items:flex-end;width:100%;height:7px}.cc-1nsisym .resizer-handle.bottom .resizer-handle-thumb{width:4pc;height:3px;min-width:24px;min-height:0;margin-top:var(--ds-space-025,2px);margin-right:0;margin-bottom:var(--ds-space-025,2px);margin-left:0}.cc-1nsisym .resizer-handle.bottom .resizer-handle-thumb:hover{cursor:row-resize}.cc-1nsisym .resizer-handle.bottom .resizer-handle-track{width:calc(100% - 40px);height:7px}.cc-1nsisym .resizer-handle.bottom .resizer-handle-track.full-height{width:100%;height:7px;min-width:36px;min-height:0}.cc-1nsisym .resizer-handle.small.bottom .resizer-handle-thumb{width:43px;height:3px}.cc-1nsisym .resizer-handle.medium.bottom .resizer-handle-thumb{width:4pc;height:3px}.cc-1nsisym .resizer-handle.large.bottom .resizer-handle-thumb{width:6pc;height:3px}.cc-1nsisym .resizer-handle.clamped.bottom .resizer-handle-thumb{width:clamp(43px,calc(100% - 2pc),6pc);height:3px}

package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js

@@ -297,6 +297,7 @@ var editorContentStyles = {
   pragmaticResizerStylesSyncedBlock: "cc-kqyid",
   pragmaticResizerStylesWithReducedEditorGutter: "cc-1rmxv6a",
   pragmaticResizerStylesPanelAndRule: "cc-e2b324",
+  pragmaticResizerStylesExtensions: "cc-1qxwscr",
   pragmaticStylesLayoutFirstNodeResizeHandleFix: "cc-15hu28n",
   resizerStyles: "cc-zdnzj",
   resizerBottomHandleStyles: "cc-1nsisym",
@@ -419,7 +420,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
     }) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
     editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorExperiment('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
     // Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
-    !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDnd, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && fg('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, isExperimentEnabled('platform_editor_table_fit_to_content_patch_1') && editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
+    !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDnd, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && fg('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, isExperimentEnabled('platform_editor_table_fit_to_content_patch_1') && editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"

package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js

@@ -56,7 +56,7 @@ import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentio
 import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixinNestedDnd, panelViewStyles } from './styles/panelStyles';
 import { paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
 import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
-import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockLegacy, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesForTooltip, pragmaticResizerStylesPanelAndRule, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerBottomHandleStyles, resizerStyles } from './styles/resizerStyles';
+import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockLegacy, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesExtensions, pragmaticResizerStylesForTooltip, pragmaticResizerStylesPanelAndRule, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerBottomHandleStyles, resizerStyles } from './styles/resizerStyles';
 import { dangerRuleStyles, ruleStyles } from './styles/rule';
 import { scrollbarStyles } from './styles/scrollbarStyles';
 import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
@@ -440,7 +440,9 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     pragmaticResizerStyles : undefined, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
+    pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     editorExperiment('platform_synced_block', true) ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/esm/ui/EditorContentContainer/styles/resizerStyles.js

@@ -608,4 +608,22 @@ export var pragmaticResizerStylesPanelAndRule = css({
       }
     }
   }
+});
+/**
+ * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
+ * If you need to make changes here, also update the corresponding style in
+ * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
+ * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
+ */
+export var pragmaticResizerStylesExtensions = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.fabric-editor-breakout-mark': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:has([data-prosemirror-node-name="extension"]), &:has([data-prosemirror-node-name="bodiedExtension"]), &:has([data-prosemirror-node-name="multiBodiedExtension"])': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '> .pm-breakout-resize-handle-container--right': {
+        right: '-25px'
+      }
+    }
+  }
 });

package/dist/esm/version-wrapper.js

@@ -1,3 +1,3 @@
 export var name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export var version = "223.0.1";
+export var version = "223.0.3";

package/dist/types/ui/EditorContentContainer/styles/resizerStyles.d.ts

@@ -136,3 +136,10 @@ export declare const pragmaticResizerStylesWithReducedEditorGutter: SerializedSt
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
 export declare const pragmaticResizerStylesPanelAndRule: SerializedStyles;
+/**
+ * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
+ * If you need to make changes here, also update the corresponding style in
+ * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
+ * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
+ */
+export declare const pragmaticResizerStylesExtensions: SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "223.0.2",
+	"version": "223.0.4",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -61,15 +61,15 @@
 		"@atlaskit/icon": "^37.3.0",
 		"@atlaskit/link": "^5.0.0",
 		"@atlaskit/media-card": "^81.6.0",
-		"@atlaskit/mention": "^27.14.0",
+		"@atlaskit/mention": "^27.15.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/platform-feature-flags-react": "^1.1.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/react-ufo": "^7.3.0",
 		"@atlaskit/task-decision": "^21.8.0",
-		"@atlaskit/tmp-editor-statsig": "^144.0.0",
-		"@atlaskit/tokens": "^16.4.0",
+		"@atlaskit/tmp-editor-statsig": "^145.0.0",
+		"@atlaskit/tokens": "^16.5.0",
 		"@atlaskit/tooltip": "^24.0.0",
 		"@atlaskit/width-detector": "^7.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -86,7 +86,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^118.1.0",
+		"@atlaskit/editor-common": "^118.2.0",
 		"@atlaskit/link-provider": "^5.3.0",
 		"@atlaskit/media-core": "^38.0.0",
 		"react": "^18.2.0",
@@ -104,7 +104,7 @@
 		"@atlaskit/editor-plugin-annotation": "^14.0.0",
 		"@atlaskit/editor-plugin-card": "^20.0.0",
 		"@atlaskit/editor-plugin-list": "^16.0.0",
-		"@atlaskit/editor-plugin-paste": "^15.0.0",
+		"@atlaskit/editor-plugin-paste": "^15.1.0",
 		"@atlaskit/editor-test-helpers": "workspace:^",
 		"@atlaskit/link-provider": "^5.3.0",
 		"@atlaskit/linking-common": "^11.0.0",