@atlaskit/editor-core 221.16.4 → 221.17.0

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

@@ -13,10 +13,10 @@ import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 // TODO: add back tableSharedStyle when migrate table styles
 // import { richMediaClassName, tableSharedStyle } from '@atlaskit/editor-common/styles';
 import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
-import { AnnotationSharedClassNames, richMediaClassName, expandClassNames, SmartCardSharedCssClassName, CodeBlockSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { AnnotationSharedClassNames, richMediaClassName, expandClassNames, SmartCardSharedCssClassName, CodeBlockSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, tableMarginTop, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/sync-block';
 import { tableCellBackgroundColorVariablesForCompiled } from '@atlaskit/editor-common/table-cell-background-for-compiled';
-import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorGutterPaddingDynamic, akEditorSwoopCubicBezier, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
+import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorGutterPaddingDynamic, akEditorShadowZIndex, akEditorSwoopCubicBezier, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { overflowShadowForCompiled } from '@atlaskit/editor-shared-styles/overflow-shadow-for-compiled';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -32,6 +32,7 @@ const akEditorCalculatedWideLayoutWidthSmallViewport = 905;
 const akEditorGutterPadding = 32;
 const akEditorDefaultLayoutWidth = 760;
 const akEditorFullWidthLayoutWidth = 1800;
+const tableOverflowShadowWidthWide = 32;
 // The breakpoint for small devices is 1266px, copied from getBreakpoint in platform/packages/editor/editor-common/src/ui/WidthProvider/index.tsx
 const akEditorBreakpointForSmallDevice = `1266px`;
 const akEditorGutterPaddingReduced = 24;
@@ -86,6 +87,8 @@ const editorAreaLayoutFixedWidthMaxWidthContainerQuery = `@container editor-area
 const editorAreaLayoutResizedMaxWidthContainerQuery = `@container editor-area (max-width: ${akEditorLayoutResizedBreakpoint}px)`;
 const placeholderFadeInKeyframes = null;
 const fadeIn = null;
+const tableInlineStartShadow = null;
+const tableInlineEndShadow = null;
 const hideNativeBrowserTextSelectionStyles = null;
 const boxShadowSelectionStyles = null;
 
@@ -336,8 +339,6 @@ const editorContentStyles = {
   panelStylesMixin: "cc-h7dall",
   panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes: "cc-pnl8g",
   panelViewStyles: "cc-4fs4h7",
-  paragraphStylesOld: "cc-1w6keww",
-  paragraphStylesOldWithScaledMargin: "cc-10wncs9",
   paragraphStylesUGCRefreshed: "cc-cc1o06",
   paragraphStylesWithScaledMargin: "cc-9s11ni",
   placeholderOverflowStyles: "cc-j698ed",
@@ -378,6 +379,7 @@ const editorContentStyles = {
   tableCellBackgroundColorOverrides: "cc-cvmfbc",
   tableCommentEditorStyles: "cc-qmh5x7",
   tableContainerStyles: "cc-1c98076",
+  tableScrollInlineShadowStyles: "cc-1b7tx95",
   tableContentModeStyles: "cc-4d6xg1",
   tableContentModeNestedTableStyles: "cc-19w908l",
   tableEmptyRowStyles: "cc-1fi1exx",
@@ -480,7 +482,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
     }) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
     editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, 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, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes : editorContentStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && 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') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh : expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
     // Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
-    !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && fg('platform_editor_nested_dnd_styles_changes') && 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) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, fg('platform_editor_typography_ugc') ? contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed : contentMode === 'compact' ? editorContentStyles.paragraphStylesOldWithScaledMargin : editorContentStyles.paragraphStylesOld, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, 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, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && fg('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
+    !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && fg('platform_editor_nested_dnd_styles_changes') && 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) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && fg('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"

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

@@ -50,7 +50,7 @@ import { diffListStyles, getDenseListStyles, listItemHiddenMarkerStyles, listsSt
 import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
 import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentionsSelectionStylesWithSearchMatch, mentionsStyles } from './styles/mentions';
 import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles } from './styles/panelStyles';
-import { paragraphStylesOld, paragraphStylesOldWithScaledMargin, paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
+import { paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
 import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
 import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockLegacy, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesForTooltip, pragmaticResizerStylesPanelAndRule, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerBottomHandleStyles, resizerStyles } from './styles/resizerStyles';
 import { dangerRuleStyles, ruleStyles } from './styles/rule';
@@ -62,7 +62,7 @@ import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDe
 import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, statusStylesTeam26 } from './styles/statusStyles';
 import { syncBlockInteractiveCursorStyles } from './styles/syncBlockInteractiveCursorStyles';
 import { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles, syncBlockTextSelectionStyles } from './styles/syncBlockStyles';
-import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes, tableRoundedCornerStyles, tableLayoutFixesWithFontSize, tableContentModeStyles, tableContentModeNestedTableStyles } from './styles/tableStyles';
+import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes, tableRoundedCornerStyles, tableScrollInlineShadowStyles, tableLayoutFixesWithFontSize, tableContentModeStyles, tableContentModeNestedTableStyles } from './styles/tableStyles';
 import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
 import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
 import { textColorStyles } from './styles/textColorStyles';
@@ -446,19 +446,11 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     linkingVisualRefreshV1Styles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    dateVanillaStyles, fg('platform_editor_typography_ugc') ?
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    contentMode === 'compact' ?
+    dateVanillaStyles, contentMode === 'compact' ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     paragraphStylesWithScaledMargin :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    paragraphStylesUGCRefreshed :
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    contentMode === 'compact' ?
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    paragraphStylesOldWithScaledMargin :
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    paragraphStylesOld,
+    paragraphStylesUGCRefreshed,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     linkStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -554,7 +546,9 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     tableContainerStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    tableSharedStyle(),
+    tableSharedStyle(), expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    tableScrollInlineShadowStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     tableEmptyRowStyles,
     // SSR-safe rounded corners (see tableRoundedCornerStyles). Gated to match the table plugin

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

@@ -3,7 +3,7 @@
 	@atlaskit/ui-styling-standard/no-exported-styles */
 import { css } from '@emotion/react';
 /**
- * Use when fg('platform_editor_typography_ugc') is enabled, but the following are not enabled:
+ * Use when the following is not enabled:
  * - fg('atlas_editor_typography_refreshed')
  */
 /**
@@ -25,7 +25,7 @@ export const editorUGCTokensModernized = css({
 });
 
 /**
- * Use when fg('platform_editor_typography_ugc') is enabled and the following is enabled:
+ * Use when the following is enabled:
  * - fg('atlas_editor_typography_refreshed')
  */
 /**

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

@@ -24,27 +24,6 @@ export const paragraphStylesWithScaledMargin = css({
   }
 });
 
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-export const paragraphStylesOldWithScaledMargin = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ProseMirror p': {
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: '1em',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    lineHeight: 1.714,
-    fontWeight: "var(--ds-font-weight-regular, 400)",
-    marginTop: scaledBlockNodesVerticalMargin,
-    marginBottom: 0,
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    letterSpacing: '-0.005em'
-  }
-});
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
  * If you need to make changes here, also update the corresponding style in
@@ -82,25 +61,4 @@ export const paragraphStylesUGCModernized = css({
     marginTop: blockNodesVerticalMargin,
     marginBottom: 0
   }
-});
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-export const paragraphStylesOld = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ProseMirror p': {
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: '1em',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    lineHeight: 1.714,
-    fontWeight: "var(--ds-font-weight-regular, 400)",
-    marginTop: blockNodesVerticalMargin,
-    marginBottom: 0,
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    letterSpacing: '-0.005em'
-  }
 });

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

@@ -1,8 +1,28 @@
 /* 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';
+import { css, keyframes } from '@emotion/react';
+import { tableMarginTop } from '@atlaskit/editor-common/styles';
+import { akEditorShadowZIndex, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles/constants';
 import { scrollbarStyles } from './scrollbarStyles';
+const tableOverflowShadowWidthWide = 32;
+const tableInlineStartShadow = keyframes({
+  '0%': {
+    opacity: 0
+  },
+  '0.0001%, 100%': {
+    opacity: 1
+  }
+});
+const tableInlineEndShadow = keyframes({
+  '0%, 99.9999%': {
+    opacity: 1
+  },
+  '100%': {
+    opacity: 0
+  }
+});
+
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
  * If you need to make changes here, also update the corresponding style in
@@ -96,6 +116,81 @@ export const tableContainerStyles = css({
     minWidth: 'auto'
   }
 });
+
+/**
+ * SSR-safe foreground overflow shadows driven by the table wrapper's horizontal scroll timeline.
+ * The overlays are siblings of the scrollport, so they stay anchored to its edges without
+ * modifying table-cell surfaces or interaction overlays.
+ *
+ * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
+ * If you need to make changes here, also update the corresponding style in
+ * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
+ * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
+export const tableScrollInlineShadowStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ProseMirror .pm-table-container:has(> .pm-table-scroll-inline-shadow)': {
+    timelineScope: '--editor-table-inline-scroll'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror .pm-table-scroll-inline-shadow': {
+    scrollTimelineName: '--editor-table-inline-scroll',
+    scrollTimelineAxis: 'inline'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror .pm-table-container > [data-table-overflow-shadow]': {
+    position: 'absolute',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+    zIndex: akEditorShadowZIndex,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+    top: tableMarginTop,
+    bottom: 0,
+    width: tableOverflowShadowWidthWide,
+    opacity: 0,
+    pointerEvents: 'none',
+    animationDuration: '1ms',
+    animationFillMode: 'both',
+    animationTimingFunction: 'linear',
+    animationTimeline: '--editor-table-inline-scroll'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  ".ProseMirror .pm-table-container > [data-table-overflow-shadow='start']": {
+    left: 0,
+    backgroundImage: `linear-gradient(
+			to left,
+			transparent 0,
+			${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 140%
+		),
+		linear-gradient(
+			to right,
+			${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
+			transparent 1px
+		)`,
+    animationName: tableInlineStartShadow
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  ".ProseMirror .pm-table-container[data-number-column='true'] > [data-table-overflow-shadow='start']": {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+    left: akEditorTableNumberColumnWidth - 1
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  ".ProseMirror .pm-table-container > [data-table-overflow-shadow='end']": {
+    right: 0,
+    backgroundImage: `linear-gradient(
+			to right,
+			transparent 0,
+			${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 140%
+		),
+		linear-gradient(
+			to left,
+			${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
+			transparent 1px
+		)`,
+    animationName: tableInlineEndShadow
+  }
+});
+
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
  * If you need to make changes here, also update the corresponding style in

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 = "221.16.3";
+export const version = "221.16.4";

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

@@ -123,8 +123,6 @@
 .cc-h7dall .ProseMirror .ak-editor-panel[data-panel-type=info] .ak-editor-panel__icon[data-panel-type=info]{color:var(--ds-icon-information,#357de8)}.cc-h7dall .ProseMirror .ak-editor-panel[data-panel-type=note] .ak-editor-panel__icon[data-panel-type=note]{color:var(--ds-icon-discovery,#af59e1)}.cc-h7dall .ProseMirror .ak-editor-panel[data-panel-type=tip] .ak-editor-panel__icon[data-panel-type=tip]{color:var(--ds-icon-success,#6a9a23)}.cc-h7dall .ProseMirror .ak-editor-panel[data-panel-type=warning] .ak-editor-panel__icon[data-panel-type=warning]{color:var(--ds-icon-warning,#e06c00)}.cc-h7dall .ProseMirror .ak-editor-panel[data-panel-type=error] .ak-editor-panel__icon[data-panel-type=error]{color:var(--ds-icon-danger,#c9372c)}.cc-h7dall .ProseMirror .ak-editor-panel[data-panel-type=success] .ak-editor-panel__icon[data-panel-type=success]{color:var(--ds-icon-success,#6a9a23)}
 .cc-pnl8g .ProseMirror .ak-editor-panel.ak-editor-panel__no-icon{padding-right:var(--ds-space-150,9pt);padding-left:var(--ds-space-150,9pt)}.cc-pnl8g .ak-editor-content-area.appearance-full-page .ProseMirror .ak-editor-panel .ak-editor-panel__icon{padding-right:var(--ds-space-150,9pt)}.cc-pnl8g .ak-editor-content-area.appearance-full-page .ProseMirror .ak-editor-panel.ak-editor-panel__no-icon{padding-left:var(--ds-space-250,20px);padding-right:var(--ds-space-250,20px)}.cc-pnl8g .ak-editor-content-area .ak-editor-content-area .ProseMirror .ak-editor-panel .ak-editor-panel__icon{padding-right:var(--ds-space-100,8px)}.cc-pnl8g .ak-editor-content-area .ak-editor-content-area .ProseMirror .ak-editor-panel.ak-editor-panel__no-icon{padding-right:var(--ds-space-150,9pt);padding-left:var(--ds-space-150,9pt)}
 .cc-4fs4h7 .panelView-content-wrap{box-sizing:border-box}
-.cc-1w6keww .ProseMirror p{font-size:1em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);margin-top:.75rem;margin-bottom:0;letter-spacing:-.005em}
-.cc-10wncs9 .ProseMirror p{font-size:1em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);margin-top:.75em;margin-bottom:0;letter-spacing:-.005em}
 .cc-cc1o06 .ProseMirror p{font:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif;margin-top:.75rem;margin-bottom:0}
 .cc-9s11ni .ProseMirror p{font:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif;margin-top:.75em;margin-bottom:0}
 .cc-j698ed .ProseMirror p:has(.placeholder-decoration-hide-overflow){overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis}.cc-1g9vzfc .ProseMirror .placeholder-decoration{color:var(--ds-text-subtlest,#6b6e76);width:100%;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1g9vzfc .ProseMirror .placeholder-decoration .placeholder-android{pointer-events:none;outline-color:currentColor;outline-style:none;outline-width:medium;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:absolute}.cc-1g9vzfc .ProseMirror .placeholder-decoration-fade-in{animation-name:kgnpaw5;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards}
@@ -161,7 +159,7 @@
 .cc-d5z442 .ProseMirror .ak-editor-bodied-sync-block, .cc-d5z442 .ProseMirror .ak-editor-sync-block{margin-right:-19px;margin-left:-19px}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block, .cc-btp579 .ProseMirror .ak-editor-sync-block{position:relative;cursor:pointer;border-radius:var(--ds-radius-small,3px);margin-bottom:0;margin-top:var(--ds-space-075,6px);padding-block:var(--ds-space-150,9pt);color:inherit}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:hover, .cc-btp579 .ProseMirror .ak-editor-sync-block:hover{box-shadow:0 0 0 1px var(--ds-border,#0b120e24);transition:box-shadow .2s ease-in}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:hover .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block:hover .ak-editor-sync-block__label{opacity:1;visibility:visible;transition:opacity .2s ease-in,visibility .2s ease-in}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-bodied-sync-block__selection_inside, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-bodied-sync-block__selection_inside{box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-bodied-sync-block__selection_inside .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-bodied-sync-block__selection_inside .ak-editor-sync-block__label{opacity:1;visibility:visible}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-selected-node, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node{box-shadow:0 0 0 1px var(--ds-border-focused,#4688ec)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-selected-node .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node .ak-editor-sync-block__label{opacity:1;visibility:visible;background-color:var(--ds-background-selected,#e9f2fe);top:-14px;padding-bottom:var(--ds-space-050,4px);padding-top:var(--ds-space-050,4px)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-selected-node .ak-editor-sync-block__label>span, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node .ak-editor-sync-block__label>span{color:var(--ds-text-selected,#1868db)!important}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-panel__icon, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger .ak-editor-panel__icon{color:var(--ds-icon-danger,#c9372c)!important}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger .ak-editor-sync-block__label{background-color:var(--ds-background-danger,#ffeceb);top:-14px;padding-bottom:var(--ds-space-050,4px);padding-top:var(--ds-space-050,4px)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-sync-block__label>span, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger .ak-editor-sync-block__label>span{color:var(--ds-text-danger,#ae2e24)!important}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.disabled, .cc-btp579 .ProseMirror .ak-editor-sync-block.disabled{background-color:var(--ds-background-disabled,#0515240f);box-shadow:0 0 0 1px var(--ds-border-disabled,#0515240f);-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.disabled .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.disabled .ak-editor-sync-block__label{background-color:var(--ds-surface,#fff)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.disabled .ak-editor-sync-block__label:before, .cc-btp579 .ProseMirror .ak-editor-sync-block.disabled .ak-editor-sync-block__label:before{border:none}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.creation-loading, .cc-btp579 .ProseMirror .ak-editor-sync-block.creation-loading{animation-name:k1r6lcmc;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;border:1px solid transparent;background:linear-gradient(var(--ds-surface,#fff),var(--ds-surface,#fff)) padding-box,conic-gradient(from var(--angle),#1868db,var(--ds-background-accent-purple-subtlest-pressed,#e3bdfa),#3279e0,#1868db) border-box;background-clip:padding-box,border-box;box-shadow:none;transition:box-shadow .2s ease-in}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.creation-loading .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.creation-loading .ak-editor-sync-block__label{display:none}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:has(.ak-editor-sync-block__error_state), .cc-btp579 .ProseMirror .ak-editor-sync-block:has(.ak-editor-sync-block__error_state){background-color:var(--ds-background-disabled,#0515240f)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:has(.ak-editor-sync-block__loading_state), .cc-btp579 .ProseMirror .ak-editor-sync-block:has(.ak-editor-sync-block__loading_state){box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:has(.ak-editor-sync-block__loading_state) .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block:has(.ak-editor-sync-block__loading_state) .ak-editor-sync-block__label{opacity:0;visibility:hidden}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.view-mode, .cc-btp579 .ProseMirror .ak-editor-sync-block.view-mode{box-shadow:none;background-color:unset}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.view-mode .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.view-mode .ak-editor-sync-block__label{opacity:0;visibility:hidden}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.user-is-dragging, .cc-btp579 .ProseMirror .ak-editor-sync-block.user-is-dragging{box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.user-is-dragging .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.user-is-dragging .ak-editor-sync-block__label{opacity:1;visibility:visible}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block .ak-editor-bodied-sync-block__content, .cc-btp579 .ProseMirror .ak-editor-sync-block .ak-editor-bodied-sync-block__content{padding-top:0;padding-bottom:0;padding-left:19px;padding-right:18px;cursor:text}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block .ak-editor-sync-block__renderer, .cc-btp579 .ProseMirror .ak-editor-sync-block .ak-editor-sync-block__renderer{padding-top:0;padding-bottom:0;padding-left:19px;padding-right:18px}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block__content>:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span)){margin-top:0}.cc-btp579 .ProseMirror .ak-editor-sync-block__renderer .ak-renderer-document>:first-child{margin-top:0}.cc-btp579 .ak-editor-sync-block__label{border-radius:var(--ds-radius-small,3px);position:absolute;gap:var(--ds-space-050,4px);justify-content:center;align-items:center;display:flex;opacity:0;visibility:hidden;box-shadow:none;z-index:1;padding-left:var(--ds-space-100,8px);padding-right:var(--ds-space-100,8px);top:-10px;right:var(--ds-space-150,9pt);background-color:var(--ds-surface,#fff);max-width:140px}
 .cc-cvmfbc td[colorname=white i], .cc-cvmfbc th[colorname=white i]{background-color:var(--ak-editor-table-cell-background-white)!important}.cc-cvmfbc td[colorname="light blue" i], .cc-cvmfbc th[colorname="light blue" i]{background-color:var(--ak-editor-table-cell-background-light-blue)!important}.cc-cvmfbc td[colorname="light teal" i], .cc-cvmfbc th[colorname="light teal" i]{background-color:var(--ak-editor-table-cell-background-light-teal)!important}.cc-cvmfbc td[colorname="light green" i], .cc-cvmfbc th[colorname="light green" i]{background-color:var(--ak-editor-table-cell-background-light-green)!important}.cc-cvmfbc td[colorname="light yellow" i], .cc-cvmfbc th[colorname="light yellow" i]{background-color:var(--ak-editor-table-cell-background-light-yellow)!important}.cc-cvmfbc td[colorname="light red" i], .cc-cvmfbc th[colorname="light red" i]{background-color:var(--ak-editor-table-cell-background-light-red)!important}.cc-cvmfbc td[colorname="light purple" i], .cc-cvmfbc th[colorname="light purple" i]{background-color:var(--ak-editor-table-cell-background-light-purple)!important}.cc-cvmfbc td[colorname="light gray" i], .cc-cvmfbc th[colorname="light gray" i]{background-color:var(--ak-editor-table-cell-background-light-gray)!important}.cc-cvmfbc td[colorname=blue i], .cc-cvmfbc th[colorname=blue i]{background-color:var(--ak-editor-table-cell-background-blue)!important}.cc-cvmfbc td[colorname=teal i], .cc-cvmfbc th[colorname=teal i]{background-color:var(--ak-editor-table-cell-background-teal)!important}.cc-cvmfbc td[colorname=green i], .cc-cvmfbc th[colorname=green i]{background-color:var(--ak-editor-table-cell-background-green)!important}.cc-cvmfbc td[colorname=yellow i], .cc-cvmfbc th[colorname=yellow i]{background-color:var(--ak-editor-table-cell-background-yellow)!important}.cc-cvmfbc td[colorname=red i], .cc-cvmfbc th[colorname=red i]{background-color:var(--ak-editor-table-cell-background-red)!important}.cc-cvmfbc td[colorname=purple i], .cc-cvmfbc th[colorname=purple i]{background-color:var(--ak-editor-table-cell-background-purple)!important}.cc-cvmfbc td[colorname=gray i], .cc-cvmfbc th[colorname=gray i]{background-color:var(--ak-editor-table-cell-background-gray)!important}.cc-cvmfbc td[colorname="dark blue" i], .cc-cvmfbc th[colorname="dark blue" i]{background-color:var(--ak-editor-table-cell-background-dark-blue)!important}.cc-cvmfbc td[colorname="dark teal" i], .cc-cvmfbc th[colorname="dark teal" i]{background-color:var(--ak-editor-table-cell-background-dark-teal)!important}.cc-cvmfbc td[colorname="dark green" i], .cc-cvmfbc th[colorname="dark green" i]{background-color:var(--ak-editor-table-cell-background-dark-green)!important}.cc-cvmfbc td[colorname="dark yellow" i], .cc-cvmfbc th[colorname="dark yellow" i]{background-color:var(--ak-editor-table-cell-background-dark-yellow)!important}.cc-cvmfbc td[colorname="dark red" i], .cc-cvmfbc th[colorname="dark red" i]{background-color:var(--ak-editor-table-cell-background-dark-red)!important}.cc-cvmfbc td[colorname="dark purple" i], .cc-cvmfbc th[colorname="dark purple" i]{background-color:var(--ak-editor-table-cell-background-dark-purple)!important}
 .cc-qmh5x7 .ProseMirror .pm-table-wrapper>table{margin-left:0;margin-right:0;ms-overflow-style:-ms-autohiding-scrollbar}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table::-webkit-scrollbar-corner{display:none}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-subtle,#00000000)}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table:hover::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-bold,#292a2e);border-radius:var(--ds-radius-large,8px)}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table::-webkit-scrollbar-thumb:hover{background-color:var(--ds-background-neutral-bold-hovered,#3b3d42)}
-.cc-1c98076 .ProseMirror .pm-table-wrapper{max-width:100%;overflow-x:auto;width:100%;box-sizing:border-box}.cc-1c98076 .ProseMirror .pm-table-wrapper.pm-table-wrapper-no-overflow{overflow-x:visible}.cc-1c98076 .ProseMirror .pm-table-wrapper table{max-width:100%;width:100%;table-layout:fixed;min-width:auto}
+.cc-1c98076 .ProseMirror .pm-table-wrapper{max-width:100%;overflow-x:auto;width:100%;box-sizing:border-box}.cc-1c98076 .ProseMirror .pm-table-wrapper.pm-table-wrapper-no-overflow{overflow-x:visible}.cc-1c98076 .ProseMirror .pm-table-wrapper table{max-width:100%;width:100%;table-layout:fixed;min-width:auto}.cc-1b7tx95 .ProseMirror .pm-table-container:has(>.pm-table-scroll-inline-shadow){timeline-scope:--editor-table-inline-scroll}.cc-1b7tx95 .ProseMirror .pm-table-scroll-inline-shadow{scroll-timeline-name:--editor-table-inline-scroll;scroll-timeline-axis:inline}.cc-1b7tx95 .ProseMirror .pm-table-container>[data-table-overflow-shadow]{position:absolute;z-index:2;top:24px;bottom:0;width:2pc;opacity:0;pointer-events:none;animation-duration:1ms;animation-fill-mode:both;animation-timing-function:linear;animation-timeline:--editor-table-inline-scroll}.cc-1b7tx95 .ProseMirror .pm-table-container>[data-table-overflow-shadow=start]{left:0;background-image:linear-gradient(to left,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to right,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);animation-name:kdz7omp}.cc-1b7tx95 .ProseMirror .pm-table-container[data-number-column=true]>[data-table-overflow-shadow=start]{left:41px}.cc-1b7tx95 .ProseMirror .pm-table-container>[data-table-overflow-shadow=end]{right:0;background-image:linear-gradient(to right,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to left,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);animation-name:k1sevukb}
 .cc-4d6xg1 .pm-table-resizer-container:has(table[data-initial-width-mode=content]){width:max-content!important;--ak-editor-table-width:max-content}.cc-4d6xg1 .resizer-item:has(table[data-initial-width-mode=content]){width:max-content!important}.cc-4d6xg1 .resizer-item:has(table[data-initial-width-mode=content])>.resizer-hover-zone.resizer-is-extended{padding-top:unset;padding-right:unset;padding-bottom:unset;padding-left:unset;left:unset}.cc-4d6xg1 .ProseMirror .pm-table-wrapper table[data-initial-width-mode=content]{table-layout:auto;width:max-content!important}.cc-4d6xg1 .ProseMirror .pm-table-wrapper table[data-initial-width-mode=content]>colgroup>col{width:unset!important}
 .cc-19w908l .ProseMirror .pm-table-wrapper table[data-initial-width-mode=content]{max-width:none;margin-right:0}.cc-19w908l .pm-table-container:has(>.pm-table-wrapper>table[data-initial-width-mode=content]), .cc-19w908l .pm-table-wrapper:has(>table[data-initial-width-mode=content]), .cc-19w908l .resizer-item:has(table[data-initial-width-mode=content]){width:max-content!important;max-width:var(--ak-editor-table-max-width)!important}.cc-19w908l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper>table{width:max-content!important;max-width:none;margin-right:0}.cc-19w908l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper>table>colgroup>col{width:unset!important}.cc-19w908l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container, .cc-19w908l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper{width:max-content!important;max-width:none;overflow-x:visible}
 .cc-1fi1exx .ProseMirror .pm-table-wrapper .pm-table-cell-content-wrap p:empty, .cc-1fi1exx .ProseMirror .pm-table-wrapper .pm-table-header-content-wrap p:empty{min-height:1.714em}
@@ -200,11 +198,13 @@
 @keyframes k1eqwm1p{0%{--panel-gradient-angle:0deg;background-position:100%}to{--panel-gradient-angle:360deg;background-position:-100%}}
 @keyframes k1g8d6yk{to{transform:scaleX(1);opacity:1}0%,90%{transform:scaleX(0);opacity:0}}
 @keyframes k1r6lcmc{0%{--angle:0deg}to{--angle:360deg}}
+@keyframes k1sevukb{0%,99.9999%{opacity:1}to{opacity:0}}
 @keyframes k1xe95hp{0%{opacity:0;transform:translateY(1pc)}to{opacity:1;transform:translateY(0)}}
 @keyframes k1xnqtye{0%,to{opacity:0}50%{opacity:1}}
 @keyframes k3895my{0%,95%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:0}}
 @keyframes k7wtbat{0%{--panel-gradient-angle:0deg}to{--panel-gradient-angle:360deg}}
 @keyframes k7xl0d6{0%,90%,to{transform:scaleX(1);opacity:1}10%,80%{transform:scaleX(0);opacity:0}}
+@keyframes kdz7omp{0%{opacity:0}0.0001%,to{opacity:1}}
 @keyframes kgnpaw5{0%{opacity:0}to{opacity:1}}
 @keyframes kufr8jz{0%{background-position:200% 0}to{background-position:-200% 0}}
 @keyframes kxlv1hz{0%,to{transform:scaleX(0);opacity:0}10%{transform:scaleX(1.4);opacity:1}15%,85%{transform:scaleX(1);opacity:1}}

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

@@ -18,10 +18,10 @@ import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 // TODO: add back tableSharedStyle when migrate table styles
 // import { richMediaClassName, tableSharedStyle } from '@atlaskit/editor-common/styles';
 import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
-import { AnnotationSharedClassNames, richMediaClassName, expandClassNames, SmartCardSharedCssClassName, CodeBlockSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { AnnotationSharedClassNames, richMediaClassName, expandClassNames, SmartCardSharedCssClassName, CodeBlockSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, tableMarginTop, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/sync-block';
 import { tableCellBackgroundColorVariablesForCompiled } from '@atlaskit/editor-common/table-cell-background-for-compiled';
-import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorGutterPaddingDynamic, akEditorSwoopCubicBezier, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
+import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorGutterPaddingDynamic, akEditorShadowZIndex, akEditorSwoopCubicBezier, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { overflowShadowForCompiled } from '@atlaskit/editor-shared-styles/overflow-shadow-for-compiled';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -37,6 +37,7 @@ var akEditorCalculatedWideLayoutWidthSmallViewport = 905;
 var akEditorGutterPadding = 32;
 var akEditorDefaultLayoutWidth = 760;
 var akEditorFullWidthLayoutWidth = 1800;
+var tableOverflowShadowWidthWide = 32;
 // The breakpoint for small devices is 1266px, copied from getBreakpoint in platform/packages/editor/editor-common/src/ui/WidthProvider/index.tsx
 var akEditorBreakpointForSmallDevice = "1266px";
 var akEditorGutterPaddingReduced = 24;
@@ -88,6 +89,8 @@ var editorAreaLayoutFixedWidthMaxWidthContainerQuery = "@container editor-area (
 var editorAreaLayoutResizedMaxWidthContainerQuery = "@container editor-area (max-width: ".concat(akEditorLayoutResizedBreakpoint, "px)");
 var placeholderFadeInKeyframes = null;
 var fadeIn = null;
+var tableInlineStartShadow = null;
+var tableInlineEndShadow = null;
 var hideNativeBrowserTextSelectionStyles = null;
 var boxShadowSelectionStyles = null;
 
@@ -284,8 +287,6 @@ var editorContentStyles = {
   panelStylesMixin: "cc-h7dall",
   panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes: "cc-pnl8g",
   panelViewStyles: "cc-4fs4h7",
-  paragraphStylesOld: "cc-1w6keww",
-  paragraphStylesOldWithScaledMargin: "cc-10wncs9",
   paragraphStylesUGCRefreshed: "cc-cc1o06",
   paragraphStylesWithScaledMargin: "cc-9s11ni",
   placeholderOverflowStyles: "cc-j698ed",
@@ -326,6 +327,7 @@ var editorContentStyles = {
   tableCellBackgroundColorOverrides: "cc-cvmfbc",
   tableCommentEditorStyles: "cc-qmh5x7",
   tableContainerStyles: "cc-1c98076",
+  tableScrollInlineShadowStyles: "cc-1b7tx95",
   tableContentModeStyles: "cc-4d6xg1",
   tableContentModeNestedTableStyles: "cc-19w908l",
   tableEmptyRowStyles: "cc-1fi1exx",
@@ -422,7 +424,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
     }) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
     editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, 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, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes : editorContentStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && 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') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh : expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
     // Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
-    !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && fg('platform_editor_nested_dnd_styles_changes') && 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) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, fg('platform_editor_typography_ugc') ? contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed : contentMode === 'compact' ? editorContentStyles.paragraphStylesOldWithScaledMargin : editorContentStyles.paragraphStylesOld, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, 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, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && fg('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
+    !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && fg('platform_editor_nested_dnd_styles_changes') && 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) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && fg('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"

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

@@ -53,7 +53,7 @@ import { diffListStyles, getDenseListStyles, listItemHiddenMarkerStyles, listsSt
 import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
 import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentionsSelectionStylesWithSearchMatch, mentionsStyles } from './styles/mentions';
 import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles } from './styles/panelStyles';
-import { paragraphStylesOld, paragraphStylesOldWithScaledMargin, paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
+import { paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
 import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
 import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockLegacy, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesForTooltip, pragmaticResizerStylesPanelAndRule, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerBottomHandleStyles, resizerStyles } from './styles/resizerStyles';
 import { dangerRuleStyles, ruleStyles } from './styles/rule';
@@ -65,7 +65,7 @@ import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDe
 import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, statusStylesTeam26 } from './styles/statusStyles';
 import { syncBlockInteractiveCursorStyles } from './styles/syncBlockInteractiveCursorStyles';
 import { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles, syncBlockTextSelectionStyles } from './styles/syncBlockStyles';
-import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes, tableRoundedCornerStyles, tableLayoutFixesWithFontSize, tableContentModeStyles, tableContentModeNestedTableStyles } from './styles/tableStyles';
+import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes, tableRoundedCornerStyles, tableScrollInlineShadowStyles, tableLayoutFixesWithFontSize, tableContentModeStyles, tableContentModeNestedTableStyles } from './styles/tableStyles';
 import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
 import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
 import { textColorStyles } from './styles/textColorStyles';
@@ -439,19 +439,11 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     linkingVisualRefreshV1Styles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    dateVanillaStyles, fg('platform_editor_typography_ugc') ?
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    contentMode === 'compact' ?
+    dateVanillaStyles, contentMode === 'compact' ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     paragraphStylesWithScaledMargin :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    paragraphStylesUGCRefreshed :
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    contentMode === 'compact' ?
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    paragraphStylesOldWithScaledMargin :
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    paragraphStylesOld,
+    paragraphStylesUGCRefreshed,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     linkStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -547,7 +539,9 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     tableContainerStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    tableSharedStyle(),
+    tableSharedStyle(), expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    tableScrollInlineShadowStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     tableEmptyRowStyles,
     // SSR-safe rounded corners (see tableRoundedCornerStyles). Gated to match the table plugin