@atlaskit/editor-core 224.0.4 → 224.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/CHANGELOG.md +38 -0
  2. package/dist/cjs/composable-editor/core-editor.js +1 -3
  3. package/dist/cjs/composable-editor/editor-internal.js +2 -1
  4. package/dist/cjs/composable-editor/hooks/useMemoEditorProps.js +3 -2
  5. package/dist/cjs/presets/universal.js +1 -1
  6. package/dist/cjs/ui/Appearance/FullPage/FullPage.js +2 -1
  7. package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-compiled.js +2 -1
  8. package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-emotion.js +2 -1
  9. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -4
  10. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +12 -12
  11. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +25 -27
  12. package/dist/cjs/ui/EditorContentContainer/styles/gapCursorStyles.js +2 -6
  13. package/dist/cjs/version-wrapper.js +1 -1
  14. package/dist/es2019/composable-editor/core-editor.js +1 -2
  15. package/dist/es2019/composable-editor/editor-internal.js +2 -1
  16. package/dist/es2019/composable-editor/hooks/useMemoEditorProps.js +3 -2
  17. package/dist/es2019/presets/universal.js +1 -1
  18. package/dist/es2019/ui/Appearance/FullPage/FullPage.js +2 -1
  19. package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.js +2 -1
  20. package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-emotion.js +2 -1
  21. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -4
  22. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +6 -7
  23. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +19 -22
  24. package/dist/es2019/ui/EditorContentContainer/styles/gapCursorStyles.js +0 -6
  25. package/dist/es2019/version-wrapper.js +1 -1
  26. package/dist/esm/composable-editor/core-editor.js +1 -3
  27. package/dist/esm/composable-editor/editor-internal.js +2 -1
  28. package/dist/esm/composable-editor/hooks/useMemoEditorProps.js +3 -2
  29. package/dist/esm/presets/universal.js +1 -1
  30. package/dist/esm/ui/Appearance/FullPage/FullPage.js +2 -1
  31. package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-compiled.js +2 -1
  32. package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-emotion.js +2 -1
  33. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -4
  34. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +12 -12
  35. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +27 -29
  36. package/dist/esm/ui/EditorContentContainer/styles/gapCursorStyles.js +1 -5
  37. package/dist/esm/version-wrapper.js +1 -1
  38. package/dist/types/types/editor-appearance-component.d.ts +1 -0
  39. package/dist/types/types/editor-props.d.ts +7 -1
  40. package/dist/types/ui/Appearance/FullPage/FullPageContentArea-compiled.d.ts +1 -0
  41. package/dist/types/ui/Appearance/FullPage/FullPageContentArea-emotion.d.ts +1 -0
  42. package/dist/types/ui/EditorContentContainer/EditorContentContainer-compiled.d.ts +1 -0
  43. package/dist/types/ui/EditorContentContainer/EditorContentContainer-emotion.d.ts +1 -0
  44. package/dist/types/ui/EditorContentContainer/styles/gapCursorStyles.d.ts +0 -7
  45. package/package.json +6 -6
@@ -238,7 +238,6 @@ var editorContentStyles = {
238
238
  InlineNodeViewSharedStyles: "cc-oocuhh",
239
239
  layoutBaseStyles: "cc-vt5d4b",
240
240
  layoutBaseStylesAdvanced: "cc-nyj72m",
241
- layoutBaseStylesNestedDnd: "cc-f9lio7",
242
241
  layoutBaseStylesNestedDndExcludingBodiedSync: "cc-19l8fhf",
243
242
  layoutBaseStylesWithTableExcerptsFix: "cc-e9amqv",
244
243
  layoutColumnDividerStyles: "cc-17tg3cb",
@@ -292,7 +291,6 @@ var editorContentStyles = {
292
291
  placeholderTextStyles: "cc-1om7jhv",
293
292
  placeholderWrapStyles: "cc-15lghdh",
294
293
  pragmaticResizerStyles: "cc-lum87v",
295
- pragmaticResizerStylesCodeBlockLegacy: "cc-4kxami",
296
294
  pragmaticResizerStylesCodeBlockSyncedBlockPatch: "cc-1tfwb0v",
297
295
  pragmaticResizerStylesForTooltip: "cc-mn5fyk",
298
296
  pragmaticResizerStylesSyncedBlock: "cc-kqyid",
@@ -396,13 +394,17 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
396
394
  // Under the static-CSS experiment, --ak-editor-base-font-size is set earlier on the
397
395
  // root div in editor-internal.tsx and inherited via the CSS cascade — do not set it here.
398
396
  // For the legacy path, compute it from the Emotion theme as before.
399
- var style = _objectSpread(_objectSpread({
400
- '--ak-editor--table-overflow-shadow': tableOverflowShadow
401
- }, tableCellBackgroundColorVariablesForCompiled), !editorExperiment('platform_editor_preview_panel_responsiveness', true, {
402
- exposure: true
403
- }) && {
404
- '--ak-editor--large-gutter-padding': "".concat(akEditorGutterPaddingDynamic(), "px")
405
- });
397
+ var style = React.useMemo(function () {
398
+ return _objectSpread(_objectSpread(_objectSpread({}, props.UNSAFE_containLayout ? {
399
+ contain: 'strict'
400
+ } : {}), {}, {
401
+ '--ak-editor--table-overflow-shadow': tableOverflowShadow
402
+ }, tableCellBackgroundColorVariablesForCompiled), !editorExperiment('platform_editor_preview_panel_responsiveness', true, {
403
+ exposure: true
404
+ }) && {
405
+ '--ak-editor--large-gutter-padding': "".concat(akEditorGutterPaddingDynamic(), "px")
406
+ });
407
+ }, [tableOverflowShadow, props.UNSAFE_containLayout]);
406
408
  var browser = getBrowserInfo();
407
409
 
408
410
  // Evaluate the block-spacing experiment once per render.
@@ -419,9 +421,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
419
421
  }) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
420
422
  exposure: true
421
423
  }) && 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 */
422
- editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorExperiment('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
423
- // Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
424
- !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDnd, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && 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]),
424
+ 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, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, 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]),
425
425
  ref: ref,
426
426
  "data-editor-scroll-container": isScrollable ? 'true' : undefined,
427
427
  "data-testid": "editor-content-container"
@@ -48,7 +48,7 @@ import { gapCursorStyles, gapCursorStylesVisibilityFix } from './styles/gapCurso
48
48
  import { gridStyles } from './styles/gridStyles';
49
49
  import { indentationStyles } from './styles/indentationStyles';
50
50
  import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
51
- import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesWithTableExcerptsFix, layoutBaseStylesNestedDnd, layoutColumnMartinTopFixes, layoutColumnDividerStyles, layoutColumnDividerStylesNestedDnD, layoutColumnResizeStyles, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutDragHandleWrapperStylesLegacy, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView, layoutSelectedStylesAdvancedFix, layoutBaseStylesNestedDndExcludingBodiedSync } from './styles/layout';
51
+ import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesWithTableExcerptsFix, layoutColumnMartinTopFixes, layoutColumnDividerStyles, layoutColumnDividerStylesNestedDnD, layoutColumnResizeStyles, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutDragHandleWrapperStylesLegacy, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView, layoutSelectedStylesAdvancedFix, layoutBaseStylesNestedDndExcludingBodiedSync } from './styles/layout';
52
52
  import { hyperLinkFloatingToolbarStyles, linkStyles } from './styles/link';
53
53
  import { diffListStyles, getDenseListStyles, listItemHiddenMarkerStyles, listsStyles, listsStylesMarginLayoutShiftFix, listsStylesSafariFix } from './styles/list';
54
54
  import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles, vanillaCaptionStyles } from './styles/mediaStyles';
@@ -56,7 +56,7 @@ import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentio
56
56
  import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixinNestedDnd, panelViewStyles } from './styles/panelStyles';
57
57
  import { paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
58
58
  import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
59
- import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockLegacy, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesExtensions, pragmaticResizerStylesForTooltip, pragmaticResizerStylesPanelAndRule, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerBottomHandleStyles, resizerStyles } from './styles/resizerStyles';
59
+ import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesExtensions, pragmaticResizerStylesForTooltip, pragmaticResizerStylesPanelAndRule, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerBottomHandleStyles, resizerStyles } from './styles/resizerStyles';
60
60
  import { dangerRuleStyles, ruleStyles } from './styles/rule';
61
61
  import { scrollbarStyles } from './styles/scrollbarStyles';
62
62
  import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
@@ -137,15 +137,19 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
137
137
  // Under the static-CSS experiment, --ak-editor-base-font-size is set earlier on the
138
138
  // root div in editor-internal.tsx and inherited via the CSS cascade — do not set it here.
139
139
  // For the legacy path, compute it from the Emotion theme as before.
140
- var style = _objectSpread(_objectSpread({}, !expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true) && {
141
- '--ak-editor-base-font-size': "".concat(editorFontSize({
142
- theme: theme
143
- }), "px")
144
- }), !editorExperiment('platform_editor_preview_panel_responsiveness', true, {
145
- exposure: true
146
- }) && {
147
- '--ak-editor--large-gutter-padding': "".concat(akEditorGutterPaddingDynamic(), "px")
148
- });
140
+ var style = React.useMemo(function () {
141
+ return _objectSpread(_objectSpread(_objectSpread({}, props.UNSAFE_containLayout ? {
142
+ contain: 'strict'
143
+ } : {}), !expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true) && {
144
+ '--ak-editor-base-font-size': "".concat(editorFontSize({
145
+ theme: theme
146
+ }), "px")
147
+ }), !editorExperiment('platform_editor_preview_panel_responsiveness', true, {
148
+ exposure: true
149
+ }) && {
150
+ '--ak-editor--large-gutter-padding': "".concat(akEditorGutterPaddingDynamic(), "px")
151
+ });
152
+ }, [theme, props.UNSAFE_containLayout]);
149
153
  var browser = getBrowserInfo();
150
154
 
151
155
  // Evaluate the block-spacing experiment once per render.
@@ -278,7 +282,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
278
282
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
279
283
  agentShimmerStyle,
280
284
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
281
- gapCursorStyles, editorExperiment('platform_synced_block', true) &&
285
+ gapCursorStyles,
282
286
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
283
287
  gapCursorStylesVisibilityFix,
284
288
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -321,7 +325,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
321
325
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
322
326
  expandStylesMixin_chromeless_expand_fix,
323
327
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
324
- findReplaceStyles, editorExperiment('platform_synced_block', true) &&
328
+ findReplaceStyles,
325
329
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
326
330
  findReplaceStylesWithRefSyncBlock,
327
331
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -371,20 +375,20 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
371
375
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
372
376
  layoutBaseStylesWithTableExcerptsFix,
373
377
  // merge alignMultipleWrappedImageInLayoutStyles with layoutBaseStyles when clean up platform_editor_fix_media_in_renderer
374
- fg('platform_editor_fix_media_in_renderer') && alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) &&
378
+ fg('platform_editor_fix_media_in_renderer') && alignMultipleWrappedImageInLayoutStyles,
375
379
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
376
- syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
380
+ syncBlockStylesBase,
377
381
  // Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
378
382
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
379
383
  !useStandardNodeWidth &&
380
384
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
381
385
  syncBlockStyles,
382
386
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
383
- editorExperiment('platform_synced_block', true) && syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) &&
387
+ syncBlockOverflowStyles,
384
388
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
385
- syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) &&
389
+ syncBlockTextSelectionStyles, isSyncBlockActivationEnabled &&
386
390
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
387
- syncBlockInteractiveCursorStyles, editorExperiment('platform_synced_block', true) &&
391
+ syncBlockInteractiveCursorStyles,
388
392
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
389
393
  syncBlockFirstNodeStyles,
390
394
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -410,17 +414,15 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
410
414
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
411
415
  layoutSelectedStylesAdvanced :
412
416
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
413
- layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) &&
417
+ layoutSelectedStylesNotAdvanced,
414
418
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
415
419
  layoutSelectedStylesAdvancedFix,
416
420
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
417
421
  editorExperiment('advanced_layouts', true) && layoutColumnResponsiveStyles,
418
422
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
419
- editorExperiment('advanced_layouts', true) && layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) ?
420
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
421
- layoutBaseStylesNestedDndExcludingBodiedSync :
423
+ editorExperiment('advanced_layouts', true) && layoutResponsiveBaseStyles,
422
424
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
423
- layoutBaseStylesNestedDnd,
425
+ layoutBaseStylesNestedDndExcludingBodiedSync,
424
426
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
425
427
  layoutColumnMartinTopFixes,
426
428
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -436,7 +438,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
436
438
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
437
439
  linkStyles,
438
440
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
439
- browser.safari && listsStylesSafariFix, editorExperiment('platform_synced_block', true) &&
441
+ browser.safari && listsStylesSafariFix,
440
442
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
441
443
  pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
442
444
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -446,11 +448,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
446
448
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
447
449
  pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
448
450
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
449
- editorExperiment('platform_synced_block', true) ?
450
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
451
- pragmaticResizerStylesCodeBlockSyncedBlockPatch :
452
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
453
- pragmaticResizerStylesCodeBlockLegacy : undefined, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
451
+ pragmaticResizerStylesCodeBlockSyncedBlockPatch : undefined, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
454
452
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
455
453
  pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
456
454
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -18,7 +18,6 @@ var gapCursorBlink = keyframes({
18
18
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
19
19
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
20
20
  */
21
- export var hideCaretModifier = 'ProseMirror-hide-gapcursor';
22
21
  var gapCursorSelector = '.ProseMirror-gapcursor';
23
22
  var prosemirrorwidgetNotBlock = '.ProseMirror-widget:not([data-blocks-decoration-container="true"]):not([data-blocks-drag-handle-container="true"]):not([data-blocks-quick-insert-container="true"])';
24
23
  var wrapLeft = '[layout="wrap-left"]';
@@ -38,10 +37,7 @@ var marginDeepChildrenFixSelector = "\n".concat(wrapLeft, " + ").concat(gapCurso
38
37
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
39
38
  export var gapCursorStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
40
39
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
41
- '.ProseMirror': _defineProperty(_defineProperty(_defineProperty({}, "&.".concat(hideCaretModifier), {
42
- // Clean this up with platform_synced_block
43
- caretColor: 'transparent'
44
- }), gapCursorSelector, _defineProperty(_defineProperty({
40
+ '.ProseMirror': _defineProperty(_defineProperty({}, gapCursorSelector, _defineProperty(_defineProperty({
45
41
  display: 'none',
46
42
  pointerEvents: 'none',
47
43
  position: 'relative',
@@ -1,3 +1,3 @@
1
1
  export var name = "@atlaskit/editor-core";
2
2
  // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
3
- export var version = "224.0.3";
3
+ export var version = "224.0.5";
@@ -53,5 +53,6 @@ export interface EditorAppearanceComponentProps<Plugins extends NextEditorPlugin
53
53
  primaryToolbarIconBefore?: ReactElement;
54
54
  providerFactory: ProviderFactory;
55
55
  secondaryToolbarComponents?: UIComponentFactory[];
56
+ UNSAFE_containLayout?: boolean;
56
57
  useStickyToolbar?: UseStickyToolbarType;
57
58
  }
@@ -57,7 +57,6 @@ interface EditorBaseProps {
57
57
  appearance?: EditorAppearance;
58
58
  assistiveLabel?: string;
59
59
  contentComponents?: ContentComponents;
60
- isEditorModernisationEnabled?: boolean;
61
60
  /**
62
61
  * **WARNING** this attribute is not supported outside of Confluence Full Page editors
63
62
  *
@@ -114,6 +113,7 @@ interface EditorBaseProps {
114
113
  * @default 100
115
114
  */
116
115
  inputSamplingLimit?: number;
116
+ isEditorModernisationEnabled?: boolean;
117
117
  maxHeight?: number;
118
118
  minHeight?: number;
119
119
  onCancel?: (editorView: EditorView) => void;
@@ -155,6 +155,12 @@ interface EditorBaseProps {
155
155
  secondaryToolbarComponents?: ReactComponents;
156
156
  shouldFocus?: boolean;
157
157
  skipValidation?: boolean;
158
+ /**
159
+ * Passing this prop enables `contain: strict` mode
160
+ * which drastically improves layout performance,
161
+ * but it requires that the size of a container is set, otherwise height will be 0.
162
+ */
163
+ UNSAFE_containLayout?: boolean;
158
164
  UNSAFE_useAnalyticsContext?: boolean;
159
165
  /**
160
166
  * @default undefined
@@ -45,6 +45,7 @@ interface FullPageEditorContentAreaProps {
45
45
  popupsMountPoint: HTMLElement | undefined;
46
46
  popupsScrollableElement: HTMLElement | undefined;
47
47
  providerFactory: ProviderFactory;
48
+ UNSAFE_containLayout?: boolean;
48
49
  viewMode: ViewMode | undefined;
49
50
  wrapperElement: HTMLElement | null;
50
51
  }
@@ -45,6 +45,7 @@ interface FullPageEditorContentAreaProps {
45
45
  popupsMountPoint: HTMLElement | undefined;
46
46
  popupsScrollableElement: HTMLElement | undefined;
47
47
  providerFactory: ProviderFactory;
48
+ UNSAFE_containLayout?: boolean;
48
49
  viewMode: ViewMode | undefined;
49
50
  wrapperElement: HTMLElement | null;
50
51
  }
@@ -12,6 +12,7 @@ export type EditorContentContainerProps = {
12
12
  contentMode?: EditorContentMode;
13
13
  featureFlags?: FeatureFlags;
14
14
  isScrollable?: boolean;
15
+ UNSAFE_containLayout?: boolean;
15
16
  /**
16
17
  * When true, nodes maintain their standard width without negative margins
17
18
  * For when the drag handle is visible and the editor has limited space.
@@ -11,6 +11,7 @@ export type EditorContentContainerProps = {
11
11
  contentMode?: EditorContentMode;
12
12
  featureFlags?: FeatureFlags;
13
13
  isScrollable?: boolean;
14
+ UNSAFE_containLayout?: boolean;
14
15
  /**
15
16
  * When true, nodes maintain their standard width without negative margins
16
17
  * For when the drag handle is visible and the editor has limited space.
@@ -1,11 +1,4 @@
1
1
  import type { SerializedStyles } from '@emotion/react';
2
- /**
3
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
4
- * If you need to make changes here, also update the corresponding style in
5
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
6
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
7
- */
8
- export declare const hideCaretModifier = "ProseMirror-hide-gapcursor";
9
2
  /**
10
3
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
11
4
  * If you need to make changes here, also update the corresponding style in
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "224.0.4",
3
+ "version": "224.1.0",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -56,20 +56,20 @@
56
56
  "@atlaskit/editor-ssr-renderer": "^10.0.0",
57
57
  "@atlaskit/editor-toolbar": "^2.4.0",
58
58
  "@atlaskit/editor-toolbar-model": "^1.2.0",
59
- "@atlaskit/emoji": "^71.17.0",
59
+ "@atlaskit/emoji": "^72.0.0",
60
60
  "@atlaskit/feature-gate-js-client": "^6.0.0",
61
61
  "@atlaskit/icon": "^37.3.0",
62
62
  "@atlaskit/insm": "^2.0.0",
63
63
  "@atlaskit/link": "^5.0.0",
64
64
  "@atlaskit/media-card": "^81.6.0",
65
- "@atlaskit/mention": "^27.17.0",
65
+ "@atlaskit/mention": "^27.18.0",
66
66
  "@atlaskit/platform-feature-experiments": "^0.3.0",
67
67
  "@atlaskit/platform-feature-flags": "^2.1.0",
68
68
  "@atlaskit/platform-feature-flags-react": "^1.1.0",
69
69
  "@atlaskit/react-compiler-gating": "^0.2.0",
70
70
  "@atlaskit/react-ufo": "^7.6.0",
71
71
  "@atlaskit/task-decision": "^21.8.0",
72
- "@atlaskit/tmp-editor-statsig": "^148.0.0",
72
+ "@atlaskit/tmp-editor-statsig": "^149.0.0",
73
73
  "@atlaskit/tokens": "^16.7.0",
74
74
  "@atlaskit/tooltip": "^24.0.0",
75
75
  "@atlaskit/width-detector": "^7.0.0",
@@ -87,7 +87,7 @@
87
87
  "uuid": "^3.1.0"
88
88
  },
89
89
  "peerDependencies": {
90
- "@atlaskit/editor-common": "^119.5.0",
90
+ "@atlaskit/editor-common": "^119.7.0",
91
91
  "@atlaskit/link-provider": "^5.3.0",
92
92
  "@atlaskit/media-core": "^38.0.0",
93
93
  "react": "^18.2.0",
@@ -108,7 +108,7 @@
108
108
  "@atlaskit/editor-plugin-paste": "^16.0.0",
109
109
  "@atlaskit/editor-test-helpers": "workspace:^",
110
110
  "@atlaskit/link-provider": "^5.3.0",
111
- "@atlaskit/linking-common": "^11.1.0",
111
+ "@atlaskit/linking-common": "^11.2.0",
112
112
  "@atlaskit/logo": "^21.4.0",
113
113
  "@atlaskit/media-core": "^38.0.0",
114
114
  "@atlaskit/media-integration-test-helpers": "workspace:^",