@atlaskit/editor-core 219.2.0 → 219.2.2

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

@@ -0,0 +1,148 @@
+
+._1cnzgx6n .ProseMirror hr{margin:var(--ds-space-300,24px) 0}
+._1fi2t7zq .ProseMirror p{font:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
+._1khk1mok:hover::-webkit-scrollbar-thumb{border-radius:var(--ds-radius-large,8px)}
+._1n0xibhp .ProseMirror .ak-editor-annotation-blur{background:var(--ds-background-accent-yellow-subtlest,#fef7c8)}
+._1uh7swc3 .ProseMirror hr{padding:var(--ds-space-050,4px) 0}
+._3vafglyw .ProseMirror hr{border:none}
+._kn991o1l .ProseMirror .ak-editor-annotation-draft{background:var(--ds-background-accent-yellow-subtlest-pressed,#efdd4e)}
+._l0rkaetg .ProseMirror .ak-editor-annotation-hover{background:var(--ds-background-accent-yellow-subtlest-hovered,#f5e989)}
+._x53a1o1l .ProseMirror .ak-editor-annotation-focus{background:var(--ds-background-accent-yellow-subtlest-pressed,#efdd4e)}
+._yhgjt94y .ProseMirror hr{border-radius:1px}
+._1ibg1vrj .ProseMirror .ak-editor-annotation-focus{border-bottom:2px solid transparent}
+._iwzr1vrj .ProseMirror .ak-editor-annotation-blur{border-bottom:2px solid transparent}
+._u5bs1vrj .ProseMirror .ak-editor-annotation-draft{border-bottom:2px solid transparent}
+._xkuf1vrj .ProseMirror .ak-editor-annotation-hover{border-bottom:2px solid transparent}._10h6v77o .ProseMirror .ak-editor-annotation-blur:has(.date-lozenger-container){padding-top:var(--ds-space-025,2px)}
+._10zo1osq .ProseMirror>div[data-prosemirror-node-block] [data-prosemirror-node-block]{--ak-editor-max-container-width:100%}
+._11jf78tn .ProseMirror p{line-height:1.714}
+._121i1r31 .ProseMirror{outline-color:currentColor}
+._123b1aqn:hover::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-bold,#292a2e)}
+._12vh1ntv .ProseMirror hr{background-clip:content-box}
+._14i5idpf .ProseMirror [data-layout-section] [data-layout-column]>div .mediaSingleView-content-wrap[layout^=wrap]+.mediaSingleView-content-wrap[layout^=wrap] .rich-media-item{margin-top:0}
+._15no1e5h .ProseMirror .embedCardView-content-wrap[layout=wrap-left]{float:left}
+._15zti7a9 .ProseMirror p{font-weight:var(--ds-font-weight-regular,400)}
+._1613yh40 .ProseMirror .ak-editor-annotation-draft{padding-bottom:2px}
+._168dt7xp .ProseMirror .ak-editor-annotation-hover{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
+._16jlkb7n{flex-grow:1}
+._172zidpf .ProseMirror .ak-editor-annotation-draft{padding-right:0}
+._17clidpf .ProseMirror .ak-editor-annotation-hover:has([data-inline-card]){padding-right:0}
+._17qpt94y .ProseMirror .ak-editor-annotation-hover{padding-top:1px}
+._18031hna .ProseMirror{word-wrap:break-word}
+._181jdjp5 .ProseMirror p{letter-spacing:-.005em}
+._18m915zi{overflow-y:scroll}
+._18qq1jtm .ProseMirror{white-space:pre-wrap}
+._197w1hrf .ProseMirror .embedCardView-content-wrap[layout=wrap-right]+.embedCardView-content-wrap[layout=wrap-left]{clear:both}
+._19rk1l99 .ProseMirror{--ak-editor-max-container-width:calc(100cqw - var(--ak-editor--large-gutter-padding)*2)}
+._19rk1uph .ProseMirror{--ak-editor-max-container-width:calc(100cqw - var(--ak-editor--large-gutter-padding))}
+._19vz1wug .ProseMirror .ak-editor-annotation-draft{cursor:auto}
+._19vztlke .ProseMirror .ak-editor-annotation-draft{cursor:pointer}
+._1c0fidpf .ProseMirror .ak-editor-annotation-blur:has(.card){padding-left:0}
+._1c20feiv .ProseMirror .ak-editor-annotation-hover{border-bottom-color:var(--ds-border-accent-yellow,#b38600)}
+._1cr2idpf .ProseMirror .ak-editor-annotation-hover:has([data-inline-card]){padding-left:0}
+._1d6qfeiv .ProseMirror .ak-editor-annotation-focus{border-bottom-color:var(--ds-border-accent-yellow,#b38600)}
+._1dm8q5uf{scroll-behavior:smooth}
+._1do8cs5v .ProseMirror .embedCardView-content-wrap[layout^=wrap-]{z-index:2}
+._1dyh1l7b .ProseMirror .ak-editor-annotation-hover:has([data-inline-card]){padding-bottom:3px}
+._1e0c1txw{display:flex}
+._1edaidpf .ProseMirror .ak-editor-annotation-focus:has(.card){padding-right:0}
+._1f3widpf .ProseMirror .ak-editor-annotation-hover{padding-left:0}
+._1fpfolhs{ms-overflow-style:-ms-autohiding-scrollbar}
+._1fqx14y2 .ProseMirror .ak-editor-annotation-hover:has(.card){padding-top:5px}
+._1g35idpf .ProseMirror .ak-editor-annotation-hover:has(.card){padding-right:0}
+._1gpc1lj4 .fabric-editor--max-width-mode{--ak-editor--line-length:min(calc(100cqw - var(--ak-editor--large-gutter-padding)*2),var(--ak-editor--max-width-layout-width))}
+._1gvnmqba{--ak-editor--max-width-layout-width:4000px}
+._1hbb14y2 .ProseMirror .ak-editor-annotation-draft:has(.card){padding-top:5px}
+._1iod1o36 .ProseMirror hr.ak-editor-selected-node{outline-width:medium}
+._1jyp14y2 .ProseMirror .ak-editor-annotation-hover:has([data-inline-card]){padding-top:5px}
+._1k26yh40 .ProseMirror .ak-editor-annotation-blur{padding-bottom:2px}
+._1m2zidpf .ProseMirror .ak-editor-annotation-blur:has(.card){padding-right:0}
+._1nl9idpf .ProseMirror .ak-editor-annotation-draft:has(.card){padding-right:0}
+._1owy1l7b .ProseMirror .ak-editor-annotation-focus:has([data-inline-card]){padding-bottom:3px}
+._1p9g14y2 .ProseMirror .ak-editor-annotation-draft:has([data-inline-card]){padding-top:5px}
+._1pjt14y2 .ProseMirror .ak-editor-annotation-focus:has(.card){padding-top:5px}
+._1qihyh40 .ProseMirror .ak-editor-annotation-hover{padding-bottom:2px}
+._1s25t94y .ProseMirror .ak-editor-annotation-focus{padding-top:1px}
+._1sn3idpf .ProseMirror [layout^=wrap-]:has(+.ProseMirror-gapcursor+[layout^=wrap-]) .rich-media-item{margin-right:0}
+._1t0tidpf .ProseMirror .ak-editor-annotation-hover:has(.card){padding-left:0}
+._1t8514y2 .ProseMirror .ak-editor-annotation-focus:has([data-inline-card]){padding-top:5px}
+._1tlp1x4e .ProseMirror p{font-size:1em}
+._1ubhidpf .ProseMirror .ak-editor-annotation-blur{padding-right:0}
+._1v9ev77o .ProseMirror .ak-editor-annotation-draft:has(.date-lozenger-container){padding-top:var(--ds-space-025,2px)}
+._1vgtidpf .ProseMirror .ak-editor-annotation-draft:has([data-inline-card]){padding-right:0}
+._1vk21ex1{--ak-editor--large-gutter-padding:52px}
+._1vk2t9kd{--ak-editor--large-gutter-padding:72px}
+._1wys1l7b .ProseMirror .ak-editor-annotation-blur:has([data-inline-card]){padding-bottom:3px}
+._1x2nt94y .ProseMirror .ak-editor-annotation-blur{padding-top:1px}
+._1xgk1l7b .ProseMirror .ak-editor-annotation-draft:has(.card){padding-bottom:3px}
+._1xktidpf .ProseMirror .ak-editor-annotation-focus:has([data-inline-card]){padding-left:0}
+._1xm91l7b .ProseMirror .ak-editor-annotation-focus:has(.card){padding-bottom:3px}
+._1xmbfeiv .ProseMirror .ak-editor-annotation-blur{border-bottom-color:var(--ds-border-accent-yellow,#b38600)}
+._1xqtt94y .ProseMirror .ak-editor-annotation-draft{padding-top:1px}
+._1xquh2mm .ProseMirror .embedCardView-content-wrap[layout^=wrap-]{position:relative}
+._2lx21bp4{flex-direction:column}
+._3iqe18il .fabric-editor--full-width-mode{--ak-editor--line-length:min(calc(100cqw - var(--ak-editor--large-gutter-padding)*2),var(--ak-editor--full-width-layout-width))}
+._3nq8idpf .ProseMirror .ak-editor-annotation-draft:has(.card){padding-left:0}
+._43nwglyw .ProseMirror hr.ak-editor-selected-node{outline-style:none}
+._4q241osq .fabric-editor--max-width-mode{--ak-editor--breakout-fallback-width:100%}
+._4t3i1osq{height:100%}
+._66yetlke .ProseMirror .ak-editor-annotation-blur{cursor:pointer}
+._6f0lidpf .ProseMirror .ak-editor-annotation-focus{padding-left:0}
+._7kmy1l7b .ProseMirror .ak-editor-annotation-draft:has([data-inline-card]){padding-bottom:3px}
+._874g1l7x .ProseMirror hr{background-color:var(--ds-border,#0b120e24)}
+._8grqv77o .ProseMirror .ak-editor-annotation-hover:has(.date-lozenger-container){padding-top:var(--ds-space-025,2px)}
+._92g41l7b .ProseMirror .ak-editor-annotation-blur:has(.card){padding-bottom:3px}
+._988v1osq .fabric-editor--full-width-mode{--ak-editor--breakout-fallback-width:100%}
+._9neqidpf .ProseMirror .ak-editor-annotation-focus{padding-right:0}
+._9onx14y2 .ProseMirror .ak-editor-annotation-blur:has([data-inline-card]){padding-top:5px}
+._9pd8q98m .ProseMirror hr.ak-editor-selected-node{background-color:var(--ds-border-selected,#1868db)}
+._aaynsm61::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-subtle,#00000000)}
+._ah88v77o .ProseMirror .ak-editor-annotation-focus:has(.date-lozenger-container){padding-top:var(--ds-space-025,2px)}
+._ali2idpf .ProseMirror [data-layout-section] [data-layout-column]>div .mediaSingleView-content-wrap[layout^=wrap]+.ProseMirror-gapcursor+.mediaSingleView-content-wrap[layout^=wrap] .rich-media-item{margin-top:0}
+._anrdukw8{--ak-editor--default-layout-width:760px}
+._bxhh1osq .ProseMirror .embedCardView-content-wrap[layout^=wrap-]{max-width:100%}
+._dcmgglyw .ProseMirror{outline-style:none}
+._dl0n1r31 .ProseMirror hr.ak-editor-selected-node{outline-color:currentColor}
+._dnsrtlke .ProseMirror .ak-editor-annotation-focus{cursor:pointer}
+._drnbtlke .ProseMirror .ak-editor-annotation-hover{cursor:pointer}
+._du1kidpf .ProseMirror .ak-editor-annotation-focus:has([data-inline-card]){padding-right:0}
+._e519idpf .ProseMirror [layout^=wrap-]:has(+.ProseMirror-gapcursor+[layout^=wrap-]) .rich-media-item{margin-left:0}
+._fo6014dc{--ak-editor--line-length:min(calc(100cqw - var(--ak-editor--large-gutter-padding)*2),var(--ak-editor--default-layout-width))}
+._ghwiidpf .ProseMirror .ak-editor-annotation-draft{padding-left:0}
+._iqym1l7b .ProseMirror .ak-editor-annotation-hover:has(.card){padding-bottom:3px}
+._j03f1qop{--ak-editor--breakout-wide-layout-width:905px}
+._jaboglyw::-webkit-scrollbar-corner{display:none}
+._jd6pidpf .ProseMirror .ak-editor-annotation-blur:has([data-inline-card]){padding-right:0}
+._jydlidpf .ProseMirror .ak-editor-annotation-hover{padding-right:0}
+._km2cidpf .ProseMirror .ak-editor-annotation-focus:has(.card){padding-left:0}
+._kqswh2mm{position:relative}
+._n6a11fwx{--ak-editor--resizer-handle-spacing:12px}
+._nv9v1o36 .ProseMirror{outline-width:medium}
+._o1p8idpf .ProseMirror .ak-editor-annotation-blur:has([data-inline-card]){padding-left:0}
+._o5elfeiv .ProseMirror .ak-editor-annotation-draft{border-bottom-color:var(--ds-border-accent-yellow,#b38600)}
+._o7dvt7xp .ProseMirror .ak-editor-annotation-draft{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
+._ojmct7xp .ProseMirror .ak-editor-annotation-focus{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
+._pg931osq{--ak-editor--breakout-min-width:100%}
+._pi27grho .fabric-editor--full-width-mode{--ak-editor--breakout-min-width:0px}
+._poq41xs6 .ProseMirror p{margin-top:.75em}
+._poq4oqnp .ProseMirror p{margin-top:.75rem}
+._pru0idpf .ProseMirror [data-layout-section] [data-layout-column]>div .mediaSingleView-content-wrap[layout^=wrap]:has(+.mediaSingleView-content-wrap[layout^=wrap]) .rich-media-item{margin-top:0}
+._pxl0idpf .ProseMirror [layout^=wrap-]:has(+[layout^=wrap-]) .rich-media-item{margin-left:0}
+._q353idpf .ProseMirror .ak-editor-annotation-draft:has([data-inline-card]){padding-left:0}
+._qgb1tlke .ProseMirror hr{cursor:pointer}
+._qmjbxjz2{--ak-editor--breakout-full-page-guttering-padding:calc(var(--ak-editor--large-gutter-padding)*2 + var(--ak-editor--default-gutter-padding))}
+._rc9pyh40 .ProseMirror hr{height:2px}
+._ripsidpf .ProseMirror [layout^=wrap-]:has(+[layout^=wrap-]) .rich-media-item{margin-right:0}
+._t7ab1vi7{--ak-editor--default-gutter-padding:32px}
+._u8en3mia .ProseMirror{font-size:var(--ak-editor-base-font-size)}
+._uw641q08{--ak-editor--full-width-layout-width:1800px}
+._w0epidpf .ProseMirror .ak-editor-annotation-blur{padding-left:0}
+._w33agrho .fabric-editor--max-width-mode{--ak-editor--breakout-min-width:0px}
+._wmhayh40 .ProseMirror .ak-editor-annotation-focus{padding-bottom:2px}
+._x81614y2 .ProseMirror .ak-editor-annotation-blur:has(.card){padding-top:5px}
+._z75ousic .ProseMirror .embedCardView-content-wrap[layout=wrap-right]{float:right}
+._z9wpidpf .ProseMirror p{margin-bottom:0}
+._zih31bqt .ProseMirror hr.ak-editor-selected-node.danger{background-color:var(--ds-border-danger,#e2483d)}
+._zy25uj17{--ak-editor--breakout-fallback-width:calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))}
+._1ogl1ibz::-webkit-scrollbar-thumb:hover{background-color:var(--ds-background-neutral-bold-hovered,#3b3d42)}
+@container editor-area (max-width: 600px){._lh101tcg{--ak-editor--large-gutter-padding:24px}}
+@container editor-area (width >= 1266px){._1j8i1xb4 .ProseMirror{--ak-editor--breakout-wide-layout-width:1011px}}

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

@@ -0,0 +1,335 @@
+/* EditorContentContainer-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
+import "./EditorContentContainer-compiled.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+// eslint-disable-next-line import/order
+import { getBrowserInfo } from '@atlaskit/editor-common/browser';
+
+// eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
+// TODO: add back tableSharedStyle when migrate table styles
+// import { richMediaClassName, tableSharedStyle } from '@atlaskit/editor-common/styles';
+import { AnnotationSharedClassNames, richMediaClassName } from '@atlaskit/editor-common/styles';
+import { akEditorGutterPaddingDynamic, editorFontSize } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { useThemeObserver } from '@atlaskit/tokens';
+import { getBaseFontSize } from '../../composable-editor/utils/getBaseFontSize';
+
+// = akEditorDefaultLayoutWidth * breakoutWideScaleRatio = 1010.8 ~ 1011 This is a resulting width value that is applied to nodes that currently use breakouts (except table) and are set to `wide` when the viewport's width is > 1329px.
+var akEditorCalculatedWideLayoutWidth = 1011;
+// from breakoutConsts.calcWideWidth, layoutMaxWidth * breakoutConsts.wideScaleRatio = 904.8 ~ 905 This is a resulting width value that is applied to nodes that currently use breakouts (except table) and are set to `wide` when the viewport's width is <= 1266px.
+var akEditorCalculatedWideLayoutWidthSmallViewport = 905;
+var akEditorGutterPadding = 32;
+var akEditorDefaultLayoutWidth = 760;
+var akEditorFullWidthLayoutWidth = 1800;
+// The breakpoint for small devices is 1266px, copied from getBreakpoint in platform/packages/editor/editor-common/src/ui/WidthProvider/index.tsx
+var akEditorBreakpointForSmallDevice = "1266px";
+var akEditorGutterPaddingReduced = 24;
+var akEditorFullPageNarrowBreakout = 600;
+var akEditorUltraWideLayoutWidth = 4000;
+var blockNodesVerticalMargin = '0.75rem';
+var scaledBlockNodesVerticalMargin = '0.75em';
+var editorAreaNonSmallDeviceContainerQuery = "@container editor-area (width >= ".concat(akEditorBreakpointForSmallDevice, ")");
+var editorAreaNarrowPageContainerQuery = "@container editor-area (max-width: ".concat(akEditorFullPageNarrowBreakout, "px)");
+
+/**
+ * editorContentStyles is WIP to migrate styles from EditorContentContainer/styles
+ *
+ * The value {} is placeholder, fill in styles when migrating each style file
+ * Add/Delete/Re-order keys are discouraged during incremental migration due to potential merge conflicts.
+ */
+var editorContentStyles = {
+  aiPanelBaseFirefoxStyles: "",
+  aiPanelBaseStyles: "",
+  aiPanelDarkFirefoxStyles: "",
+  aiPanelDarkStyles: "",
+  alignMultipleWrappedImageInLayoutStyles: "_ali2idpf _14i5idpf _pru0idpf",
+  annotationStyles: "_1x2nt94y _1xqtt94y _1s25t94y _17qpt94y _1ubhidpf _172zidpf _9neqidpf _jydlidpf _1k26yh40 _1613yh40 _wmhayh40 _1qihyh40 _w0epidpf _ghwiidpf _6f0lidpf _1f3widpf _x81614y2 _9onx14y2 _1hbb14y2 _1p9g14y2 _1pjt14y2 _1t8514y2 _1fqx14y2 _1jyp14y2 _1m2zidpf _jd6pidpf _1nl9idpf _1vgtidpf _1edaidpf _du1kidpf _1g35idpf _17clidpf _92g41l7b _1wys1l7b _1xgk1l7b _7kmy1l7b _1xm91l7b _1owy1l7b _iqym1l7b _1dyh1l7b _1c0fidpf _o1p8idpf _3nq8idpf _q353idpf _km2cidpf _1xktidpf _1t0tidpf _1cr2idpf _iwzr1vrj _u5bs1vrj _1ibg1vrj _xkuf1vrj _66yetlke _19vztlke _dnsrtlke _drnbtlke _10h6v77o _1v9ev77o _ah88v77o _8grqv77o _x53a1o1l _1d6qfeiv _ojmct7xp _kn991o1l _o5elfeiv _o7dvt7xp _19vz1wug _1n0xibhp _1xmbfeiv _l0rkaetg _1c20feiv _168dt7xp",
+  backgroundColorStyles: "",
+  baseStyles: "_t7ab1vi7 _anrdukw8 _n6a11fwx _uw641q08 _fo6014dc _1gvnmqba _j03f1qop _qmjbxjz2 _zy25uj17 _pg931osq _121i1r31 _dcmgglyw _nv9v1o36 _19rk1uph _u8en3mia _3iqe18il _988v1osq _pi27grho _10zo1osq _1j8i1xb4",
+  baseStylesMaxContainerWidthFixes: "_19rk1l99",
+  blockMarksStyles: "",
+  blockquoteDangerStyles: "",
+  blockquoteSelectedNodeStyles: "",
+  blocktypeStyles: "",
+  blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes: "",
+  blocktypeStyles_fg_platform_editor_typography_ugc: "",
+  blocktypeStyles_without_fg_platform_editor_typography_ugc: "",
+  codeBlockStyles: "",
+  codeBlockStylesWithEmUnits: "",
+  codeMarkStyles: "",
+  codeMarkStylesA11yFix: "",
+  commentEditorStyles: "",
+  cursorStyles: "",
+  dangerDateStyles: "",
+  dangerRuleStyles: "_zih31bqt",
+  dateStyles: "",
+  dateVanillaStyles: "",
+  decisionDangerStyles: "",
+  decisionIconWithVisualRefresh: "",
+  decisionStyles: "",
+  diffListStyles: "",
+  editorControlsSmartCardStyles: "",
+  editorLargeGutterPuddingBaseStyles: "_1vk21ex1",
+  editorLargeGutterPuddingBaseStylesEditorControls: "_1vk2t9kd",
+  editorLargeGutterPuddingReducedBaseStyles: "_lh101tcg",
+  editorUGCSmallText: "",
+  editorUGCTokensDefault: "",
+  editorUGCTokensRefreshed: "",
+  embedCardStyles: "_bxhh1osq _1xquh2mm _1do8cs5v _15no1e5h _z75ousic _197w1hrf",
+  emojiDangerStyles: "",
+  emojiStyles: "",
+  expandStyles: "",
+  expandStylesBase: "",
+  expandStylesMixin_experiment_platform_editor_chromeless_expand_fix: "",
+  expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes: "",
+  expandStylesMixin_fg_platform_visual_refresh_icons: "",
+  expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes: "",
+  extensionDiffStyles: "",
+  findReplaceStyles: "",
+  findReplaceStylesNewWithA11Y: "",
+  findReplaceStylesNewWithCodeblockColorContrastFix: "",
+  findReplaceStylesWithCodeblockColorContrastFix: "",
+  firstBlockNodeStyles: "",
+  firstCodeBlockWithNoMargin: "",
+  firstCodeBlockWithNoMarginOld: "",
+  firstFloatingToolbarButtonStyles: "",
+  firstWrappedMediaStyles: "_e519idpf _pxl0idpf _1sn3idpf _ripsidpf",
+  fontSizeStyles: "",
+  fullPageEditorStyles: "_16jlkb7n _4t3i1osq _18m915zi _kqswh2mm _1e0c1txw _2lx21bp4 _1dm8q5uf",
+  gapCursorStyles: "",
+  gapCursorStylesVisibilityFix: "",
+  gridStyles: "",
+  hideCursorWhenHideSelectionStyles: "",
+  hideSelectionStyles: "",
+  hyperLinkFloatingToolbarStyles: "",
+  indentationStyles: "",
+  InlineNodeViewSharedStyles: "",
+  layoutBaseStyles: "",
+  layoutBaseStylesAdvanced: "",
+  layoutBaseStylesFixesUnderNestedDnDFG: "",
+  layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync: "",
+  layoutBaseStylesWithTableExcerptsFix: "",
+  layoutColumnDividerStyles: "",
+  layoutColumnDividerStylesNestedDnD: "",
+  layoutColumnMartinTopFixesNew: "",
+  layoutColumnMartinTopFixesOld: "",
+  layoutColumnResizeStyles: "",
+  layoutColumnResponsiveStyles: "",
+  layoutColumnStylesAdvanced: "",
+  layoutColumnStylesNotAdvanced: "",
+  layoutResponsiveBaseStyles: "",
+  layoutResponsiveStylesForView: "",
+  layoutSectionStylesAdvanced: "",
+  layoutSectionStylesNotAdvanced: "",
+  layoutSelectedStylesAdvanced: "",
+  layoutSelectedStylesAdvancedFix: "",
+  layoutSelectedStylesForViewAdvanced: "",
+  layoutSelectedStylesForViewNotAdvanced: "",
+  layoutSelectedStylesNotAdvanced: "",
+  layoutStylesForView: "",
+  linkingVisualRefreshV1Styles: "",
+  linkStyles: "",
+  listDangerStyles: "",
+  listItemHiddenMarkerStyles: "",
+  listSelectedNodeStyles: "",
+  listsStyles: "",
+  listsStylesMarginLayoutShiftFix: "",
+  listsStylesSafariFix: "",
+  maxModeReizeFixStyles: "_1gpc1lj4 _4q241osq _w33agrho",
+  mediaAlignmentStyles: "",
+  mediaCaptionStyles: "",
+  mediaDangerStyles: "",
+  mediaGroupStyles: "",
+  mediaStyles: "",
+  mentionDangerStyles: "",
+  mentionNodeStyles: "",
+  mentionsSelectionStyles: "",
+  mentionsSelectionStylesWithSearchMatch: "",
+  mentionsStyles: "",
+  nestedPanelBorderStylesMixin: "",
+  nestedPanelDangerStyles: "",
+  panelStyles: "",
+  panelStylesMixin: "",
+  panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes: "",
+  panelViewStyles: "",
+  paragraphStylesOld: "_1tlp1x4e _11jf78tn _15zti7a9 _poq4oqnp _z9wpidpf _181jdjp5",
+  paragraphStylesOldWithScaledMargin: "_1tlp1x4e _11jf78tn _15zti7a9 _poq41xs6 _z9wpidpf _181jdjp5",
+  paragraphStylesUGCRefreshed: "_1fi2t7zq _poq4oqnp _z9wpidpf",
+  paragraphStylesWithScaledMargin: "_1fi2t7zq _poq41xs6 _z9wpidpf",
+  placeholderOverflowStyles: "",
+  placeholderStyles: "",
+  placeholderTextStyles: "",
+  placeholderWrapStyles: "",
+  pragmaticResizerStyles: "",
+  pragmaticResizerStylesCodeBlockLegacy: "",
+  pragmaticResizerStylesCodeBlockSyncedBlockPatch: "",
+  pragmaticResizerStylesForTooltip: "",
+  pragmaticResizerStylesSyncedBlock: "",
+  pragmaticResizerStylesWithReducedEditorGutter: "",
+  pragmaticStylesLayoutFirstNodeResizeHandleFix: "",
+  resizerStyles: "",
+  ruleStyles: "_3vafglyw _yhgjt94y _1uh7swc3 _1cnzgx6n _874g1l7x _rc9pyh40 _qgb1tlke _12vh1ntv _dl0n1r31 _43nwglyw _1iod1o36 _9pd8q98m",
+  scaledEmojiStyles: "",
+  scrollbarStyles: "_1fpfolhs _1khk1mok _123b1aqn _jaboglyw _aaynsm61 _1ogl1ibz",
+  selectedNodeStyles: "",
+  selectionToolbarAnimationStyles: "",
+  shadowStyles: "",
+  showDiffDeletedNodeStyles: "",
+  showDiffDeletedNodeStylesNew: "",
+  smartCardDiffStyles: "",
+  smartCardStyles: "",
+  smartCardStylesWithSearchMatch: "",
+  smartCardStylesWithSearchMatchAndBlockMenuDangerStyles: "",
+  smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness: "",
+  smartLinksInLivePagesStyles: "",
+  statusDangerStyles: "",
+  statusStyles: "",
+  statusStylesMixin_fg_platform_component_visual_refresh: "",
+  statusStylesMixin_fg_platform_component_visual_refresh_with_search_match: "",
+  statusStylesMixin_without_fg_platform_component_visual_refresh: "",
+  statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match: "",
+  statusStylesTeam26: "",
+  syncBlockFirstNodeStyles: "",
+  syncBlockOverflowStyles: "",
+  syncBlockStyles: "",
+  syncBlockStylesBase: "",
+  tableCommentEditorStyles: "",
+  tableContainerStyles: "",
+  tableContentModeStyles: "",
+  tableEmptyRowStyles: "",
+  tableLayoutFixes: "",
+  tableLayoutFixesWithFontSize: "",
+  taskItemCheckboxStyles: "",
+  taskItemStyles: "",
+  taskItemStylesWithBlockTaskItem: "",
+  tasksAndDecisionsStyles: "",
+  telepointerColorAndCommonStyle: "",
+  telepointerStyle: "",
+  textColorStyles: "",
+  textDangerStyles: "",
+  textHighlightPaddingStyles: "",
+  textHighlightStyle: "",
+  textSelectedNodeStyles: "",
+  unsupportedStyles: "",
+  whitespaceStyles: "_18031hna _18qq1jtm"
+};
+var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+/**
+ * EditorContentStyles is a wrapper component that applies styles to its children
+ * based on the provided feature flags, view mode, and other props.
+ * It uses Emotion for styling and supports scrollable content.
+ *
+ * This will be used in near future to replace the current editor content styles from index.tsx
+ */
+export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var className = props.className,
+    children = props.children,
+    viewMode = props.viewMode,
+    isScrollable = props.isScrollable,
+    appearance = props.appearance,
+    contentMode = props.contentMode,
+    useStandardNodeWidth = props.useStandardNodeWidth;
+  var _useThemeObserver = useThemeObserver(),
+    colorMode = _useThemeObserver.colorMode;
+  var isFullPage = appearance === 'full-page' || appearance === 'full-width' || (expValEqualsNoExposure('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEqualsNoExposure('confluence_max_width_content_appearance', 'isEnabled', true)) && appearance === 'max';
+  var isComment = appearance === 'comment';
+  var isChromeless = appearance === 'chromeless';
+  var baseFontSize = getBaseFontSize(appearance, contentMode);
+  var style = editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? {
+    '--ak-editor-base-font-size': "".concat(editorFontSize({
+      theme: {
+        baseFontSize: baseFontSize
+      }
+    }), "px")
+  } : {
+    '--ak-editor-base-font-size': "".concat(editorFontSize({
+      theme: {
+        baseFontSize: baseFontSize
+      }
+    }), "px"),
+    '--ak-editor--large-gutter-padding': "".concat(akEditorGutterPaddingDynamic(), "px")
+  };
+  var browser = getBrowserInfo();
+  return /*#__PURE__*/React.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    className: ax([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes, fg('platform_editor_controls_increase_full_page_gutter') && editorExperiment('platform_editor_controls', 'variant1') ? editorContentStyles.editorLargeGutterPuddingBaseStylesEditorControls : editorContentStyles.editorLargeGutterPuddingBaseStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+      exposure: true
+    }) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_quick_insert_placeholder') && editorContentStyles.placeholderWrapStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && (expValEquals('confluence_compact_text_format', 'isEnabled', true) ||
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && editorContentStyles.codeBlockStylesWithEmUnits, !fg('platform_editor_typography_ugc') && editorContentStyles.editorUGCTokensDefault, fg('platform_editor_typography_ugc') && editorContentStyles.editorUGCTokensRefreshed, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorExperiment('platform_editor_block_menu', true, {
+      exposure: true
+    }) && editorContentStyles.blockquoteSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
+      exposure: true
+    }) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
+      exposure: true
+    }) && editorContentStyles.textSelectedNodeStyles, fg('platform_editor_typography_ugc') ? editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc : editorContentStyles.blocktypeStyles_without_fg_platform_editor_typography_ugc, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, expValEquals('cc_editor_ttvc_release_bundle_one', 'listLayoutShiftFix', true) && isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, contentMode === 'compact' && (expValEquals('confluence_compact_text_format', 'isEnabled', true) ||
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && editorContentStyles.mediaCaptionStyles, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
+    editorContentStyles.telepointerColorAndCommonStyle, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles,
+    // condense vertical spacing between tasks/decisions items when content mode dense is active
+    // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
+    // TODO: uncomment and remove dynamic styles from getDenseTasksAndDecisionsStyles
+    // migrate this with packages/editor/editor-core/src/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.ts
+    // reference: https://atlassian.design/components/eslint-plugin-ui-styling-standard/no-dynamic-styles/usage
+    // contentMode === 'compact' &&
+    // 	(expValEquals('confluence_compact_text_format', 'isEnabled', true) ||
+    // 		// eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    // 		(expValEquals('cc_editor_ai_content_mode', 'variant', 'test') &&
+    // 			fg('platform_editor_content_mode_button_mvp'))) &&
+    // 	getDenseTasksAndDecisionsStyles(baseFontSize),
+    editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles,
+    // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
+    // TODO: uncomment and remove dynamic styles from getExtensionStyles
+    // migrate this with packages/editor/editor-core/src/ui/EditorContentContainer/styles/extensionStyles.ts
+    // suggest creating a new cssMap for the variant use case from the guide below
+    // reference: https://atlassian.design/components/eslint-plugin-ui-styling-standard/no-dynamic-styles/usage
+    // getExtensionStyles(contentMode),
+    editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && (expValEquals('confluence_compact_text_format', 'isEnabled', true) ||
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) &&
+    // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
+    // TODO: uncomment and remove dynamic styles from getDenseExpandTitleStyles
+    // migrate this with packages/editor/editor-core/src/ui/EditorContentContainer/styles/expandStyles.ts
+    // getDenseExpandTitleStyles(baseFontSize),
+    fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes : editorContentStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && expValEquals('platform_editor_chromeless_expand_fix', 'isEnabled', true) && editorContentStyles.expandStylesMixin_experiment_platform_editor_chromeless_expand_fix, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh : expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh, editorContentStyles.annotationStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
+    // Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
+    !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, fg('platform_editor_typography_ugc') ? contentMode === 'compact' && (expValEquals('confluence_compact_text_format', 'isEnabled', true) ||
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed : contentMode === 'compact' && (expValEquals('confluence_compact_text_format', 'isEnabled', true) ||
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) ? editorContentStyles.paragraphStylesOldWithScaledMargin : editorContentStyles.paragraphStylesOld, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && "", editorExperiment('platform_synced_block', true) ? editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch : editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles,
+    // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
+    // TODO: uncomment and remove dynamic styles from getScaledDenseEmojiStyles and getDenseEmojiStyles
+    // when migrate with packages/editor/editor-core/src/ui/EditorContentContainer/styles/emoji.ts
+    // Dense emoji scaling based on base font size
+    // contentMode === 'compact' &&
+    // (expValEquals('confluence_compact_text_format', 'isEnabled', true) ||
+    // 	// eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    // 	(expValEquals('cc_editor_ai_content_mode', 'variant', 'test') &&
+    // 		fg('platform_editor_content_mode_button_mvp')))
+    // 	? expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true)
+    // 		? // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    // 			getScaledDenseEmojiStyles(baseFontSize)
+    // 		: // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    // 			getDenseEmojiStyles(baseFontSize)
+    // 	: undefined,
+    editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles,
+    // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
+    // TODO: it was from "import { tableSharedStyle } from '@atlaskit/editor-common/styles';"
+    // tableSharedStyle(),
+    editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, className]),
+    ref: ref,
+    "data-editor-scroll-container": isScrollable ? 'true' : undefined,
+    "data-testid": "editor-content-container"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: style,
+    tabIndex: isScrollable ? 0 : undefined,
+    role: isScrollable ? 'region' : undefined
+  }, children);
+});