@atlaskit/editor-core 225.0.0 → 226.0.1

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

@@ -409,6 +409,7 @@ const editorContentStyles = {
   textHighlightStyle: "cc-277qb",
   textSelectedNodeStyles: "cc-rrpz54",
   unsupportedStyles: "cc-hnzg4x",
+  vanillaTooltipDefaultStyles: "cc-s0u8xw",
   vanillaUnsupportedStyles: "cc-1ysxql5",
   whitespaceStyles: "cc-14oigrh"
 };
@@ -450,9 +451,6 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
   // root div in editor-internal.tsx and inherited via the CSS cascade — do not set it here.
   // For the legacy path, compute it from the Emotion theme as before.
   const style = React.useMemo(() => ({
-    ...(props.UNSAFE_containLayout ? {
-      contain: 'strict'
-    } : {}),
     '--ak-editor--table-overflow-shadow': tableOverflowShadow,
     ...tableCellBackgroundColorVariablesForCompiled,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -461,7 +459,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
     }) && {
       '--ak-editor--large-gutter-padding': `${akEditorGutterPaddingDynamic()}px`
     })
-  }), [tableOverflowShadow, props.UNSAFE_containLayout]);
+  }), [tableOverflowShadow]);
   const browser = getBrowserInfo();
 
   // Evaluate the block-spacing experiment once per render.
@@ -478,7 +476,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, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
-    editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, 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, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, 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, fg('platform_editor_fix_media_in_renderer') && 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) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, 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, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && 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, 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, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, 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, fg('platform_editor_fix_media_in_renderer') && 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) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, 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, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && 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]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"

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

@@ -69,6 +69,7 @@ import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telep
 import { textColorStyles } from './styles/textColorStyles';
 import { textHighlightStyle } from './styles/textHighlightStyles';
 import { unsupportedStyles, vanillaUnsupportedStyles } from './styles/unsupportedStyles';
+import { vanillaTooltipDefaultStyles } from './styles/vanillaTooltipStyles';
 import { whitespaceStyles } from './styles/whitespaceStyles';
 const isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
 const alignMultipleWrappedImageInLayoutStyles = {
@@ -140,9 +141,6 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
   // root div in editor-internal.tsx and inherited via the CSS cascade — do not set it here.
   // For the legacy path, compute it from the Emotion theme as before.
   const style = React.useMemo(() => ({
-    ...(props.UNSAFE_containLayout ? {
-      contain: 'strict'
-    } : {}),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     ...(!expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true) && {
       '--ak-editor-base-font-size': `${editorFontSize({
@@ -155,7 +153,7 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
     }) && {
       '--ak-editor--large-gutter-padding': `${akEditorGutterPaddingDynamic()}px`
     })
-  }), [theme, props.UNSAFE_containLayout]);
+  }), [theme]);
   const browser = getBrowserInfo();
 
   // Evaluate the block-spacing experiment once per render.
@@ -369,7 +367,9 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     embedCardStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    unsupportedStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') &&
+    unsupportedStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     vanillaUnsupportedStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -60,10 +60,9 @@ export const dateVanillaStyles = css({
 export const dateStyles = css({
   // Show diff: date attr change highlight. Keep this with date node styles so the highlight
   // follows the date node view instead of living in shared smart-card diff styles.
-  // The plugin may set --show-diff-atomic-inline-changed-border-color inline on the decoration,
-  // which overrides the declarations below. EDITOR-8281: this two-scheme colour table is superseded
-  // by that inline variable and will be removed once
-  // platform_editor_show_diff_color_scheme_refactor is cleaned up.
+  // The ON cohort of platform_editor_show_diff_color_scheme_refactor sets
+  // --show-diff-atomic-inline-changed-border-color inline, overriding the table below; the OFF
+  // cohort picks its colour with the `-traditional` class. Drop the table at cleanup (EDITOR-8281).
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.show-diff-atomic-inline-changed-date': {
     '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)",

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

@@ -14,10 +14,9 @@ import { akEditorFullPageDefaultFontSize, akEditorSelectedNodeClassName } from '
 export const emojiStyles = css({
   // Show diff: emoji attr change highlight. Keep this with emoji node styles so the highlight
   // targets sprite/image/unicode emoji renderers.
-  // The plugin may set --show-diff-atomic-inline-changed-border-color inline on the decoration,
-  // which overrides the declarations below. EDITOR-8281: this two-scheme colour table is superseded
-  // by that inline variable and will be removed once
-  // platform_editor_show_diff_color_scheme_refactor is cleaned up.
+  // The ON cohort of platform_editor_show_diff_color_scheme_refactor sets
+  // --show-diff-atomic-inline-changed-border-color inline, overriding the table below; the OFF
+  // cohort picks its colour with the `-traditional` class. Drop the table at cleanup (EDITOR-8281).
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.show-diff-atomic-inline-changed-emoji': {
     '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"
@@ -95,10 +94,9 @@ export const emojiStyles = css({
 export const scaledEmojiStyles = css({
   // Show diff: emoji attr change highlight. Keep this with scaled emoji node styles too,
   // because scaled emoji styles replace the base emoji style bucket when enabled.
-  // The plugin may set --show-diff-atomic-inline-changed-border-color inline on the decoration,
-  // which overrides the declarations below. EDITOR-8281: this two-scheme colour table is superseded
-  // by that inline variable and will be removed once
-  // platform_editor_show_diff_color_scheme_refactor is cleaned up.
+  // The ON cohort of platform_editor_show_diff_color_scheme_refactor sets
+  // --show-diff-atomic-inline-changed-border-color inline, overriding the table below; the OFF
+  // cohort picks its colour with the `-traditional` class. Drop the table at cleanup (EDITOR-8281).
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.show-diff-atomic-inline-changed-emoji': {
     '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"

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

@@ -56,10 +56,9 @@ export const mentionsStyles = css({
 export const mentionNodeStyles = css({
   // Show diff: mention attr change highlight. Keep this with mention node styles so the
   // highlight targets the mention primitive's rounded shape.
-  // The plugin may set --show-diff-atomic-inline-changed-border-color inline on the decoration,
-  // which overrides the declarations below. EDITOR-8281: this two-scheme colour table is superseded
-  // by that inline variable and will be removed once
-  // platform_editor_show_diff_color_scheme_refactor is cleaned up.
+  // The ON cohort of platform_editor_show_diff_color_scheme_refactor sets
+  // --show-diff-atomic-inline-changed-border-color inline, overriding the table below; the OFF
+  // cohort picks its colour with the `-traditional` class. Drop the table at cleanup (EDITOR-8281).
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.show-diff-atomic-inline-changed-mention': {
     '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"

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

@@ -83,8 +83,21 @@ export const smartCardDiffStyles = 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
+ *
+ * Two rule sets, one per cohort of `platform_editor_show_diff_color_scheme_refactor`. Their base
+ * classes are disjoint — `wrapBlockNodeView` emits `-node`/`-node-traditional` when the gate is off
+ * and `-node-vars` when it is on — so only one set can ever match an element.
+ *
+ * The OFF set is the pre-refactor CSS, kept verbatim: that cohort emits no custom properties, so the
+ * tokens in its `var()` fallbacks are the live values. Delete it at experiment cleanup.
+ *
+ * The ON set reads the `--diff-delete-*` properties the factory emits inline, with no `var()`
+ * fallback — `wrapBlockNodeView` sets the class and the properties in the same step. The fallbacks
+ * it does keep are the ones standard leaves unset on purpose: `--diff-delete-opacity`,
+ * `--diff-delete-ring-width`, and `--diff-delete-text-decoration-color`.
  */
 export const showDiffDeletedNodeStyles = css({
+  // --- OFF cohort: pre-refactor rules, restored verbatim ------------------------------------
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
   [`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}`]: {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
@@ -120,6 +133,31 @@ export const showDiffDeletedNodeStyles = css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
     [`&.show-diff-deleted-node .${SmartCardSharedCssClassName.LOADER_WRAPPER}`]: {
       opacity: 0.6
+    },
+    // ON cohort, same container: one rule per visual role, reading the factory's properties.
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
+    [`&.show-diff-deleted-node-vars .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+      boxShadow: `0 0 0 1px var(--diff-delete-color)`,
+      borderColor: 'transparent'
+    },
+    // Only schemes with a resting ring get `-outline-new`, so this is traditional-only in practice.
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
+    [`&.show-diff-deleted-node-vars.show-diff-deleted-outline-new .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+      boxShadow: `0 0 0 4px var(--diff-delete-color-new)`,
+      borderColor: 'transparent'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
+    [`&.show-diff-deleted-node-vars.show-diff-deleted-active .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+      boxShadow: `0 0 0 4px var(--diff-delete-color-active)`,
+      borderColor: 'transparent'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
+    [`&.show-diff-deleted-node-vars .${SmartCardSharedCssClassName.LOADER_WRAPPER}`]: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+      opacity: `var(--diff-delete-opacity, 0.6)`
     }
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -173,15 +211,68 @@ export const showDiffDeletedNodeStyles = css({
   '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node': {
     textDecoration: 'line-through'
   },
+  // Longhands, not the `text-decoration` shorthand: the shorthand resets `text-decoration-color`,
+  // and Compiled does not guarantee it lands before the longhand.
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional': {
-    textDecoration: 'line-through',
-    textDecorationColor: `var(--diff-delete-text-decoration-color, ${"var(--ds-border-accent-red, #E2483D)"})`
+    textDecorationColor: `var(--diff-delete-text-decoration-color, ${"var(--ds-border-accent-red, #E2483D)"})`,
+    textDecorationLine: 'line-through'
   },
+  // Longhands, for the same reason as the blockquote rule above.
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-traditional': {
-    textDecoration: 'line-through',
-    textDecorationColor: `var(--diff-delete-text-decoration-color, ${"var(--ds-border-accent-red, #E2483D)"})`
+    textDecorationColor: `var(--diff-delete-text-decoration-color, ${"var(--ds-border-accent-red, #E2483D)"})`,
+    textDecorationLine: 'line-through'
+  },
+  // --- ON cohort: merged rules, one per visual role -----------------------------------------
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.show-diff-deleted-node-vars .media-card-wrapper': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& > div': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+      boxShadow: `0 0 0 1px var(--diff-delete-color)`,
+      borderRadius: "var(--ds-radius-small, 4px)",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+      opacity: `var(--diff-delete-opacity, 0.6)`
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.show-diff-deleted-node-vars.show-diff-deleted-outline-new .media-card-wrapper': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& > div': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+      boxShadow: `0 0 0 4px var(--diff-delete-color-new)`,
+      borderRadius: "var(--ds-radius-small, 4px)"
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.show-diff-deleted-node-vars.show-diff-deleted-active .media-card-wrapper': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& > div': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+      boxShadow: `0 0 0 4px var(--diff-delete-color-active)`,
+      borderRadius: "var(--ds-radius-small, 4px)",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+      opacity: `var(--diff-delete-opacity, 0.6)`
+    }
+  },
+  // Both schemes strike deleted blockquotes; only the colour differs. The variable is emitted for
+  // `stateful` (traditional) only, so standard falls through to `currentColor` — what it painted
+  // before. Longhands, not the shorthand, which would reset the colour.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-vars': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    textDecorationColor: `var(--diff-delete-text-decoration-color, currentColor)`,
+    textDecorationLine: 'line-through'
+  },
+  // Standard draws no strike on deleted embedCards, so the line itself is scheme-driven:
+  // `--diff-delete-embed-strike-line` is `line-through` for traditional, `none` for standard.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-vars': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    textDecorationColor: `var(--diff-delete-text-decoration-color, currentColor)`,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    textDecorationLine: `var(--diff-delete-embed-strike-line)`
   }
 });
 
@@ -191,8 +282,11 @@ export const showDiffDeletedNodeStyles = 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
+ *
+ * The a11y-fixes variant of `showDiffDeletedNodeStyles`; same two-cohort split — see its note.
  */
 export const showDiffDeletedNodeStylesNew = css({
+  // --- OFF cohort: pre-refactor rules, restored verbatim ------------------------------------
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
   [`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}`]: {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
@@ -228,6 +322,32 @@ export const showDiffDeletedNodeStylesNew = css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
     [`&.show-diff-deleted-node .${SmartCardSharedCssClassName.LOADER_WRAPPER}`]: {
       opacity: 0.8
+    },
+    // ON cohort, same container. Red in both schemes here, unlike standard's gray `deleteColor`
+    // — hence its own `deletedMediaRingColor` role rather than `--diff-delete-color`.
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
+    [`&.show-diff-deleted-node-vars .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+      boxShadow: `0 0 0 1px var(--diff-delete-media-ring-color)`,
+      borderColor: 'transparent'
+    },
+    // Only schemes with a resting ring get `-outline-new`, so this is traditional-only in practice.
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
+    [`&.show-diff-deleted-node-vars.show-diff-deleted-outline-new .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+      boxShadow: `0 0 0 4px var(--diff-delete-color-new)`,
+      borderColor: 'transparent'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
+    [`&.show-diff-deleted-node-vars.show-diff-deleted-active .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+      boxShadow: `0 0 0 4px var(--diff-delete-color-active)`,
+      borderColor: 'transparent'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
+    [`&.show-diff-deleted-node-vars .${SmartCardSharedCssClassName.LOADER_WRAPPER}`]: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+      opacity: `var(--diff-delete-opacity, 0.8)`
     }
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -281,15 +401,70 @@ export const showDiffDeletedNodeStylesNew = css({
   '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node': {
     textDecoration: 'line-through'
   },
+  // Longhands, not the `text-decoration` shorthand: the shorthand resets `text-decoration-color`,
+  // and Compiled does not guarantee it lands before the longhand.
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional': {
-    textDecoration: 'line-through',
-    textDecorationColor: `var(--diff-delete-text-decoration-color, ${"var(--ds-border-accent-red, #E2483D)"})`
+    textDecorationColor: `var(--diff-delete-text-decoration-color, ${"var(--ds-border-accent-red, #E2483D)"})`,
+    textDecorationLine: 'line-through'
   },
+  // Longhands, for the same reason as the blockquote rule above.
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-traditional': {
-    textDecoration: 'line-through',
-    textDecorationColor: `var(--diff-delete-text-decoration-color, ${"var(--ds-border-accent-red, #E2483D)"})`
+    textDecorationColor: `var(--diff-delete-text-decoration-color, ${"var(--ds-border-accent-red, #E2483D)"})`,
+    textDecorationLine: 'line-through'
+  },
+  // --- ON cohort: merged rules, one per visual role -----------------------------------------
+  // `--diff-delete-ring-width` is unset for standard (1px); traditional tracks the inherited
+  // marker ring width.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.show-diff-deleted-node-vars .media-card-wrapper': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& > div': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+      boxShadow: `0 0 0 var(--diff-delete-ring-width, 1px) var(--diff-delete-media-ring-color)`,
+      borderRadius: "var(--ds-radius-small, 4px)",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+      opacity: `var(--diff-delete-opacity, 0.8)`
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.show-diff-deleted-node-vars.show-diff-deleted-outline-new .media-card-wrapper': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& > div': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+      boxShadow: `0 0 0 4px var(--diff-delete-color-new)`,
+      borderRadius: "var(--ds-radius-small, 4px)"
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.show-diff-deleted-node-vars.show-diff-deleted-active .media-card-wrapper': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& > div': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+      boxShadow: `0 0 0 4px var(--diff-delete-color-active)`,
+      borderRadius: "var(--ds-radius-small, 4px)",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+      opacity: `var(--diff-delete-opacity, 0.8)`
+    }
+  },
+  // Both schemes strike deleted blockquotes; only the colour differs. The variable is emitted for
+  // `stateful` (traditional) only, so standard falls through to `currentColor` — what it painted
+  // before. Longhands, not the shorthand, which would reset the colour.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-vars': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    textDecorationColor: `var(--diff-delete-text-decoration-color, currentColor)`,
+    textDecorationLine: 'line-through'
+  },
+  // Standard draws no strike on deleted embedCards, so the line itself is scheme-driven:
+  // `--diff-delete-embed-strike-line` is `line-through` for traditional, `none` for standard.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-vars': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    textDecorationColor: `var(--diff-delete-text-decoration-color, currentColor)`,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    textDecorationLine: `var(--diff-delete-embed-strike-line)`
   }
 });
 /**

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

@@ -11,10 +11,9 @@ import { css } from '@emotion/react';
 export const statusStyles = css({
   // Show diff: status attr change highlight. Keep this with status node styles so the highlight
   // targets the lozenge shape rather than the decoration wrapper.
-  // The plugin may set --show-diff-atomic-inline-changed-border-color inline on the decoration,
-  // which overrides the declarations below. EDITOR-8281: this two-scheme colour table is superseded
-  // by that inline variable and will be removed once
-  // platform_editor_show_diff_color_scheme_refactor is cleaned up.
+  // The ON cohort of platform_editor_show_diff_color_scheme_refactor sets
+  // --show-diff-atomic-inline-changed-border-color inline, overriding the table below; the OFF
+  // cohort picks its colour with the `-traditional` class. Drop the table at cleanup (EDITOR-8281).
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.show-diff-atomic-inline-changed-status': {
     '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"

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

@@ -52,6 +52,22 @@ export const vanillaUnsupportedStyles = css({
       justifyContent: 'center'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.unsupported-inline-vanilla-inner': {
+      alignItems: 'center',
+      background: "var(--ds-background-disabled, #0515240F)",
+      border: `${"var(--ds-border-width, 1px)"} dashed ${"var(--ds-border-disabled, #0515240F)"}`,
+      borderRadius: "var(--ds-radius-small, 3px)",
+      boxSizing: 'border-box',
+      cursor: 'default',
+      display: 'inline-flex',
+      font: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
+      margin: `0 ${"var(--ds-space-025, 2px)"}`,
+      minHeight: '24px',
+      padding: `0 ${"var(--ds-space-100, 8px)"}`,
+      verticalAlign: 'middle',
+      whiteSpace: 'nowrap'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.unsupported-vanilla-icon': {
       padding: "var(--ds-space-050, 4px)",
       display: 'inline-flex',

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

@@ -0,0 +1,34 @@
+/* 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';
+/**
+ * Default look for tooltips created by `VanillaTooltip` (`editor-common/vanilla-tooltip`).
+ * Opt in by adding `ak-editor-vanilla-tooltip-default` to the tooltip's class name.
+ *
+ * The tooltip is a `[popover]`: the browser paints it in the top layer but leaves it in the
+ * DOM, so this descendant selector still matches. `VanillaTooltip` sets `opacity`,
+ * `visibility` and `transition` inline for the show/hide animation;
+ */
+export const vanillaTooltipDefaultStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ak-editor-vanilla-tooltip-default': {
+      boxSizing: 'border-box',
+      maxWidth: '240px',
+      backgroundColor: "var(--ds-background-neutral-bold, #292A2E)",
+      border: 'none',
+      borderRadius: "var(--ds-radius-small, 3px)",
+      color: "var(--ds-text-inverse, #FFFFFF)",
+      font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
+      fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
+      insetBlockStart: "var(--ds-space-0, 0px)",
+      insetInlineStart: "var(--ds-space-0, 0px)",
+      overflowWrap: 'break-word',
+      paddingBlock: "var(--ds-space-050, 4px)",
+      paddingInline: "var(--ds-space-075, 6px)",
+      whiteSpace: 'normal'
+    }
+  }
+});

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

@@ -22,12 +22,11 @@ export const getExtensionQuickInsertComponents = ({
       title: item.title
     })),
     component: props => {
-      const onInsert = typeof props.onInsert === 'function' ? props.onInsert : undefined;
       return /*#__PURE__*/React.createElement(ExtensionQuickInsertMenuItem, {
         apiRef: apiRef,
         createAnalyticsEvent: createAnalyticsEvent,
         item: item,
-        onInsert: onInsert
+        onInsert: props.onInsert
       });
     }
   };

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 = "224.4.4";
+export const version = "226.0.0";

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

@@ -32,7 +32,6 @@ import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { EditorSSRRenderer } from '@atlaskit/editor-ssr-renderer';
 import { createSSREditorState } from '@atlaskit/editor-ssr-renderer/create-ssr-editor-state';
 import { createSSRPMPlugins } from '@atlaskit/editor-ssr-renderer/create-ssr-pm-plugins';
-import { insm } from '@atlaskit/insm/api';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { addUFOCustomData } from '@atlaskit/react-ufo/custom-data';
@@ -934,29 +933,6 @@ export function ReactEditorView(props) {
     }
   }, [createEditorView, onEditorCreated, eventDispatcher, onEditorDestroyed, handleAnalyticsEvent, mitigateScrollJump]);
   var isPageAppearance = isFullPage(nextAppearance) || nextAppearance === 'max';
-
-  // insm measures a page, so only the page's own editor reports its dom size -- not a
-  // secondary editor such as a comment editor, or one nested inside a legacy content
-  // extension. This runs as an effect rather than from handleEditorViewRef because
-  // `isNestedEditor` is only resolved once `editorRef` is attached, which happens after
-  // the mount node's ref callback.
-  useEffect(function () {
-    if (!editorView || isNestedEditor.current || !isPageAppearance) {
-      return;
-    }
-    if (!isExperimentEnabled('platform_editor_insm_dom_node_count')) {
-      return;
-    }
-
-    // insm has no reference to the editor, so the element it measures for `editorDomSize`
-    // on session events is provided here. It's captured rather than read again on cleanup,
-    // as the view is destroyed by then.
-    var editorDom = editorView.dom;
-    insm.registerEditorDom(editorDom);
-    return function () {
-      insm.unregisterEditorDom(editorDom);
-    };
-  }, [editorView, isPageAppearance]);
   var createEditor = useCallback(function (assistiveLabel, assistiveDescribedBy) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, fg('cc_editor_focus_before_editor_on_load') && /*#__PURE__*/React.createElement("div", {
       tabIndex: -1,

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

@@ -65,6 +65,7 @@
 ._n3tdidpf{padding-bottom:0}
 ._n3tdoahv{padding-bottom:var(--ds-space-600,3pc)}
 ._njlp131u{contain:layout style inline-size}
+._njlp3xnj{contain:layout size}
 ._ongaglyw .ProseMirror>h4{clear:none}
 ._otyr1wug{margin-bottom:auto}
 ._otyridpf{margin-bottom:0}