@atlaskit/editor-core 219.2.0 → 219.2.2

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

@@ -0,0 +1,570 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
+import { jsx, useTheme } from '@emotion/react';
+import { getBrowserInfo } from '@atlaskit/editor-common/browser';
+import { richMediaClassName, tableSharedStyle } 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';
+import { aiPanelBaseFirefoxStyles, aiPanelBaseStyles, aiPanelDarkFirefoxStyles, aiPanelDarkStyles } from './styles/aiPanel';
+import { annotationStyles } from './styles/annotationStyles';
+import { backgroundColorStyles, textHighlightPaddingStyles } from './styles/backgroundColorStyles';
+import { baseStyles, baseStylesMaxContainerWidthFixes, editorLargeGutterPuddingBaseStyles, editorLargeGutterPuddingBaseStylesEditorControls, editorLargeGutterPuddingReducedBaseStyles, maxModeReizeFixStyles } from './styles/baseStyles';
+import { blockMarksStyles } from './styles/blockMarksStyles';
+import { blockquoteDangerStyles, blockquoteSelectedNodeStyles, blocktypeStyles, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, blocktypeStyles_without_fg_platform_editor_typography_ugc, listDangerStyles, listSelectedNodeStyles, textDangerStyles, textSelectedNodeStyles } from './styles/blockTypeStyles';
+import { codeBlockStyles, codeBlockStylesWithEmUnits, firstCodeBlockWithNoMargin, firstCodeBlockWithNoMarginOld } from './styles/codeBlockStyles';
+import { codeMarkStyles, codeMarkStylesA11yFix } from './styles/codeMarkStyles';
+import { commentEditorStyles } from './styles/commentEditorStyles';
+import { cursorStyles } from './styles/cursorStyles';
+import { dangerDateStyles, dateStyles, dateVanillaStyles } from './styles/dateStyles';
+import { editorUGCSmallText, editorUGCTokensDefault, editorUGCTokensRefreshed } from './styles/editorUGCTokenStyles';
+import { embedCardStyles } from './styles/embedCardStyles';
+import { emojiDangerStyles, emojiStyles, getDenseEmojiStyles, getScaledDenseEmojiStyles, scaledEmojiStyles } from './styles/emoji';
+import { 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, getDenseExpandTitleStyles } from './styles/expandStyles';
+import { extensionDiffStyles, getExtensionStyles } from './styles/extensionStyles';
+import { findReplaceStyles, findReplaceStylesNewWithA11Y, findReplaceStylesNewWithCodeblockColorContrastFix, findReplaceStylesWithCodeblockColorContrastFix } from './styles/findReplaceStyles';
+import { firstBlockNodeStyles } from './styles/firstBlockNodeStyles';
+import { firstFloatingToolbarButtonStyles } from './styles/floatingToolbarStyles';
+import { fontSizeStyles } from './styles/fontSizeStyles';
+import { fullPageEditorStyles } from './styles/fullPageEditorStyles';
+import { gapCursorStyles, gapCursorStylesVisibilityFix } from './styles/gapCursorStyles';
+import { gridStyles } from './styles/gridStyles';
+import { indentationStyles } from './styles/indentationStyles';
+import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
+import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesWithTableExcerptsFix, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnDividerStyles, layoutColumnDividerStylesNestedDnD, layoutColumnResizeStyles, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView, layoutSelectedStylesAdvancedFix, layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync } from './styles/layout';
+import { hyperLinkFloatingToolbarStyles, linkStyles } from './styles/link';
+import { diffListStyles, getDenseListStyles, listItemHiddenMarkerStyles, listsStyles, listsStylesMarginLayoutShiftFix, listsStylesSafariFix } from './styles/list';
+import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
+import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentionsSelectionStylesWithSearchMatch, mentionsStyles } from './styles/mentions';
+import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles } from './styles/panelStyles';
+import { paragraphStylesOld, paragraphStylesOldWithScaledMargin, paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
+import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
+import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockLegacy, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesForTooltip, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerStyles } from './styles/resizerStyles';
+import { dangerRuleStyles, ruleStyles } from './styles/rule';
+import { scrollbarStyles } from './styles/scrollbarStyles';
+import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
+import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles';
+import { shadowStyles } from './styles/shadowStyles';
+import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, showDiffDeletedNodeStylesNew, smartCardDiffStyles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
+import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, statusStylesTeam26 } from './styles/statusStyles';
+import { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles } from './styles/syncBlockStyles';
+import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes, tableLayoutFixesWithFontSize, tableContentModeStyles } from './styles/tableStyles';
+import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
+import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
+import { textColorStyles } from './styles/textColorStyles';
+import { textHighlightStyle } from './styles/textHighlightStyles';
+import { unsupportedStyles } from './styles/unsupportedStyles';
+import { whitespaceStyles } from './styles/whitespaceStyles';
+var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+var alignMultipleWrappedImageInLayoutStyles = {
+  '.ProseMirror [data-layout-section] [data-layout-column] > div': {
+    // apply marginTop to wrapped mediaSingle that has preceding wrapped mediaSingle (even when there's gap cursor in between them)
+    // Given the first wrapped mediaSingle in layout has 0 marginTop, this is needed to make sure fellow wrapped mediaSingle align with it horizontally
+    '.mediaSingleView-content-wrap[layout^=wrap] + .mediaSingleView-content-wrap[layout^=wrap], .mediaSingleView-content-wrap[layout^=wrap] + .ProseMirror-gapcursor + .mediaSingleView-content-wrap[layout^=wrap]': {
+      '.rich-media-item': {
+        marginTop: 0
+      }
+    },
+    // Due to the above rule, wrapped mediaSingle (not the first node in layout) that are followed by wrapped mediaSingle should also have 0 marginTop
+    // so it's aligned with the following wrapped mediaSingle
+    '.mediaSingleView-content-wrap[layout^=wrap]:has( + .mediaSingleView-content-wrap[layout^=wrap])': {
+      '.rich-media-item': {
+        marginTop: 0
+      }
+    }
+  }
+};
+var firstWrappedMediaStyles = {
+  '.ProseMirror': {
+    // Remove gap between first wrapped mediaSingle and its fellow wrapped mediaSingle
+    "& [layout^='wrap-']:has(+ [layout^='wrap-']), & [layout^='wrap-']:has(+ .ProseMirror-gapcursor + [layout^='wrap-'])": _defineProperty({}, "& .".concat(richMediaClassName), {
+      marginLeft: 0,
+      marginRight: 0
+    })
+  }
+};
+
+/**
+ * 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.
+ *
+ * Migration WIP
+ * If you are touching EditorContentContainerEmotion, please contact with #proj-cc-editor-full-compiled-css-migration
+ * https://home.atlassian.com/o/2346a038-3c8c-498b-a79b-e7847859868d/s/a436116f-02ce-4520-8fbb-7301462a1674/project/ATLAS-120555
+ */
+export var EditorContentContainerEmotion = /*#__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 theme = useTheme();
+  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
+  }) ? {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    '--ak-editor-base-font-size': "".concat(editorFontSize({
+      theme: theme
+    }), "px")
+  } : {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    '--ak-editor-base-font-size': "".concat(editorFontSize({
+      theme: theme
+    }), "px"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    '--ak-editor--large-gutter-padding': "".concat(akEditorGutterPaddingDynamic(), "px")
+  };
+  var browser = getBrowserInfo();
+  return jsx("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    className: className,
+    ref: ref,
+    css: [
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    baseStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    maxModeReizeFixStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    baseStylesMaxContainerWidthFixes,
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    fg('platform_editor_controls_increase_full_page_gutter') && editorExperiment('platform_editor_controls', 'variant1') ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    editorLargeGutterPuddingBaseStylesEditorControls :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    editorLargeGutterPuddingBaseStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+      exposure: true
+    }) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    editorLargeGutterPuddingReducedBaseStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    whitespaceStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    indentationStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    expValEquals('platform_editor_small_font_size', 'isEnabled', true) && fontSizeStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    shadowStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    InlineNodeViewSharedStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    hideSelectionStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    hideCursorWhenHideSelectionStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    selectedNodeStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    cursorStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    firstFloatingToolbarButtonStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    placeholderTextStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    placeholderStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    editorExperiment('platform_editor_controls', 'variant1') && placeholderOverflowStyles, editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_quick_insert_placeholder') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    placeholderWrapStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    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')) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    codeBlockStylesWithEmUnits,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    !fg('platform_editor_typography_ugc') && editorUGCTokensDefault, fg('platform_editor_typography_ugc') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    editorUGCTokensRefreshed,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorUGCSmallText,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    blocktypeStyles, editorExperiment('platform_editor_block_menu', true, {
+      exposure: true
+    }) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    blockquoteSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
+      exposure: true
+    }) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
+      exposure: true
+    }) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    textSelectedNodeStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    fg('platform_editor_typography_ugc') ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    blocktypeStyles_fg_platform_editor_typography_ugc :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    blocktypeStyles_without_fg_platform_editor_typography_ugc, fg('platform_editor_nested_dnd_styles_changes') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    codeMarkStylesA11yFix,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    textColorStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    backgroundColorStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    textHighlightPaddingStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    listItemHiddenMarkerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    diffListStyles,
+    // Condense vertical spacing between list items when content mode dense is active
+    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/ui-styling-standard/no-imported-style-values
+    getDenseListStyles(baseFontSize), expValEquals('cc_editor_ttvc_release_bundle_one', 'listLayoutShiftFix', true) && isFullPage &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    listsStylesMarginLayoutShiftFix,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    ruleStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    showDiffDeletedNodeStylesNew :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    showDiffDeletedNodeStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    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')) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    mediaCaptionStyles,
+    // merge firstWrappedMediaStyles with mediaStyles when clean up platform_editor_fix_media_in_renderer
+    fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    telepointerColorAndCommonStyle,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    gapCursorStyles, editorExperiment('platform_synced_block', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    gapCursorStylesVisibilityFix,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    panelStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    nestedPanelBorderStylesMixin, fg('platform_editor_nested_dnd_styles_changes') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    panelStylesMixin,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    mentionsStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    tasksAndDecisionsStyles,
+    // condense vertical spacing between tasks/decisions items when content mode dense is active
+    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/ui-styling-standard/no-imported-style-values
+    getDenseTasksAndDecisionsStyles(baseFontSize),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    gridStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    blockMarksStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    dateStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    getExtensionStyles(contentMode),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    extensionDiffStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    expandStylesBase,
+    // Apply expand delta styles conditionally based on useStandardNodeWidth (negative margins or not)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    !useStandardNodeWidth && 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/ui-styling-standard/no-imported-style-values
+    getDenseExpandTitleStyles(baseFontSize), fg('platform_editor_nested_dnd_styles_changes') ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && expValEquals('platform_editor_chromeless_expand_fix', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    expandStylesMixin_experiment_platform_editor_chromeless_expand_fix, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    findReplaceStylesNewWithA11Y :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    findReplaceStylesWithCodeblockColorContrastFix,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    textHighlightStyle,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    decisionStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    taskItemStylesWithBlockTaskItem :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    taskItemStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    taskItemCheckboxStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    decisionIconWithVisualRefresh,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    statusStylesTeam26 : fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    statusStylesMixin_fg_platform_component_visual_refresh_with_search_match :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    statusStylesMixin_fg_platform_component_visual_refresh : expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    statusStylesMixin_without_fg_platform_component_visual_refresh,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    annotationStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorExperiment('platform_editor_block_menu', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    smartCardStylesWithSearchMatchAndBlockMenuDangerStyles :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    smartCardStylesWithSearchMatch :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    smartCardStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    editorControlsSmartCardStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    embedCardStyles,
+    // 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
+    resizerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutBaseStylesWithTableExcerptsFix,
+    // merge alignMultipleWrappedImageInLayoutStyles with layoutBaseStyles when clean up platform_editor_fix_media_in_renderer
+    fg('platform_editor_fix_media_in_renderer') && alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
+    // Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    !useStandardNodeWidth &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    syncBlockStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    editorExperiment('platform_synced_block', true) && syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    syncBlockFirstNodeStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    editorExperiment('advanced_layouts', true) && layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutSectionStylesAdvanced :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && fg('platform_editor_nested_dnd_styles_changes') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutColumnStylesAdvanced :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutColumnResizeStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    editorExperiment('advanced_layouts', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutSelectedStylesAdvanced :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutSelectedStylesAdvancedFix,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    editorExperiment('advanced_layouts', true) && layoutColumnResponsiveStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    editorExperiment('advanced_layouts', true) && layoutResponsiveBaseStyles, fg('platform_editor_nested_dnd_styles_changes') && (editorExperiment('platform_synced_block', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutBaseStylesFixesUnderNestedDnDFG), fg('platform_editor_nested_dnd_styles_changes') ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutColumnMartinTopFixesNew :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutColumnMartinTopFixesOld,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    smartLinksInLivePagesStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    linkingVisualRefreshV1Styles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    dateVanillaStyles, fg('platform_editor_typography_ugc') ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    contentMode === 'compact' && (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/ui-styling-standard/no-imported-style-values
+    paragraphStylesWithScaledMargin :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    paragraphStylesUGCRefreshed :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    contentMode === 'compact' && (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/ui-styling-standard/no-imported-style-values
+    paragraphStylesOldWithScaledMargin :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    paragraphStylesOld,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    linkStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    browser.safari && listsStylesSafariFix, editorExperiment('platform_synced_block', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    pragmaticResizerStyles : undefined, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    editorExperiment('platform_synced_block', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    pragmaticResizerStylesCodeBlockSyncedBlockPatch :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    pragmaticResizerStylesCodeBlockLegacy : undefined, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    pragmaticResizerStylesWithReducedEditorGutter,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    aiPanelBaseStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    isFirefox && aiPanelBaseFirefoxStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    colorMode === 'dark' && aiPanelDarkStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    colorMode === 'dark' && isFirefox && aiPanelDarkFirefoxStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    viewMode === 'view' && layoutStylesForView,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    viewMode === 'view' && editorExperiment('advanced_layouts', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutResponsiveStylesForView,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    isComment && commentEditorStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    isComment && tableCommentEditorStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    isFullPage && fullPageEditorStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    isFullPage && scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    firstCodeBlockWithNoMargin :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    firstCodeBlockWithNoMarginOld,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    firstBlockNodeStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    mentionsSelectionStylesWithSearchMatch :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    mentionsSelectionStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    scaledEmojiStyles :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    emojiStyles,
+    // 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,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    panelViewStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    mediaGroupStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    tableLayoutFixesWithFontSize :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    tableLayoutFixes,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    tableContainerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    tableSharedStyle(),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    tableEmptyRowStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    tableContentModeStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    hyperLinkFloatingToolbarStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    selectionToolbarAnimationStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    editorExperiment('platform_editor_block_menu', true) && [
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    blockquoteDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    textDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    listDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    dangerDateStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    emojiDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    mentionDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    decisionDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    statusDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    dangerRuleStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    mediaDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    nestedPanelDangerStyles]],
+    "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);
+});