@atlaskit/editor-core 219.2.0 → 219.2.1

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

@@ -0,0 +1,578 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditorContentContainerEmotion = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _browser = require("@atlaskit/editor-common/browser");
+var _styles = require("@atlaskit/editor-common/styles");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _tokens = require("@atlaskit/tokens");
+var _getBaseFontSize = require("../../composable-editor/utils/getBaseFontSize");
+var _aiPanel = require("./styles/aiPanel");
+var _annotationStyles = require("./styles/annotationStyles");
+var _backgroundColorStyles = require("./styles/backgroundColorStyles");
+var _baseStyles = require("./styles/baseStyles");
+var _blockMarksStyles = require("./styles/blockMarksStyles");
+var _blockTypeStyles = require("./styles/blockTypeStyles");
+var _codeBlockStyles = require("./styles/codeBlockStyles");
+var _codeMarkStyles = require("./styles/codeMarkStyles");
+var _commentEditorStyles = require("./styles/commentEditorStyles");
+var _cursorStyles = require("./styles/cursorStyles");
+var _dateStyles = require("./styles/dateStyles");
+var _editorUGCTokenStyles = require("./styles/editorUGCTokenStyles");
+var _embedCardStyles = require("./styles/embedCardStyles");
+var _emoji = require("./styles/emoji");
+var _expandStyles = require("./styles/expandStyles");
+var _extensionStyles = require("./styles/extensionStyles");
+var _findReplaceStyles = require("./styles/findReplaceStyles");
+var _firstBlockNodeStyles = require("./styles/firstBlockNodeStyles");
+var _floatingToolbarStyles = require("./styles/floatingToolbarStyles");
+var _fontSizeStyles = require("./styles/fontSizeStyles");
+var _fullPageEditorStyles = require("./styles/fullPageEditorStyles");
+var _gapCursorStyles = require("./styles/gapCursorStyles");
+var _gridStyles = require("./styles/gridStyles");
+var _indentationStyles = require("./styles/indentationStyles");
+var _inlineNodeViewSharedStyles = require("./styles/inlineNodeViewSharedStyles");
+var _layout = require("./styles/layout");
+var _link = require("./styles/link");
+var _list = require("./styles/list");
+var _mediaStyles = require("./styles/mediaStyles");
+var _mentions = require("./styles/mentions");
+var _panelStyles = require("./styles/panelStyles");
+var _paragraphStyles = require("./styles/paragraphStyles");
+var _placeholderStyles = require("./styles/placeholderStyles");
+var _resizerStyles = require("./styles/resizerStyles");
+var _rule = require("./styles/rule");
+var _scrollbarStyles = require("./styles/scrollbarStyles");
+var _selectionStyles = require("./styles/selectionStyles");
+var _selectionToolbarStyles = require("./styles/selectionToolbarStyles");
+var _shadowStyles = require("./styles/shadowStyles");
+var _smartCardStyles = require("./styles/smartCardStyles");
+var _statusStyles = require("./styles/statusStyles");
+var _syncBlockStyles = require("./styles/syncBlockStyles");
+var _tableStyles = require("./styles/tableStyles");
+var _tasksAndDecisionsStyles = require("./styles/tasksAndDecisionsStyles");
+var _telepointerStyles = require("./styles/telepointerStyles");
+var _textColorStyles = require("./styles/textColorStyles");
+var _textHighlightStyles = require("./styles/textHighlightStyles");
+var _unsupportedStyles = require("./styles/unsupportedStyles");
+var _whitespaceStyles = require("./styles/whitespaceStyles");
+/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// 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
+
+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-'])": (0, _defineProperty2.default)({}, "& .".concat(_styles.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
+ */
+var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#__PURE__*/_react.default.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 = (0, _react2.useTheme)();
+  var _useThemeObserver = (0, _tokens.useThemeObserver)(),
+    colorMode = _useThemeObserver.colorMode;
+  var isFullPage = appearance === 'full-page' || appearance === 'full-width' || ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('confluence_max_width_content_appearance', 'isEnabled', true)) && appearance === 'max';
+  var isComment = appearance === 'comment';
+  var isChromeless = appearance === 'chromeless';
+  var baseFontSize = (0, _getBaseFontSize.getBaseFontSize)(appearance, contentMode);
+  var style = (0, _experiments.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((0, _editorSharedStyles.editorFontSize)({
+      theme: theme
+    }), "px")
+  } : {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    '--ak-editor-base-font-size': "".concat((0, _editorSharedStyles.editorFontSize)({
+      theme: theme
+    }), "px"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    '--ak-editor--large-gutter-padding': "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px")
+  };
+  var browser = (0, _browser.getBrowserInfo)();
+  return (0, _react2.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.baseStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _baseStyles.maxModeReizeFixStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _baseStyles.baseStylesMaxContainerWidthFixes,
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    (0, _platformFeatureFlags.fg)('platform_editor_controls_increase_full_page_gutter') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _baseStyles.editorLargeGutterPuddingBaseStylesEditorControls :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _baseStyles.editorLargeGutterPuddingBaseStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+      exposure: true
+    }) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _baseStyles.editorLargeGutterPuddingReducedBaseStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _whitespaceStyles.whitespaceStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _indentationStyles.indentationStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && _fontSizeStyles.fontSizeStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _shadowStyles.shadowStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _inlineNodeViewSharedStyles.InlineNodeViewSharedStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _selectionStyles.hideSelectionStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _selectionStyles.hideCursorWhenHideSelectionStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _selectionStyles.selectedNodeStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _cursorStyles.cursorStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _floatingToolbarStyles.firstFloatingToolbarButtonStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _placeholderStyles.placeholderTextStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _placeholderStyles.placeholderStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && _placeholderStyles.placeholderOverflowStyles, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && (0, _platformFeatureFlags.fg)('platform_editor_quick_insert_placeholder') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _placeholderStyles.placeholderWrapStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _codeBlockStyles.codeBlockStyles, contentMode === 'compact' && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) ||
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _codeBlockStyles.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
+    !(0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') && _editorUGCTokenStyles.editorUGCTokensDefault, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _editorUGCTokenStyles.editorUGCTokensRefreshed,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && _editorUGCTokenStyles.editorUGCSmallText,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _blockTypeStyles.blocktypeStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
+      exposure: true
+    }) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _blockTypeStyles.blockquoteSelectedNodeStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
+      exposure: true
+    }) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _blockTypeStyles.listSelectedNodeStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
+      exposure: true
+    }) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _blockTypeStyles.textSelectedNodeStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _blockTypeStyles.blocktypeStyles_fg_platform_editor_typography_ugc :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _blockTypeStyles.blocktypeStyles_without_fg_platform_editor_typography_ugc, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _blockTypeStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _codeMarkStyles.codeMarkStyles, (0, _expValEquals.expValEquals)('platform_editor_a11y_scrollable_region', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _codeMarkStyles.codeMarkStylesA11yFix,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _textColorStyles.textColorStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _backgroundColorStyles.backgroundColorStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _backgroundColorStyles.textHighlightPaddingStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _list.listsStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_flexible_list_schema', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _list.listItemHiddenMarkerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _list.diffListStyles,
+    // Condense vertical spacing between list items when content mode dense is active
+    contentMode === 'compact' && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) ||
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _list.getDenseListStyles)(baseFontSize), (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'listLayoutShiftFix', true) && isFullPage &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _list.listsStylesMarginLayoutShiftFix,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _rule.ruleStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _smartCardStyles.smartCardDiffStyles, (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _smartCardStyles.showDiffDeletedNodeStylesNew :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _smartCardStyles.showDiffDeletedNodeStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _mediaStyles.mediaStyles, contentMode === 'compact' && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) ||
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _mediaStyles.mediaCaptionStyles,
+    // merge firstWrappedMediaStyles with mediaStyles when clean up platform_editor_fix_media_in_renderer
+    (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _telepointerStyles.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
+    _telepointerStyles.telepointerColorAndCommonStyle,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _gapCursorStyles.gapCursorStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _gapCursorStyles.gapCursorStylesVisibilityFix,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _panelStyles.panelStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _panelStyles.nestedPanelBorderStylesMixin, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _panelStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _panelStyles.panelStylesMixin,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _mentions.mentionsStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _tasksAndDecisionsStyles.tasksAndDecisionsStyles,
+    // condense vertical spacing between tasks/decisions items when content mode dense is active
+    contentMode === 'compact' && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) ||
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _tasksAndDecisionsStyles.getDenseTasksAndDecisionsStyles)(baseFontSize),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _gridStyles.gridStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _blockMarksStyles.blockMarksStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _dateStyles.dateStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _extensionStyles.getExtensionStyles)(contentMode),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _extensionStyles.extensionDiffStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _expandStyles.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.expandStyles, contentMode === 'compact' && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) ||
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _expandStyles.getDenseExpandTitleStyles)(baseFontSize), (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _expandStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _expandStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _expandStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && (0, _expValEquals.expValEquals)('platform_editor_chromeless_expand_fix', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _expandStyles.expandStylesMixin_experiment_platform_editor_chromeless_expand_fix, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _findReplaceStyles.findReplaceStylesNewWithA11Y :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _findReplaceStyles.findReplaceStyles, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _findReplaceStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !(0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _findReplaceStyles.findReplaceStylesWithCodeblockColorContrastFix,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _textHighlightStyles.textHighlightStyle,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _tasksAndDecisionsStyles.decisionStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _tasksAndDecisionsStyles.taskItemStylesWithBlockTaskItem :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _tasksAndDecisionsStyles.taskItemStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _tasksAndDecisionsStyles.taskItemCheckboxStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _tasksAndDecisionsStyles.decisionIconWithVisualRefresh,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _statusStyles.statusStyles, (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _statusStyles.statusStylesTeam26 : (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _statusStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _statusStyles.statusStylesMixin_fg_platform_component_visual_refresh : (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _statusStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _statusStyles.statusStylesMixin_without_fg_platform_component_visual_refresh,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _annotationStyles.annotationStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? (0, _experiments.editorExperiment)('platform_editor_block_menu', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _smartCardStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _smartCardStyles.smartCardStylesWithSearchMatch :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _smartCardStyles.smartCardStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _smartCardStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_controls', 'cohort', 'variant1') || (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _smartCardStyles.editorControlsSmartCardStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _embedCardStyles.embedCardStyles,
+    // 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
+    _resizerStyles.resizerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutBaseStylesWithTableExcerptsFix,
+    // merge alignMultipleWrappedImageInLayoutStyles with layoutBaseStyles when clean up platform_editor_fix_media_in_renderer
+    (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && alignMultipleWrappedImageInLayoutStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _syncBlockStyles.syncBlockStylesBase, (0, _experiments.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.syncBlockStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _experiments.editorExperiment)('platform_synced_block', true) && _syncBlockStyles.syncBlockOverflowStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _syncBlockStyles.syncBlockFirstNodeStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutBaseStylesAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutSectionStylesAdvanced :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutSectionStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutColumnDividerStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutColumnDividerStylesNestedDnD, (0, _experiments.editorExperiment)('advanced_layouts', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutColumnStylesAdvanced :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutColumnStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutColumnResizeStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _experiments.editorExperiment)('advanced_layouts', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutSelectedStylesAdvanced :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutSelectedStylesNotAdvanced, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutSelectedStylesAdvancedFix,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutColumnResponsiveStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutResponsiveBaseStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && ((0, _experiments.editorExperiment)('platform_synced_block', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutBaseStylesFixesUnderNestedDnDFG), (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutColumnMartinTopFixesNew :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutColumnMartinTopFixesOld,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _smartCardStyles.smartLinksInLivePagesStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _smartCardStyles.linkingVisualRefreshV1Styles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _dateStyles.dateVanillaStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    contentMode === 'compact' && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) ||
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _paragraphStyles.paragraphStylesWithScaledMargin :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _paragraphStyles.paragraphStylesUGCRefreshed :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    contentMode === 'compact' && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) ||
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _paragraphStyles.paragraphStylesOldWithScaledMargin :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _paragraphStyles.paragraphStylesOld,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _link.linkStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    browser.safari && _list.listsStylesSafariFix, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _resizerStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _resizerStyles.pragmaticResizerStyles : undefined, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _experiments.editorExperiment)('platform_synced_block', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _resizerStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _resizerStyles.pragmaticResizerStylesCodeBlockLegacy : undefined, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _resizerStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _resizerStyles.pragmaticResizerStylesForTooltip, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _experiments.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _resizerStyles.pragmaticResizerStylesWithReducedEditorGutter,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _aiPanel.aiPanelBaseStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    isFirefox && _aiPanel.aiPanelBaseFirefoxStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    colorMode === 'dark' && _aiPanel.aiPanelDarkStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    colorMode === 'dark' && isFirefox && _aiPanel.aiPanelDarkFirefoxStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    viewMode === 'view' && _layout.layoutStylesForView,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', false) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutResponsiveStylesForView,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    isComment && _commentEditorStyles.commentEditorStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    isComment && _tableStyles.tableCommentEditorStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    isFullPage && _fullPageEditorStyles.fullPageEditorStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    isFullPage && _scrollbarStyles.scrollbarStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _codeBlockStyles.firstCodeBlockWithNoMargin :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _codeBlockStyles.firstCodeBlockWithNoMarginOld,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _firstBlockNodeStyles.firstBlockNodeStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _mentions.mentionNodeStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _mentions.mentionsSelectionStylesWithSearchMatch :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _mentions.mentionsSelectionStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _emoji.scaledEmojiStyles :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _emoji.emojiStyles,
+    // Dense emoji scaling based on base font size
+    contentMode === 'compact' && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) ||
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) ? (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _emoji.getScaledDenseEmojiStyles)(baseFontSize) :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _emoji.getDenseEmojiStyles)(baseFontSize) : undefined,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _panelStyles.panelViewStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _mediaStyles.mediaGroupStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _mediaStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _tableStyles.tableLayoutFixesWithFontSize :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _tableStyles.tableLayoutFixes,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _tableStyles.tableContainerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _styles.tableSharedStyle)(),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _tableStyles.tableEmptyRowStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _tableStyles.tableContentModeStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _link.hyperLinkFloatingToolbarStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _selectionToolbarStyles.selectionToolbarAnimationStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && [
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _blockTypeStyles.blockquoteDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _blockTypeStyles.textDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _blockTypeStyles.listDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _dateStyles.dangerDateStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _emoji.emojiDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _mentions.mentionDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _tasksAndDecisionsStyles.decisionDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _statusStyles.statusDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _rule.dangerRuleStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _mediaStyles.mediaDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _panelStyles.nestedPanelDangerStyles]],
+    "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);
+});