@atlaskit/editor-core 233.0.1 → 234.0.0

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

@@ -1,761 +0,0 @@
-"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 _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
-var _unsafeExpValNoExposure = require("@atlaskit/platform-feature-experiments/unsafe-exp-val-no-exposure");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
-var _useThemeObserver2 = require("@atlaskit/tokens/use-theme-observer");
-var _getBaseFontSize = require("../../composable-editor/utils/getBaseFontSize");
-var _agentShimmerStyles = require("./styles/agentShimmerStyles");
-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 _blockSpacingStyles = require("./styles/blockSpacingStyles");
-var _blockTypeStyles = require("./styles/blockTypeStyles");
-var _codeBlockStyles = require("./styles/codeBlockStyles");
-var _codeMarkStyles = require("./styles/codeMarkStyles");
-var _commentEditorStyles = require("./styles/commentEditorStyles");
-var _containerTypeStyles = require("./styles/containerTypeStyles");
-var _contributorTagStyles = require("./styles/contributorTagStyles");
-var _cursorStyles = require("./styles/cursorStyles");
-var _dateStyles = require("./styles/dateStyles");
-var _editorUGCTokenStyles = require("./styles/editorUGCTokenStyles");
-var _embedCardStyles = require("./styles/embedCardStyles");
-var _emoji = require("./styles/emoji");
-var _expandStyles = require("./styles/expandStyles");
-var _extensionBreakoutStyles = require("./styles/extensionBreakoutStyles");
-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 _ruleWithAttrs = require("./styles/ruleWithAttrs");
-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 _syncBlockInteractiveCursorStyles = require("./styles/syncBlockInteractiveCursorStyles");
-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 _vanillaTooltipStyles = require("./styles/vanillaTooltipStyles");
-var _whitespaceStyles = require("./styles/whitespaceStyles");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* 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 syncBlockSelectedStyles = (0, _react2.css)({
-  '--ak-editor-sync-block-selected-border-color': "var(--ds-border-selected, #1868DB)",
-  '--ak-editor-sync-block-selected-label-background-color': "var(--ds-surface-hovered, #F0F1F2)"
-});
-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
-    })
-  }
-};
-
-// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
-/**
- * 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.
- *
- * @deprecated
- * Migration WIP
- * If you are touching EditorContentContainer-emotion.tsx, please also updated in EditorContentContainer-compiled.tsx,
- * If you are not sure, 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
- */
-/**
- * Pre-experiment semantic mapping for every named colour except neutral. Replaced
- * (not overlaid) by statusStylesNamedAccent when platform_editor_update_status_colors
- * is on, and deleted wholesale when that experiment is cleaned up.
- * See EDITOR-7600: keep in sync with EditorContentContainer-compiled.tsx.
- */
-var statusStylesNamedSemantic = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-discovery-subtler, #EED7FC)",
-    borderColor: "var(--ds-border-discovery-subtle, #D8A0F7)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
-    color: "var(--ds-text-discovery-bolder, #48245D)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-information-subtler, #CFE1FD)",
-    borderColor: "var(--ds-border-information-subtle, #8FB8F6)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
-    color: "var(--ds-text-information-bolder, #123263)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-danger-subtler, #FFD5D2)",
-    borderColor: "var(--ds-border-danger-subtle, #FD9891)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
-    color: "var(--ds-text-danger-bolder, #5D1F1A)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-warning-subtler, #FCE4A6)",
-    borderColor: "var(--ds-border-warning-subtle, #FBC828)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
-    color: "var(--ds-text-warning-bolder, #693200)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-success-subtler, #D3F1A7)",
-    borderColor: "var(--ds-border-success-subtle, #B3DF72)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
-    color: "var(--ds-text-success-bolder, #37471F)"
-  }
-});
-/**
- * Accent mapping for every named colour except neutral, used when
- * platform_editor_update_status_colors is on. Replaces statusStylesNamedSemantic.
- * yellow/green map to the orange/lime accents: their tokens are byte-identical to
- * warning/success in both themes, so this is not a recolour. Neutral stays on Team26.
- * See EDITOR-7600: keep in sync with EditorContentContainer-compiled.tsx.
- */
-var statusStylesNamedAccent = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-accent-blue-subtler, #CFE1FD)",
-    borderColor: "var(--ds-border-accent-blue-subtle, #8FB8F6)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
-    color: "var(--ds-text-accent-blue-bolder, #123263)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-accent-purple-subtler, #EED7FC)",
-    borderColor: "var(--ds-border-accent-purple-subtle, #D8A0F7)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
-    color: "var(--ds-text-accent-purple-bolder, #48245D)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)",
-    borderColor: "var(--ds-border-accent-red-subtle, #FD9891)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
-    color: "var(--ds-text-accent-red-bolder, #5D1F1A)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-accent-orange-subtler, #FCE4A6)",
-    borderColor: "var(--ds-border-accent-orange-subtle, #FBC828)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
-    color: "var(--ds-text-accent-orange-bolder, #693200)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-accent-lime-subtler, #D3F1A7)",
-    borderColor: "var(--ds-border-accent-lime-subtle, #B3DF72)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
-    color: "var(--ds-text-accent-lime-bolder, #37471F)"
-  }
-});
-/**
- * Hex IDs the 10-color picker persists (hues that cannot use a named colour).
- * Applied when platform_editor_gracefully_render_status_color or
- * platform_editor_update_status_colors is on.
- * See EDITOR-7600: keep in sync with EditorContentContainer-compiled.tsx.
- */
-var statusStylesHexAccent = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color="#B3F5FF"] > .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-accent-teal-subtler, #C6EDFB)",
-    borderColor: "var(--ds-border-accent-teal-subtle, #9DD9EE)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color="#B3F5FF"] .lozenge-text': {
-    color: "var(--ds-text-accent-teal-bolder, #164555)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color="#ABF5D1"] > .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-accent-green-subtler, #BAF3DB)",
-    borderColor: "var(--ds-border-accent-green-subtle, #7EE2B8)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color="#ABF5D1"] .lozenge-text': {
-    color: "var(--ds-text-accent-green-bolder, #164B35)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color="#D3F1A7"] > .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-accent-lime-subtler, #D3F1A7)",
-    borderColor: "var(--ds-border-accent-lime-subtle, #B3DF72)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color="#D3F1A7"] .lozenge-text': {
-    color: "var(--ds-text-accent-lime-bolder, #37471F)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color="#FFF0B3"] > .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-accent-yellow-subtler, #F5E989)",
-    borderColor: "var(--ds-border-accent-yellow-subtle, #EED12B)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color="#FFF0B3"] .lozenge-text': {
-    color: "var(--ds-text-accent-yellow-bolder, #533F04)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color="#FCE4A6"] > .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-accent-orange-subtler, #FCE4A6)",
-    borderColor: "var(--ds-border-accent-orange-subtle, #FBC828)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color="#FCE4A6"] .lozenge-text': {
-    color: "var(--ds-text-accent-orange-bolder, #693200)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color="#FDD0EC"] > .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)",
-    borderColor: "var(--ds-border-accent-magenta-subtle, #F797D2)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color="#FDD0EC"] .lozenge-text': {
-    color: "var(--ds-text-accent-magenta-bolder, #50253F)"
-  }
-});
-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, _useThemeObserver2.useThemeObserver)(),
-    colorMode = _useThemeObserver.colorMode;
-  var isFullPage = appearance === 'full-page' || appearance === 'full-width' || appearance === 'max';
-  var isComment = appearance === 'comment';
-  var isChromeless = appearance === 'chromeless';
-  var baseFontSize = (0, _getBaseFontSize.getBaseFontSize)(appearance, contentMode);
-
-  // Under the static-CSS experiment, --ak-editor-base-font-size is set earlier on the
-  // root div in editor-internal.tsx and inherited via the CSS cascade — do not set it here.
-  // For the legacy path, compute it from the Emotion theme as before.
-  var style = _react.default.useMemo(function () {
-    return _objectSpread(_objectSpread({}, !(0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true) && {
-      '--ak-editor-base-font-size': "".concat((0, _editorSharedStyles.editorFontSize)({
-        theme: theme
-      }), "px")
-    }), !(0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
-      exposure: true
-    }) && {
-      '--ak-editor--large-gutter-padding': "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px")
-    });
-  }, [theme]);
-  var browser = (0, _browser.getBrowserInfo)();
-
-  // Evaluate the block-spacing experiment once per render.
-  var isBlockSpacingEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_extension_block_spacing');
-  var isFloatingTocEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_floating_toc');
-  var isUpdateStatusColorsEnabled = (0, _unsafeExpValNoExposure.UNSAFE_expValNoExposure)('platform_editor_update_status_colors', 'isEnabled', false) || (0, _unsafeExpValNoExposure.UNSAFE_expValNoExposure)('platform_editor_update_status_colors_jira', 'isEnabled', false);
-  var isStatusStylesTeam26 = (0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts');
-  return (0, _react2.jsx)("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: className || undefined,
-    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/ui-styling-standard/no-imported-style-values
-    _baseStyles.editorGutterPaddingBaseStyles, (0, _editorExperiment.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
-    _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, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') && _placeholderStyles.placeholderOverflowStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _codeBlockStyles.codeBlockStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    contentMode === 'compact' && _codeBlockStyles.codeBlockStylesWithEmUnits,
-    // 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
-    _editorUGCTokenStyles.editorUGCSmallText,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _blockTypeStyles.blocktypeStyles, isFloatingTocEnabled &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _blockTypeStyles.headingScrollMarginStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _blockTypeStyles.blockquoteSelectedNodeStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _blockTypeStyles.listSelectedNodeStyles,
-    // 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
-    _blockTypeStyles.blocktypeStyles_fg_platform_editor_typography_ugc,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _blockTypeStyles.blocktypeStylesNestedDnd,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _codeMarkStyles.codeMarkStyles,
-    // 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, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _backgroundColorStyles.highlightLinksUnsetStyles,
-    // 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,
-    // 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' &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    (0, _list.getDenseListStyles)(baseFontSize), 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, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_dividers_attributes') &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _ruleWithAttrs.ruleWithAttrsStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _smartCardStyles.smartCardDiffStyles,
-    // 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,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && _mediaStyles.vanillaCaptionStyles, contentMode === 'compact' &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _mediaStyles.mediaCaptionStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    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,
-    // Agent-edit shimmer styles only apply when the experiment is on; no-exposure because this
-    // render path is hot and the real exposure is logged where an agent edit actually lands.
-    (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_agent_be_streaming', 'isEnabled', true) &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _agentShimmerStyles.agentShimmerStyle,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _gapCursorStyles.gapCursorStyles,
-    // 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,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _panelStyles.panelStylesMixinNestedDnd,
-    // 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' &&
-    // 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
-    (0, _fg.fg)('platform_editor_lovability_resize_exts_gracefully') && _extensionBreakoutStyles.extensionWithBreakoutStyles,
-    // 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' &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    (0, _expandStyles.getDenseExpandTitleStyles)(baseFontSize),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _expandStyles.expandStylesMixinNestedDnd,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _expandStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _expandStyles.expandStylesMixin_chromeless_expand_fix,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _findReplaceStyles.findReplaceStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _findReplaceStyles.findReplaceStylesWithRefSyncBlock,
-    // 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, isStatusStylesTeam26 ?
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _statusStyles.statusStylesTeam26 : (0, _fg.fg)('platform-component-visual-refresh') ?
-    // 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_without_fg_platform_component_visual_refresh_with_search_match, isStatusStylesTeam26 && isUpdateStatusColorsEnabled &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    statusStylesNamedAccent, isStatusStylesTeam26 && !isUpdateStatusColorsEnabled &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    statusStylesNamedSemantic, ((0, _fg.fg)('platform_editor_gracefully_render_status_color') || isUpdateStatusColorsEnabled) &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    statusStylesHexAccent,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _annotationStyles.annotationStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _smartCardStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _smartCardStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness,
-    // 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
-    _vanillaTooltipStyles.vanillaTooltipDefaultStyles, (0, _fg.fg)('confluence_ncs_step_diffing_version_history') &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _contributorTagStyles.contributorTagStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _unsupportedStyles.vanillaUnsupportedStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _resizerStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _resizerStyles.resizerBottomHandleStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _layout.layoutBaseStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    alignMultipleWrappedImageInLayoutStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _syncBlockStyles.syncBlockStylesBase, (0, _fg.fg)('platform-dst-tokens-finesse') && syncBlockSelectedStyles,
-    // 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
-    _syncBlockStyles.syncBlockOverflowStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _syncBlockStyles.syncBlockTextSelectionStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _syncBlockInteractiveCursorStyles.syncBlockInteractiveCursorStyles,
-    // 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, _editorExperiment.editorExperiment)('advanced_layouts', true) && _layout.layoutBaseStylesAdvanced, (0, _editorExperiment.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, _editorExperiment.editorExperiment)('advanced_layouts', true) && !(0, _fg.fg)('platform-dst-top-layer-tooltip') &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _layout.layoutDragHandleWrapperStylesLegacy, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _layout.layoutColumnDividerStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _layout.layoutColumnDividerStylesNestedDnD, (0, _editorExperiment.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, _editorExperiment.editorExperiment)('advanced_layouts', 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, _editorExperiment.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,
-    // 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, _editorExperiment.editorExperiment)('advanced_layouts', true) && _layout.layoutColumnResponsiveStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && _layout.layoutResponsiveBaseStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _layout.layoutBaseStylesNestedDndExcludingBodiedSync,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _layout.layoutColumnMartinTopFixes,
-    // 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, contentMode === 'compact' ?
-    // 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
-    _link.linkStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    browser.safari && _list.listsStylesSafariFix,
-    // 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) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _resizerStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _resizerStyles.pragmaticResizerStylesExtensions, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ?
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _resizerStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch : undefined, (0, _editorExperiment.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, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _editorExperiment.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, _editorExperiment.editorExperiment)('advanced_layouts', true) &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _layout.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', false) &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _layout.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _editorExperiment.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,
-    // Non-full-page appearances (comment, chromeless) have no `container-type` ancestor,
-    // so `cqw`-based content sizing (native embeds, media) falls back to the viewport and
-    // does not shrink when a sidebar narrows the content column. Make the content area a
-    // query container so `--ak-editor-max-container-width` resolves against the actual
-    // (sidebar-aware) editor width. Full-page keeps using the `editor-area` container.
-    (isComment || isChromeless) &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _containerTypeStyles.nonFullPageContainerTypeStyles,
-    // 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,
-    // 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
-    _firstBlockNodeStyles.firstBlockNodeStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _firstBlockNodeStyles.firstNodeWidgetFixStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _mentions.mentionNodeStyles,
-    // 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, isFloatingTocEnabled ?
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _emoji.directEmojiSelectionStyles :
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _emoji.emojiSelectionStyles,
-    // Dense emoji scaling based on base font size
-    contentMode === 'compact' ? (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,
-    // 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.tableContainerStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    (0, _styles.tableSharedStyle)(), (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_css_overflow_shadow') &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _tableStyles.tableScrollInlineShadowStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _tableStyles.tableEmptyRowStyles,
-    // SSR-safe rounded corners (see tableRoundedCornerStyles). Gated to match the table plugin
-    // migration that drops roundedTableCellCornerStyles() from the client-only <Global> styles.
-    (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _tableStyles.tableRoundedCornerStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    // 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
-    _tableStyles.tableContentModeExtensionContainmentStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _tableStyles.tableContentModeNestedTableStyles,
-    // 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
-    _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,
-    // Block spacing hook — opt-in via --ak-editor-extension-block-spacing.
-    // Applied last so the var-based margins override the base block margins by source
-    // order. Gated by an experiment so it can be disabled.
-    isBlockSpacingEnabled &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _blockSpacingStyles.blockSpacingVarStyles, isBlockSpacingEnabled && contentMode === 'compact' &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _blockSpacingStyles.blockSpacingVarScaledStyles],
-    "data-editor-scroll-container": isScrollable ? 'true' : undefined,
-    "data-testid": "editor-content-container"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    ,
-    style: style,
-    tabIndex: isScrollable ? 0 : undefined,
-    role: isScrollable ? 'region' : undefined
-  }, children);
-});