@atlaskit/editor-core 221.5.13 → 221.6.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-core
 
+## 221.6.0
+
+### Minor Changes
+
+- [`bbf34983a5daf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bbf34983a5daf) -
+  Add an opt-in `--ak-editor-extension-block-spacing` CSS custom property hook that controls the
+  vertical margin between editor block elements (paragraphs, lists, panels, code blocks,
+  blockquotes, smart cards and extension wrappers).
+
+  `@atlaskit/editor-common` declares and exports `EXTENSION_BLOCK_SPACING_VAR` from the
+  `@atlaskit/editor-common/extensibility` entry point. When the new
+  `platform_editor_extension_block_spacing` editor experiment is enabled, the block-margin rules in
+  `@atlaskit/editor-core` (both the Compiled and Emotion `EditorContentContainer` paths) and the
+  extension wrappers in `editor-common` read from this variable, falling back to their original
+  values (e.g. `var(--ak-editor-extension-block-spacing, 0.75rem)`).
+
+  The change is gated behind the experiment so it can be disabled centrally and its SSR/layout
+  performance impact tracked. When the experiment is off — the default for every consumer — the
+  original margin values are used and there is no visual change.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 221.5.13
 
 ### Patch Changes

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

@@ -431,6 +431,7 @@
 ._11961b66 div[data-task-list-local-id] div+div{margin-top:var(--ds-space-050,4px)}
 ._11a2n7od .resizer-item:has(table[data-initial-width-mode=content])>.resizer-hover-zone.resizer-is-extended{padding-right:unset}
 ._11a6tu8f [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=placeholder]{margin-left:calc(var(--ds-space-100, 8px)*3.5)}
+._11ac1jih .ProseMirror li>div:last-of-type.code-block{margin-bottom:var(--ak-editor-extension-block-spacing,.75rem)}
 ._11acoqnp .ProseMirror li>div:last-of-type.code-block{margin-bottom:.75rem}
 ._11bbqlfy .search-match-block.search-match-block-selected.ak-editor-selected-node .editor-mention-primitive{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db),0 0 0 4px var(--ds-background-accent-magenta-subtlest-pressed,#fcb6e1),0 0 0 5px var(--ds-background-accent-magenta-bolder-hovered,#943d73)}
 ._11bn1gly .multiBodiedExtensionView-content-wrap.danger>span>.legacy-content-header{background-color:var(--ds-background-danger,#ffeceb)}
@@ -578,6 +579,7 @@
 ._14jf1rpy .ProseMirror h6{color:var(--ds-text-subtlest,#6b6e76)}
 ._14jm1ntv .pm-table-container>table hr{box-sizing:content-box}
 ._14l7idpf [data-prosemirror-node-name=taskItem] .task-item-checkbox-wrap>input[type=checkbox]{margin-left:0}
+._14lv1jih .ProseMirror .extensionView-content-wrap{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}
 ._14ndkb7n .pm-table-container>table:after{z-index:1}
 ._14olidpf .hyperlink-floating-toolbar{padding-top:0}
 ._14ookb7n .extensionView-content-wrap:not(.danger).ak-editor-selected-node>span>div>.extension-label{opacity:1}
@@ -806,6 +808,7 @@
 ._19iin7od .resizer-item:has(table[data-initial-width-mode=content])>.resizer-hover-zone.resizer-is-extended{padding-bottom:unset}
 ._19il1u8q .pm-table-container>table>tbody>tr>th{background-clip:padding-box}
 ._19isi8nm [data-prosemirror-node-name=status]>[data-color=neutral] .lozenge-wrapper{background-color:var(--ds-background-neutral,#0515240f)}
+._19jp1jih .ProseMirror .extensionView-content-wrap{margin-bottom:var(--ak-editor-extension-block-spacing,.75rem)}
 ._19km1wqq .ProseMirror .code-block .code-content code{font-size:.875em}
 ._19kmoxwj .ProseMirror .code-block .code-content code{font-size:.875rem}
 ._19kyv2br .pm-breakout-resize-handle-container--left{justify-self:start}
@@ -1031,6 +1034,7 @@
 ._1ebmidpf [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=content]{margin-left:0}
 ._1ebn1fb9 .search-match-block.search-match-dark.ak-editor-selected-node .editor-mention-primitive{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db),0 0 0 4px var(--ds-background-accent-magenta-bolder-pressed,#77325b),0 0 0 5px var(--ds-background-accent-magenta-bolder,#ae4787)}
 ._1ecxqlfy .search-match-block.search-match-block-selected.ak-editor-selected-node .lozenge-wrapper{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db),0 0 0 4px var(--ds-background-accent-magenta-subtlest-pressed,#fcb6e1),0 0 0 5px var(--ds-background-accent-magenta-bolder-hovered,#943d73)}
+._1ed81jih .ProseMirror .bodiedExtensionView-content-wrap{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}
 ._1ed8usvi .ProseMirror [data-layout-section] [data-layout-column]{box-sizing:border-box}
 ._1edaidpf .ProseMirror .ak-editor-annotation-focus:has(.card){padding-right:0}
 ._1edc1ck0 .show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper>div{opacity:.6}
@@ -1278,6 +1282,7 @@
 ._1jg61osq .ProseMirror :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image) img{width:100%}
 ._1jgcbimv .ProseMirror .ak-editor-selected-node.danger .emoji-common-emoji-unicode{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
 ._1jh6idpf .ProseMirror .danger .code-block .line-number-gutter:after{top:0}
+._1jh6idpf .ProseMirror [data-mark-type=fragment]:nth-last-of-type(-n+2):not(:first-of-type)>.bodiedExtensionView-content-wrap{margin-bottom:0}
 ._1jhcidpf .pm-breakout-resize-handle-rail{opacity:0}
 ._1jhh1j28 .pm-table-sticky-wrapper>table>tbody>tr>th[data-reaches-left]{border-left-color:transparent}
 ._1ji11vg9 .ProseMirror .telepointer[class*=color-]:after{background-color:var(--telepointer-participant-bg-color)}
@@ -1289,6 +1294,7 @@
 ._1jpsidpf .bodiedExtensionView-content-wrap .extension-container .bodiedExtension-content-inner-wrapper{padding-right:0}
 ._1jqfaq80 .ProseMirror [data-layout-section] [data-layout-column]>div .pm-table-container{width:100%!important}
 ._1jr9r4us .ak-editor-selected-node>[data-decision-wrapper]{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}
+._1jsnidpf .ProseMirror .multiBodiedExtensionView-content-wrap:last-of-type{margin-bottom:0}
 ._1jt6n7od [data-prosemirror-node-name=date] .date-lozenger-container span{cursor:unset}
 ._1jtp1j28 .bodiedExtensionView-content-wrap:not(.danger).ak-editor-selected-node>span>.extension-container ::selection{background-color:transparent}
 ._1jttidpf [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]{flex-shrink:0}
@@ -1374,6 +1380,7 @@
 ._1lviqm1h .ProseMirror .ak-editor-panel[data-panel-type=note] .ak-editor-panel__icon[data-panel-type=note]{color:var(--ds-icon-discovery,#af59e1)}
 ._1lxan7od .resizer-item:has(table[data-initial-width-mode=content])>.resizer-hover-zone.resizer-is-extended{padding-top:unset}
 ._1lxyidpf .pm-table-sticky-wrapper>table>tbody>tr>th{border-right-width:0}
+._1lzd1jih .ProseMirror [data-mark-type=fragment]>[data-mark-type=dataConsumer]>.bodiedExtensionView-content-wrap{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}
 ._1lzrw31d .ProseMirror h3 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image){height:20.25px}
 ._1m00idpf .ProseMirror .layout-section-container [data-layout-section]>.ProseMirror-widget.layout-column-divider{opacity:0}
 ._1m1didpf .card-floating-toolbar--link-picker{padding-right:0}
@@ -1595,6 +1602,7 @@
 ._1qne1osq .pm-table-header-content-wrap .statusView-content-wrap{max-width:100%}
 ._1qngervl .ProseMirror .ak-editor-panel[data-panel-type=warning] .ak-editor-panel__icon[data-panel-type=warning]{color:var(--ds-icon-warning,#e06c00)}
 ._1qomidpf .ProseMirror .left-shadow:before{left:0}
+._1qrtidpf .ProseMirror [data-mark-type=fragment]:nth-last-of-type(-n+2):not(:first-of-type)>.extensionView-content-wrap{margin-bottom:0}
 ._1qs312nz{--editor-font-ugc-token-heading-h5:normal 600 0.857143em/1.33333 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
 ._1qs3ddzq{--editor-font-ugc-token-heading-h5:normal 600 0.857143em/1.33333 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
 ._1qs3i7a9 .editor-mention-primitive{font-weight:var(--ds-font-weight-regular,400)}
@@ -1818,6 +1826,7 @@
 ._1vqj1r31 .ProseMirror-selectednode{outline-color:currentColor}
 ._1vs6idpf .ProseMirror .right-shadow:after{right:0}
 ._1vsooqnp [data-mark-type=fragment]>.extensionView-content-wrap{margin-top:.75rem}
+._1vtlidpf .ProseMirror .bodiedExtensionView-content-wrap:last-of-type{margin-bottom:0}
 ._1vtyidpf [layout=wrap-left]+.ProseMirror-gapcursor+[layout=wrap-right]+span+*>*{margin-top:0}
 ._1vuvusvi .ak-editor-expand{box-sizing:border-box}
 ._1vvnglyw .ProseMirror [layout^=wrap-]+[layout^=wrap-]{clear:none}
@@ -1835,6 +1844,7 @@
 ._1w9miro1 .search-match-block.search-match-block-selected.search-match-dark.ak-editor-selected-node .editor-mention-primitive{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)}
 ._1wb01yvi .inlineExtensionView-content-wrap.danger>span>.with-danger-overlay .extension-overlay{background-color:var(--ds-background-danger-hovered,#ffd5d2)}
 ._1wb5utpp .ProseMirror ol:not(li>ol):not(:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span))){margin-top:var(--ds-space-150,9pt)}
+._1wbo1jih .ProseMirror .multiBodiedExtensionView-content-wrap{margin-bottom:var(--ak-editor-extension-block-spacing,.75rem)}
 ._1wcmidpf .ProseMirror [data-layout-section].ak-editor-selected-node:not(.danger) [data-layout-column]:before{left:0}
 ._1wcvidpf .multiBodiedExtensionView-content-wrap.danger.ak-editor-selected-node>span>div>.extension-label.always-hide-label{opacity:0}
 ._1wdeh2mm .ProseMirror .code-block .code-block-content-wrapper{position:relative}
@@ -1856,6 +1866,7 @@
 ._1wsxr4us .ak-editor-panel.ak-editor-selected-node:not(.danger){box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}
 ._1wtktlke .ak-editor-expand__title-container{cursor:pointer}
 ._1wuuglyw .ProseMirror .ak-editor-sync-block.creation-loading .ak-editor-sync-block__label{display:none}
+._1wv1idpf .ProseMirror [data-mark-type=fragment]:nth-last-of-type(-n+2):not(:first-of-type)>[data-mark-type=dataConsumer]>.extensionView-content-wrap{margin-bottom:0}
 ._1wv7idpf .ProseMirror [data-layout-section]>[data-layout-column]:first-of-type{margin-left:0}
 ._1wwxbimv .danger .editor-mention-primitive{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
 ._1wys1l7b .ProseMirror .ak-editor-annotation-blur:has([data-inline-card]){padding-bottom:3px}
@@ -2064,6 +2075,7 @@
 ._4ae31j28 .ProseMirror .code-block.ak-editor-selected-node:not(.danger) ::-moz-selection{background-color:transparent}
 ._4aknutpp .ProseMirror{margin-bottom:var(--ds-space-150,9pt)}
 ._4b4b15vq .ProseMirror .code-block .code-block--end{visibility:hidden}
+._4cgxidpf .ProseMirror .extensionView-content-wrap:first-of-type{margin-top:0}
 ._4ded1wth .ProseMirror ul{list-style-type:disc}
 ._4dkwidpf .ProseMirror .ak-editor-panel .ak-editor-panel__content{min-width:0}
 ._4e711hrf .pm-table-container[data-number-column=true]{clear:both}
@@ -2107,6 +2119,7 @@
 ._50231ph4 .search-match-block.search-match-block-selected.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 4px var(--ds-background-accent-magenta-bolder-hovered,#943d73),0 0 0 1px var(--ds-border-selected,#1868db)}
 ._505cglyw .extensionView-content-wrap.danger.ak-editor-selected-node>span>.extension-edit-toggle-container>.extension-edit-toggle{box-shadow:none}
 ._5061i7a9 .code{font-weight:var(--ds-font-weight-regular,400)}
+._517s1jih .ProseMirror .bodiedExtensionView-content-wrap{margin-bottom:var(--ak-editor-extension-block-spacing,.75rem)}
 ._51zm1kkj .ProseMirror .telepointer.color-12{--telepointer-participant-bg-color:var(--ds-background-accent-orange-subtle,#fca700)}
 ._52e51ck0 .show-diff-deleted-node .media-card-wrapper>div{opacity:.6}
 ._52e5txnc .show-diff-deleted-node .media-card-wrapper>div{opacity:.8}
@@ -2193,11 +2206,13 @@
 ._6q1jryon .ProseMirror .inlineNodeViewAddZeroWidthSpace:after{content:"​"}
 ._6qzd6x5g .bodiedExtensionView-content-wrap:not(.danger).ak-editor-selected-node>span>div>.extension-label{color:var(--ds-text-selected,#1868db)}
 ._6shmidpf .fabric-editor-alignment:first-of-type:first-child h3:first-child:not(style){margin-top:0}
+._6st21jih .ProseMirror blockquote{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}
 ._6st2oqnp .ProseMirror blockquote{margin-top:.75rem}
 ._6tn6glyw .ProseMirror [data-layout-section].ak-editor-selected-node:not(.danger) [data-layout-section] [data-layout-column]:before{pointer-events:none}
 ._6udpstnw .ProseMirror .code-block .code-block--end{position:absolute}
 ._6v8nvbgk .richMedia-resize-handle-right:after{height:4pc}
 ._6v9fmyb0 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=rule])>.pm-breakout-resize-handle-container--right{right:-4px}
+._6w10idpf .ProseMirror .bodiedExtensionView-content-wrap:first-of-type{margin-top:0}
 ._6w2t1s99 .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-accent-red,#e2483d)}
 ._6w2tuh72 .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-accent-gray,#7d818a)}
 ._6w3a1tmo .ProseMirror .telepointer.color-10{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21)}
@@ -2426,6 +2441,7 @@
 ._bmvah2mm .ProseMirror .layoutSectionView-content-wrap.ak-editor-selected-node:not(.danger) [data-layout-column]{position:relative}
 ._bo7q17v8 .search-match-block.search-match-dark.ak-editor-sync-block{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)}
 ._bo7r1l7b .richMedia-resize-handle-right:after{width:3px}
+._borcidpf .ProseMirror [data-mark-type=fragment]:first-child>[data-mark-type=dataConsumer]>.bodiedExtensionView-content-wrap{margin-top:0}
 ._bp3fglyw .multiBodiedExtensionView-content-wrap:not(.danger).ak-editor-selected-node>span>div>.extension-label{box-shadow:none}
 ._bq4v1j28 .bodiedExtensionView-content-wrap:not(.danger).ak-editor-selected-node>span>.extension-container::-moz-selection{background-color:transparent}
 ._bqje3mia .extension-container .ak-excerpt-include :not([data-inline-card-lozenge] *,code,.status-lozenge-span *,.code-block *){font-size:var(--ak-editor-base-font-size)}
@@ -2525,6 +2541,7 @@
 ._dofuzd3w .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}
 ._dpkjh2mm .pm-table-sticky-wrapper>table{position:relative}
 ._dpu9p1qy .ProseMirror h3>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{transform:translateY(-2px)}
+._dqv91jih .ProseMirror [data-mark-type=fragment]>.extensionView-content-wrap{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}
 ._drld15vq [layout=wrap-right]+.ProseMirror-gapcursor+span+[layout=wrap-left]:after{visibility:hidden}
 ._drnbtlke .ProseMirror .ak-editor-annotation-hover{cursor:pointer}
 ._dtkmkb7n .bodiedExtensionView-content-wrap.danger.ak-editor-selected-node>span>.extension-edit-toggle-container{opacity:1}
@@ -2844,6 +2861,7 @@
 ._jx2uymdr .ProseMirror .ak-editor-sync-block.creation-loading{animation-duration:2s}
 ._jx4g1b4h div[extensionType="com.atlassian.ai-blocks"] .extension-container:before{height:calc(100% + 2px)}
 ._jydlidpf .ProseMirror .ak-editor-annotation-hover{padding-right:0}
+._jywy1jih .ProseMirror .blockCardView-content-wrap{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}
 ._jz6vgrf3 .ProseMirror .ak-editor-panel__content>.ProseMirror-widget:first-child+.ProseMirror-widget+.code-block{margin-top:0!important}
 ._jzq1idpf .fabric-editor-alignment:first-of-type:first-child h5:first-child:not(style){margin-top:0}
 ._k1fkbimv ol[data-node-type=decisionList].ak-editor-selected-node.danger{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
@@ -2930,6 +2948,7 @@
 ._lnnb1rtt .inlineExtensionView-content-wrap.danger>span>div>.extension-label{background-color:var(--ds-background-accent-red-subtler,#ffd5d2)}
 ._lqso1o8l .ProseMirror blockquote{display:inline-block}
 ._lr001e5h .pm-table-wrapper>table th{text-align:left}
+._lr831jih .ProseMirror li>pre:last-of-type.code-block{margin-bottom:var(--ak-editor-extension-block-spacing,.75rem)}
 ._lr83oqnp .ProseMirror li>pre:last-of-type.code-block{margin-bottom:.75rem}
 ._lrq1oskh .ProseMirror .layoutSectionView-content-wrap:hover [data-layout-column]:not(:first-of-type) [data-layout-content]:before{height:calc(100% - 24px)}
 ._lukrzd3w .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}
@@ -2995,6 +3014,7 @@
 ._n6a11fwx{--ak-editor--resizer-handle-spacing:12px}
 ._n6v6kb7n [data-prosemirror-node-name=blockTaskItem] [data-component=content]{flex-grow:1}
 ._n7o2nkob .pm-table-container>table>tbody>tr>td[data-valign=middle]{vertical-align:middle}
+._naf31jih .ProseMirror li>.code-block{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}
 ._naf3oqnp .ProseMirror li>.code-block{margin-top:.75rem}
 ._navqidpf .ProseMirror [data-layout-section] [data-layout-column]>div>.embedCardView-content-wrap:first-of-type .rich-media-item{margin-top:0}
 ._nbea1n1a .gridLine{margin-left:-1px}
@@ -3016,6 +3036,7 @@
 ._npmhh2mm .ProseMirror .ProseMirror-gapcursor{position:relative}
 ._nq831kw7 .ProseMirror .ak-editor-panel[data-panel-type=note]{color:inherit}
 ._nr43161g div[extensionType="com.atlassian.ai-blocks"] .extension-container:before{transform:translate3d(0,0,0)}
+._nre41jih .ProseMirror [data-mark-type=fragment]>[data-mark-type=dataConsumer]>.extensionView-content-wrap{margin-bottom:var(--ak-editor-extension-block-spacing,.75rem)}
 ._nrfx1osq .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode:before{width:100%}
 ._nrxu1b66 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node .ak-editor-sync-block__label{padding-top:var(--ds-space-050,4px)}
 ._nuih1j28 .ProseMirror-hideselection ::selection{background-color:transparent}
@@ -3043,6 +3064,7 @@
 ._o7hy9c8s .ak-editor-expand{transition-property:background,border-color}
 ._o7sybimv .dateView-content-wrap.ak-editor-selected-node.danger .date-lozenger-container>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
 ._o85roxwj .ProseMirror .code-block .line-number-gutter:before{font-size:.875rem}
+._o96gidpf .ProseMirror .multiBodiedExtensionView-content-wrap:first-of-type{margin-top:0}
 ._o9ii6ui8 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{transition-timing-function:ease-out}
 ._o9w6iro1 .search-match-block.search-match-block-selected.search-match-dark.ak-editor-selected-node .lozenge-wrapper{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)}
 ._oa091nka .search-match-block .loader-wrapper>div:after{box-shadow:inset 0 0 0 1px var(--ds-border-accent-magenta,#cd519d),inset 0 0 0 5px var(--ds-background-accent-magenta-subtler,#fdd0ec)}
@@ -3081,6 +3103,7 @@
 ._or5e1jtm .code{white-space:pre-wrap}
 ._oro41igz [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]>span{padding-inline-end:var(--ds--button--new-icon-padding-end,0)}
 ._osi71o8l .ProseMirror .layoutSectionView-content-wrap.ak-editor-selected-node:not(.danger) [data-layout-column]:after{display:inline-block}
+._ot961jih .ProseMirror [data-mark-type=fragment]>.extensionView-content-wrap{margin-bottom:var(--ak-editor-extension-block-spacing,.75rem)}
 ._ou5ucuwt .ProseMirror .code-block .line-number-gutter{width:var(--lineNumberGutterWidth,2rem)}
 ._ould93zu [data-prosemirror-node-name=blockTaskItem] .task-item-checkbox-wrap>input[type=checkbox]+svg{--checkbox-background-color:var(--local-background)}
 ._owanmyb0 .richMedia-resize-handle-left{margin-left:-4px}
@@ -3089,6 +3112,7 @@
 ._oygpsm61 .datasourceView-content-wrap.blockCardView-content-wrap .datasourceView-content-inner-wrap{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._oz757wq0 .ProseMirror .layoutSectionView-content-wrap.ak-editor-selected-node:not(.danger) [data-layout-column]:before{background-color:var(--ds-blanket-selected,#388bff14)}
 ._oz7r1j28 .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2)::selection{background-color:transparent}
+._ozar1jih .ProseMirror [data-mark-type=fragment]>[data-mark-type=dataConsumer]>.extensionView-content-wrap{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}
 ._ozidmk5s .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *){box-shadow:0 -4px 0 var(--ds-background-accent-blue-subtler,#cfe1fd),0 4px 0 var(--ds-background-accent-blue-subtler,#cfe1fd)}
 ._p0351j28 .ak-editor-selected-node>[data-decision-wrapper]::-moz-selection{background-color:transparent}
 ._p31f1hrf .ProseMirror-gapcursor+[layout=wrap-left]+span+[layout=wrap-right]:after{clear:both}
@@ -3096,6 +3120,7 @@
 ._p3gngrf3 .ProseMirror .ak-editor-panel__content>.code-block:first-child{margin-top:0!important}
 ._p3lu1txw .richMedia-resize-handle-left{display:flex}
 ._p3p6usvi .gridLine{box-sizing:border-box}
+._p4bhidpf .ProseMirror [data-mark-type=fragment]:first-child>.bodiedExtensionView-content-wrap{margin-top:0}
 ._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}
@@ -3128,7 +3153,9 @@
 ._pn62wrdo .ProseMirror .ak-editor-panel.danger .ak-editor-panel__icon{color:var(--ds-icon-danger,#c9372c)!important}
 ._pnjfh2mm .ak-editor-selected-node>[data-decision-wrapper]{position:relative}
 ._poet1ris .pm-table-resizer-container:has(table[data-initial-width-mode=content]){--ak-editor-table-width:max-content}
+._poq41jih .ProseMirror p{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}
 ._poq41xs6 .ProseMirror p{margin-top:.75em}
+._poq4h70n .ProseMirror p{margin-top:var(--ak-editor-extension-block-spacing,.75em)}
 ._poq4oqnp .ProseMirror p{margin-top:.75rem}
 ._poz81i45 .ProseMirror .telepointer.color-9{--telepointer-participant-bg-color:var(--ds-background-accent-gray-bolder,#6b6e76)}
 ._pp1tidpf [data-prosemirror-node-name=taskItem] .task-item-checkbox-wrap>input[type=checkbox]{margin-top:0}
@@ -3248,6 +3275,7 @@
 ._s3jaidpf .ProseMirror .layout-section-container [data-layout-section]>.ProseMirror-widget.layout-column-divider{flex-shrink:0}
 ._s4v61j28 .pm-table-container>table>tbody>tr>th[data-reaches-left]{border-left-color:transparent}
 ._s5c21j28 .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::-moz-selection{background-color:transparent}
+._s5gz1jih .ProseMirror .code-block{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}
 ._s5gzoqnp .ProseMirror .code-block{margin-top:.75rem}
 ._s6jz1osq .ProseMirror .danger .code-block .line-number-gutter:after{height:100%}
 ._s6l1pxbi [dir=rtl] .ProseMirror blockquote{padding-right:var(--ds-space-200,1pc)}
@@ -3266,11 +3294,13 @@
 ._sdlb1osq .ProseMirror .ak-editor-selected-node .emoji-common-emoji-sprite:before{width:100%}
 ._sdnkidpf .ProseMirror-gapcursor+[layout=wrap-right]+span+[layout=wrap-left]+*{margin-top:0}
 ._sellckbl .pm-table-sticky-wrapper>table>tbody>tr>th{min-width:3pc}
+._shdd1jih .ProseMirror>style:first-child+p{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}
 ._si4z1tuv .ProseMirror .ak-ol li>ul{margin-top:max(0px,calc((var(--ak-editor-base-font-size, 1pc) - 13px)*1.33333))}
 ._sifs1y9u [data-prosemirror-node-name=status]>[data-color=green] .lozenge-wrapper{background-color:var(--ds-background-success,#efffd6)}
 ._skdx1osq .fabric-editor--full-width-mode .pm-table-container .multiBodiedExtension--container{max-width:100%}
 ._slibidpf .ProseMirror .layout-section-container [data-layout-section]>.ProseMirror-widget+[data-layout-column]{margin-left:0}
 ._slqe1j28 .ak-editor-selected-node>.editor-mention-primitive.mention-restricted::selection{background-color:transparent}
+._sls21jih .ProseMirror .multiBodiedExtensionView-content-wrap{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}
 ._sm9f1o8l .ProseMirror [data-layout-section].ak-editor-selected-node:not(.danger) [data-layout-column]:after{display:inline-block}
 ._sml91j28 .pm-table-wrapper>table>tbody>tr>th[data-reaches-top]{border-top-color:transparent}
 ._smxnglyw .ProseMirror .ProseMirror-fake-text-cursor{pointer-events:none}
@@ -3316,6 +3346,7 @@
 ._tivjm0zr .ProseMirror [layout^=wrap-]+[layout^=wrap-]+p{clear:both!important}
 ._tjbxazsu [data-prosemirror-node-name=status]>[data-color=neutral] .lozenge-text{color:var(--ds-text-subtle,#505258)}
 ._tjbxi7uo [data-prosemirror-node-name=status]>[data-color=neutral] .lozenge-text{color:var(--ds-text,#292a2e)}
+._tkh81jih .ProseMirror [data-mark-type=fragment]>.bodiedExtensionView-content-wrap{margin-bottom:var(--ak-editor-extension-block-spacing,.75rem)}
 ._tmq91tuv .ProseMirror li+li{margin-top:max(0px,calc((var(--ak-editor-base-font-size, 1pc) - 13px)*1.33333))}
 ._tnheb3bt .ak-editor-panel.ak-editor-selected-node:not(.danger):before{content:""}
 ._tnrm1o8l [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]>span{display:inline-block}
@@ -3333,9 +3364,11 @@
 ._tw0uidpf :not(.fabric-editor-block-mark)>h4 style:first-child+*{margin-top:0}
 ._tw4v1j28 .ak-editor-selected-node>.editor-mention-primitive ::-moz-selection{background-color:transparent}
 ._twmg1osq [data-prosemirror-node-name=blockTaskItem] .task-item-checkbox-wrap>input[type=checkbox]{width:100%}
+._txhx1jih .ProseMirror [data-mark-type=fragment]>.bodiedExtensionView-content-wrap{margin-top:var(--ak-editor-extension-block-spacing,.75rem)}
 ._txkaazsu .ak-editor-expand__title-container{color:var(--ds-text-subtle,#505258)}
 ._tyke17vv div[extensionType="com.atlassian.ai-blocks"]:has(.streaming) .extension-container:after{animation-name:k1eqwm1p}
 ._tyke194d div[extensionType="com.atlassian.ai-blocks"]:has(.streaming) .extension-container:after{animation-name:k7wtbat}
+._tz7vidpf .ProseMirror [data-mark-type=fragment]:nth-last-of-type(-n+2):not(:first-of-type)>[data-mark-type=dataConsumer]>.bodiedExtensionView-content-wrap{margin-bottom:0}
 ._u0jv1kdv .ProseMirror .ak-editor-panel__content{cursor:text}
 ._u0mgmh6f .ProseMirror .pm-table-wrapper .pm-table-header-content-wrap p:empty{min-height:1.714em}
 ._u12f1ypf .search-match-block.search-match-block-selected .loader-wrapper>div:after{box-shadow:inset 0 0 0 1px var(--ds-background-accent-magenta-bolder-hovered,#943d73),inset 0 0 0 4px var(--ds-background-accent-magenta-subtlest-pressed,#fcb6e1)}
@@ -3384,6 +3417,7 @@
 ._ut9vglyw [data-prosemirror-node-name=taskItem] .task-item-checkbox-wrap>input[type=checkbox]:disabled[data-invalid]+svg{pointer-events:none}
 ._uu1m1149 .danger>span>a{box-shadow:0 0 0 2px,var(--ds-border-danger,#e2483d)}
 ._uufastnw .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode:before{position:absolute}
+._uuikidpf .ProseMirror [data-mark-type=fragment]:first-child>[data-mark-type=dataConsumer]>.extensionView-content-wrap{margin-top:0}
 ._uuop1j28 .ProseMirror-hideselection{caret-color:transparent}
 ._uuxfglyw [data-prosemirror-node-name=blockTaskItem] .task-item-checkbox-wrap>input[type=checkbox]:disabled:hover+svg{pointer-events:none}
 ._uvar1j28 .ak-editor-selected-node.unsupportedBlockView-content-wrap>div::selection{background-color:transparent}
@@ -3431,6 +3465,7 @@
 ._vln5i8nm .ProseMirror .code-block .code-block-content-wrapper{background-color:var(--ds-background-neutral,#0515240f)}
 ._vm1cidpf :not(.fabric-editor-block-mark)>h6 style:first-child+*{margin-top:0}
 ._vmcm1kdv .ProseMirror blockquote.ak-editor-selected-node{-webkit-user-select:text}
+._vmpy1jih .ProseMirror [data-mark-type=fragment]>[data-mark-type=dataConsumer]>.bodiedExtensionView-content-wrap{margin-bottom:var(--ak-editor-extension-block-spacing,.75rem)}
 ._vmt0glyw .ProseMirror .telepointer.telepointer-selection:not(.inlineNodeView){pointer-events:none}
 ._vpdlh2mm .ProseMirror .code-block.ak-editor-selected-node:not(.danger){position:relative}
 ._vpm4n7od table .resizer-hover-zone{padding-right:unset}
@@ -3519,6 +3554,7 @@
 ._xfo5agmp .ProseMirror .layoutSectionView-content-wrap:hover .layout-section-container [data-layout-section]>.ProseMirror-widget.layout-column-divider~[data-layout-column] [data-layout-content]:before{display:none!important}
 ._xhe7b3bt .ProseMirror .left-shadow:before{content:""}
 ._xi121j28 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span::selection{background-color:transparent}
+._xirxidpf .ProseMirror [data-mark-type=fragment]:first-child>.extensionView-content-wrap{margin-top:0}
 ._xk451diq [data-prosemirror-node-name=blockTaskItem] .task-item-checkbox-wrap>input[type=checkbox]:disabled:hover+svg{--checkbox-border-color:var(--local-border-disabled)}
 ._xldsidpf .ProseMirror .code-block{margin-bottom:0}
 ._xlm615cr .ProseMirror .telepointer.color-4{--telepointer-participant-text-color:var(--ds-text-inverse,#fff)}
@@ -3597,6 +3633,7 @@
 ._z7s5ewfl .ProseMirror .ak-editor-sync-block.ak-editor-selected-node .ak-editor-sync-block__label{visibility:visible}
 ._z9wpidpf .ProseMirror p{margin-bottom:0}
 ._zaei11ux .ak-editor-sync-block__label{max-width:140px}
+._zan7idpf .ProseMirror .extensionView-content-wrap:last-of-type{margin-bottom:0}
 ._zanp1j28 .ak-editor-selected-node>.editor-mention-primitive.mention-restricted::-moz-selection{background-color:transparent}
 ._zbwkglyw [data-prosemirror-node-name=blockTaskItem] .task-item-checkbox-wrap>input[type=checkbox]{outline-style:none}
 ._ze8c1osq [data-prosemirror-node-name=status] .lozenge-wrapper{max-width:100%}

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

@@ -53,6 +53,12 @@ var GRID_GUTTER = 12;
 var blockNodesVerticalMargin = '0.75rem';
 var fontSize14px = "".concat(14 / 16, "rem");
 var scaledBlockNodesVerticalMargin = '0.75em';
+// Block spacing hook (gated by expValEquals('platform_editor_extension_block_spacing')).
+// When the experiment is on, these variants re-declare the block margins to read from the
+// `--ak-editor-extension-block-spacing` CSS custom property, falling back to the original values.
+// When the experiment is off, none of these are applied and behaviour is identical to before.
+var blockNodesVerticalMarginVar = 'var(--ak-editor-extension-block-spacing, 0.75rem)';
+var scaledBlockNodesVerticalMarginVar = 'var(--ak-editor-extension-block-spacing, 0.75em)';
 
 // emoji constants — values inlined from packages/elements/emoji/src/util/constants.ts
 // If you need to update these values, please also update packages/elements/emoji/src/util/constants.ts
@@ -153,6 +159,8 @@ var editorContentStyles = {
   baseStyles: "_t7ab1vi7 _anrdukw8 _n6a11fwx _uw641q08 _fo6014dc _1gvnmqba _j03f1qop _qmjbxjz2 _zy25uj17 _pg931osq _121i1r31 _dcmgglyw _nv9v1o36 _19rk1uph _u8en3mia _3iqe18il _988v1osq _pi27grho _10zo1osq _1j8i1xb4",
   baseStylesMaxContainerWidthFixes: "_19rk1l99",
   blockMarksStyles: "_1244idpf _1qkxidpf _1e6iidpf _dvqjidpf _etngidpf _1jl2idpf _1je9idpf _1db9idpf _15i0idpf _16d4idpf _17liidpf _pxvridpf _1v4iidpf _s8m8idpf _16fuidpf _1543idpf _4offidpf _ttnbidpf _ujemidpf _1171idpf _mzasidpf _r8oxidpf _1pycidpf _6shmidpf _1bd0idpf _54e7idpf _1tenidpf _jzq1idpf _czpfidpf _1oraidpf _1kg4idpf _ksblidpf _1af7idpf _72x4idpf _zlwmidpf _7m6lidpf _1x2sidpf _3q5uidpf _11ukidpf _n65sidpf _1nn0idpf _1hwxidpf _j2goidpf _rfl4idpf _qhe2idpf _h4bbidpf _rjmvidpf _183yidpf _fk2nidpf _3429idpf _j543idpf _1op6idpf _mcklidpf _1uf8idpf _110lidpf _17agidpf _d9tridpf _f5slidpf _b9adidpf _1859idpf _1hrzidpf _1du2idpf _gdx6idpf _1av3idpf _1uj7idpf _s6y9idpf _ocz2idpf _129midpf _kj6kidpf _1uv9idpf _1tieidpf _ri4ridpf _tw0uidpf _15epidpf _12uhidpf _12i1idpf _vm1cidpf _jj6didpf _3d3tidpf _1xdsidpf",
+  blockSpacingVarStyles: "_poq41jih _shdd1jih _6st21jih _1j9eidpf _s5gz1jih _naf31jih _1de7idpf _1lezidpf _11ac1jih _lr831jih _jywy1jih _1ed81jih _14lv1jih _sls21jih _517s1jih _19jp1jih _1wbo1jih _6w10idpf _4cgxidpf _o96gidpf _1vtlidpf _zan7idpf _1jsnidpf _txhx1jih _dqv91jih _tkh81jih _ot961jih _1lzd1jih _ozar1jih _vmpy1jih _nre41jih _p4bhidpf _xirxidpf _borcidpf _uuikidpf _1jh6idpf _1qrtidpf _tz7vidpf _1wv1idpf",
+  blockSpacingVarScaledStyles: "_poq4h70n",
   blockquoteDangerStyles: "_10d41gly _13641bqt",
   blockquoteSelectedNodeStyles: "_13521dy8 _vee2q98m _vmcm1kdv _10ue1j28 _1fn81j28 _11781j28 _1o6w1j28",
   blocktypeStyles: "_6st2oqnp _g09oidpf _19vkidpf _17vdidpf _1gtxusvi _1htf1kw7 _a3pn1osq _lqso1o8l _19v7idpf _oql5idpf _1w3ipxbi _1sz21dm9 _1nehnqa1 _95mn1l7x _1ezqidpf _s6l1pxbi _1j9eidpf _ymd7b3bt _1cbmglyw _ew481ule _104r17hw _1mzi17hw _15l01ule _12lj1ule _q4ju1ule _yqzd1ule _1ohls05q _13dhs0v8 _1qup44jv _mhqkq19t _fziqs05q _12sp1aa5 _ab5gidpf _10u5idpf _f850idpf",
@@ -377,6 +385,9 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
     '--ak-editor--large-gutter-padding': "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px")
   });
   var browser = (0, _browser.getBrowserInfo)();
+
+  // Evaluate the block-spacing experiment once per render.
+  var isBlockSpacingEnabled = (0, _expValEquals.expValEquals)('platform_editor_extension_block_spacing', 'isEnabled', true);
   return /*#__PURE__*/_react.default.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: (0, _runtime.ax)([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes, (0, _platformFeatureFlags.fg)('platform_editor_controls_increase_full_page_gutter') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? editorContentStyles.editorLargeGutterPuddingBaseStylesEditorControls : editorContentStyles.editorLargeGutterPuddingBaseStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
@@ -390,7 +401,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, (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]),
+    !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, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"

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

@@ -22,6 +22,7 @@ var _annotationStyles = require("./styles/annotationStyles");
 var _backgroundColorStyles = require("./styles/backgroundColorStyles");
 var _baseStyles = require("./styles/baseStyles");
 var _blockMarksStyles = require("./styles/blockMarksStyles");
+var _blockSpacingStyles = require("./styles/blockSpacingStyles");
 var _blockTypeStyles = require("./styles/blockTypeStyles");
 var _codeBlockStyles = require("./styles/codeBlockStyles");
 var _codeMarkStyles = require("./styles/codeMarkStyles");
@@ -141,6 +142,9 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
     '--ak-editor--large-gutter-padding': "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px")
   });
   var browser = (0, _browser.getBrowserInfo)();
+
+  // Evaluate the block-spacing experiment once per render.
+  var isBlockSpacingEnabled = (0, _expValEquals.expValEquals)('platform_editor_extension_block_spacing', 'isEnabled', true);
   return (0, _react2.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: className || undefined,
@@ -564,7 +568,15 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _mediaStyles.mediaDangerStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _panelStyles.nestedPanelDangerStyles]],
+    _panelStyles.nestedPanelDangerStyles],
+    // Block spacing hook — opt-in via --ak-editor-extension-block-spacing.
+    // Applied last so the var-based margins override the base block margins by source
+    // order. Gated by an experiment so it can be disabled.
+    isBlockSpacingEnabled &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _blockSpacingStyles.blockSpacingVarStyles, isBlockSpacingEnabled && contentMode === 'compact' &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _blockSpacingStyles.blockSpacingVarScaledStyles],
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop

package/dist/cjs/ui/EditorContentContainer/styles/blockSpacingStyles.js

@@ -0,0 +1,113 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.blockSpacingVarStyles = exports.blockSpacingVarScaledStyles = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("@emotion/react");
+var _styles = require("@atlaskit/editor-common/styles");
+/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
+	@atlaskit/ui-styling-standard/no-exported-styles,
+	@atlaskit/ui-styling-standard/no-nested-selectors,
+	@atlaskit/ui-styling-standard/no-unsafe-values,
+	@atlaskit/ui-styling-standard/no-unsafe-selectors,
+	@atlaskit/ui-styling-standard/no-imported-style-values */
+
+/**
+ * Emotion mirror of the block-spacing styles in EditorContentContainer-compiled.tsx.
+ *
+ * Re-declares the block-element vertical margins so they read from the
+ * --ak-editor-extension-block-spacing CSS custom property (falling back to the original
+ * 0.75rem). This is applied LAST in the Emotion container's css array, and only when
+ * the platform_editor_extension_block_spacing experiment is enabled, so it overrides
+ * the base block margins by source order without affecting the experiment-off behaviour.
+ *
+ * Keep this in sync with the block-spacing styles in EditorContentContainer-compiled.tsx.
+ */
+var blockSpacingVarStyles = exports.blockSpacingVarStyles = (0, _react.css)({
+  '.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+    // paragraphs
+    p: {
+      marginTop: 'var(--ak-editor-extension-block-spacing, 0.75rem)'
+    },
+    // SSR reset rule (mirrors listsStyles `& > style:first-child + p`) so the first
+    // paragraph after an SSR style tag also honours the spacing var.
+    '& > style:first-child + p': {
+      marginTop: 'var(--ak-editor-extension-block-spacing, 0.75rem)'
+    },
+    // blockquotes — base also zeroes the first blockquote's top margin.
+    '& blockquote': {
+      marginTop: 'var(--ak-editor-extension-block-spacing, 0.75rem)',
+      '&:first-child': {
+        marginTop: 0
+      }
+    }
+  }, ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), {
+    marginTop: 'var(--ak-editor-extension-block-spacing, 0.75rem)'
+  }), "li", {
+    '> .code-block': {
+      marginTop: 'var(--ak-editor-extension-block-spacing, 0.75rem)'
+    },
+    '> .code-block:first-child, > .ProseMirror-gapcursor:first-child + .code-block': {
+      marginTop: 0
+    },
+    '> div:last-of-type.code-block, > pre:last-of-type.code-block': {
+      marginBottom: 'var(--ak-editor-extension-block-spacing, 0.75rem)'
+    }
+  }), '.blockCardView-content-wrap', {
+    marginTop: 'var(--ak-editor-extension-block-spacing, 0.75rem)'
+  }), '.extensionView-content-wrap, .multiBodiedExtensionView-content-wrap, .bodiedExtensionView-content-wrap', {
+    marginTop: 'var(--ak-editor-extension-block-spacing, 0.75rem)',
+    marginBottom: 'var(--ak-editor-extension-block-spacing, 0.75rem)',
+    '&:first-of-type': {
+      marginTop: 0
+    },
+    '&:last-of-type': {
+      marginBottom: 0
+    }
+  }), "[data-mark-type='fragment']", {
+    '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
+      marginTop: 'var(--ak-editor-extension-block-spacing, 0.75rem)',
+      marginBottom: 'var(--ak-editor-extension-block-spacing, 0.75rem)'
+    },
+    "& > [data-mark-type='dataConsumer']": {
+      '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
+        marginTop: 'var(--ak-editor-extension-block-spacing, 0.75rem)',
+        marginBottom: 'var(--ak-editor-extension-block-spacing, 0.75rem)'
+      }
+    },
+    '&:first-child': {
+      '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
+        marginTop: 0
+      },
+      "& > [data-mark-type='dataConsumer']": {
+        '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
+          marginTop: 0
+        }
+      }
+    },
+    '&:nth-last-of-type(-n + 2):not(:first-of-type)': {
+      '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
+        marginBottom: 0
+      },
+      "& > [data-mark-type='dataConsumer']": {
+        '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
+          marginBottom: 0
+        }
+      }
+    }
+  })
+});
+
+/**
+ * Scaled (em-based) variant of the block-spacing styles for dense/scaled paragraph contexts.
+ * Keep this in sync with the scaled block-spacing styles in EditorContentContainer-compiled.tsx.
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
+var blockSpacingVarScaledStyles = exports.blockSpacingVarScaledStyles = (0, _react.css)({
+  '.ProseMirror p': {
+    marginTop: 'var(--ak-editor-extension-block-spacing, 0.75em)'
+  }
+});

package/dist/cjs/version-wrapper.js

@@ -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.12";
+var version = exports.version = "221.5.13";