@atlaskit/editor-core 227.0.6 → 227.0.8

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # @atlaskit/editor-core
 
+## 227.0.8
+
+### Patch Changes
+
+- [`8815e3a163409`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8815e3a163409) -
+  Restyle contributor diff tags to read as a label on the change they caption: flush against it,
+  square bottom corners, no bottom border or shadow, and sized to their own content up to a maximum
+  width. A tag now paints above the diff highlights instead of below them, so a highlight on the
+  line it overlays can no longer slice through it, and it is clipped to its own box so it still
+  cannot paint over the change it captions. A tag is now filled with its accent colour's bolder tone
+  and labelled in inverse text, rather than the subtlest tint its highlight is drawn in. Tags now
+  fade and rise in and out rather than snapping, with a `prefers-reduced-motion` opt-out. Behind the
+  `confluence_ncs_step_diffing_version_history` gate.
+- Updated dependencies
+
+## 227.0.7
+
+### Patch Changes
+
+- [`2ca8a0b02c20e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2ca8a0b02c20e) -
+  Clean up experiment `platform_editor_bodiedextension_layoutshift_fix` by making the bodied
+  extension layout shift fix permanent.
+- [`728f80b4dc5d2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/728f80b4dc5d2) -
+  Reduce the per-transaction cost of list indentation decorations, behind the
+  `platform_editor_list_performance_improv` experiment.
+
+  `editor-core` gains a set of `:is(ul, ol)` list marker rules that derive the marker from a list's
+  ancestors in CSS, which is what the `data-indent-level` decoration was previously needed for.
+  These rules are scoped with `:not([data-indent-level])` so they are inert for the control cohort,
+  which still receives the decoration.
+
+  With those rules in place, the experiment cohort in `editor-plugin-list` no longer decorates list
+  indentation at all. The only decoration left is the ordered-list counter gutter, which depends on
+  the item count and start number and so cannot be expressed as a selector. The decoration set is
+  also maintained incrementally — mapped through each transaction with only the touched top-level
+  blocks recomputed, instead of rebuilding from a full document scan — and the remaining scan skips
+  textblock subtrees, which can never contain a list. Rendered output is unchanged.
+
+- Updated dependencies
+
 ## 227.0.6
 
 ### Patch Changes

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

@@ -99,7 +99,7 @@
 .cc-r9og9u .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *).danger{background:var(--ds-background-danger,#ffeceb)}
 .cc-yovug7 .ProseMirror li:has(>ol:only-child), .cc-yovug7 .ProseMirror li:has(>ul:only-child){list-style-type:none!important;margin-top:0!important;margin-bottom:0!important}.cc-yovug7 .ProseMirror li:has(>ol:only-child)>ol, .cc-yovug7 .ProseMirror li:has(>ul:only-child)>ul{margin-top:0!important}.cc-yovug7 .ProseMirror div[data-task-list-local-id]>div[data-task-list-local-id]{margin-top:0!important}.cc-yovug7 .ProseMirror div[data-task-local-id]+div[data-task-list-local-id]{margin-top:var(--ds-space-050,4px)!important}
 .cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *){background:var(--ds-background-accent-blue-subtler,#cfe1fd);-webkit-user-select:text}.cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *) ::selection, .cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *)::selection{background-color:transparent}.cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *) ::-moz-selection, .cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *)::-moz-selection{background-color:transparent}
-.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ul{box-sizing:border-box;padding-left:var(--ed--list--item-counter--padding,24px)}.cc-xwc364 .ProseMirror.ua-firefox ol li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ol li p>span:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p>span:empty{display:inline-block}.cc-xwc364 .ProseMirror .ak-ol, .cc-xwc364 .ProseMirror .ak-ul{display:flow-root}.cc-xwc364 .ProseMirror ul, .cc-xwc364 .ProseMirror ul ul ul ul{list-style-type:disc}.cc-xwc364 .ProseMirror ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul{list-style-type:circle}.cc-xwc364 .ProseMirror ul ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul ul{list-style-type:square}.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ol ol ol ol{list-style-type:decimal}.cc-xwc364 .ProseMirror ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol ol{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ol[data-indent-level="1"], .cc-xwc364 .ProseMirror ol[data-indent-level="4"]{list-style-type:decimal}.cc-xwc364 .ProseMirror ol[data-indent-level="2"], .cc-xwc364 .ProseMirror ol[data-indent-level="5"]{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol[data-indent-level="3"], .cc-xwc364 .ProseMirror ol[data-indent-level="6"]{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ul[data-indent-level="1"], .cc-xwc364 .ProseMirror ul[data-indent-level="4"]{list-style-type:disc}.cc-xwc364 .ProseMirror ul[data-indent-level="2"], .cc-xwc364 .ProseMirror ul[data-indent-level="5"]{list-style-type:circle}.cc-xwc364 .ProseMirror ul[data-indent-level="3"], .cc-xwc364 .ProseMirror ul[data-indent-level="6"]{list-style-type:square}.cc-xwc364 .ProseMirror li{position:relative}.cc-xwc364 .ProseMirror li>p:not(:first-child){margin:var(--ds-space-050,4px) 0 0 0}.cc-xwc364 .ProseMirror li>style:first-child+p{margin-top:.75rem}
+.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ul{box-sizing:border-box;padding-left:var(--ed--list--item-counter--padding,24px)}.cc-xwc364 .ProseMirror.ua-firefox ol li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ol li p>span:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p>span:empty{display:inline-block}.cc-xwc364 .ProseMirror .ak-ol, .cc-xwc364 .ProseMirror .ak-ul{display:flow-root}.cc-xwc364 .ProseMirror ul, .cc-xwc364 .ProseMirror ul ul ul ul{list-style-type:disc}.cc-xwc364 .ProseMirror ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul{list-style-type:circle}.cc-xwc364 .ProseMirror ul ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul ul{list-style-type:square}.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ol ol ol ol{list-style-type:decimal}.cc-xwc364 .ProseMirror ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol ol{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ol[data-indent-level="1"], .cc-xwc364 .ProseMirror ol[data-indent-level="4"]{list-style-type:decimal}.cc-xwc364 .ProseMirror ol[data-indent-level="2"], .cc-xwc364 .ProseMirror ol[data-indent-level="5"]{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol[data-indent-level="3"], .cc-xwc364 .ProseMirror ol[data-indent-level="6"]{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ul[data-indent-level="1"], .cc-xwc364 .ProseMirror ul[data-indent-level="4"]{list-style-type:disc}.cc-xwc364 .ProseMirror ul[data-indent-level="2"], .cc-xwc364 .ProseMirror ul[data-indent-level="5"]{list-style-type:circle}.cc-xwc364 .ProseMirror ul[data-indent-level="3"], .cc-xwc364 .ProseMirror ul[data-indent-level="6"]{list-style-type:square}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]), .cc-xwc364 .ProseMirror ul:not([data-indent-level]){list-style-type:disc}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) ul:not([data-indent-level]){list-style-type:circle}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]){list-style-type:square}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]), .cc-xwc364 .ProseMirror ol:not([data-indent-level]){list-style-type:decimal}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) ol:not([data-indent-level]){list-style-type:lower-alpha}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]){list-style-type:lower-roman}.cc-xwc364 .ProseMirror li{position:relative}.cc-xwc364 .ProseMirror li>p:not(:first-child){margin:var(--ds-space-050,4px) 0 0 0}.cc-xwc364 .ProseMirror li>style:first-child+p{margin-top:.75rem}
 .cc-rj5qxv .ProseMirror ol:not(li>ol):not(:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span))), .cc-rj5qxv .ProseMirror ul:not(li>ul):not(:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span))){margin-top:var(--ds-space-150,9pt)}.cc-rj5qxv .ProseMirror li>ol, .cc-rj5qxv .ProseMirror li>ul{margin-top:var(--ds-space-050,4px)}
 .cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li:before{content:" ";line-height:1.714}.cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li>.ProseMirror-gapcursor:first-child+.code-block, .cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li>.code-block:first-child, .cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li>p:first-child{margin-top:-1.714em!important}
 .cc-iu9h8q .ProseMirror li+li{margin-top:max(0px,calc((var(--ak-editor-base-font-size, 1pc) - 13px)*1.33333))}.cc-iu9h8q .ProseMirror .ak-ol li>ol, .cc-iu9h8q .ProseMirror .ak-ol li>ul, .cc-iu9h8q .ProseMirror .ak-ul li>ol, .cc-iu9h8q .ProseMirror .ak-ul li>ul, .cc-iu9h8q .ProseMirror li>ol, .cc-iu9h8q .ProseMirror li>ul{margin-top:max(0px,calc((var(--ak-editor-base-font-size, 1pc) - 13px)*1.33333))}
@@ -187,6 +187,7 @@
 .cc-rrpz54 .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 *){background:var(--ds-background-accent-blue-subtler,#cfe1fd);-webkit-user-select:text;box-shadow:0 -4px 0 var(--ds-background-accent-blue-subtler,#cfe1fd),0 4px 0 var(--ds-background-accent-blue-subtler,#cfe1fd)}.cc-rrpz54 .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 *) ::selection, .cc-rrpz54 .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 *)::selection{background-color:transparent}.cc-rrpz54 .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 *) ::-moz-selection, .cc-rrpz54 .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 *)::-moz-selection{background-color:transparent}
 .cc-hnzg4x .unsupportedBlockView-content-wrap>div, .cc-hnzg4x .unsupportedInlineView-content-wrap>span:nth-of-type(2){cursor:pointer}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2){background-color:var(--ds-background-selected,#e9f2fe);border:1px solid var(--ds-border-selected,#1868db)}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div:after, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2):after{height:100%;content:"\00a0";background:var(--ds-border-selected,#1868db);position:absolute;right:-1px;top:0;bottom:0;width:1px;border:none;display:inline-block}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div ::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2) ::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2)::selection{background-color:transparent}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div ::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2) ::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2)::-moz-selection{background-color:transparent}.cc-hnzg4x .danger .ak-editor-selected-node.unsupportedBlockView-content-wrap>div, .cc-hnzg4x .danger .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2){border:1px solid var(--ds-border-danger,#e2483d);background-color:var(--ds-blanket-danger,#ef5c4814)}
 .cc-s0u8xw .ProseMirror .ak-editor-vanilla-tooltip-default{box-sizing:border-box;max-width:15pc;background-color:var(--ds-background-neutral-bold,#292a2e);border:none;border-radius:var(--ds-radius-small,3px);color:var(--ds-text-inverse,#fff);font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);inset-block-start:var(--ds-space-0,0);inset-inline-start:var(--ds-space-0,0);overflow-wrap:break-word;padding-block:var(--ds-space-050,4px);padding-inline:var(--ds-space-075,6px);white-space:normal}
+.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag{opacity:0;pointer-events:none;transform:translateY(4px);transition-property:opacity,transform;transition-duration:var(--ds-duration-xxlong,.6s);transition-timing-function:var(--ds-easing-in-practical,cubic-bezier(.6,0,.8,.6))}@media (prefers-reduced-motion:reduce){.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag{transition-duration:0s}}.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag[data-revealed]{opacity:1;pointer-events:auto;transform:translateY(0);transition-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}@starting-style{.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag[data-revealed]{opacity:0;transform:translateY(4px)}}
 .cc-1ysxql5 .ProseMirror .unsupported-block-vanilla-inner{align-items:center;background:var(--ds-background-disabled,#0515240f);border:var(--ds-border-width,1px) dashed var(--ds-border-disabled,#0515240f);border-radius:var(--ds-radius-small,3px);box-sizing:border-box;cursor:pointer;display:flex;font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);margin:var(--ds-space-100,8px) 0;min-height:24px;min-width:90pt;padding:var(--ds-space-150,9pt);text-align:center;justify-content:center}.cc-1ysxql5 .ProseMirror .unsupported-inline-vanilla-inner{align-items:center;background:var(--ds-background-disabled,#0515240f);border:var(--ds-border-width,1px) dashed var(--ds-border-disabled,#0515240f);border-radius:var(--ds-radius-small,3px);box-sizing:border-box;cursor:default;display:inline-flex;font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);margin:0 var(--ds-space-025,2px);min-height:24px;padding:0 var(--ds-space-100,8px);vertical-align:middle;white-space:nowrap}.cc-1ysxql5 .ProseMirror .unsupported-vanilla-icon{padding:var(--ds-space-050,4px);display:inline-flex;align-items:center}
 .cc-14oigrh .ProseMirror{word-wrap:break-word;white-space:pre-wrap}@keyframes k1coy3hw{0%{background-color:transparent;border-bottom-color:transparent}12%{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe);border-bottom-color:var(--ds-border-accent-purple,#af59e1)}88%{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe);border-bottom-color:var(--ds-border-accent-purple,#af59e1)}to{background-color:transparent;border-bottom-color:transparent}}@keyframes k1eqwm1p{0%{--panel-gradient-angle:0deg;background-position:100%}to{--panel-gradient-angle:360deg;background-position:-100%}}@keyframes k1g8d6yk{to{transform:scaleX(1);opacity:1}0%,90%{transform:scaleX(0);opacity:0}}
 @keyframes k1r6lcmc{0%{--angle:0deg}to{--angle:360deg}}@keyframes k1sevukb{0%,99.9999%{opacity:1}to{opacity:0}}

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

@@ -361,6 +361,7 @@ var editorContentStyles = {
   textSelectedNodeStyles: "cc-rrpz54",
   unsupportedStyles: "cc-hnzg4x",
   vanillaTooltipDefaultStyles: "cc-s0u8xw",
+  contributorTagStyles: "cc-1c4gda",
   vanillaUnsupportedStyles: "cc-1ysxql5",
   whitespaceStyles: "cc-14oigrh"
 };
@@ -423,7 +424,7 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
     }) && editorContentStyles.listSelectedNodeStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true, {
       exposure: true
     }) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, 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, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
-    editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, (0, _fg.fg)('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, 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, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, (0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : (0, _fg.fg)('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, 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, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && !(0, _fg.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, (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, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _editorExperiment.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, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _editorExperiment.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, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && (0, _fg.fg)('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, 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, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (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, _fg.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) && editorContentStyles.tableRoundedCornerStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
+    editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, (0, _fg.fg)('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, (0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : (0, _fg.fg)('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, (0, _fg.fg)('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, 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, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && !(0, _fg.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, (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, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _editorExperiment.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, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _editorExperiment.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, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && (0, _fg.fg)('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, 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, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (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, _fg.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) && editorContentStyles.tableRoundedCornerStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _editorExperiment.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

@@ -30,6 +30,7 @@ var _codeBlockStyles = require("./styles/codeBlockStyles");
 var _codeMarkStyles = require("./styles/codeMarkStyles");
 var _commentEditorStyles = require("./styles/commentEditorStyles");
 var _containerTypeStyles = require("./styles/containerTypeStyles");
+var _contributorTagStyles = require("./styles/contributorTagStyles");
 var _cursorStyles = require("./styles/cursorStyles");
 var _dateStyles = require("./styles/dateStyles");
 var _editorUGCTokenStyles = require("./styles/editorUGCTokenStyles");
@@ -370,7 +371,9 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _unsupportedStyles.unsupportedStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _vanillaTooltipStyles.vanillaTooltipDefaultStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') &&
+    _vanillaTooltipStyles.vanillaTooltipDefaultStyles, (0, _fg.fg)('confluence_ncs_step_diffing_version_history') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _contributorTagStyles.contributorTagStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _unsupportedStyles.vanillaUnsupportedStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.contributorTagStyles = void 0;
+var _react = require("@emotion/react");
+/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
+	@repo/internal/deprecations/deprecation-ticket-required,
+	@atlaskit/ui-styling-standard/no-exported-styles */
+
+/**
+ * Fade-and-rise for the contributor tags `editor-plugin-show-diff` draws above a change, plus the
+ * hidden state it starts from — an inline `opacity` would outrank this rule, so both ends live here.
+ *
+ * Keyed on the literals the plugin writes (`CONTRIBUTOR_TAG_CLASS`,
+ * `CONTRIBUTOR_TAG_REVEALED_ATTRIBUTE`), so rename in step. Keep in sync with the
+ * `contributorTagStyles` entry in `EditorContentContainer-compiled.tsx`.
+ *
+ * Gated behind `confluence_ncs_step_diffing_version_history`, where the tags render.
+ */
+var contributorTagStyles = exports.contributorTagStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ak-editor-diff-contributor-tag': {
+      opacity: 0,
+      // Deliberately not transitioned: a tag mid-fade must not be a hit target.
+      pointerEvents: 'none',
+      // Starts low, so the tag reads as unfurling out of the change: the part that hangs over the
+      // highlight is clipped by the tag's root, so what is seen is its bottom edge held on the
+      // change while the rest rises out of it. A transform, so nothing around it reflows.
+      transform: 'translateY(4px)',
+      transitionProperty: 'opacity, transform',
+      transitionDuration: "var(--ds-duration-xxlong, 600ms)",
+      // The exit curve; the revealed state below swaps in the entrance curve. The fallback is
+      // required — motion custom properties only exist under `html[data-theme~="motion:motion"]`,
+      // and one unresolved `var()` drops the whole declaration.
+      transitionTimingFunction: "var(--ds-easing-in-practical, cubic-bezier(0.6, 0, 0.8, 0.6))",
+      // Covers both directions, because the revealed state declares no duration of its own — one
+      // there would outrank this by specificity.
+      '@media (prefers-reduced-motion: reduce)': {
+        transitionDuration: '0s'
+      }
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ak-editor-diff-contributor-tag[data-revealed]': {
+      opacity: 1,
+      pointerEvents: 'auto',
+      transform: 'translateY(0)',
+      // The entrance curve, and deliberately nothing else: a duration here would outrank the
+      // reduced-motion opt-out above.
+      transitionTimingFunction: "var(--ds-easing-out-practical, cubic-bezier(0.4, 1, 0.6, 1))",
+      /**
+       * Start values for the first reveal, which would otherwise snap: ProseMirror attaches a
+       * widget's host only after `toDOM` returns. Both properties, or the first reveal rises
+       * without fading. Progressive enhancement — browsers without it snap that first reveal and
+       * fade every one after.
+       */
+      '@starting-style': {
+        opacity: 0,
+        transform: 'translateY(4px)'
+      }
+    }
+  }
+});

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.getExtensionStyles = exports.extensionDiffStyles = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _selectionStyles = require("./selectionStyles");
 /* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
 	@repo/internal/deprecations/deprecation-ticket-required,
@@ -333,6 +332,36 @@ var getExtensionStyles = exports.getExtensionStyles = function getExtensionStyle
       maxWidth: '100%' // ensure width can't go over 100%
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.bodiedExtensionView-content-wrap': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.bodiedExtension-content-outer-wrapper': {
+        margin: '23px -1px -1px -1px' // Reserve space for lozenge (24px) then subtract 1px to account for the border of the inner wrapper preventing layoutshift
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.bodiedExtension-content-inner-wrapper': {
+        margin: "0 ".concat("var(--ds-space-negative-250, -20px)"),
+        padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-250, 20px)"),
+        border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
+        borderRadius: "var(--ds-radius-small, 3px)"
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.extension-container': {
+        // Remove styling when Prosemirror moves content inside
+
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.bodiedExtension-content-outer-wrapper': {
+          margin: '0'
+        },
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.bodiedExtension-content-inner-wrapper': {
+          margin: 0,
+          padding: 0,
+          border: 'none',
+          borderRadius: 0
+        }
+      }
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     "[data-mark-type='fragment']": {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
@@ -392,41 +421,8 @@ var getExtensionStyles = exports.getExtensionStyles = function getExtensionStyle
       fontSize: 'var(--ak-editor-base-font-size)'
     }
   }) : (0, _react.css)({});
-  var bodiedExtensionLayoutShiftFixStyles = (0, _expValEquals.expValEquals)('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) ? (0, _react.css)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.bodiedExtensionView-content-wrap': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '.bodiedExtension-content-outer-wrapper': {
-        margin: '23px -1px -1px -1px' // Reserve space for lozenge (24px) then subtract 1px to account for the border of the inner wrapper preventing layoutshift
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '.bodiedExtension-content-inner-wrapper': {
-        margin: "0 ".concat("var(--ds-space-negative-250, -20px)"),
-        padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-250, 20px)"),
-        border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
-        borderRadius: "var(--ds-radius-small, 3px)"
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '.extension-container': {
-        // Remove styling when Prosemirror moves content inside
-
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '.bodiedExtension-content-outer-wrapper': {
-          margin: '0'
-        },
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '.bodiedExtension-content-inner-wrapper': {
-          margin: 0,
-          padding: 0,
-          border: 'none',
-          borderRadius: 0
-        }
-      }
-    }
-  }) : (0, _react.css)({});
-
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-  return (0, _react.css)(baseExtensionStyles, denseExtensionStyles, bodiedExtensionLayoutShiftFixStyles);
+  return (0, _react.css)(baseExtensionStyles, denseExtensionStyles);
 };
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css

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

@@ -126,6 +126,46 @@ var listsStyles = exports.listsStyles = (0, _react.css)({
     "ul[data-indent-level='3'], ul[data-indent-level='6']": {
       listStyleType: 'square'
     },
+    /* ======== PREDICTABLE LISTS WITHOUT DECORATIONS ======== */
+
+    /*
+     * Equivalent of the `data-indent-level` rules above, expressed purely in CSS so the list
+     * plugin does not have to emit an indentation decoration for every list on every keystroke.
+     *
+     * `:is(ul, ol)` is what makes this work: a plain `ul ul` chain only counts ancestors of the
+     * same type, so a numbered list nested under a bullet list resolved to `decimal` instead of
+     * `lower-alpha`. Matching either list type counts every list ancestor, which is exactly what
+     * `data-indent-level` counted. Each extra `:is(ul, ol)` adds one to the selector's element
+     * count, so the deepest matching rule always wins.
+     *
+     * `:not([data-indent-level])` keeps these rules inert while the decoration is still being
+     * emitted, so they only take effect for the cohort that has it removed.
+     */
+
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '& ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
+      listStyleType: 'disc'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '& :is(ul, ol) ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
+      listStyleType: 'circle'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '& :is(ul, ol) :is(ul, ol) ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
+      listStyleType: 'square'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '& ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
+      listStyleType: 'decimal'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '& :is(ul, ol) ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
+      listStyleType: 'lower-alpha'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '& :is(ul, ol) :is(ul, ol) ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
+      listStyleType: 'lower-roman'
+    },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     li: {
       position: 'relative',

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 = "227.0.5";
+var version = exports.version = "227.0.7";

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

@@ -99,7 +99,7 @@
 .cc-r9og9u .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *).danger{background:var(--ds-background-danger,#ffeceb)}
 .cc-yovug7 .ProseMirror li:has(>ol:only-child), .cc-yovug7 .ProseMirror li:has(>ul:only-child){list-style-type:none!important;margin-top:0!important;margin-bottom:0!important}.cc-yovug7 .ProseMirror li:has(>ol:only-child)>ol, .cc-yovug7 .ProseMirror li:has(>ul:only-child)>ul{margin-top:0!important}.cc-yovug7 .ProseMirror div[data-task-list-local-id]>div[data-task-list-local-id]{margin-top:0!important}.cc-yovug7 .ProseMirror div[data-task-local-id]+div[data-task-list-local-id]{margin-top:var(--ds-space-050,4px)!important}
 .cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *){background:var(--ds-background-accent-blue-subtler,#cfe1fd);-webkit-user-select:text}.cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *) ::selection, .cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *)::selection{background-color:transparent}.cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *) ::-moz-selection, .cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *)::-moz-selection{background-color:transparent}
-.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ul{box-sizing:border-box;padding-left:var(--ed--list--item-counter--padding,24px)}.cc-xwc364 .ProseMirror.ua-firefox ol li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ol li p>span:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p>span:empty{display:inline-block}.cc-xwc364 .ProseMirror .ak-ol, .cc-xwc364 .ProseMirror .ak-ul{display:flow-root}.cc-xwc364 .ProseMirror ul, .cc-xwc364 .ProseMirror ul ul ul ul{list-style-type:disc}.cc-xwc364 .ProseMirror ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul{list-style-type:circle}.cc-xwc364 .ProseMirror ul ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul ul{list-style-type:square}.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ol ol ol ol{list-style-type:decimal}.cc-xwc364 .ProseMirror ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol ol{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ol[data-indent-level="1"], .cc-xwc364 .ProseMirror ol[data-indent-level="4"]{list-style-type:decimal}.cc-xwc364 .ProseMirror ol[data-indent-level="2"], .cc-xwc364 .ProseMirror ol[data-indent-level="5"]{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol[data-indent-level="3"], .cc-xwc364 .ProseMirror ol[data-indent-level="6"]{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ul[data-indent-level="1"], .cc-xwc364 .ProseMirror ul[data-indent-level="4"]{list-style-type:disc}.cc-xwc364 .ProseMirror ul[data-indent-level="2"], .cc-xwc364 .ProseMirror ul[data-indent-level="5"]{list-style-type:circle}.cc-xwc364 .ProseMirror ul[data-indent-level="3"], .cc-xwc364 .ProseMirror ul[data-indent-level="6"]{list-style-type:square}.cc-xwc364 .ProseMirror li{position:relative}.cc-xwc364 .ProseMirror li>p:not(:first-child){margin:var(--ds-space-050,4px) 0 0 0}.cc-xwc364 .ProseMirror li>style:first-child+p{margin-top:.75rem}
+.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ul{box-sizing:border-box;padding-left:var(--ed--list--item-counter--padding,24px)}.cc-xwc364 .ProseMirror.ua-firefox ol li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ol li p>span:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p>span:empty{display:inline-block}.cc-xwc364 .ProseMirror .ak-ol, .cc-xwc364 .ProseMirror .ak-ul{display:flow-root}.cc-xwc364 .ProseMirror ul, .cc-xwc364 .ProseMirror ul ul ul ul{list-style-type:disc}.cc-xwc364 .ProseMirror ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul{list-style-type:circle}.cc-xwc364 .ProseMirror ul ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul ul{list-style-type:square}.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ol ol ol ol{list-style-type:decimal}.cc-xwc364 .ProseMirror ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol ol{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ol[data-indent-level="1"], .cc-xwc364 .ProseMirror ol[data-indent-level="4"]{list-style-type:decimal}.cc-xwc364 .ProseMirror ol[data-indent-level="2"], .cc-xwc364 .ProseMirror ol[data-indent-level="5"]{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol[data-indent-level="3"], .cc-xwc364 .ProseMirror ol[data-indent-level="6"]{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ul[data-indent-level="1"], .cc-xwc364 .ProseMirror ul[data-indent-level="4"]{list-style-type:disc}.cc-xwc364 .ProseMirror ul[data-indent-level="2"], .cc-xwc364 .ProseMirror ul[data-indent-level="5"]{list-style-type:circle}.cc-xwc364 .ProseMirror ul[data-indent-level="3"], .cc-xwc364 .ProseMirror ul[data-indent-level="6"]{list-style-type:square}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]), .cc-xwc364 .ProseMirror ul:not([data-indent-level]){list-style-type:disc}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) ul:not([data-indent-level]){list-style-type:circle}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]){list-style-type:square}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]), .cc-xwc364 .ProseMirror ol:not([data-indent-level]){list-style-type:decimal}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) ol:not([data-indent-level]){list-style-type:lower-alpha}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]){list-style-type:lower-roman}.cc-xwc364 .ProseMirror li{position:relative}.cc-xwc364 .ProseMirror li>p:not(:first-child){margin:var(--ds-space-050,4px) 0 0 0}.cc-xwc364 .ProseMirror li>style:first-child+p{margin-top:.75rem}
 .cc-rj5qxv .ProseMirror ol:not(li>ol):not(:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span))), .cc-rj5qxv .ProseMirror ul:not(li>ul):not(:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span))){margin-top:var(--ds-space-150,9pt)}.cc-rj5qxv .ProseMirror li>ol, .cc-rj5qxv .ProseMirror li>ul{margin-top:var(--ds-space-050,4px)}
 .cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li:before{content:" ";line-height:1.714}.cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li>.ProseMirror-gapcursor:first-child+.code-block, .cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li>.code-block:first-child, .cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li>p:first-child{margin-top:-1.714em!important}
 .cc-iu9h8q .ProseMirror li+li{margin-top:max(0px,calc((var(--ak-editor-base-font-size, 1pc) - 13px)*1.33333))}.cc-iu9h8q .ProseMirror .ak-ol li>ol, .cc-iu9h8q .ProseMirror .ak-ol li>ul, .cc-iu9h8q .ProseMirror .ak-ul li>ol, .cc-iu9h8q .ProseMirror .ak-ul li>ul, .cc-iu9h8q .ProseMirror li>ol, .cc-iu9h8q .ProseMirror li>ul{margin-top:max(0px,calc((var(--ak-editor-base-font-size, 1pc) - 13px)*1.33333))}
@@ -187,6 +187,7 @@
 .cc-rrpz54 .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 *){background:var(--ds-background-accent-blue-subtler,#cfe1fd);-webkit-user-select:text;box-shadow:0 -4px 0 var(--ds-background-accent-blue-subtler,#cfe1fd),0 4px 0 var(--ds-background-accent-blue-subtler,#cfe1fd)}.cc-rrpz54 .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 *) ::selection, .cc-rrpz54 .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 *)::selection{background-color:transparent}.cc-rrpz54 .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 *) ::-moz-selection, .cc-rrpz54 .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 *)::-moz-selection{background-color:transparent}
 .cc-hnzg4x .unsupportedBlockView-content-wrap>div, .cc-hnzg4x .unsupportedInlineView-content-wrap>span:nth-of-type(2){cursor:pointer}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2){background-color:var(--ds-background-selected,#e9f2fe);border:1px solid var(--ds-border-selected,#1868db)}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div:after, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2):after{height:100%;content:"\00a0";background:var(--ds-border-selected,#1868db);position:absolute;right:-1px;top:0;bottom:0;width:1px;border:none;display:inline-block}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div ::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2) ::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2)::selection{background-color:transparent}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div ::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2) ::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2)::-moz-selection{background-color:transparent}.cc-hnzg4x .danger .ak-editor-selected-node.unsupportedBlockView-content-wrap>div, .cc-hnzg4x .danger .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2){border:1px solid var(--ds-border-danger,#e2483d);background-color:var(--ds-blanket-danger,#ef5c4814)}
 .cc-s0u8xw .ProseMirror .ak-editor-vanilla-tooltip-default{box-sizing:border-box;max-width:15pc;background-color:var(--ds-background-neutral-bold,#292a2e);border:none;border-radius:var(--ds-radius-small,3px);color:var(--ds-text-inverse,#fff);font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);inset-block-start:var(--ds-space-0,0);inset-inline-start:var(--ds-space-0,0);overflow-wrap:break-word;padding-block:var(--ds-space-050,4px);padding-inline:var(--ds-space-075,6px);white-space:normal}
+.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag{opacity:0;pointer-events:none;transform:translateY(4px);transition-property:opacity,transform;transition-duration:var(--ds-duration-xxlong,.6s);transition-timing-function:var(--ds-easing-in-practical,cubic-bezier(.6,0,.8,.6))}@media (prefers-reduced-motion:reduce){.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag{transition-duration:0s}}.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag[data-revealed]{opacity:1;pointer-events:auto;transform:translateY(0);transition-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}@starting-style{.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag[data-revealed]{opacity:0;transform:translateY(4px)}}
 .cc-1ysxql5 .ProseMirror .unsupported-block-vanilla-inner{align-items:center;background:var(--ds-background-disabled,#0515240f);border:var(--ds-border-width,1px) dashed var(--ds-border-disabled,#0515240f);border-radius:var(--ds-radius-small,3px);box-sizing:border-box;cursor:pointer;display:flex;font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);margin:var(--ds-space-100,8px) 0;min-height:24px;min-width:90pt;padding:var(--ds-space-150,9pt);text-align:center;justify-content:center}.cc-1ysxql5 .ProseMirror .unsupported-inline-vanilla-inner{align-items:center;background:var(--ds-background-disabled,#0515240f);border:var(--ds-border-width,1px) dashed var(--ds-border-disabled,#0515240f);border-radius:var(--ds-radius-small,3px);box-sizing:border-box;cursor:default;display:inline-flex;font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);margin:0 var(--ds-space-025,2px);min-height:24px;padding:0 var(--ds-space-100,8px);vertical-align:middle;white-space:nowrap}.cc-1ysxql5 .ProseMirror .unsupported-vanilla-icon{padding:var(--ds-space-050,4px);display:inline-flex;align-items:center}
 .cc-14oigrh .ProseMirror{word-wrap:break-word;white-space:pre-wrap}@keyframes k1coy3hw{0%{background-color:transparent;border-bottom-color:transparent}12%{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe);border-bottom-color:var(--ds-border-accent-purple,#af59e1)}88%{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe);border-bottom-color:var(--ds-border-accent-purple,#af59e1)}to{background-color:transparent;border-bottom-color:transparent}}@keyframes k1eqwm1p{0%{--panel-gradient-angle:0deg;background-position:100%}to{--panel-gradient-angle:360deg;background-position:-100%}}@keyframes k1g8d6yk{to{transform:scaleX(1);opacity:1}0%,90%{transform:scaleX(0);opacity:0}}
 @keyframes k1r6lcmc{0%{--angle:0deg}to{--angle:360deg}}@keyframes k1sevukb{0%,99.9999%{opacity:1}to{opacity:0}}

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

@@ -412,6 +412,7 @@ const editorContentStyles = {
   textSelectedNodeStyles: "cc-rrpz54",
   unsupportedStyles: "cc-hnzg4x",
   vanillaTooltipDefaultStyles: "cc-s0u8xw",
+  contributorTagStyles: "cc-1c4gda",
   vanillaUnsupportedStyles: "cc-1ysxql5",
   whitespaceStyles: "cc-14oigrh"
 };
@@ -478,7 +479,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
     }) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
       exposure: true
     }) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
-    editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
+    editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, fg('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"

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

@@ -29,6 +29,7 @@ import { codeBlockStyles, codeBlockStylesWithEmUnits, firstCodeBlockWithNoMargin
 import { codeMarkStyles, codeMarkStylesA11yFix } from './styles/codeMarkStyles';
 import { commentEditorStyles } from './styles/commentEditorStyles';
 import { nonFullPageContainerTypeStyles } from './styles/containerTypeStyles';
+import { contributorTagStyles } from './styles/contributorTagStyles';
 import { cursorStyles } from './styles/cursorStyles';
 import { dangerDateStyles, dateStyles, dateVanillaStyles } from './styles/dateStyles';
 import { editorUGCSmallText, editorUGCTokensRefreshed } from './styles/editorUGCTokenStyles';
@@ -372,7 +373,9 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     unsupportedStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') &&
+    vanillaTooltipDefaultStyles, fg('confluence_ncs_step_diffing_version_history') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    contributorTagStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     vanillaUnsupportedStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -0,0 +1,59 @@
+/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
+	@repo/internal/deprecations/deprecation-ticket-required,
+	@atlaskit/ui-styling-standard/no-exported-styles */
+import { css } from '@emotion/react';
+/**
+ * Fade-and-rise for the contributor tags `editor-plugin-show-diff` draws above a change, plus the
+ * hidden state it starts from — an inline `opacity` would outrank this rule, so both ends live here.
+ *
+ * Keyed on the literals the plugin writes (`CONTRIBUTOR_TAG_CLASS`,
+ * `CONTRIBUTOR_TAG_REVEALED_ATTRIBUTE`), so rename in step. Keep in sync with the
+ * `contributorTagStyles` entry in `EditorContentContainer-compiled.tsx`.
+ *
+ * Gated behind `confluence_ncs_step_diffing_version_history`, where the tags render.
+ */
+export const contributorTagStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ak-editor-diff-contributor-tag': {
+      opacity: 0,
+      // Deliberately not transitioned: a tag mid-fade must not be a hit target.
+      pointerEvents: 'none',
+      // Starts low, so the tag reads as unfurling out of the change: the part that hangs over the
+      // highlight is clipped by the tag's root, so what is seen is its bottom edge held on the
+      // change while the rest rises out of it. A transform, so nothing around it reflows.
+      transform: 'translateY(4px)',
+      transitionProperty: 'opacity, transform',
+      transitionDuration: "var(--ds-duration-xxlong, 600ms)",
+      // The exit curve; the revealed state below swaps in the entrance curve. The fallback is
+      // required — motion custom properties only exist under `html[data-theme~="motion:motion"]`,
+      // and one unresolved `var()` drops the whole declaration.
+      transitionTimingFunction: "var(--ds-easing-in-practical, cubic-bezier(0.6, 0, 0.8, 0.6))",
+      // Covers both directions, because the revealed state declares no duration of its own — one
+      // there would outrank this by specificity.
+      '@media (prefers-reduced-motion: reduce)': {
+        transitionDuration: '0s'
+      }
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ak-editor-diff-contributor-tag[data-revealed]': {
+      opacity: 1,
+      pointerEvents: 'auto',
+      transform: 'translateY(0)',
+      // The entrance curve, and deliberately nothing else: a duration here would outrank the
+      // reduced-motion opt-out above.
+      transitionTimingFunction: "var(--ds-easing-out-practical, cubic-bezier(0.4, 1, 0.6, 1))",
+      /**
+       * Start values for the first reveal, which would otherwise snap: ProseMirror attaches a
+       * widget's host only after `toDOM` returns. Both properties, or the first reveal rises
+       * without fading. Progressive enhancement — browsers without it snap that first reveal and
+       * fade every one after.
+       */
+      '@starting-style': {
+        opacity: 0,
+        transform: 'translateY(4px)'
+      }
+    }
+  }
+});

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

@@ -2,7 +2,6 @@
 	@repo/internal/deprecations/deprecation-ticket-required,
 	@atlaskit/ui-styling-standard/no-exported-styles */
 import { css } from '@emotion/react';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { blanketSelectionStyles, boxShadowSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
 
 /**
@@ -325,6 +324,36 @@ export const getExtensionStyles = contentMode => {
       maxWidth: '100%' // ensure width can't go over 100%
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.bodiedExtensionView-content-wrap': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.bodiedExtension-content-outer-wrapper': {
+        margin: '23px -1px -1px -1px' // Reserve space for lozenge (24px) then subtract 1px to account for the border of the inner wrapper preventing layoutshift
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.bodiedExtension-content-inner-wrapper': {
+        margin: `0 ${"var(--ds-space-negative-250, -20px)"}`,
+        padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-250, 20px)"}`,
+        border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #0B120E24)"}`,
+        borderRadius: "var(--ds-radius-small, 3px)"
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.extension-container': {
+        // Remove styling when Prosemirror moves content inside
+
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.bodiedExtension-content-outer-wrapper': {
+          margin: '0'
+        },
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.bodiedExtension-content-inner-wrapper': {
+          margin: 0,
+          padding: 0,
+          border: 'none',
+          borderRadius: 0
+        }
+      }
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     "[data-mark-type='fragment']": {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
@@ -384,41 +413,8 @@ export const getExtensionStyles = contentMode => {
       fontSize: 'var(--ak-editor-base-font-size)'
     }
   }) : css({});
-  const bodiedExtensionLayoutShiftFixStyles = expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) ? css({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.bodiedExtensionView-content-wrap': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '.bodiedExtension-content-outer-wrapper': {
-        margin: '23px -1px -1px -1px' // Reserve space for lozenge (24px) then subtract 1px to account for the border of the inner wrapper preventing layoutshift
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '.bodiedExtension-content-inner-wrapper': {
-        margin: `0 ${"var(--ds-space-negative-250, -20px)"}`,
-        padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-250, 20px)"}`,
-        border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #0B120E24)"}`,
-        borderRadius: "var(--ds-radius-small, 3px)"
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '.extension-container': {
-        // Remove styling when Prosemirror moves content inside
-
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '.bodiedExtension-content-outer-wrapper': {
-          margin: '0'
-        },
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '.bodiedExtension-content-inner-wrapper': {
-          margin: 0,
-          padding: 0,
-          border: 'none',
-          borderRadius: 0
-        }
-      }
-    }
-  }) : css({});
-
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-  return css(baseExtensionStyles, denseExtensionStyles, bodiedExtensionLayoutShiftFixStyles);
+  return css(baseExtensionStyles, denseExtensionStyles);
 };
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css

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

@@ -117,6 +117,46 @@ export const listsStyles = css({
     "ul[data-indent-level='3'], ul[data-indent-level='6']": {
       listStyleType: 'square'
     },
+    /* ======== PREDICTABLE LISTS WITHOUT DECORATIONS ======== */
+
+    /*
+     * Equivalent of the `data-indent-level` rules above, expressed purely in CSS so the list
+     * plugin does not have to emit an indentation decoration for every list on every keystroke.
+     *
+     * `:is(ul, ol)` is what makes this work: a plain `ul ul` chain only counts ancestors of the
+     * same type, so a numbered list nested under a bullet list resolved to `decimal` instead of
+     * `lower-alpha`. Matching either list type counts every list ancestor, which is exactly what
+     * `data-indent-level` counted. Each extra `:is(ul, ol)` adds one to the selector's element
+     * count, so the deepest matching rule always wins.
+     *
+     * `:not([data-indent-level])` keeps these rules inert while the decoration is still being
+     * emitted, so they only take effect for the cohort that has it removed.
+     */
+
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '& ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
+      listStyleType: 'disc'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '& :is(ul, ol) ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
+      listStyleType: 'circle'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '& :is(ul, ol) :is(ul, ol) ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
+      listStyleType: 'square'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '& ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
+      listStyleType: 'decimal'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '& :is(ul, ol) ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
+      listStyleType: 'lower-alpha'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '& :is(ul, ol) :is(ul, ol) ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
+      listStyleType: 'lower-roman'
+    },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     li: {
       position: 'relative',

package/dist/es2019/version-wrapper.js

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

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

@@ -99,7 +99,7 @@
 .cc-r9og9u .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *).danger{background:var(--ds-background-danger,#ffeceb)}
 .cc-yovug7 .ProseMirror li:has(>ol:only-child), .cc-yovug7 .ProseMirror li:has(>ul:only-child){list-style-type:none!important;margin-top:0!important;margin-bottom:0!important}.cc-yovug7 .ProseMirror li:has(>ol:only-child)>ol, .cc-yovug7 .ProseMirror li:has(>ul:only-child)>ul{margin-top:0!important}.cc-yovug7 .ProseMirror div[data-task-list-local-id]>div[data-task-list-local-id]{margin-top:0!important}.cc-yovug7 .ProseMirror div[data-task-local-id]+div[data-task-list-local-id]{margin-top:var(--ds-space-050,4px)!important}
 .cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *){background:var(--ds-background-accent-blue-subtler,#cfe1fd);-webkit-user-select:text}.cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *) ::selection, .cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *)::selection{background-color:transparent}.cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *) ::-moz-selection, .cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *)::-moz-selection{background-color:transparent}
-.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ul{box-sizing:border-box;padding-left:var(--ed--list--item-counter--padding,24px)}.cc-xwc364 .ProseMirror.ua-firefox ol li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ol li p>span:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p>span:empty{display:inline-block}.cc-xwc364 .ProseMirror .ak-ol, .cc-xwc364 .ProseMirror .ak-ul{display:flow-root}.cc-xwc364 .ProseMirror ul, .cc-xwc364 .ProseMirror ul ul ul ul{list-style-type:disc}.cc-xwc364 .ProseMirror ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul{list-style-type:circle}.cc-xwc364 .ProseMirror ul ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul ul{list-style-type:square}.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ol ol ol ol{list-style-type:decimal}.cc-xwc364 .ProseMirror ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol ol{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ol[data-indent-level="1"], .cc-xwc364 .ProseMirror ol[data-indent-level="4"]{list-style-type:decimal}.cc-xwc364 .ProseMirror ol[data-indent-level="2"], .cc-xwc364 .ProseMirror ol[data-indent-level="5"]{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol[data-indent-level="3"], .cc-xwc364 .ProseMirror ol[data-indent-level="6"]{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ul[data-indent-level="1"], .cc-xwc364 .ProseMirror ul[data-indent-level="4"]{list-style-type:disc}.cc-xwc364 .ProseMirror ul[data-indent-level="2"], .cc-xwc364 .ProseMirror ul[data-indent-level="5"]{list-style-type:circle}.cc-xwc364 .ProseMirror ul[data-indent-level="3"], .cc-xwc364 .ProseMirror ul[data-indent-level="6"]{list-style-type:square}.cc-xwc364 .ProseMirror li{position:relative}.cc-xwc364 .ProseMirror li>p:not(:first-child){margin:var(--ds-space-050,4px) 0 0 0}.cc-xwc364 .ProseMirror li>style:first-child+p{margin-top:.75rem}
+.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ul{box-sizing:border-box;padding-left:var(--ed--list--item-counter--padding,24px)}.cc-xwc364 .ProseMirror.ua-firefox ol li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ol li p>span:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p>span:empty{display:inline-block}.cc-xwc364 .ProseMirror .ak-ol, .cc-xwc364 .ProseMirror .ak-ul{display:flow-root}.cc-xwc364 .ProseMirror ul, .cc-xwc364 .ProseMirror ul ul ul ul{list-style-type:disc}.cc-xwc364 .ProseMirror ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul{list-style-type:circle}.cc-xwc364 .ProseMirror ul ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul ul{list-style-type:square}.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ol ol ol ol{list-style-type:decimal}.cc-xwc364 .ProseMirror ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol ol{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ol[data-indent-level="1"], .cc-xwc364 .ProseMirror ol[data-indent-level="4"]{list-style-type:decimal}.cc-xwc364 .ProseMirror ol[data-indent-level="2"], .cc-xwc364 .ProseMirror ol[data-indent-level="5"]{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol[data-indent-level="3"], .cc-xwc364 .ProseMirror ol[data-indent-level="6"]{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ul[data-indent-level="1"], .cc-xwc364 .ProseMirror ul[data-indent-level="4"]{list-style-type:disc}.cc-xwc364 .ProseMirror ul[data-indent-level="2"], .cc-xwc364 .ProseMirror ul[data-indent-level="5"]{list-style-type:circle}.cc-xwc364 .ProseMirror ul[data-indent-level="3"], .cc-xwc364 .ProseMirror ul[data-indent-level="6"]{list-style-type:square}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]), .cc-xwc364 .ProseMirror ul:not([data-indent-level]){list-style-type:disc}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) ul:not([data-indent-level]){list-style-type:circle}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]){list-style-type:square}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]), .cc-xwc364 .ProseMirror ol:not([data-indent-level]){list-style-type:decimal}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) ol:not([data-indent-level]){list-style-type:lower-alpha}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]){list-style-type:lower-roman}.cc-xwc364 .ProseMirror li{position:relative}.cc-xwc364 .ProseMirror li>p:not(:first-child){margin:var(--ds-space-050,4px) 0 0 0}.cc-xwc364 .ProseMirror li>style:first-child+p{margin-top:.75rem}
 .cc-rj5qxv .ProseMirror ol:not(li>ol):not(:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span))), .cc-rj5qxv .ProseMirror ul:not(li>ul):not(:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span))){margin-top:var(--ds-space-150,9pt)}.cc-rj5qxv .ProseMirror li>ol, .cc-rj5qxv .ProseMirror li>ul{margin-top:var(--ds-space-050,4px)}
 .cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li:before{content:" ";line-height:1.714}.cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li>.ProseMirror-gapcursor:first-child+.code-block, .cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li>.code-block:first-child, .cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li>p:first-child{margin-top:-1.714em!important}
 .cc-iu9h8q .ProseMirror li+li{margin-top:max(0px,calc((var(--ak-editor-base-font-size, 1pc) - 13px)*1.33333))}.cc-iu9h8q .ProseMirror .ak-ol li>ol, .cc-iu9h8q .ProseMirror .ak-ol li>ul, .cc-iu9h8q .ProseMirror .ak-ul li>ol, .cc-iu9h8q .ProseMirror .ak-ul li>ul, .cc-iu9h8q .ProseMirror li>ol, .cc-iu9h8q .ProseMirror li>ul{margin-top:max(0px,calc((var(--ak-editor-base-font-size, 1pc) - 13px)*1.33333))}
@@ -187,6 +187,7 @@
 .cc-rrpz54 .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 *){background:var(--ds-background-accent-blue-subtler,#cfe1fd);-webkit-user-select:text;box-shadow:0 -4px 0 var(--ds-background-accent-blue-subtler,#cfe1fd),0 4px 0 var(--ds-background-accent-blue-subtler,#cfe1fd)}.cc-rrpz54 .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 *) ::selection, .cc-rrpz54 .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 *)::selection{background-color:transparent}.cc-rrpz54 .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 *) ::-moz-selection, .cc-rrpz54 .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 *)::-moz-selection{background-color:transparent}
 .cc-hnzg4x .unsupportedBlockView-content-wrap>div, .cc-hnzg4x .unsupportedInlineView-content-wrap>span:nth-of-type(2){cursor:pointer}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2){background-color:var(--ds-background-selected,#e9f2fe);border:1px solid var(--ds-border-selected,#1868db)}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div:after, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2):after{height:100%;content:"\00a0";background:var(--ds-border-selected,#1868db);position:absolute;right:-1px;top:0;bottom:0;width:1px;border:none;display:inline-block}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div ::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2) ::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2)::selection{background-color:transparent}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div ::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2) ::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2)::-moz-selection{background-color:transparent}.cc-hnzg4x .danger .ak-editor-selected-node.unsupportedBlockView-content-wrap>div, .cc-hnzg4x .danger .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2){border:1px solid var(--ds-border-danger,#e2483d);background-color:var(--ds-blanket-danger,#ef5c4814)}
 .cc-s0u8xw .ProseMirror .ak-editor-vanilla-tooltip-default{box-sizing:border-box;max-width:15pc;background-color:var(--ds-background-neutral-bold,#292a2e);border:none;border-radius:var(--ds-radius-small,3px);color:var(--ds-text-inverse,#fff);font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);inset-block-start:var(--ds-space-0,0);inset-inline-start:var(--ds-space-0,0);overflow-wrap:break-word;padding-block:var(--ds-space-050,4px);padding-inline:var(--ds-space-075,6px);white-space:normal}
+.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag{opacity:0;pointer-events:none;transform:translateY(4px);transition-property:opacity,transform;transition-duration:var(--ds-duration-xxlong,.6s);transition-timing-function:var(--ds-easing-in-practical,cubic-bezier(.6,0,.8,.6))}@media (prefers-reduced-motion:reduce){.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag{transition-duration:0s}}.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag[data-revealed]{opacity:1;pointer-events:auto;transform:translateY(0);transition-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}@starting-style{.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag[data-revealed]{opacity:0;transform:translateY(4px)}}
 .cc-1ysxql5 .ProseMirror .unsupported-block-vanilla-inner{align-items:center;background:var(--ds-background-disabled,#0515240f);border:var(--ds-border-width,1px) dashed var(--ds-border-disabled,#0515240f);border-radius:var(--ds-radius-small,3px);box-sizing:border-box;cursor:pointer;display:flex;font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);margin:var(--ds-space-100,8px) 0;min-height:24px;min-width:90pt;padding:var(--ds-space-150,9pt);text-align:center;justify-content:center}.cc-1ysxql5 .ProseMirror .unsupported-inline-vanilla-inner{align-items:center;background:var(--ds-background-disabled,#0515240f);border:var(--ds-border-width,1px) dashed var(--ds-border-disabled,#0515240f);border-radius:var(--ds-radius-small,3px);box-sizing:border-box;cursor:default;display:inline-flex;font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);margin:0 var(--ds-space-025,2px);min-height:24px;padding:0 var(--ds-space-100,8px);vertical-align:middle;white-space:nowrap}.cc-1ysxql5 .ProseMirror .unsupported-vanilla-icon{padding:var(--ds-space-050,4px);display:inline-flex;align-items:center}
 .cc-14oigrh .ProseMirror{word-wrap:break-word;white-space:pre-wrap}@keyframes k1coy3hw{0%{background-color:transparent;border-bottom-color:transparent}12%{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe);border-bottom-color:var(--ds-border-accent-purple,#af59e1)}88%{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe);border-bottom-color:var(--ds-border-accent-purple,#af59e1)}to{background-color:transparent;border-bottom-color:transparent}}@keyframes k1eqwm1p{0%{--panel-gradient-angle:0deg;background-position:100%}to{--panel-gradient-angle:360deg;background-position:-100%}}@keyframes k1g8d6yk{to{transform:scaleX(1);opacity:1}0%,90%{transform:scaleX(0);opacity:0}}
 @keyframes k1r6lcmc{0%{--angle:0deg}to{--angle:360deg}}@keyframes k1sevukb{0%,99.9999%{opacity:1}to{opacity:0}}

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

@@ -360,6 +360,7 @@ var editorContentStyles = {
   textSelectedNodeStyles: "cc-rrpz54",
   unsupportedStyles: "cc-hnzg4x",
   vanillaTooltipDefaultStyles: "cc-s0u8xw",
+  contributorTagStyles: "cc-1c4gda",
   vanillaUnsupportedStyles: "cc-1ysxql5",
   whitespaceStyles: "cc-14oigrh"
 };
@@ -422,7 +423,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
     }) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
       exposure: true
     }) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
-    editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
+    editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, fg('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"

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

@@ -32,6 +32,7 @@ import { codeBlockStyles, codeBlockStylesWithEmUnits, firstCodeBlockWithNoMargin
 import { codeMarkStyles, codeMarkStylesA11yFix } from './styles/codeMarkStyles';
 import { commentEditorStyles } from './styles/commentEditorStyles';
 import { nonFullPageContainerTypeStyles } from './styles/containerTypeStyles';
+import { contributorTagStyles } from './styles/contributorTagStyles';
 import { cursorStyles } from './styles/cursorStyles';
 import { dangerDateStyles, dateStyles, dateVanillaStyles } from './styles/dateStyles';
 import { editorUGCSmallText, editorUGCTokensRefreshed } from './styles/editorUGCTokenStyles';
@@ -367,7 +368,9 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     unsupportedStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') &&
+    vanillaTooltipDefaultStyles, fg('confluence_ncs_step_diffing_version_history') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    contributorTagStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     vanillaUnsupportedStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/esm/ui/EditorContentContainer/styles/contributorTagStyles.js

@@ -0,0 +1,59 @@
+/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
+	@repo/internal/deprecations/deprecation-ticket-required,
+	@atlaskit/ui-styling-standard/no-exported-styles */
+import { css } from '@emotion/react';
+/**
+ * Fade-and-rise for the contributor tags `editor-plugin-show-diff` draws above a change, plus the
+ * hidden state it starts from — an inline `opacity` would outrank this rule, so both ends live here.
+ *
+ * Keyed on the literals the plugin writes (`CONTRIBUTOR_TAG_CLASS`,
+ * `CONTRIBUTOR_TAG_REVEALED_ATTRIBUTE`), so rename in step. Keep in sync with the
+ * `contributorTagStyles` entry in `EditorContentContainer-compiled.tsx`.
+ *
+ * Gated behind `confluence_ncs_step_diffing_version_history`, where the tags render.
+ */
+export var contributorTagStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ak-editor-diff-contributor-tag': {
+      opacity: 0,
+      // Deliberately not transitioned: a tag mid-fade must not be a hit target.
+      pointerEvents: 'none',
+      // Starts low, so the tag reads as unfurling out of the change: the part that hangs over the
+      // highlight is clipped by the tag's root, so what is seen is its bottom edge held on the
+      // change while the rest rises out of it. A transform, so nothing around it reflows.
+      transform: 'translateY(4px)',
+      transitionProperty: 'opacity, transform',
+      transitionDuration: "var(--ds-duration-xxlong, 600ms)",
+      // The exit curve; the revealed state below swaps in the entrance curve. The fallback is
+      // required — motion custom properties only exist under `html[data-theme~="motion:motion"]`,
+      // and one unresolved `var()` drops the whole declaration.
+      transitionTimingFunction: "var(--ds-easing-in-practical, cubic-bezier(0.6, 0, 0.8, 0.6))",
+      // Covers both directions, because the revealed state declares no duration of its own — one
+      // there would outrank this by specificity.
+      '@media (prefers-reduced-motion: reduce)': {
+        transitionDuration: '0s'
+      }
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ak-editor-diff-contributor-tag[data-revealed]': {
+      opacity: 1,
+      pointerEvents: 'auto',
+      transform: 'translateY(0)',
+      // The entrance curve, and deliberately nothing else: a duration here would outrank the
+      // reduced-motion opt-out above.
+      transitionTimingFunction: "var(--ds-easing-out-practical, cubic-bezier(0.4, 1, 0.6, 1))",
+      /**
+       * Start values for the first reveal, which would otherwise snap: ProseMirror attaches a
+       * widget's host only after `toDOM` returns. Both properties, or the first reveal rises
+       * without fading. Progressive enhancement — browsers without it snap that first reveal and
+       * fade every one after.
+       */
+      '@starting-style': {
+        opacity: 0,
+        transform: 'translateY(4px)'
+      }
+    }
+  }
+});

package/dist/esm/ui/EditorContentContainer/styles/extensionStyles.js

@@ -3,7 +3,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 	@repo/internal/deprecations/deprecation-ticket-required,
 	@atlaskit/ui-styling-standard/no-exported-styles */
 import { css } from '@emotion/react';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { blanketSelectionStyles, boxShadowSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
 
 /**
@@ -326,6 +325,36 @@ export var getExtensionStyles = function getExtensionStyles(contentMode) {
       maxWidth: '100%' // ensure width can't go over 100%
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.bodiedExtensionView-content-wrap': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.bodiedExtension-content-outer-wrapper': {
+        margin: '23px -1px -1px -1px' // Reserve space for lozenge (24px) then subtract 1px to account for the border of the inner wrapper preventing layoutshift
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.bodiedExtension-content-inner-wrapper': {
+        margin: "0 ".concat("var(--ds-space-negative-250, -20px)"),
+        padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-250, 20px)"),
+        border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
+        borderRadius: "var(--ds-radius-small, 3px)"
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.extension-container': {
+        // Remove styling when Prosemirror moves content inside
+
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.bodiedExtension-content-outer-wrapper': {
+          margin: '0'
+        },
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.bodiedExtension-content-inner-wrapper': {
+          margin: 0,
+          padding: 0,
+          border: 'none',
+          borderRadius: 0
+        }
+      }
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     "[data-mark-type='fragment']": {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
@@ -385,41 +414,8 @@ export var getExtensionStyles = function getExtensionStyles(contentMode) {
       fontSize: 'var(--ak-editor-base-font-size)'
     }
   }) : css({});
-  var bodiedExtensionLayoutShiftFixStyles = expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) ? css({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.bodiedExtensionView-content-wrap': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '.bodiedExtension-content-outer-wrapper': {
-        margin: '23px -1px -1px -1px' // Reserve space for lozenge (24px) then subtract 1px to account for the border of the inner wrapper preventing layoutshift
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '.bodiedExtension-content-inner-wrapper': {
-        margin: "0 ".concat("var(--ds-space-negative-250, -20px)"),
-        padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-250, 20px)"),
-        border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
-        borderRadius: "var(--ds-radius-small, 3px)"
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '.extension-container': {
-        // Remove styling when Prosemirror moves content inside
-
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '.bodiedExtension-content-outer-wrapper': {
-          margin: '0'
-        },
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '.bodiedExtension-content-inner-wrapper': {
-          margin: 0,
-          padding: 0,
-          border: 'none',
-          borderRadius: 0
-        }
-      }
-    }
-  }) : css({});
-
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-  return css(baseExtensionStyles, denseExtensionStyles, bodiedExtensionLayoutShiftFixStyles);
+  return css(baseExtensionStyles, denseExtensionStyles);
 };
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css

package/dist/esm/ui/EditorContentContainer/styles/list.js

@@ -118,6 +118,46 @@ export var listsStyles = css({
     "ul[data-indent-level='3'], ul[data-indent-level='6']": {
       listStyleType: 'square'
     },
+    /* ======== PREDICTABLE LISTS WITHOUT DECORATIONS ======== */
+
+    /*
+     * Equivalent of the `data-indent-level` rules above, expressed purely in CSS so the list
+     * plugin does not have to emit an indentation decoration for every list on every keystroke.
+     *
+     * `:is(ul, ol)` is what makes this work: a plain `ul ul` chain only counts ancestors of the
+     * same type, so a numbered list nested under a bullet list resolved to `decimal` instead of
+     * `lower-alpha`. Matching either list type counts every list ancestor, which is exactly what
+     * `data-indent-level` counted. Each extra `:is(ul, ol)` adds one to the selector's element
+     * count, so the deepest matching rule always wins.
+     *
+     * `:not([data-indent-level])` keeps these rules inert while the decoration is still being
+     * emitted, so they only take effect for the cohort that has it removed.
+     */
+
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '& ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
+      listStyleType: 'disc'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '& :is(ul, ol) ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
+      listStyleType: 'circle'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '& :is(ul, ol) :is(ul, ol) ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
+      listStyleType: 'square'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '& ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
+      listStyleType: 'decimal'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '& :is(ul, ol) ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
+      listStyleType: 'lower-alpha'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '& :is(ul, ol) :is(ul, ol) ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
+      listStyleType: 'lower-roman'
+    },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     li: {
       position: 'relative',

package/dist/esm/version-wrapper.js

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

package/dist/types/ui/EditorContentContainer/styles/contributorTagStyles.d.ts

@@ -0,0 +1,12 @@
+import type { SerializedStyles } from '@emotion/react';
+/**
+ * Fade-and-rise for the contributor tags `editor-plugin-show-diff` draws above a change, plus the
+ * hidden state it starts from — an inline `opacity` would outrank this rule, so both ends live here.
+ *
+ * Keyed on the literals the plugin writes (`CONTRIBUTOR_TAG_CLASS`,
+ * `CONTRIBUTOR_TAG_REVEALED_ATTRIBUTE`), so rename in step. Keep in sync with the
+ * `contributorTagStyles` entry in `EditorContentContainer-compiled.tsx`.
+ *
+ * Gated behind `confluence_ncs_step_diffing_version_history`, where the tags render.
+ */
+export declare const contributorTagStyles: SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "227.0.6",
+	"version": "227.0.8",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -73,7 +73,7 @@
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/react-ufo": "^7.8.0",
 		"@atlaskit/task-decision": "^21.9.0",
-		"@atlaskit/tmp-editor-statsig": "^184.0.0",
+		"@atlaskit/tmp-editor-statsig": "^185.0.0",
 		"@atlaskit/tokens": "^16.11.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@atlaskit/width-detector": "^7.2.0",
@@ -91,7 +91,7 @@
 		"uuid": "^11.1.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^121.2.0",
+		"@atlaskit/editor-common": "^121.4.0",
 		"@atlaskit/link-provider": "^5.6.0",
 		"@atlaskit/media-core": "^38.2.0",
 		"react": "^18.2.0",
@@ -142,7 +142,7 @@
 		"@atlaskit/form": "^17.2.0",
 		"@atlaskit/link-provider": "^5.6.0",
 		"@atlaskit/linking-common": "^12.1.0",
-		"@atlaskit/logo": "^21.6.0",
+		"@atlaskit/logo": "^22.0.0",
 		"@atlaskit/media-core": "^38.2.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-picker": "^72.4.0",
@@ -168,7 +168,7 @@
 		"@atlassian/editor-rovo-bridge": "^15.1.0",
 		"@atlassian/experiment-test-utils": "^0.2.0",
 		"@atlassian/feature-flags-test-utils": "^1.3.0",
-		"@atlassian/search-client": "^2.26.0",
+		"@atlassian/search-client": "^2.27.0",
 		"@atlassian/search-provider": "^18.0.0",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@atlassian/testing-library": "^0.11.0",
@@ -191,6 +191,10 @@
 		"platform_comment_container_query": {
 			"type": "boolean"
 		},
+		"confluence_ncs_step_diffing_version_history": {
+			"type": "boolean",
+			"referenceOnly": true
+		},
 		"people-teams_migrate-user-profile-card": {
 			"type": "boolean",
 			"referenceOnly": true