@atlaskit/editor-core 227.0.4 → 227.0.6

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

@@ -9,6 +9,7 @@
 .cc-cgsb4r .ProseMirror{--ak-editor-max-container-width:calc(100cqw - var(--ak-editor--large-gutter-padding)*2)}
 .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child .heading-wrapper style:first-child+*, .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child .heading-wrapper:first-child:not(style), .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h1 style:first-child+*, .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h1:first-child:not(style), .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h2 style:first-child+*, .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h2:first-child:not(style), .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h3 style:first-child+*, .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h3:first-child:not(style), .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h4 style:first-child+*, .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h4:first-child:not(style), .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h5 style:first-child+*, .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h5:first-child:not(style), .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h6 style:first-child+*, .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h6:first-child:not(style), .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child p style:first-child+*, .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child p:first-child:not(style), .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child .heading-wrapper style:first-child+*, .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child .heading-wrapper:first-child:not(style), .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h1 style:first-child+*, .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h1:first-child:not(style), .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h2 style:first-child+*, .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h2:first-child:not(style), .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h3 style:first-child+*, .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h3:first-child:not(style), .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h4 style:first-child+*, .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h4:first-child:not(style), .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h5 style:first-child+*, .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h5:first-child:not(style), .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h6 style:first-child+*, .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h6:first-child:not(style), .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child p style:first-child+*, .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child p:first-child:not(style), .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child .heading-wrapper style:first-child+*, .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child .heading-wrapper:first-child:not(style), .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h1 style:first-child+*, .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h1:first-child:not(style), .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h2 style:first-child+*, .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h2:first-child:not(style), .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h3 style:first-child+*, .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h3:first-child:not(style), .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h4 style:first-child+*, .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h4:first-child:not(style), .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h5 style:first-child+*, .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h5:first-child:not(style), .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h6 style:first-child+*, .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h6:first-child:not(style), .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child p style:first-child+*, .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child p:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>.heading-wrapper style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>.heading-wrapper:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) .heading-wrapper style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) .heading-wrapper:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h1 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h1:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h2 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h2:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h3 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h3:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h4 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h4:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h5 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h5:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h6 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h6:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) p style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) p:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>h1 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>h1:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>h2 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>h2:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>h3 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>h3:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>h4 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>h4:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>h5 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>h5:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>h6 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>h6:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>p style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>p:first-child:not(style){margin-top:0}
 .cc-mc43mp .ProseMirror p{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror>style:first-child+p{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror blockquote{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror blockquote:first-child{margin-top:0}.cc-mc43mp .ProseMirror .code-block{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror li>.code-block{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror li>.ProseMirror-gapcursor:first-child+.code-block, .cc-mc43mp .ProseMirror li>.code-block:first-child{margin-top:0}.cc-mc43mp .ProseMirror li>div:last-of-type.code-block, .cc-mc43mp .ProseMirror li>pre:last-of-type.code-block{margin-bottom:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror .blockCardView-content-wrap{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror .bodiedExtensionView-content-wrap, .cc-mc43mp .ProseMirror .extensionView-content-wrap, .cc-mc43mp .ProseMirror .multiBodiedExtensionView-content-wrap{margin-top:var(--ak-editor-extension-block-spacing,.75rem);margin-bottom:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror .bodiedExtensionView-content-wrap:first-of-type, .cc-mc43mp .ProseMirror .extensionView-content-wrap:first-of-type, .cc-mc43mp .ProseMirror .multiBodiedExtensionView-content-wrap:first-of-type{margin-top:0}.cc-mc43mp .ProseMirror .bodiedExtensionView-content-wrap:last-of-type, .cc-mc43mp .ProseMirror .extensionView-content-wrap:last-of-type, .cc-mc43mp .ProseMirror .multiBodiedExtensionView-content-wrap:last-of-type{margin-bottom:0}.cc-mc43mp .ProseMirror [data-mark-type=fragment]>.bodiedExtensionView-content-wrap, .cc-mc43mp .ProseMirror [data-mark-type=fragment]>.extensionView-content-wrap{margin-top:var(--ak-editor-extension-block-spacing,.75rem);margin-bottom:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror [data-mark-type=fragment]>[data-mark-type=dataConsumer]>.bodiedExtensionView-content-wrap, .cc-mc43mp .ProseMirror [data-mark-type=fragment]>[data-mark-type=dataConsumer]>.extensionView-content-wrap{margin-top:var(--ak-editor-extension-block-spacing,.75rem);margin-bottom:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror [data-mark-type=fragment]:first-child>.bodiedExtensionView-content-wrap, .cc-mc43mp .ProseMirror [data-mark-type=fragment]:first-child>.extensionView-content-wrap{margin-top:0}.cc-mc43mp .ProseMirror [data-mark-type=fragment]:first-child>[data-mark-type=dataConsumer]>.bodiedExtensionView-content-wrap, .cc-mc43mp .ProseMirror [data-mark-type=fragment]:first-child>[data-mark-type=dataConsumer]>.extensionView-content-wrap{margin-top:0}.cc-mc43mp .ProseMirror [data-mark-type=fragment]:nth-last-of-type(-n+2):not(:first-of-type)>.bodiedExtensionView-content-wrap, .cc-mc43mp .ProseMirror [data-mark-type=fragment]:nth-last-of-type(-n+2):not(:first-of-type)>.extensionView-content-wrap{margin-bottom:0}.cc-mc43mp .ProseMirror [data-mark-type=fragment]:nth-last-of-type(-n+2):not(:first-of-type)>[data-mark-type=dataConsumer]>.bodiedExtensionView-content-wrap, .cc-mc43mp .ProseMirror [data-mark-type=fragment]:nth-last-of-type(-n+2):not(:first-of-type)>[data-mark-type=dataConsumer]>.extensionView-content-wrap{margin-bottom:0}
+.cc-104fmpo .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedExtension]), .cc-104fmpo .fabric-editor-breakout-mark:has([data-prosemirror-node-name=extension]), .cc-104fmpo .fabric-editor-breakout-mark:has([data-prosemirror-node-name=multiBodiedExtension]){margin-top:.75rem;margin-right:0;margin-bottom:.75rem;margin-left:0}
 .cc-1syzwzx .ProseMirror p{margin-top:var(--ak-editor-extension-block-spacing,.75em)}
 .cc-1w88a35 .ProseMirror blockquote.danger{background-color:var(--ds-background-danger,#ffeceb);border-left-color:var(--ds-border-danger,#e2483d)}
 .cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node{background:var(--ds-background-accent-blue-subtler,#cfe1fd);border-left-color:var(--ds-border-selected,#1868db);-webkit-user-select:text}.cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node ::selection, .cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node::selection{background-color:transparent}.cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node ::-moz-selection, .cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node::-moz-selection{background-color:transparent}

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

@@ -1,4 +1,4 @@
-/* EditorContentContainer-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* EditorContentContainer-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 // oxlint-disable-next-line typescript-eslint/triple-slash-reference
 /// <reference path="../../types/compiled-shims.d.ts" />
 // TODO: EDITOR-6833 - Expected across this entire file, future violations are expected. Will try to remove them later after fully migration
@@ -226,6 +226,7 @@ const editorContentStyles = {
   baseStylesMaxContainerWidthFixes: "cc-cgsb4r",
   blockMarksStyles: "cc-11zeupy",
   blockSpacingVarStyles: "cc-mc43mp",
+  extensionWithBreakoutStyles: "cc-104fmpo",
   blockSpacingVarScaledStyles: "cc-1syzwzx",
   blockquoteDangerStyles: "cc-1w88a35",
   blockquoteSelectedNodeStyles: "cc-pt15wg",
@@ -477,7 +478,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
     }) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
       exposure: true
     }) && 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, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, 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, 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, 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, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, 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, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && 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) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, 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) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, 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, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, 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, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && 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) && 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) && 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]),
+    editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, 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, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, 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, 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, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, 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, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && 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) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, 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) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, 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, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, 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, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && 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) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && 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

@@ -36,6 +36,7 @@ import { embedCardStyles } from './styles/embedCardStyles';
 import { directEmojiSelectionStyles, emojiDangerStyles, emojiSelectionStyles, emojiStyles, getDenseEmojiStyles, getScaledDenseEmojiStyles, scaledEmojiStyles } from './styles/emoji';
 import { expandStyles, expandStylesBase, expandStylesMixin_chromeless_expand_fix, expandStylesMixinNestedDnd, expandStylesMixin_fg_platform_visual_refresh_icons, getDenseExpandTitleStyles } from './styles/expandStyles';
 import { extensionDiffStyles, getExtensionStyles } from './styles/extensionStyles';
+import { extensionWithBreakoutStyles } from './styles/extensionBreakoutStyles';
 import { findReplaceStyles, findReplaceStylesWithCodeblockColorContrastFix, findReplaceStylesWithRefSyncBlock } from './styles/findReplaceStyles';
 import { firstBlockNodeStyles, firstNodeWidgetFixStyles } from './styles/firstBlockNodeStyles';
 import { firstFloatingToolbarButtonStyles } from './styles/floatingToolbarStyles';
@@ -312,6 +313,8 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     getExtensionStyles(contentMode),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    fg('platform_editor_lovability_resize_exts_gracefully') && extensionWithBreakoutStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     extensionDiffStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     expandStylesBase,
@@ -547,7 +550,7 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    tableContentModeStyles, isExperimentEnabled('platform_editor_table_fit_to_content_patch_1') &&
+    tableContentModeStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -0,0 +1,22 @@
+/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
+	@repo/internal/deprecations/deprecation-ticket-required,
+	@atlaskit/ui-styling-standard/no-exported-styles */
+import { css } from '@emotion/react';
+// copied from packages/editor/editor-shared-styles/src/consts/consts.ts
+const blockNodesVerticalMargin = '0.75rem';
+
+/**
+ * @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 extensionWithBreakoutStyles = 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"])': {
+      margin: `${blockNodesVerticalMargin} 0`
+    }
+  }
+});

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

@@ -1,4 +1,4 @@
-/* PluginSlot-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* PluginSlot-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./PluginSlot-compiled.compiled.css";
 import * as React from 'react';

package/dist/es2019/ui/Toolbar/ToolbarComponentsWrapper-compiled.js

@@ -1,4 +1,4 @@
-/* ToolbarComponentsWrapper-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* ToolbarComponentsWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `ToolbarInner.tsx`.

package/dist/es2019/ui/Toolbar/ToolbarPortal.js

@@ -1,4 +1,4 @@
-/* ToolbarPortal.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* ToolbarPortal.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./ToolbarPortal.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/Toolbar/ToolbarSizeDetectorWrapper-compiled.js

@@ -1,4 +1,4 @@
-/* ToolbarSizeDetectorWrapper-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* ToolbarSizeDetectorWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `ToolbarWithSizeDetector.tsx`.

package/dist/es2019/ui/WithFlash/withFlash-compiled.js

@@ -1,4 +1,4 @@
-/* withFlash-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* withFlash-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./withFlash-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/quick-insert/ExtensionQuickInsertMenuItem.js

@@ -6,6 +6,7 @@ import { ExtensionQuickInsertIcon } from './ExtensionQuickInsertIcon';
 export const ExtensionQuickInsertMenuItem = ({
   apiRef,
   createAnalyticsEvent,
+  editorActions,
   item,
   onInsert
 }) => {
@@ -20,6 +21,7 @@ export const ExtensionQuickInsertMenuItem = ({
     const result = executeExtensionQuickInsertItem({
       apiRef,
       createAnalyticsEvent,
+      editorActions,
       insert,
       item,
       source,
@@ -29,7 +31,7 @@ export const ExtensionQuickInsertMenuItem = ({
       onInsert === null || onInsert === void 0 ? void 0 : onInsert();
     }
     return result;
-  }, [apiRef, createAnalyticsEvent, editorView.state, item, onInsert]);
+  }, [apiRef, createAnalyticsEvent, editorActions, editorView.state, item, onInsert]);
   return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
     iconBefore: /*#__PURE__*/React.createElement(ExtensionQuickInsertIcon, {
       getIcon: item.icon,

package/dist/es2019/ui/quick-insert/executeExtensionQuickInsertItem.js

@@ -1,9 +1,9 @@
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { resolveImport } from '@atlaskit/editor-common/extensions';
-import { safeInsert } from '@atlaskit/editor-common/insert';
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { processRawValue } from '@atlaskit/editor-common/process-raw-value';
 import { findInsertLocation } from '@atlaskit/editor-common/utils/analytics';
+import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
 const sendAnalytics = (item, selection, createAnalyticsEvent, source) => {
   if (createAnalyticsEvent) {
     const insertLocation = findInsertLocation(selection);
@@ -48,6 +48,7 @@ const dummyExtensionAPI = {
 export const executeExtensionQuickInsertItem = ({
   apiRef,
   createAnalyticsEvent,
+  editorActions,
   insert,
   item,
   source,
@@ -58,13 +59,17 @@ export const executeExtensionQuickInsertItem = ({
     const extensionAPI = (_apiRef$current$exten = (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 ? void 0 : (_apiRef$current$exten2 = _apiRef$current.extension) === null || _apiRef$current$exten2 === void 0 ? void 0 : (_apiRef$current$exten3 = _apiRef$current$exten2.actions) === null || _apiRef$current$exten3 === void 0 ? void 0 : _apiRef$current$exten3.api()) !== null && _apiRef$current$exten !== void 0 ? _apiRef$current$exten : dummyExtensionAPI;
     void resolveImport(item.node(extensionAPI)).then(node => {
       sendAnalytics(item, state.selection, createAnalyticsEvent, source);
-      if (node && apiRef.current) {
-        apiRef.current.core.actions.execute(({
+      if (node) {
+        const api = apiRef.current;
+        if (!api) {
+          editorActions.replaceSelection(node);
+          return;
+        }
+        api.core.actions.execute(({
           tr
         }) => {
-          var _safeInsert$scrollInt, _safeInsert;
           const content = processRawValue(tr.doc.type.schema, node);
-          return content ? (_safeInsert$scrollInt = (_safeInsert = safeInsert(content)(tr)) === null || _safeInsert === void 0 ? void 0 : _safeInsert.scrollIntoView()) !== null && _safeInsert$scrollInt !== void 0 ? _safeInsert$scrollInt : null : null;
+          return content ? safeInsert(content)(tr).scrollIntoView() : null;
         });
       }
     }).catch(error => logException(error, {

package/dist/es2019/ui/quick-insert/getExtensionQuickInsertComponents.js

@@ -41,6 +41,7 @@ const getFallbackRank = ({
 export const getExtensionQuickInsertComponents = ({
   apiRef,
   createAnalyticsEvent,
+  editorActions,
   items
 }) => {
   const unrecognizedStructureItemRanks = getUnrecognizedStructureItemRanks(items);
@@ -72,6 +73,7 @@ export const getExtensionQuickInsertComponents = ({
         return /*#__PURE__*/React.createElement(ExtensionQuickInsertMenuItem, {
           apiRef: apiRef,
           createAnalyticsEvent: createAnalyticsEvent,
+          editorActions: editorActions,
           item: item,
           onInsert: props.onInsert
         });

package/dist/es2019/utils/extensions.js

@@ -70,6 +70,7 @@ export async function extensionProviderToQuickInsertProvider(extensionProvider,
       return Promise.resolve(getExtensionQuickInsertComponents({
         apiRef,
         createAnalyticsEvent,
+        editorActions,
         items: getMenuItems()
       }));
     },

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 = "227.0.3";
+export const version = "227.0.5";

package/dist/esm/composable-editor/editor-internal-compiled.js

@@ -1,4 +1,4 @@
-/* editor-internal-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* editor-internal-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `editor-internal.tsx`.

package/dist/esm/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.js

@@ -1,4 +1,4 @@
-/* clickAreaBlock-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* clickAreaBlock-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];

package/dist/esm/ui/Appearance/Chromeless-compiled.js

@@ -1,4 +1,4 @@
-/* Chromeless-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* Chromeless-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `Chromeless.tsx`.

package/dist/esm/ui/Appearance/Comment/Comment-compiled.js

@@ -1,4 +1,4 @@
-/* Comment-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* Comment-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./Comment-compiled.compiled.css";

package/dist/esm/ui/Appearance/Comment/FixedToolbar-compiled.js

@@ -1,4 +1,4 @@
-/* FixedToolbar-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* FixedToolbar-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `Toolbar.tsx`.

package/dist/esm/ui/Appearance/Comment/StickyToolbar-compiled.js

@@ -1,4 +1,4 @@
-/* StickyToolbar-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* StickyToolbar-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./StickyToolbar-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/Appearance/FullPage/BeforeWrapper-compiled.js

@@ -1,4 +1,4 @@
-/* BeforeWrapper-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* BeforeWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `BeforeWrapper.tsx`.

package/dist/esm/ui/Appearance/FullPage/CustomToolbarWrapper-compiled.js

@@ -1,4 +1,4 @@
-/* CustomToolbarWrapper-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* CustomToolbarWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `CustomToolbarWrapper.tsx`.

package/dist/esm/ui/Appearance/FullPage/FullPage-compiled.js

@@ -1,4 +1,4 @@
-/* FullPage-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* FullPage-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `FullPage.tsx`.

package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-compiled.js

@@ -1,4 +1,4 @@
-/* FullPageContentArea-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* FullPageContentArea-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./FullPageContentArea-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useImperativeHandle, useRef } from 'react';

package/dist/esm/ui/Appearance/FullPage/FullPageToolbarNext.js

@@ -1,4 +1,4 @@
-/* FullPageToolbarNext.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* FullPageToolbarNext.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./FullPageToolbarNext.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useMemo } from 'react';

package/dist/esm/ui/Appearance/FullPage/MainToolbar-compiled.js

@@ -1,4 +1,4 @@
-/* MainToolbar-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* MainToolbar-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `MainToolbar.tsx`.

package/dist/esm/ui/Appearance/FullPage/MainToolbarWrapper-compiled.js

@@ -1,4 +1,4 @@
-/* MainToolbarWrapper-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* MainToolbarWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `MainToolbarWrapper.tsx`.

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

@@ -1,4 +1,4 @@
-/* ChromeCollapsed-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* ChromeCollapsed-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 import _extends from "@babel/runtime/helpers/extends";
 import "./ChromeCollapsed-compiled.compiled.css";

package/dist/esm/ui/ContextPanel/index-compiled.js

@@ -1,4 +1,4 @@
-/* index-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "customWidth", "visible", "disableAnimation"],

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

@@ -9,6 +9,7 @@
 .cc-cgsb4r .ProseMirror{--ak-editor-max-container-width:calc(100cqw - var(--ak-editor--large-gutter-padding)*2)}
 .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child .heading-wrapper style:first-child+*, .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child .heading-wrapper:first-child:not(style), .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h1 style:first-child+*, .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h1:first-child:not(style), .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h2 style:first-child+*, .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h2:first-child:not(style), .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h3 style:first-child+*, .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h3:first-child:not(style), .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h4 style:first-child+*, .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h4:first-child:not(style), .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h5 style:first-child+*, .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h5:first-child:not(style), .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h6 style:first-child+*, .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h6:first-child:not(style), .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child p style:first-child+*, .cc-11zeupy .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child p:first-child:not(style), .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child .heading-wrapper style:first-child+*, .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child .heading-wrapper:first-child:not(style), .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h1 style:first-child+*, .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h1:first-child:not(style), .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h2 style:first-child+*, .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h2:first-child:not(style), .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h3 style:first-child+*, .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h3:first-child:not(style), .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h4 style:first-child+*, .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h4:first-child:not(style), .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h5 style:first-child+*, .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h5:first-child:not(style), .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h6 style:first-child+*, .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child h6:first-child:not(style), .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child p style:first-child+*, .cc-11zeupy .fabric-editor-alignment:first-of-type:first-child p:first-child:not(style), .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child .heading-wrapper style:first-child+*, .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child .heading-wrapper:first-child:not(style), .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h1 style:first-child+*, .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h1:first-child:not(style), .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h2 style:first-child+*, .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h2:first-child:not(style), .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h3 style:first-child+*, .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h3:first-child:not(style), .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h4 style:first-child+*, .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h4:first-child:not(style), .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h5 style:first-child+*, .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h5:first-child:not(style), .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h6 style:first-child+*, .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child h6:first-child:not(style), .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child p style:first-child+*, .cc-11zeupy .fabric-editor-font-size:first-of-type:first-child p:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>.heading-wrapper style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>.heading-wrapper:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) .heading-wrapper style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) .heading-wrapper:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h1 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h1:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h2 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h2:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h3 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h3:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h4 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h4:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h5 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h5:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h6 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h6:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) p style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) p:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>h1 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>h1:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>h2 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>h2:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>h3 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>h3:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>h4 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>h4:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>h5 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>h5:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>h6 style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>h6:first-child:not(style), .cc-11zeupy :not(.fabric-editor-block-mark)>p style:first-child+*, .cc-11zeupy :not(.fabric-editor-block-mark)>p:first-child:not(style){margin-top:0}
 .cc-mc43mp .ProseMirror p{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror>style:first-child+p{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror blockquote{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror blockquote:first-child{margin-top:0}.cc-mc43mp .ProseMirror .code-block{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror li>.code-block{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror li>.ProseMirror-gapcursor:first-child+.code-block, .cc-mc43mp .ProseMirror li>.code-block:first-child{margin-top:0}.cc-mc43mp .ProseMirror li>div:last-of-type.code-block, .cc-mc43mp .ProseMirror li>pre:last-of-type.code-block{margin-bottom:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror .blockCardView-content-wrap{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror .bodiedExtensionView-content-wrap, .cc-mc43mp .ProseMirror .extensionView-content-wrap, .cc-mc43mp .ProseMirror .multiBodiedExtensionView-content-wrap{margin-top:var(--ak-editor-extension-block-spacing,.75rem);margin-bottom:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror .bodiedExtensionView-content-wrap:first-of-type, .cc-mc43mp .ProseMirror .extensionView-content-wrap:first-of-type, .cc-mc43mp .ProseMirror .multiBodiedExtensionView-content-wrap:first-of-type{margin-top:0}.cc-mc43mp .ProseMirror .bodiedExtensionView-content-wrap:last-of-type, .cc-mc43mp .ProseMirror .extensionView-content-wrap:last-of-type, .cc-mc43mp .ProseMirror .multiBodiedExtensionView-content-wrap:last-of-type{margin-bottom:0}.cc-mc43mp .ProseMirror [data-mark-type=fragment]>.bodiedExtensionView-content-wrap, .cc-mc43mp .ProseMirror [data-mark-type=fragment]>.extensionView-content-wrap{margin-top:var(--ak-editor-extension-block-spacing,.75rem);margin-bottom:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror [data-mark-type=fragment]>[data-mark-type=dataConsumer]>.bodiedExtensionView-content-wrap, .cc-mc43mp .ProseMirror [data-mark-type=fragment]>[data-mark-type=dataConsumer]>.extensionView-content-wrap{margin-top:var(--ak-editor-extension-block-spacing,.75rem);margin-bottom:var(--ak-editor-extension-block-spacing,.75rem)}.cc-mc43mp .ProseMirror [data-mark-type=fragment]:first-child>.bodiedExtensionView-content-wrap, .cc-mc43mp .ProseMirror [data-mark-type=fragment]:first-child>.extensionView-content-wrap{margin-top:0}.cc-mc43mp .ProseMirror [data-mark-type=fragment]:first-child>[data-mark-type=dataConsumer]>.bodiedExtensionView-content-wrap, .cc-mc43mp .ProseMirror [data-mark-type=fragment]:first-child>[data-mark-type=dataConsumer]>.extensionView-content-wrap{margin-top:0}.cc-mc43mp .ProseMirror [data-mark-type=fragment]:nth-last-of-type(-n+2):not(:first-of-type)>.bodiedExtensionView-content-wrap, .cc-mc43mp .ProseMirror [data-mark-type=fragment]:nth-last-of-type(-n+2):not(:first-of-type)>.extensionView-content-wrap{margin-bottom:0}.cc-mc43mp .ProseMirror [data-mark-type=fragment]:nth-last-of-type(-n+2):not(:first-of-type)>[data-mark-type=dataConsumer]>.bodiedExtensionView-content-wrap, .cc-mc43mp .ProseMirror [data-mark-type=fragment]:nth-last-of-type(-n+2):not(:first-of-type)>[data-mark-type=dataConsumer]>.extensionView-content-wrap{margin-bottom:0}
+.cc-104fmpo .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedExtension]), .cc-104fmpo .fabric-editor-breakout-mark:has([data-prosemirror-node-name=extension]), .cc-104fmpo .fabric-editor-breakout-mark:has([data-prosemirror-node-name=multiBodiedExtension]){margin-top:.75rem;margin-right:0;margin-bottom:.75rem;margin-left:0}
 .cc-1syzwzx .ProseMirror p{margin-top:var(--ak-editor-extension-block-spacing,.75em)}
 .cc-1w88a35 .ProseMirror blockquote.danger{background-color:var(--ds-background-danger,#ffeceb);border-left-color:var(--ds-border-danger,#e2483d)}
 .cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node{background:var(--ds-background-accent-blue-subtler,#cfe1fd);border-left-color:var(--ds-border-selected,#1868db);-webkit-user-select:text}.cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node ::selection, .cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node::selection{background-color:transparent}.cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node ::-moz-selection, .cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node::-moz-selection{background-color:transparent}

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

@@ -1,4 +1,4 @@
-/* EditorContentContainer-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* EditorContentContainer-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./EditorContentContainer-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -174,6 +174,7 @@ var editorContentStyles = {
   baseStylesMaxContainerWidthFixes: "cc-cgsb4r",
   blockMarksStyles: "cc-11zeupy",
   blockSpacingVarStyles: "cc-mc43mp",
+  extensionWithBreakoutStyles: "cc-104fmpo",
   blockSpacingVarScaledStyles: "cc-1syzwzx",
   blockquoteDangerStyles: "cc-1w88a35",
   blockquoteSelectedNodeStyles: "cc-pt15wg",
@@ -421,7 +422,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
     }) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
       exposure: true
     }) && 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, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, 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, 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, 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, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, 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, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && 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) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, 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) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, 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, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, 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, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && 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) && 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) && 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]),
+    editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, 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, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, 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, 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, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, 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, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && 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) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, 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) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, 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, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, 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, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && 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) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && 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

@@ -39,6 +39,7 @@ import { embedCardStyles } from './styles/embedCardStyles';
 import { directEmojiSelectionStyles, emojiDangerStyles, emojiSelectionStyles, emojiStyles, getDenseEmojiStyles, getScaledDenseEmojiStyles, scaledEmojiStyles } from './styles/emoji';
 import { expandStyles, expandStylesBase, expandStylesMixin_chromeless_expand_fix, expandStylesMixinNestedDnd, expandStylesMixin_fg_platform_visual_refresh_icons, getDenseExpandTitleStyles } from './styles/expandStyles';
 import { extensionDiffStyles, getExtensionStyles } from './styles/extensionStyles';
+import { extensionWithBreakoutStyles } from './styles/extensionBreakoutStyles';
 import { findReplaceStyles, findReplaceStylesWithCodeblockColorContrastFix, findReplaceStylesWithRefSyncBlock } from './styles/findReplaceStyles';
 import { firstBlockNodeStyles, firstNodeWidgetFixStyles } from './styles/firstBlockNodeStyles';
 import { firstFloatingToolbarButtonStyles } from './styles/floatingToolbarStyles';
@@ -307,6 +308,8 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     getExtensionStyles(contentMode),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    fg('platform_editor_lovability_resize_exts_gracefully') && extensionWithBreakoutStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     extensionDiffStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     expandStylesBase,
@@ -542,7 +545,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    tableContentModeStyles, isExperimentEnabled('platform_editor_table_fit_to_content_patch_1') &&
+    tableContentModeStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -0,0 +1,22 @@
+/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
+	@repo/internal/deprecations/deprecation-ticket-required,
+	@atlaskit/ui-styling-standard/no-exported-styles */
+import { css } from '@emotion/react';
+// copied from packages/editor/editor-shared-styles/src/consts/consts.ts
+var blockNodesVerticalMargin = '0.75rem';
+
+/**
+ * @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 extensionWithBreakoutStyles = 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"])': {
+      margin: "".concat(blockNodesVerticalMargin, " 0")
+    }
+  }
+});