npm - @atlaskit/editor-core - Versions diffs - 221.5.12 → 221.5.13 - Mend

@atlaskit/editor-core 221.5.12 → 221.5.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,14 @@
 # @atlaskit/editor-core
+## 221.5.13
+### Patch Changes
+- [`df00c17a7cb79`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/df00c17a7cb79) -
+  Improve nested table sizing inside fit-to-content tables and snapshot the rendered table layout
+  during auto-conversion so the persisted parent table width matches the page-load view.
+- Updated dependencies
 ## 221.5.12
 ### Patch Changes

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

@@ -518,6 +518,7 @@
 ._12xo17v8 .search-match-block.search-match-dark [data-smart-link-container=true]{box-shadow:inset 0 0 0 1px var(--ds-background-accent-magenta-bolder,#ae4787),inset 0 0 0 5px var(--ds-background-accent-magenta-bolder-pressed,#77325b)}
 ._12yq1osq .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2):after{height:100%}
 ._1305glyw .ProseMirror .ak-editor-panel .ak-editor-panel__icon{-webkit-user-select:none;-ms-user-select:none;user-select:none}
+._130mvi1l .pm-table-wrapper:has(>table[data-initial-width-mode=content]){width:max-content!important}
 ._13201j28 .pm-table-sticky-wrapper>table>tbody>tr>td[data-reaches-left]:after{border-left-color:transparent}
 ._132p1k9k .ProseMirror ol[data-indent-level="5"]{list-style-type:lower-alpha}
 ._133ckb7n .ProseMirror [data-layout-section]>*{flex-shrink:1}
@@ -636,6 +637,7 @@
 ._15q4m0zr .ProseMirror [layout^=wrap-]+[layout^=wrap-]+div[class^=fabric-editor-align]{clear:both!important}
 ._15r21s89 .search-match-block.search-match-block-selected .loader-wrapper>a{box-shadow:0 0 0 4px var(--ds-background-accent-magenta-subtlest-pressed,#fcb6e1),0 0 0 5px var(--ds-background-accent-magenta-bolder-hovered,#943d73)}
 ._15sh1bp4 .ProseMirror [data-layout-section] [data-layout-column][data-valign=bottom]>[data-layout-content]{flex-direction:column}
+._15spidpf .ProseMirror .pm-table-wrapper table[data-initial-width-mode=content]{margin-right:0}
 ._15t1i7a9 .pm-table-sticky-wrapper>table>tbody>tr>td{font-weight:var(--ds-font-weight-regular,400)}
 ._15uri7a9 .ak-editor-expand__title-input{font-weight:var(--ds-font-weight-regular,400)}
 ._15ve1gly .ProseMirror .danger .code-block .line-number-gutter{background-color:var(--ds-background-danger,#ffeceb)}
@@ -649,6 +651,7 @@
 ._1613yh40 .ProseMirror .ak-editor-annotation-draft{padding-bottom:2px}
 ._162914j0 [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{background-color:var(--ds-background-success-subtler,#d3f1a7)}
 ._16293uhp [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{background-color:#b3df72}
+._162evi1l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper>table{width:max-content!important}
 ._162zidpf .hyperlink-floating-toolbar{padding-left:0}
 ._168dt7xp .ProseMirror .ak-editor-annotation-hover{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
 ._16993mia .mediaSingleView-content-wrap span#caption-placeholder{font-size:var(--ak-editor-base-font-size)}
@@ -975,6 +978,7 @@
 ._1d9kt94y .ak-editor-expand.ak-editor-selected-node:not(.danger):after{width:1px}
 ._1d9u1tcg [data-prosemirror-node-name=blockTaskItem] .task-item-checkbox-wrap{width:24px}
 ._1db9idpf .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h3:first-child:not(style){margin-top:0}
+._1dcuglyw .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper>table{max-width:none}
 ._1ddmu2gc .ProseMirror .ak-editor-panel{padding-top:var(--ds-space-100,8px)}
 ._1de7idpf .ProseMirror li>.ProseMirror-gapcursor:first-child+.code-block{margin-top:0}
 ._1dh91osq .pm-breakout-resize-handle-rail{height:100%}
@@ -1126,6 +1130,7 @@
 ._1g5dr4us .extensionView-content-wrap:not(.danger).ak-editor-selected-node>span>.extension-container{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}
 ._1g5r1j28 .ProseMirror .ak-editor-selected-node .emoji-common-emoji-sprite::selection{background-color:transparent}
 ._1g6m15vq .ak-editor-expand__content .nestedExpand-content-wrapper{overflow-y:hidden}
+._1g73261p .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper>table>colgroup>col{width:unset!important}
 ._1g77r5cr .resizer-handle-thumb:focus:after{left:var(--ds-space-negative-050,-4px)}
 ._1g92idpf .ProseMirror [data-layout-section] [data-layout-column]>div>:not(style):first-child{margin-top:0}
 ._1ga8idpf .ProseMirror [data-layout-section]>[data-layout-column]{margin-bottom:0}
@@ -1703,6 +1708,7 @@
 ._1td8idpf .ProseMirror .layoutSectionView-content-wrap.ak-editor-selected-node:not(.danger) [data-layout-section] [data-layout-column]:before{top:0}
 ._1td9bimv .extensionView-content-wrap.danger>span>.legacy-content-header{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
 ._1tdl1i6y .fabric-background-color-mark:has(.background-color-padding-right){margin-right:var(--ds-space-negative-025,-2px)}
+._1tdlewfl .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper{overflow-x:visible}
 ._1tenidpf .fabric-editor-alignment:first-of-type:first-child h5 style:first-child+*{margin-top:0}
 ._1texusic .ProseMirror .ProseMirror-gapcursor[layout=wrap-right]{float:right}
 ._1tfl1j28 .pm-table-sticky-wrapper>table>tbody>tr>td[data-reaches-left]{border-left-color:transparent}
@@ -1752,6 +1758,7 @@
 ._1ubhidpf .ProseMirror .ak-editor-annotation-blur{padding-right:0}
 ._1ubpkb7n .pm-table-wrapper>table:after{z-index:1}
 ._1uc7m0zr .ProseMirror [layout^=wrap-]+[layout^=wrap-]+ol{clear:both!important}
+._1uciidpf .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper>table{margin-right:0}
 ._1ucti7uo .editor-mention-primitive.mention-restricted{color:var(--ds-text,#292a2e)}
 ._1uddtdv8 .selected-search-match{background-color:var(--ds-background-accent-teal-subtle,#6cc3e0)}
 ._1ue41l2s .ProseMirror p:has(.placeholder-decoration-hide-overflow){text-overflow:ellipsis}
@@ -1945,6 +1952,7 @@
 ._1yqx1tmw .extensionView-content-wrap.danger.ak-editor-selected-node>span>.extension-edit-toggle-container>.extension-edit-toggle{color:var(--ds-text-danger,#ae2e24)}
 ._1yqxibhp .ProseMirror .ak-editor-panel[data-panel-type=warning]{background-color:var(--ds-background-accent-yellow-subtlest,#fef7c8)}
 ._1ys91j28 .ProseMirror:has(.ProseMirror-gapcursor){caret-color:transparent}
+._1ysk1g3s .pm-table-wrapper:has(>table[data-initial-width-mode=content]){max-width:var(--ak-editor-table-max-width)!important}
 ._1yssoqnp [data-mark-type=fragment]>[data-mark-type=dataConsumer]>.bodiedExtensionView-content-wrap{margin-bottom:.75rem}
 ._1yvb1vek [data-prosemirror-node-name=taskItem] .task-item-checkbox-wrap>input[type=checkbox]:checked:active+svg{--checkbox-border-color:var(--local-border-active)}
 ._1yvx1j28 .pm-table-container>table>tbody>tr>td[data-reaches-left]{border-left-color:transparent}
@@ -2277,6 +2285,7 @@
 ._8vye1ssb [data-prosemirror-node-name=taskItem] .task-item-checkbox-wrap>input[type=checkbox]+svg{left:50%}
 ._8vyeidpf .ProseMirror .pm-table-wrapper>table{margin-right:0}
 ._8wi61mi1 .ProseMirror .layoutSectionView-content-wrap:hover [data-layout-column]:not(:first-of-type) [data-layout-content]:before{margin-left:-25px}
+._8wilewfl .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container{overflow-x:visible}
 ._8wmvoqnp .ProseMirror li>style:first-child+p{margin-top:.75rem}
 ._8zqr2lzm .pm-table-wrapper>table th:not(.danger) .code-block:not(.danger) .code-block-content-wrapper{background-image:var(--ak-editor--table-overflow-shadow)}
 ._8zz2idpf .pm-table-container>table>tbody>tr>th{border-right-width:0}
@@ -2636,6 +2645,7 @@
 ._g5of1mi1 .ProseMirror [data-layout-section]:hover [data-layout-column]:not(:first-of-type) [data-layout-content]:before{margin-left:-25px}
 ._g5xu1j28 .ak-editor-expand.ak-editor-selected-node:not(.danger)::selection{background-color:transparent}
 ._g62yutpp .pm-table-container>table>tbody>tr>th th p:not(:first-of-type){margin-top:var(--ds-space-150,9pt)}
+._g6ebvi1l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container{width:max-content!important}
 ._g6l115s3 .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2){background-color:var(--ds-background-selected,#e9f2fe)}
 ._g7u3dgkc .ak-editor-expand .ak-editor-expand__icon-container svg{color:var(--ds-icon-subtle,#505258)}
 ._g7vh4jg8 div[extensionType="com.atlassian.ai-blocks"]:has(.streaming) .extension-container:before{animation-direction:normal}
@@ -2690,6 +2700,7 @@
 ._h0b91j5o .ProseMirror h4 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}
 ._h1671vek [data-prosemirror-node-name=blockTaskItem] .task-item-checkbox-wrap>input[type=checkbox]:active+svg{--checkbox-border-color:var(--local-border-active)}
 ._h2391jcr .search-match-block.search-match-dark.ak-editor-selected-node .loader-wrapper>div:after{box-shadow:inset 0 0 0 1px var(--ds-background-accent-magenta-bolder,#ae4787),inset 0 0 0 5px var(--ds-background-accent-magenta-bolder-pressed,#77325b),0 0 0 1px var(--ds-border-selected,#1868db)}
+._h2quglyw .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container{max-width:none}
 ._h2zmazsu .mentionView-content-wrap.ak-editor-selected-node [data-mention-id]>span{color:var(--ds-text-subtle,#505258)}
 ._h3z91q9c [data-prosemirror-node-name=date] .date-lozenger-container span{white-space:nowrap}
 ._h4bbidpf .fabric-editor-font-size:first-of-type:first-child h6:first-child:not(style){margin-top:0}
@@ -2888,6 +2899,7 @@
 ._kxdfidpf .ProseMirror .ak-editor-selected-node .emoji-common-emoji-image:before{left:0}
 ._ky807vkz [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]{width:1pc}
 ._kyt0grf3 .ProseMirror li:has(>ul:only-child)>ul{margin-top:0!important}
+._kze5vi1l .pm-table-container:has(>.pm-table-wrapper>table[data-initial-width-mode=content]){width:max-content!important}
 ._kzf2h2mm [data-prosemirror-node-name=blockTaskItem] [data-component=task-item-main]{position:relative}
 ._l1qiidpf .ak-editor-panel.ak-editor-selected-node:not(.danger):before{top:0}
 ._l2nti7uo .ProseMirror h3{color:var(--ds-text,#292a2e)}
@@ -3085,6 +3097,7 @@
 ._p3lu1txw .richMedia-resize-handle-left{display:flex}
 ._p3p6usvi .gridLine{box-sizing:border-box}
 ._p4wq1osq [data-prosemirror-node-name=taskItem] .task-item-checkbox-wrap>input[type=checkbox]{height:100%}
+._p73zglyw .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper{max-width:none}
 ._p8rdtlke .ProseMirror :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image){cursor:pointer}
 ._p96k1b66 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-sync-block__label{padding-bottom:var(--ds-space-050,4px)}
 ._pa0l15vq .ProseMirror p:has(.placeholder-decoration-hide-overflow){overflow-x:hidden}
@@ -3097,6 +3110,7 @@
 ._pfwgidpf .bodiedExtensionView-content-wrap .extension-container .bodiedExtension-content-inner-wrapper{padding-left:0}
 ._pg931osq{--ak-editor--breakout-min-width:100%}
 ._pgjg1j5o .ProseMirror h6 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}
+._pgryglyw .ProseMirror .pm-table-wrapper table[data-initial-width-mode=content]{max-width:none}
 ._pgy3idpf .bodiedExtensionView-content-wrap:first-of-type{margin-top:0}
 ._phftrsbi{--local-border:var(--ds-border-input,#8c8f97)}
 ._phnn1rpy [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=placeholder]{color:var(--ds-text-subtlest,#6b6e76)}
@@ -3121,6 +3135,7 @@
 ._pp57mgjw .resizer-handle div[role=presentation]{margin-top:var(--ds-space-negative-200,-1pc)}
 ._prsvoskh .ProseMirror [data-layout-section] [data-empty-layout=true] [data-layout-column]:not(:first-of-type) [data-layout-content]:before{height:calc(100% - 24px)}
 ._pru0idpf .ProseMirror [data-layout-section] [data-layout-column]>div .mediaSingleView-content-wrap[layout^=wrap]:has(+.mediaSingleView-content-wrap[layout^=wrap]) .rich-media-item{margin-top:0}
+._pru7vi1l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper{width:max-content!important}
 ._prvjh2mm .ak-editor-panel.ak-editor-selected-node:not(.danger){position:relative}
 ._ps8p1o8l .ProseMirror .emojiView-content-wrap{display:inline-block}
 ._ptek1n1a .bodiedExtensionView-content-wrap .bodiedExtension-content-outer-wrapper{margin-bottom:-1px}
@@ -3333,10 +3348,12 @@
 ._u6kkutpp .pm-breakout-resize-handle-thumb{top:var(--ds-space-150,9pt)}
 ._u7fhtlke .statusView-content-wrap>span{cursor:pointer}
 ._u854iro1 .search-match-block.search-match-block-selected.search-match-dark.ak-editor-selected-node .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db),0 0 0 4px var(--ds-background-accent-magenta-bolder-hovered,#943d73),0 0 0 5px var(--ds-background-accent-magenta-bolder,#ae4787)}
+._u8ab1g3s .resizer-item:has(table[data-initial-width-mode=content]){max-width:var(--ak-editor-table-max-width)!important}
 ._u8en3mia .ProseMirror{font-size:var(--ak-editor-base-font-size)}
 ._u96x1ial .ProseMirror .code-block.ak-editor-selected-node:not(.danger):before{z-index:12}
 ._uazj1k8s .ProseMirror .code-block .line-number-gutter:before{line-height:1.5rem}
 ._ubim1n1a .ak-editor-selected-node.unsupportedBlockView-content-wrap>div:after{right:-1px}
+._ubzd1g3s .pm-table-container:has(>.pm-table-wrapper>table[data-initial-width-mode=content]){max-width:var(--ak-editor-table-max-width)!important}
 ._ucdskb7n [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=content]{flex-shrink:1}
 ._uck94pcx .ProseMirror .ak-editor-panel[data-panel-type=tip] .ak-editor-panel__icon[data-panel-type=tip]{color:var(--ds-icon-success,#6a9a23)}
 ._ucr81j28 .multiBodiedExtensionView-content-wrap:not(.danger).ak-editor-selected-node>span>.multiBodiedExtension--container ::-moz-selection{background-color:transparent}

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

@@ -305,6 +305,7 @@ var editorContentStyles = {
   tableCommentEditorStyles: "_s9qz1mok _1quk1aqn _1tb2idpf _8vyeidpf _1igzolhs _ux48glyw _giavsm61 _axu71ibz",
   tableContainerStyles: "_18ml1osq _9e5g1wug _uwd31osq _12wgusvi _nnhzewfl _1gbz1osq _10va1osq _lkzl1n9t _1mca1wug",
   tableContentModeStyles: "_1lxan7od _11a2n7od _19iin7od _1vpzn7od _l6b9n7od _9v33vi1l _poet1ris _9loxvi1l _1dsv1wug _r83tvi1l _cbmx261p",
+  tableContentModeNestedTableStyles: "_pgryglyw _15spidpf _kze5vi1l _130mvi1l _9loxvi1l _ubzd1g3s _1ysk1g3s _u8ab1g3s _162evi1l _1dcuglyw _1uciidpf _1g73261p _g6ebvi1l _pru7vi1l _h2quglyw _p73zglyw _8wilewfl _1tdlewfl",
   tableEmptyRowStyles: "_1rgmmh6f _u0mgmh6f",
   tableRoundedCornerStyles: "_1c5kpb1k _qqx7pb1k _10n4pb1k _ddbmpb1k _hnwypb1k _vg21pb1k _iew5pb1k _b4v9pb1k",
   tableLayoutFixes: "_1f5xidpf _28dsidpf _f30jidpf _jr291hrf",
@@ -389,7 +390,7 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
     }) && editorContentStyles.textSelectedNodeStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc : editorContentStyles.blocktypeStyles_without_fg_platform_editor_typography_ugc, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.codeMarkStyles, (0, _expValEquals.expValEquals)('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
     editorContentStyles.telepointerColorAndCommonStyle, editorContentStyles.gapCursorStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, (0, _platformFeatureFlags.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, (0, _expValEquals.expValEquals)('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, (0, _platformFeatureFlags.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, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !(0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? (0, _expValEqualsNoExposure.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 : (0, _expValEqualsNoExposure.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' && (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? (0, _experiments.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_controls', 'cohort', 'variant1') || (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
     // Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
-    !useStandardNodeWidth && editorContentStyles.syncBlockStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !(0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed : contentMode === 'compact' ? editorContentStyles.paragraphStylesOldWithScaledMargin : editorContentStyles.paragraphStylesOld, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && !(0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _experiments.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, editorContentStyles.mentionNodeStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, className || undefined]),
+    !useStandardNodeWidth && editorContentStyles.syncBlockStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !(0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed : contentMode === 'compact' ? editorContentStyles.paragraphStylesOldWithScaledMargin : editorContentStyles.paragraphStylesOld, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && !(0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _experiments.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, editorContentStyles.mentionNodeStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, className || undefined]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"

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

@@ -534,7 +534,9 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _tableStyles.tableContentModeStyles,
+    _tableStyles.tableContentModeStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_table_nested_renderer_fix') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _tableStyles.tableContentModeNestedTableStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _link.hyperLinkFloatingToolbarStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/cjs/ui/EditorContentContainer/styles/tableStyles.js CHANGED Viewed

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tableRoundedCornerStyles = exports.tableLayoutFixesWithFontSize = exports.tableLayoutFixes = exports.tableEmptyRowStyles = exports.tableContentModeStyles = exports.tableContainerStyles = exports.tableCommentEditorStyles = exports.tableCommentEditorMarginOverride = void 0;
+exports.tableRoundedCornerStyles = exports.tableLayoutFixesWithFontSize = exports.tableLayoutFixes = exports.tableEmptyRowStyles = exports.tableContentModeStyles = exports.tableContentModeNestedTableStyles = exports.tableContainerStyles = exports.tableCommentEditorStyles = exports.tableCommentEditorMarginOverride = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _scrollbarStyles = require("./scrollbarStyles");
@@ -160,6 +160,52 @@ var tableContentModeStyles = exports.tableContentModeStyles = (0, _react.css)({
     width: 'unset !important'
   }
 });
+/**
+ * @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
+var tableContentModeNestedTableStyles = exports.tableContentModeNestedTableStyles = (0, _react.css)({
+  // Reset the base `margin-right: -1px` (ED-16212) that clips content-mode tables by 1px.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror .pm-table-wrapper table[data-initial-width-mode="content"]': {
+    maxWidth: 'none',
+    marginRight: 0
+  },
+  // Let the resizer/wrapper chain grow to content width before the max-width cap.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.resizer-item:has(table[data-initial-width-mode="content"]), .pm-table-container:has(> .pm-table-wrapper > table[data-initial-width-mode="content"]), .pm-table-wrapper:has(> table[data-initial-width-mode="content"])': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    width: 'max-content !important',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    maxWidth: 'var(--ak-editor-table-max-width) !important'
+  },
+  // Nested content-mode table: size to content, reset base max-width and margin.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ProseMirror table[data-initial-width-mode="content"] > tbody > tr > :is(th, td) .pm-table-container > .pm-table-wrapper > table': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    width: 'max-content !important',
+    maxWidth: 'none',
+    marginRight: 0
+  },
+  // Stop nested table col widths from constraining parent table measurement.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ProseMirror table[data-initial-width-mode="content"] > tbody > tr > :is(th, td) .pm-table-container > .pm-table-wrapper > table > colgroup > col': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    width: 'unset !important'
+  },
+  // Let the nested table container/wrapper grow to content width before the cap.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ProseMirror table[data-initial-width-mode="content"] > tbody > tr > :is(th, td) .pm-table-container, .ProseMirror table[data-initial-width-mode="content"] > tbody > tr > :is(th, td) .pm-table-container > .pm-table-wrapper': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    width: 'max-content !important',
+    maxWidth: 'none',
+    overflowX: 'visible'
+  }
+});
 /**
  * SSR-safe rounded corners for the outermost table cells.
  *

package/dist/cjs/version-wrapper.js CHANGED Viewed

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

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

@@ -518,6 +518,7 @@
 ._12xo17v8 .search-match-block.search-match-dark [data-smart-link-container=true]{box-shadow:inset 0 0 0 1px var(--ds-background-accent-magenta-bolder,#ae4787),inset 0 0 0 5px var(--ds-background-accent-magenta-bolder-pressed,#77325b)}
 ._12yq1osq .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2):after{height:100%}
 ._1305glyw .ProseMirror .ak-editor-panel .ak-editor-panel__icon{-webkit-user-select:none;-ms-user-select:none;user-select:none}
+._130mvi1l .pm-table-wrapper:has(>table[data-initial-width-mode=content]){width:max-content!important}
 ._13201j28 .pm-table-sticky-wrapper>table>tbody>tr>td[data-reaches-left]:after{border-left-color:transparent}
 ._132p1k9k .ProseMirror ol[data-indent-level="5"]{list-style-type:lower-alpha}
 ._133ckb7n .ProseMirror [data-layout-section]>*{flex-shrink:1}
@@ -636,6 +637,7 @@
 ._15q4m0zr .ProseMirror [layout^=wrap-]+[layout^=wrap-]+div[class^=fabric-editor-align]{clear:both!important}
 ._15r21s89 .search-match-block.search-match-block-selected .loader-wrapper>a{box-shadow:0 0 0 4px var(--ds-background-accent-magenta-subtlest-pressed,#fcb6e1),0 0 0 5px var(--ds-background-accent-magenta-bolder-hovered,#943d73)}
 ._15sh1bp4 .ProseMirror [data-layout-section] [data-layout-column][data-valign=bottom]>[data-layout-content]{flex-direction:column}
+._15spidpf .ProseMirror .pm-table-wrapper table[data-initial-width-mode=content]{margin-right:0}
 ._15t1i7a9 .pm-table-sticky-wrapper>table>tbody>tr>td{font-weight:var(--ds-font-weight-regular,400)}
 ._15uri7a9 .ak-editor-expand__title-input{font-weight:var(--ds-font-weight-regular,400)}
 ._15ve1gly .ProseMirror .danger .code-block .line-number-gutter{background-color:var(--ds-background-danger,#ffeceb)}
@@ -649,6 +651,7 @@
 ._1613yh40 .ProseMirror .ak-editor-annotation-draft{padding-bottom:2px}
 ._162914j0 [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{background-color:var(--ds-background-success-subtler,#d3f1a7)}
 ._16293uhp [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{background-color:#b3df72}
+._162evi1l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper>table{width:max-content!important}
 ._162zidpf .hyperlink-floating-toolbar{padding-left:0}
 ._168dt7xp .ProseMirror .ak-editor-annotation-hover{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
 ._16993mia .mediaSingleView-content-wrap span#caption-placeholder{font-size:var(--ak-editor-base-font-size)}
@@ -975,6 +978,7 @@
 ._1d9kt94y .ak-editor-expand.ak-editor-selected-node:not(.danger):after{width:1px}
 ._1d9u1tcg [data-prosemirror-node-name=blockTaskItem] .task-item-checkbox-wrap{width:24px}
 ._1db9idpf .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h3:first-child:not(style){margin-top:0}
+._1dcuglyw .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper>table{max-width:none}
 ._1ddmu2gc .ProseMirror .ak-editor-panel{padding-top:var(--ds-space-100,8px)}
 ._1de7idpf .ProseMirror li>.ProseMirror-gapcursor:first-child+.code-block{margin-top:0}
 ._1dh91osq .pm-breakout-resize-handle-rail{height:100%}
@@ -1126,6 +1130,7 @@
 ._1g5dr4us .extensionView-content-wrap:not(.danger).ak-editor-selected-node>span>.extension-container{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}
 ._1g5r1j28 .ProseMirror .ak-editor-selected-node .emoji-common-emoji-sprite::selection{background-color:transparent}
 ._1g6m15vq .ak-editor-expand__content .nestedExpand-content-wrapper{overflow-y:hidden}
+._1g73261p .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper>table>colgroup>col{width:unset!important}
 ._1g77r5cr .resizer-handle-thumb:focus:after{left:var(--ds-space-negative-050,-4px)}
 ._1g92idpf .ProseMirror [data-layout-section] [data-layout-column]>div>:not(style):first-child{margin-top:0}
 ._1ga8idpf .ProseMirror [data-layout-section]>[data-layout-column]{margin-bottom:0}
@@ -1703,6 +1708,7 @@
 ._1td8idpf .ProseMirror .layoutSectionView-content-wrap.ak-editor-selected-node:not(.danger) [data-layout-section] [data-layout-column]:before{top:0}
 ._1td9bimv .extensionView-content-wrap.danger>span>.legacy-content-header{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
 ._1tdl1i6y .fabric-background-color-mark:has(.background-color-padding-right){margin-right:var(--ds-space-negative-025,-2px)}
+._1tdlewfl .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper{overflow-x:visible}
 ._1tenidpf .fabric-editor-alignment:first-of-type:first-child h5 style:first-child+*{margin-top:0}
 ._1texusic .ProseMirror .ProseMirror-gapcursor[layout=wrap-right]{float:right}
 ._1tfl1j28 .pm-table-sticky-wrapper>table>tbody>tr>td[data-reaches-left]{border-left-color:transparent}
@@ -1752,6 +1758,7 @@
 ._1ubhidpf .ProseMirror .ak-editor-annotation-blur{padding-right:0}
 ._1ubpkb7n .pm-table-wrapper>table:after{z-index:1}
 ._1uc7m0zr .ProseMirror [layout^=wrap-]+[layout^=wrap-]+ol{clear:both!important}
+._1uciidpf .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper>table{margin-right:0}
 ._1ucti7uo .editor-mention-primitive.mention-restricted{color:var(--ds-text,#292a2e)}
 ._1uddtdv8 .selected-search-match{background-color:var(--ds-background-accent-teal-subtle,#6cc3e0)}
 ._1ue41l2s .ProseMirror p:has(.placeholder-decoration-hide-overflow){text-overflow:ellipsis}
@@ -1945,6 +1952,7 @@
 ._1yqx1tmw .extensionView-content-wrap.danger.ak-editor-selected-node>span>.extension-edit-toggle-container>.extension-edit-toggle{color:var(--ds-text-danger,#ae2e24)}
 ._1yqxibhp .ProseMirror .ak-editor-panel[data-panel-type=warning]{background-color:var(--ds-background-accent-yellow-subtlest,#fef7c8)}
 ._1ys91j28 .ProseMirror:has(.ProseMirror-gapcursor){caret-color:transparent}
+._1ysk1g3s .pm-table-wrapper:has(>table[data-initial-width-mode=content]){max-width:var(--ak-editor-table-max-width)!important}
 ._1yssoqnp [data-mark-type=fragment]>[data-mark-type=dataConsumer]>.bodiedExtensionView-content-wrap{margin-bottom:.75rem}
 ._1yvb1vek [data-prosemirror-node-name=taskItem] .task-item-checkbox-wrap>input[type=checkbox]:checked:active+svg{--checkbox-border-color:var(--local-border-active)}
 ._1yvx1j28 .pm-table-container>table>tbody>tr>td[data-reaches-left]{border-left-color:transparent}
@@ -2277,6 +2285,7 @@
 ._8vye1ssb [data-prosemirror-node-name=taskItem] .task-item-checkbox-wrap>input[type=checkbox]+svg{left:50%}
 ._8vyeidpf .ProseMirror .pm-table-wrapper>table{margin-right:0}
 ._8wi61mi1 .ProseMirror .layoutSectionView-content-wrap:hover [data-layout-column]:not(:first-of-type) [data-layout-content]:before{margin-left:-25px}
+._8wilewfl .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container{overflow-x:visible}
 ._8wmvoqnp .ProseMirror li>style:first-child+p{margin-top:.75rem}
 ._8zqr2lzm .pm-table-wrapper>table th:not(.danger) .code-block:not(.danger) .code-block-content-wrapper{background-image:var(--ak-editor--table-overflow-shadow)}
 ._8zz2idpf .pm-table-container>table>tbody>tr>th{border-right-width:0}
@@ -2636,6 +2645,7 @@
 ._g5of1mi1 .ProseMirror [data-layout-section]:hover [data-layout-column]:not(:first-of-type) [data-layout-content]:before{margin-left:-25px}
 ._g5xu1j28 .ak-editor-expand.ak-editor-selected-node:not(.danger)::selection{background-color:transparent}
 ._g62yutpp .pm-table-container>table>tbody>tr>th th p:not(:first-of-type){margin-top:var(--ds-space-150,9pt)}
+._g6ebvi1l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container{width:max-content!important}
 ._g6l115s3 .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2){background-color:var(--ds-background-selected,#e9f2fe)}
 ._g7u3dgkc .ak-editor-expand .ak-editor-expand__icon-container svg{color:var(--ds-icon-subtle,#505258)}
 ._g7vh4jg8 div[extensionType="com.atlassian.ai-blocks"]:has(.streaming) .extension-container:before{animation-direction:normal}
@@ -2690,6 +2700,7 @@
 ._h0b91j5o .ProseMirror h4 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}
 ._h1671vek [data-prosemirror-node-name=blockTaskItem] .task-item-checkbox-wrap>input[type=checkbox]:active+svg{--checkbox-border-color:var(--local-border-active)}
 ._h2391jcr .search-match-block.search-match-dark.ak-editor-selected-node .loader-wrapper>div:after{box-shadow:inset 0 0 0 1px var(--ds-background-accent-magenta-bolder,#ae4787),inset 0 0 0 5px var(--ds-background-accent-magenta-bolder-pressed,#77325b),0 0 0 1px var(--ds-border-selected,#1868db)}
+._h2quglyw .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container{max-width:none}
 ._h2zmazsu .mentionView-content-wrap.ak-editor-selected-node [data-mention-id]>span{color:var(--ds-text-subtle,#505258)}
 ._h3z91q9c [data-prosemirror-node-name=date] .date-lozenger-container span{white-space:nowrap}
 ._h4bbidpf .fabric-editor-font-size:first-of-type:first-child h6:first-child:not(style){margin-top:0}
@@ -2888,6 +2899,7 @@
 ._kxdfidpf .ProseMirror .ak-editor-selected-node .emoji-common-emoji-image:before{left:0}
 ._ky807vkz [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]{width:1pc}
 ._kyt0grf3 .ProseMirror li:has(>ul:only-child)>ul{margin-top:0!important}
+._kze5vi1l .pm-table-container:has(>.pm-table-wrapper>table[data-initial-width-mode=content]){width:max-content!important}
 ._kzf2h2mm [data-prosemirror-node-name=blockTaskItem] [data-component=task-item-main]{position:relative}
 ._l1qiidpf .ak-editor-panel.ak-editor-selected-node:not(.danger):before{top:0}
 ._l2nti7uo .ProseMirror h3{color:var(--ds-text,#292a2e)}
@@ -3085,6 +3097,7 @@
 ._p3lu1txw .richMedia-resize-handle-left{display:flex}
 ._p3p6usvi .gridLine{box-sizing:border-box}
 ._p4wq1osq [data-prosemirror-node-name=taskItem] .task-item-checkbox-wrap>input[type=checkbox]{height:100%}
+._p73zglyw .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper{max-width:none}
 ._p8rdtlke .ProseMirror :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image){cursor:pointer}
 ._p96k1b66 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-sync-block__label{padding-bottom:var(--ds-space-050,4px)}
 ._pa0l15vq .ProseMirror p:has(.placeholder-decoration-hide-overflow){overflow-x:hidden}
@@ -3097,6 +3110,7 @@
 ._pfwgidpf .bodiedExtensionView-content-wrap .extension-container .bodiedExtension-content-inner-wrapper{padding-left:0}
 ._pg931osq{--ak-editor--breakout-min-width:100%}
 ._pgjg1j5o .ProseMirror h6 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}
+._pgryglyw .ProseMirror .pm-table-wrapper table[data-initial-width-mode=content]{max-width:none}
 ._pgy3idpf .bodiedExtensionView-content-wrap:first-of-type{margin-top:0}
 ._phftrsbi{--local-border:var(--ds-border-input,#8c8f97)}
 ._phnn1rpy [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=placeholder]{color:var(--ds-text-subtlest,#6b6e76)}
@@ -3121,6 +3135,7 @@
 ._pp57mgjw .resizer-handle div[role=presentation]{margin-top:var(--ds-space-negative-200,-1pc)}
 ._prsvoskh .ProseMirror [data-layout-section] [data-empty-layout=true] [data-layout-column]:not(:first-of-type) [data-layout-content]:before{height:calc(100% - 24px)}
 ._pru0idpf .ProseMirror [data-layout-section] [data-layout-column]>div .mediaSingleView-content-wrap[layout^=wrap]:has(+.mediaSingleView-content-wrap[layout^=wrap]) .rich-media-item{margin-top:0}
+._pru7vi1l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper{width:max-content!important}
 ._prvjh2mm .ak-editor-panel.ak-editor-selected-node:not(.danger){position:relative}
 ._ps8p1o8l .ProseMirror .emojiView-content-wrap{display:inline-block}
 ._ptek1n1a .bodiedExtensionView-content-wrap .bodiedExtension-content-outer-wrapper{margin-bottom:-1px}
@@ -3333,10 +3348,12 @@
 ._u6kkutpp .pm-breakout-resize-handle-thumb{top:var(--ds-space-150,9pt)}
 ._u7fhtlke .statusView-content-wrap>span{cursor:pointer}
 ._u854iro1 .search-match-block.search-match-block-selected.search-match-dark.ak-editor-selected-node .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db),0 0 0 4px var(--ds-background-accent-magenta-bolder-hovered,#943d73),0 0 0 5px var(--ds-background-accent-magenta-bolder,#ae4787)}
+._u8ab1g3s .resizer-item:has(table[data-initial-width-mode=content]){max-width:var(--ak-editor-table-max-width)!important}
 ._u8en3mia .ProseMirror{font-size:var(--ak-editor-base-font-size)}
 ._u96x1ial .ProseMirror .code-block.ak-editor-selected-node:not(.danger):before{z-index:12}
 ._uazj1k8s .ProseMirror .code-block .line-number-gutter:before{line-height:1.5rem}
 ._ubim1n1a .ak-editor-selected-node.unsupportedBlockView-content-wrap>div:after{right:-1px}
+._ubzd1g3s .pm-table-container:has(>.pm-table-wrapper>table[data-initial-width-mode=content]){max-width:var(--ak-editor-table-max-width)!important}
 ._ucdskb7n [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=content]{flex-shrink:1}
 ._uck94pcx .ProseMirror .ak-editor-panel[data-panel-type=tip] .ak-editor-panel__icon[data-panel-type=tip]{color:var(--ds-icon-success,#6a9a23)}
 ._ucr81j28 .multiBodiedExtensionView-content-wrap:not(.danger).ak-editor-selected-node>span>.multiBodiedExtension--container ::-moz-selection{background-color:transparent}

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

@@ -356,6 +356,7 @@ const editorContentStyles = {
   tableCommentEditorStyles: "_s9qz1mok _1quk1aqn _1tb2idpf _8vyeidpf _1igzolhs _ux48glyw _giavsm61 _axu71ibz",
   tableContainerStyles: "_18ml1osq _9e5g1wug _uwd31osq _12wgusvi _nnhzewfl _1gbz1osq _10va1osq _lkzl1n9t _1mca1wug",
   tableContentModeStyles: "_1lxan7od _11a2n7od _19iin7od _1vpzn7od _l6b9n7od _9v33vi1l _poet1ris _9loxvi1l _1dsv1wug _r83tvi1l _cbmx261p",
+  tableContentModeNestedTableStyles: "_pgryglyw _15spidpf _kze5vi1l _130mvi1l _9loxvi1l _ubzd1g3s _1ysk1g3s _u8ab1g3s _162evi1l _1dcuglyw _1uciidpf _1g73261p _g6ebvi1l _pru7vi1l _h2quglyw _p73zglyw _8wilewfl _1tdlewfl",
   tableEmptyRowStyles: "_1rgmmh6f _u0mgmh6f",
   tableRoundedCornerStyles: "_1c5kpb1k _qqx7pb1k _10n4pb1k _ddbmpb1k _hnwypb1k _vg21pb1k _iew5pb1k _b4v9pb1k",
   tableLayoutFixes: "_1f5xidpf _28dsidpf _f30jidpf _jr291hrf",
@@ -445,7 +446,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
     }) && editorContentStyles.textSelectedNodeStyles, fg('platform_editor_typography_ugc') ? editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc : editorContentStyles.blocktypeStyles_without_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, 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, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, 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, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, 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, 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, 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, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, 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, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, 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.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, className || undefined]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"

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

@@ -58,7 +58,7 @@ import { shadowStyles } from './styles/shadowStyles';
 import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, showDiffDeletedNodeStylesNew, smartCardDiffStyles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
 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 { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles, syncBlockTextSelectionStyles } from './styles/syncBlockStyles';
-import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes, tableRoundedCornerStyles, tableLayoutFixesWithFontSize, tableContentModeStyles } from './styles/tableStyles';
+import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes, tableRoundedCornerStyles, 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';
@@ -538,7 +538,9 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    tableContentModeStyles,
+    tableContentModeStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    tableContentModeNestedTableStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     hyperLinkFloatingToolbarStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -155,6 +155,52 @@ export const tableContentModeStyles = css({
     width: 'unset !important'
   }
 });
+/**
+ * @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 tableContentModeNestedTableStyles = css({
+  // Reset the base `margin-right: -1px` (ED-16212) that clips content-mode tables by 1px.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror .pm-table-wrapper table[data-initial-width-mode="content"]': {
+    maxWidth: 'none',
+    marginRight: 0
+  },
+  // Let the resizer/wrapper chain grow to content width before the max-width cap.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.resizer-item:has(table[data-initial-width-mode="content"]), .pm-table-container:has(> .pm-table-wrapper > table[data-initial-width-mode="content"]), .pm-table-wrapper:has(> table[data-initial-width-mode="content"])': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    width: 'max-content !important',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    maxWidth: 'var(--ak-editor-table-max-width) !important'
+  },
+  // Nested content-mode table: size to content, reset base max-width and margin.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ProseMirror table[data-initial-width-mode="content"] > tbody > tr > :is(th, td) .pm-table-container > .pm-table-wrapper > table': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    width: 'max-content !important',
+    maxWidth: 'none',
+    marginRight: 0
+  },
+  // Stop nested table col widths from constraining parent table measurement.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ProseMirror table[data-initial-width-mode="content"] > tbody > tr > :is(th, td) .pm-table-container > .pm-table-wrapper > table > colgroup > col': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    width: 'unset !important'
+  },
+  // Let the nested table container/wrapper grow to content width before the cap.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ProseMirror table[data-initial-width-mode="content"] > tbody > tr > :is(th, td) .pm-table-container, .ProseMirror table[data-initial-width-mode="content"] > tbody > tr > :is(th, td) .pm-table-container > .pm-table-wrapper': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    width: 'max-content !important',
+    maxWidth: 'none',
+    overflowX: 'visible'
+  }
+});
 /**
  * SSR-safe rounded corners for the outermost table cells.
  *

package/dist/es2019/version-wrapper.js CHANGED Viewed

@@ -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.5.11";
+export const version = "221.5.12";

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

@@ -518,6 +518,7 @@
 ._12xo17v8 .search-match-block.search-match-dark [data-smart-link-container=true]{box-shadow:inset 0 0 0 1px var(--ds-background-accent-magenta-bolder,#ae4787),inset 0 0 0 5px var(--ds-background-accent-magenta-bolder-pressed,#77325b)}
 ._12yq1osq .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2):after{height:100%}
 ._1305glyw .ProseMirror .ak-editor-panel .ak-editor-panel__icon{-webkit-user-select:none;-ms-user-select:none;user-select:none}
+._130mvi1l .pm-table-wrapper:has(>table[data-initial-width-mode=content]){width:max-content!important}
 ._13201j28 .pm-table-sticky-wrapper>table>tbody>tr>td[data-reaches-left]:after{border-left-color:transparent}
 ._132p1k9k .ProseMirror ol[data-indent-level="5"]{list-style-type:lower-alpha}
 ._133ckb7n .ProseMirror [data-layout-section]>*{flex-shrink:1}
@@ -636,6 +637,7 @@
 ._15q4m0zr .ProseMirror [layout^=wrap-]+[layout^=wrap-]+div[class^=fabric-editor-align]{clear:both!important}
 ._15r21s89 .search-match-block.search-match-block-selected .loader-wrapper>a{box-shadow:0 0 0 4px var(--ds-background-accent-magenta-subtlest-pressed,#fcb6e1),0 0 0 5px var(--ds-background-accent-magenta-bolder-hovered,#943d73)}
 ._15sh1bp4 .ProseMirror [data-layout-section] [data-layout-column][data-valign=bottom]>[data-layout-content]{flex-direction:column}
+._15spidpf .ProseMirror .pm-table-wrapper table[data-initial-width-mode=content]{margin-right:0}
 ._15t1i7a9 .pm-table-sticky-wrapper>table>tbody>tr>td{font-weight:var(--ds-font-weight-regular,400)}
 ._15uri7a9 .ak-editor-expand__title-input{font-weight:var(--ds-font-weight-regular,400)}
 ._15ve1gly .ProseMirror .danger .code-block .line-number-gutter{background-color:var(--ds-background-danger,#ffeceb)}
@@ -649,6 +651,7 @@
 ._1613yh40 .ProseMirror .ak-editor-annotation-draft{padding-bottom:2px}
 ._162914j0 [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{background-color:var(--ds-background-success-subtler,#d3f1a7)}
 ._16293uhp [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{background-color:#b3df72}
+._162evi1l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper>table{width:max-content!important}
 ._162zidpf .hyperlink-floating-toolbar{padding-left:0}
 ._168dt7xp .ProseMirror .ak-editor-annotation-hover{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
 ._16993mia .mediaSingleView-content-wrap span#caption-placeholder{font-size:var(--ak-editor-base-font-size)}
@@ -975,6 +978,7 @@
 ._1d9kt94y .ak-editor-expand.ak-editor-selected-node:not(.danger):after{width:1px}
 ._1d9u1tcg [data-prosemirror-node-name=blockTaskItem] .task-item-checkbox-wrap{width:24px}
 ._1db9idpf .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h3:first-child:not(style){margin-top:0}
+._1dcuglyw .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper>table{max-width:none}
 ._1ddmu2gc .ProseMirror .ak-editor-panel{padding-top:var(--ds-space-100,8px)}
 ._1de7idpf .ProseMirror li>.ProseMirror-gapcursor:first-child+.code-block{margin-top:0}
 ._1dh91osq .pm-breakout-resize-handle-rail{height:100%}
@@ -1126,6 +1130,7 @@
 ._1g5dr4us .extensionView-content-wrap:not(.danger).ak-editor-selected-node>span>.extension-container{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}
 ._1g5r1j28 .ProseMirror .ak-editor-selected-node .emoji-common-emoji-sprite::selection{background-color:transparent}
 ._1g6m15vq .ak-editor-expand__content .nestedExpand-content-wrapper{overflow-y:hidden}
+._1g73261p .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper>table>colgroup>col{width:unset!important}
 ._1g77r5cr .resizer-handle-thumb:focus:after{left:var(--ds-space-negative-050,-4px)}
 ._1g92idpf .ProseMirror [data-layout-section] [data-layout-column]>div>:not(style):first-child{margin-top:0}
 ._1ga8idpf .ProseMirror [data-layout-section]>[data-layout-column]{margin-bottom:0}
@@ -1703,6 +1708,7 @@
 ._1td8idpf .ProseMirror .layoutSectionView-content-wrap.ak-editor-selected-node:not(.danger) [data-layout-section] [data-layout-column]:before{top:0}
 ._1td9bimv .extensionView-content-wrap.danger>span>.legacy-content-header{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
 ._1tdl1i6y .fabric-background-color-mark:has(.background-color-padding-right){margin-right:var(--ds-space-negative-025,-2px)}
+._1tdlewfl .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper{overflow-x:visible}
 ._1tenidpf .fabric-editor-alignment:first-of-type:first-child h5 style:first-child+*{margin-top:0}
 ._1texusic .ProseMirror .ProseMirror-gapcursor[layout=wrap-right]{float:right}
 ._1tfl1j28 .pm-table-sticky-wrapper>table>tbody>tr>td[data-reaches-left]{border-left-color:transparent}
@@ -1752,6 +1758,7 @@
 ._1ubhidpf .ProseMirror .ak-editor-annotation-blur{padding-right:0}
 ._1ubpkb7n .pm-table-wrapper>table:after{z-index:1}
 ._1uc7m0zr .ProseMirror [layout^=wrap-]+[layout^=wrap-]+ol{clear:both!important}
+._1uciidpf .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper>table{margin-right:0}
 ._1ucti7uo .editor-mention-primitive.mention-restricted{color:var(--ds-text,#292a2e)}
 ._1uddtdv8 .selected-search-match{background-color:var(--ds-background-accent-teal-subtle,#6cc3e0)}
 ._1ue41l2s .ProseMirror p:has(.placeholder-decoration-hide-overflow){text-overflow:ellipsis}
@@ -1945,6 +1952,7 @@
 ._1yqx1tmw .extensionView-content-wrap.danger.ak-editor-selected-node>span>.extension-edit-toggle-container>.extension-edit-toggle{color:var(--ds-text-danger,#ae2e24)}
 ._1yqxibhp .ProseMirror .ak-editor-panel[data-panel-type=warning]{background-color:var(--ds-background-accent-yellow-subtlest,#fef7c8)}
 ._1ys91j28 .ProseMirror:has(.ProseMirror-gapcursor){caret-color:transparent}
+._1ysk1g3s .pm-table-wrapper:has(>table[data-initial-width-mode=content]){max-width:var(--ak-editor-table-max-width)!important}
 ._1yssoqnp [data-mark-type=fragment]>[data-mark-type=dataConsumer]>.bodiedExtensionView-content-wrap{margin-bottom:.75rem}
 ._1yvb1vek [data-prosemirror-node-name=taskItem] .task-item-checkbox-wrap>input[type=checkbox]:checked:active+svg{--checkbox-border-color:var(--local-border-active)}
 ._1yvx1j28 .pm-table-container>table>tbody>tr>td[data-reaches-left]{border-left-color:transparent}
@@ -2277,6 +2285,7 @@
 ._8vye1ssb [data-prosemirror-node-name=taskItem] .task-item-checkbox-wrap>input[type=checkbox]+svg{left:50%}
 ._8vyeidpf .ProseMirror .pm-table-wrapper>table{margin-right:0}
 ._8wi61mi1 .ProseMirror .layoutSectionView-content-wrap:hover [data-layout-column]:not(:first-of-type) [data-layout-content]:before{margin-left:-25px}
+._8wilewfl .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container{overflow-x:visible}
 ._8wmvoqnp .ProseMirror li>style:first-child+p{margin-top:.75rem}
 ._8zqr2lzm .pm-table-wrapper>table th:not(.danger) .code-block:not(.danger) .code-block-content-wrapper{background-image:var(--ak-editor--table-overflow-shadow)}
 ._8zz2idpf .pm-table-container>table>tbody>tr>th{border-right-width:0}
@@ -2636,6 +2645,7 @@
 ._g5of1mi1 .ProseMirror [data-layout-section]:hover [data-layout-column]:not(:first-of-type) [data-layout-content]:before{margin-left:-25px}
 ._g5xu1j28 .ak-editor-expand.ak-editor-selected-node:not(.danger)::selection{background-color:transparent}
 ._g62yutpp .pm-table-container>table>tbody>tr>th th p:not(:first-of-type){margin-top:var(--ds-space-150,9pt)}
+._g6ebvi1l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container{width:max-content!important}
 ._g6l115s3 .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2){background-color:var(--ds-background-selected,#e9f2fe)}
 ._g7u3dgkc .ak-editor-expand .ak-editor-expand__icon-container svg{color:var(--ds-icon-subtle,#505258)}
 ._g7vh4jg8 div[extensionType="com.atlassian.ai-blocks"]:has(.streaming) .extension-container:before{animation-direction:normal}
@@ -2690,6 +2700,7 @@
 ._h0b91j5o .ProseMirror h4 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}
 ._h1671vek [data-prosemirror-node-name=blockTaskItem] .task-item-checkbox-wrap>input[type=checkbox]:active+svg{--checkbox-border-color:var(--local-border-active)}
 ._h2391jcr .search-match-block.search-match-dark.ak-editor-selected-node .loader-wrapper>div:after{box-shadow:inset 0 0 0 1px var(--ds-background-accent-magenta-bolder,#ae4787),inset 0 0 0 5px var(--ds-background-accent-magenta-bolder-pressed,#77325b),0 0 0 1px var(--ds-border-selected,#1868db)}
+._h2quglyw .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container{max-width:none}
 ._h2zmazsu .mentionView-content-wrap.ak-editor-selected-node [data-mention-id]>span{color:var(--ds-text-subtle,#505258)}
 ._h3z91q9c [data-prosemirror-node-name=date] .date-lozenger-container span{white-space:nowrap}
 ._h4bbidpf .fabric-editor-font-size:first-of-type:first-child h6:first-child:not(style){margin-top:0}
@@ -2888,6 +2899,7 @@
 ._kxdfidpf .ProseMirror .ak-editor-selected-node .emoji-common-emoji-image:before{left:0}
 ._ky807vkz [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]{width:1pc}
 ._kyt0grf3 .ProseMirror li:has(>ul:only-child)>ul{margin-top:0!important}
+._kze5vi1l .pm-table-container:has(>.pm-table-wrapper>table[data-initial-width-mode=content]){width:max-content!important}
 ._kzf2h2mm [data-prosemirror-node-name=blockTaskItem] [data-component=task-item-main]{position:relative}
 ._l1qiidpf .ak-editor-panel.ak-editor-selected-node:not(.danger):before{top:0}
 ._l2nti7uo .ProseMirror h3{color:var(--ds-text,#292a2e)}
@@ -3085,6 +3097,7 @@
 ._p3lu1txw .richMedia-resize-handle-left{display:flex}
 ._p3p6usvi .gridLine{box-sizing:border-box}
 ._p4wq1osq [data-prosemirror-node-name=taskItem] .task-item-checkbox-wrap>input[type=checkbox]{height:100%}
+._p73zglyw .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper{max-width:none}
 ._p8rdtlke .ProseMirror :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image){cursor:pointer}
 ._p96k1b66 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-sync-block__label{padding-bottom:var(--ds-space-050,4px)}
 ._pa0l15vq .ProseMirror p:has(.placeholder-decoration-hide-overflow){overflow-x:hidden}
@@ -3097,6 +3110,7 @@
 ._pfwgidpf .bodiedExtensionView-content-wrap .extension-container .bodiedExtension-content-inner-wrapper{padding-left:0}
 ._pg931osq{--ak-editor--breakout-min-width:100%}
 ._pgjg1j5o .ProseMirror h6 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}
+._pgryglyw .ProseMirror .pm-table-wrapper table[data-initial-width-mode=content]{max-width:none}
 ._pgy3idpf .bodiedExtensionView-content-wrap:first-of-type{margin-top:0}
 ._phftrsbi{--local-border:var(--ds-border-input,#8c8f97)}
 ._phnn1rpy [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=placeholder]{color:var(--ds-text-subtlest,#6b6e76)}
@@ -3121,6 +3135,7 @@
 ._pp57mgjw .resizer-handle div[role=presentation]{margin-top:var(--ds-space-negative-200,-1pc)}
 ._prsvoskh .ProseMirror [data-layout-section] [data-empty-layout=true] [data-layout-column]:not(:first-of-type) [data-layout-content]:before{height:calc(100% - 24px)}
 ._pru0idpf .ProseMirror [data-layout-section] [data-layout-column]>div .mediaSingleView-content-wrap[layout^=wrap]:has(+.mediaSingleView-content-wrap[layout^=wrap]) .rich-media-item{margin-top:0}
+._pru7vi1l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper{width:max-content!important}
 ._prvjh2mm .ak-editor-panel.ak-editor-selected-node:not(.danger){position:relative}
 ._ps8p1o8l .ProseMirror .emojiView-content-wrap{display:inline-block}
 ._ptek1n1a .bodiedExtensionView-content-wrap .bodiedExtension-content-outer-wrapper{margin-bottom:-1px}
@@ -3333,10 +3348,12 @@
 ._u6kkutpp .pm-breakout-resize-handle-thumb{top:var(--ds-space-150,9pt)}
 ._u7fhtlke .statusView-content-wrap>span{cursor:pointer}
 ._u854iro1 .search-match-block.search-match-block-selected.search-match-dark.ak-editor-selected-node .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db),0 0 0 4px var(--ds-background-accent-magenta-bolder-hovered,#943d73),0 0 0 5px var(--ds-background-accent-magenta-bolder,#ae4787)}
+._u8ab1g3s .resizer-item:has(table[data-initial-width-mode=content]){max-width:var(--ak-editor-table-max-width)!important}
 ._u8en3mia .ProseMirror{font-size:var(--ak-editor-base-font-size)}
 ._u96x1ial .ProseMirror .code-block.ak-editor-selected-node:not(.danger):before{z-index:12}
 ._uazj1k8s .ProseMirror .code-block .line-number-gutter:before{line-height:1.5rem}
 ._ubim1n1a .ak-editor-selected-node.unsupportedBlockView-content-wrap>div:after{right:-1px}
+._ubzd1g3s .pm-table-container:has(>.pm-table-wrapper>table[data-initial-width-mode=content]){max-width:var(--ak-editor-table-max-width)!important}
 ._ucdskb7n [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=content]{flex-shrink:1}
 ._uck94pcx .ProseMirror .ak-editor-panel[data-panel-type=tip] .ak-editor-panel__icon[data-panel-type=tip]{color:var(--ds-icon-success,#6a9a23)}
 ._ucr81j28 .multiBodiedExtensionView-content-wrap:not(.danger).ak-editor-selected-node>span>.multiBodiedExtension--container ::-moz-selection{background-color:transparent}

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

@@ -303,6 +303,7 @@ var editorContentStyles = {
   tableCommentEditorStyles: "_s9qz1mok _1quk1aqn _1tb2idpf _8vyeidpf _1igzolhs _ux48glyw _giavsm61 _axu71ibz",
   tableContainerStyles: "_18ml1osq _9e5g1wug _uwd31osq _12wgusvi _nnhzewfl _1gbz1osq _10va1osq _lkzl1n9t _1mca1wug",
   tableContentModeStyles: "_1lxan7od _11a2n7od _19iin7od _1vpzn7od _l6b9n7od _9v33vi1l _poet1ris _9loxvi1l _1dsv1wug _r83tvi1l _cbmx261p",
+  tableContentModeNestedTableStyles: "_pgryglyw _15spidpf _kze5vi1l _130mvi1l _9loxvi1l _ubzd1g3s _1ysk1g3s _u8ab1g3s _162evi1l _1dcuglyw _1uciidpf _1g73261p _g6ebvi1l _pru7vi1l _h2quglyw _p73zglyw _8wilewfl _1tdlewfl",
   tableEmptyRowStyles: "_1rgmmh6f _u0mgmh6f",
   tableRoundedCornerStyles: "_1c5kpb1k _qqx7pb1k _10n4pb1k _ddbmpb1k _hnwypb1k _vg21pb1k _iew5pb1k _b4v9pb1k",
   tableLayoutFixes: "_1f5xidpf _28dsidpf _f30jidpf _jr291hrf",
@@ -387,7 +388,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
     }) && editorContentStyles.textSelectedNodeStyles, fg('platform_editor_typography_ugc') ? editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc : editorContentStyles.blocktypeStyles_without_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, 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, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, 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, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, 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, 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, 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, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, 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, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, 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.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, className || undefined]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"

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

@@ -61,7 +61,7 @@ import { shadowStyles } from './styles/shadowStyles';
 import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, showDiffDeletedNodeStylesNew, smartCardDiffStyles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
 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 { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles, syncBlockTextSelectionStyles } from './styles/syncBlockStyles';
-import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes, tableRoundedCornerStyles, tableLayoutFixesWithFontSize, tableContentModeStyles } from './styles/tableStyles';
+import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes, tableRoundedCornerStyles, 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';
@@ -531,7 +531,9 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    tableContentModeStyles,
+    tableContentModeStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    tableContentModeNestedTableStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     hyperLinkFloatingToolbarStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/esm/ui/EditorContentContainer/styles/tableStyles.js CHANGED Viewed

@@ -152,6 +152,52 @@ export var tableContentModeStyles = css({
     width: 'unset !important'
   }
 });
+/**
+ * @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 var tableContentModeNestedTableStyles = css({
+  // Reset the base `margin-right: -1px` (ED-16212) that clips content-mode tables by 1px.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror .pm-table-wrapper table[data-initial-width-mode="content"]': {
+    maxWidth: 'none',
+    marginRight: 0
+  },
+  // Let the resizer/wrapper chain grow to content width before the max-width cap.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.resizer-item:has(table[data-initial-width-mode="content"]), .pm-table-container:has(> .pm-table-wrapper > table[data-initial-width-mode="content"]), .pm-table-wrapper:has(> table[data-initial-width-mode="content"])': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    width: 'max-content !important',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    maxWidth: 'var(--ak-editor-table-max-width) !important'
+  },
+  // Nested content-mode table: size to content, reset base max-width and margin.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ProseMirror table[data-initial-width-mode="content"] > tbody > tr > :is(th, td) .pm-table-container > .pm-table-wrapper > table': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    width: 'max-content !important',
+    maxWidth: 'none',
+    marginRight: 0
+  },
+  // Stop nested table col widths from constraining parent table measurement.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ProseMirror table[data-initial-width-mode="content"] > tbody > tr > :is(th, td) .pm-table-container > .pm-table-wrapper > table > colgroup > col': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    width: 'unset !important'
+  },
+  // Let the nested table container/wrapper grow to content width before the cap.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ProseMirror table[data-initial-width-mode="content"] > tbody > tr > :is(th, td) .pm-table-container, .ProseMirror table[data-initial-width-mode="content"] > tbody > tr > :is(th, td) .pm-table-container > .pm-table-wrapper': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    width: 'max-content !important',
+    maxWidth: 'none',
+    overflowX: 'visible'
+  }
+});
 /**
  * SSR-safe rounded corners for the outermost table cells.
  *

package/dist/esm/version-wrapper.js CHANGED Viewed

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

package/dist/types/ui/EditorContentContainer/styles/tableStyles.d.ts CHANGED Viewed

@@ -48,6 +48,13 @@ export declare const tableEmptyRowStyles: SerializedStyles;
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
 export declare const tableContentModeStyles: SerializedStyles;
+/**
+ * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
+ * If you need to make changes here, also update the corresponding style in
+ * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
+ * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
+ */
+export declare const tableContentModeNestedTableStyles: SerializedStyles;
 /**
  * SSR-safe rounded corners for the outermost table cells.
  *

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "221.5.12",
+	"version": "221.5.13",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -188,6 +188,9 @@
 		"platform_editor_table_auto_convert_fix": {
 			"type": "boolean"
 		},
+		"platform_editor_table_nested_renderer_fix": {
+			"type": "boolean"
+		},
 		"platform_editor_toolbar_mode_override": {
 			"type": "boolean"
 		},