@atlaskit/editor-core 220.1.0 → 220.1.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-core
 
+## 220.1.1
+
+### Patch Changes
+
+- [`4c44277d90774`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4c44277d90774) -
+  depreciate theme in editor
+- Updated dependencies
+
 ## 220.1.0
 
 ### Minor Changes

package/dist/cjs/composable-editor/BaseThemeWrapper.js

@@ -4,18 +4,31 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BaseThemeWrapper = BaseThemeWrapper;
+exports.BaseThemeWrapper = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 // Default value from: `import { fontSize } from '@atlaskit/theme/constants';`
 var defaultFontSize = 14;
-function BaseThemeWrapper(_ref) {
-  var baseFontSize = _ref.baseFontSize,
-    children = _ref.children;
+
+// No-op variant used when the static-css experiment is enabled. Editor consumers
+// no longer read theme.baseFontSize / theme.layoutMaxWidth via Emotion's useTheme(),
+// so no <ThemeProvider> is required in the React tree.
+var BaseThemeWrapperNoop = function BaseThemeWrapperNoop(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+};
+
+// Legacy variant keeping the original Emotion <ThemeProvider> behaviour for
+// callers that still rely on theme.baseFontSize / theme.layoutMaxWidth.
+var BaseThemeWrapperLegacy = function BaseThemeWrapperLegacy(_ref2) {
+  var baseFontSize = _ref2.baseFontSize,
+    children = _ref2.children;
   var memoizedTheme = (0, _react.useMemo)(function () {
     return {
       baseFontSize: baseFontSize || defaultFontSize,
@@ -25,4 +38,10 @@ function BaseThemeWrapper(_ref) {
   return /*#__PURE__*/_react.default.createElement(_react2.ThemeProvider, {
     theme: memoizedTheme
   }, children);
-}
+};
+
+// Gated at module load — when the experiment is enabled, this becomes a no-op
+// wrapper; otherwise it preserves today's Emotion <ThemeProvider> behaviour.
+var BaseThemeWrapper = exports.BaseThemeWrapper = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
+  return (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, BaseThemeWrapperNoop, BaseThemeWrapperLegacy);

package/dist/cjs/composable-editor/editor-internal-compiled.js

@@ -20,8 +20,12 @@ var editorContainerCompiledStyles = {
   root: "_kqswh2mm _1bsb1osq _4t3i1osq"
 };
 var EditorInternalContainerCompiled = exports.EditorInternalContainerCompiled = function EditorInternalContainerCompiled(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    fontSize = _ref.fontSize;
   return /*#__PURE__*/React.createElement("div", {
+    style: {
+      '--ak-editor-base-font-size': "".concat(fontSize, "px")
+    },
     className: (0, _runtime.ax)([editorContainerCompiledStyles.root])
   }, children);
 };

package/dist/cjs/composable-editor/editor-internal-emotion.js

@@ -24,8 +24,12 @@ var editorContainerEmotionStyles = (0, _react.css)({
   height: '100%'
 });
 var EditorInternalContainerEmotion = exports.EditorInternalContainerEmotion = function EditorInternalContainerEmotion(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    fontSize = _ref.fontSize;
   return (0, _react.jsx)("div", {
-    css: editorContainerEmotionStyles
+    css: editorContainerEmotionStyles,
+    style: {
+      '--ak-editor-base-font-size': "".concat(fontSize, "px")
+    }
   }, children);
 };

package/dist/cjs/composable-editor/editor-internal.js

@@ -11,6 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _portal = require("@atlaskit/editor-common/portal");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -67,6 +68,12 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
     nodeViewPortalProviderAPI = _usePortalProvider4[0],
     NodeViewPortalRenderer = _usePortalProvider4[1];
   var propsToIgnore = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? DEFAULT_VALUE_PROP_TO_IGNORE : ['defaultValue'];
+  var baseFontSize = (0, _getBaseFontSize.getBaseFontSize)(props.appearance, props.contentMode);
+  var fontSize = (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true) || (0, _expValEquals.expValEquals)('platform_editor_core_static_css', 'isEnabled', true) ? (0, _editorSharedStyles.editorFontSize)({
+    theme: {
+      baseFontSize: baseFontSize
+    }
+  }) : undefined;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, renderTrackingEnabled && /*#__PURE__*/_react.default.createElement(_RenderTracking.RenderTracking, {
     componentProps: props,
     action: _analytics.ACTION.RE_RENDERED,
@@ -79,7 +86,9 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
     createAnalyticsEvent: createAnalyticsEvent,
     contextIdentifierProvider: props.contextIdentifierProvider,
     featureFlags: featureFlags
-  }, /*#__PURE__*/_react.default.createElement(EditorInternalContainerMigration, null, /*#__PURE__*/_react.default.createElement(_EditorContext.default, {
+  }, /*#__PURE__*/_react.default.createElement(EditorInternalContainerMigration, {
+    fontSize: fontSize
+  }, /*#__PURE__*/_react.default.createElement(_EditorContext.default, {
     editorActions: editorActions
   }, /*#__PURE__*/_react.default.createElement(_IntlProviderIfMissingWrapper.IntlProviderIfMissingWrapper, null, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_ReactEditorView.default, {
     editorProps: overriddenEditorProps,
@@ -103,7 +112,7 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
         editorRef = _ref2.editorRef,
         editorAPI = _ref2.editorAPI;
       return /*#__PURE__*/_react.default.createElement(_BaseThemeWrapper.BaseThemeWrapper, {
-        baseFontSize: (0, _getBaseFontSize.getBaseFontSize)(props.appearance, props.contentMode)
+        baseFontSize: baseFontSize
       }, /*#__PURE__*/_react.default.createElement(AppearanceComponent, {
         innerRef: editorRef,
         editorAPI: editorAPI

package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js

@@ -17,6 +17,7 @@ var _messages = require("@atlaskit/editor-common/messages");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 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 _ClickAreaBlock = _interopRequireDefault(require("../../Addon/ClickAreaBlock"));
@@ -232,7 +233,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var contentAreaRef = (0, _react.useRef)(null);
   var containerRef = (0, _react.useRef)(null);
   var allowScrollGutter = (_props$editorAPI = props.editorAPI) === null || _props$editorAPI === void 0 || (_props$editorAPI = _props$editorAPI.base) === null || _props$editorAPI === void 0 || (_props$editorAPI = _props$editorAPI.sharedState.currentState()) === null || _props$editorAPI === void 0 ? void 0 : _props$editorAPI.allowScrollGutter;
-  var contentAreaMaxWidth = getTotalPadding() + (!fullWidthMode ? maxWidthMode ? akEditorUltraWideLayoutWidth : theme.layoutMaxWidth : akEditorFullWidthLayoutWidth);
+  var contentAreaMaxWidth = getTotalPadding() + (!fullWidthMode ? maxWidthMode ? akEditorUltraWideLayoutWidth : (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true) || (0, _expValEquals.expValEquals)('platform_editor_core_static_css', 'isEnabled', true) ? _editorSharedStyles.akEditorDefaultLayoutWidth : theme.layoutMaxWidth : akEditorFullWidthLayoutWidth);
 
   // Get useStandardNodeWidth from block menu plugin shared state
   // Only access editorAPI when the experiment is enabled to avoid performance impact

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

@@ -1,6 +1,4 @@
 /* EditorContentContainer-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
-// TODO: EDITOR-6833 - Expected across this entire file, future violations are expected. Will try to remove them later after fully migration
-/* eslint-disable @atlaskit/platform/use-motion-token-values, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/design-system/no-invalid-css-map, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/platform/expand-spacing-shorthand, @atlaskit/platform/expand-border-shorthand, @atlaskit/platform/expand-background-shorthand */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -10,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.EditorContentContainerCompiled = void 0;
 require("./EditorContentContainer-compiled.compiled.css");
 var _runtime = require("@compiled/react/runtime");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _browser = require("@atlaskit/editor-common/browser");
 var _panel = require("@atlaskit/editor-common/panel");
@@ -24,7 +23,9 @@ var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equa
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _tokens = require("@atlaskit/tokens");
 var _getBaseFontSize = require("../../composable-editor/utils/getBaseFontSize");
-// eslint-disable-next-line import/order
+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; } // TODO: EDITOR-6833 - Expected across this entire file, future violations are expected. Will try to remove them later after fully migration
+/* eslint-disable @atlaskit/platform/use-motion-token-values, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/design-system/no-invalid-css-map, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/platform/expand-spacing-shorthand, @atlaskit/platform/expand-border-shorthand, @atlaskit/platform/expand-background-shorthand */ // eslint-disable-next-line import/order
 // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
 // TODO: add back tableSharedStyle when migrate table styles
 // import { richMediaClassName, tableSharedStyle } from '@atlaskit/editor-common/styles';
@@ -349,24 +350,17 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
   var tableOverflowShadow = (0, _overflowShadowForCompiled.overflowShadowForCompiled)({
     leftCoverWidth: "var(--ds-space-300, 24px)"
   });
-  var style = (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
-    exposure: true
-  }) ? {
-    '--ak-editor-base-font-size': "".concat((0, _editorSharedStyles.editorFontSize)({
-      theme: {
-        baseFontSize: baseFontSize
-      }
-    }), "px"),
-    '--ak-editor--table-overflow-shadow': tableOverflowShadow
-  } : {
-    '--ak-editor-base-font-size': "".concat((0, _editorSharedStyles.editorFontSize)({
-      theme: {
-        baseFontSize: baseFontSize
-      }
-    }), "px"),
-    '--ak-editor--large-gutter-padding': "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px"),
+
+  // 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 = _objectSpread({
     '--ak-editor--table-overflow-shadow': tableOverflowShadow
-  };
+  }, !(0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) && {
+    '--ak-editor--large-gutter-padding': "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px")
+  });
   var browser = (0, _browser.getBrowserInfo)();
   return /*#__PURE__*/_react.default.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -395,7 +389,7 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
     // 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')) ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed : 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')) ? editorContentStyles.paragraphStylesOldWithScaledMargin : editorContentStyles.paragraphStylesOld, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && "", (0, _experiments.editorExperiment)('platform_synced_block', true) ? editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch : editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _experiments.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, editorContentStyles.mentionNodeStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) || (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) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) || (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) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, className]),
+    (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) ? editorContentStyles.paragraphStylesOldWithScaledMargin : editorContentStyles.paragraphStylesOld, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && !(0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _experiments.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, editorContentStyles.mentionNodeStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) || (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) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) || (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) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, className]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"

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

@@ -66,14 +66,11 @@ 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 */
-/**
+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
-
+ */ // 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': {
@@ -127,21 +124,19 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
   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
+
+  // 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 = _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")
-  } : {
-    // 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
+  }), !(0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) && {
     '--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

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "220.0.3";
+var version = exports.version = "220.1.0";

package/dist/es2019/composable-editor/BaseThemeWrapper.js

@@ -3,12 +3,24 @@ import React, { useMemo } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { ThemeProvider } from '@emotion/react';
 import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 // Default value from: `import { fontSize } from '@atlaskit/theme/constants';`
 const defaultFontSize = 14;
-export function BaseThemeWrapper({
+
+// No-op variant used when the static-css experiment is enabled. Editor consumers
+// no longer read theme.baseFontSize / theme.layoutMaxWidth via Emotion's useTheme(),
+// so no <ThemeProvider> is required in the React tree.
+const BaseThemeWrapperNoop = ({
+  children
+}) => /*#__PURE__*/React.createElement(React.Fragment, null, children);
+
+// Legacy variant keeping the original Emotion <ThemeProvider> behaviour for
+// callers that still rely on theme.baseFontSize / theme.layoutMaxWidth.
+const BaseThemeWrapperLegacy = ({
   baseFontSize,
   children
-}) {
+}) => {
   const memoizedTheme = useMemo(() => ({
     baseFontSize: baseFontSize || defaultFontSize,
     layoutMaxWidth: akEditorDefaultLayoutWidth
@@ -16,4 +28,8 @@ export function BaseThemeWrapper({
   return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: memoizedTheme
   }, children);
-}
+};
+
+// Gated at module load — when the experiment is enabled, this becomes a no-op
+// wrapper; otherwise it preserves today's Emotion <ThemeProvider> behaviour.
+export const BaseThemeWrapper = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), BaseThemeWrapperNoop, BaseThemeWrapperLegacy);

package/dist/es2019/composable-editor/editor-internal-compiled.js

@@ -12,7 +12,11 @@ const editorContainerCompiledStyles = {
   root: "_kqswh2mm _1bsb1osq _4t3i1osq"
 };
 export const EditorInternalContainerCompiled = ({
-  children
+  children,
+  fontSize
 }) => /*#__PURE__*/React.createElement("div", {
+  style: {
+    '--ak-editor-base-font-size': `${fontSize}px`
+  },
   className: ax([editorContainerCompiledStyles.root])
 }, children);

package/dist/es2019/composable-editor/editor-internal-emotion.js

@@ -17,7 +17,11 @@ const editorContainerEmotionStyles = css({
   height: '100%'
 });
 export const EditorInternalContainerEmotion = ({
-  children
+  children,
+  fontSize
 }) => jsx("div", {
-  css: editorContainerEmotionStyles
+  css: editorContainerEmotionStyles,
+  style: {
+    '--ak-editor-base-font-size': `${fontSize}px`
+  }
 }, children);

package/dist/es2019/composable-editor/editor-internal.js

@@ -1,6 +1,7 @@
 import React, { Fragment, memo } from 'react';
 import { ACTION, ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import { usePortalProvider } from '@atlaskit/editor-common/portal';
+import { editorFontSize } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -48,6 +49,12 @@ export const EditorInternal = /*#__PURE__*/memo(({
   const [portalProviderAPI, PortalRenderer] = usePortalProvider();
   const [nodeViewPortalProviderAPI, NodeViewPortalRenderer] = usePortalProvider();
   const propsToIgnore = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? DEFAULT_VALUE_PROP_TO_IGNORE : ['defaultValue'];
+  const baseFontSize = getBaseFontSize(props.appearance, props.contentMode);
+  const fontSize = expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true) || expValEquals('platform_editor_core_static_css', 'isEnabled', true) ? editorFontSize({
+    theme: {
+      baseFontSize
+    }
+  }) : undefined;
   return /*#__PURE__*/React.createElement(Fragment, null, renderTrackingEnabled && /*#__PURE__*/React.createElement(RenderTracking, {
     componentProps: props,
     action: ACTION.RE_RENDERED,
@@ -60,7 +67,9 @@ export const EditorInternal = /*#__PURE__*/memo(({
     createAnalyticsEvent: createAnalyticsEvent,
     contextIdentifierProvider: props.contextIdentifierProvider,
     featureFlags: featureFlags
-  }, /*#__PURE__*/React.createElement(EditorInternalContainerMigration, null, /*#__PURE__*/React.createElement(EditorContext, {
+  }, /*#__PURE__*/React.createElement(EditorInternalContainerMigration, {
+    fontSize: fontSize
+  }, /*#__PURE__*/React.createElement(EditorContext, {
     editorActions: editorActions
   }, /*#__PURE__*/React.createElement(IntlProviderIfMissingWrapper, null, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ReactEditorViewNext, {
     editorProps: overriddenEditorProps,
@@ -85,7 +94,7 @@ export const EditorInternal = /*#__PURE__*/memo(({
     }) => {
       var _props$featureFlags, _props$featureFlags2;
       return /*#__PURE__*/React.createElement(BaseThemeWrapper, {
-        baseFontSize: getBaseFontSize(props.appearance, props.contentMode)
+        baseFontSize: baseFontSize
       }, /*#__PURE__*/React.createElement(AppearanceComponent, {
         innerRef: editorRef,
         editorAPI: editorAPI

package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js

@@ -12,9 +12,10 @@ import { injectIntl } from 'react-intl';
 import { decisionListSelector, taskListSelector } from '@atlaskit/adf-schema';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
-import { akEditorFullPageNarrowBreakout, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced } from '@atlaskit/editor-shared-styles';
+import { akEditorFullPageNarrowBreakout, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // Ignored via go/ees005
@@ -226,7 +227,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
   const contentAreaRef = useRef(null);
   const containerRef = useRef(null);
   const allowScrollGutter = (_props$editorAPI = props.editorAPI) === null || _props$editorAPI === void 0 ? void 0 : (_props$editorAPI$base = _props$editorAPI.base) === null || _props$editorAPI$base === void 0 ? void 0 : (_props$editorAPI$base2 = _props$editorAPI$base.sharedState.currentState()) === null || _props$editorAPI$base2 === void 0 ? void 0 : _props$editorAPI$base2.allowScrollGutter;
-  const contentAreaMaxWidth = getTotalPadding() + (!fullWidthMode ? maxWidthMode ? akEditorUltraWideLayoutWidth : theme.layoutMaxWidth : akEditorFullWidthLayoutWidth);
+  const contentAreaMaxWidth = getTotalPadding() + (!fullWidthMode ? maxWidthMode ? akEditorUltraWideLayoutWidth : expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true) || expValEquals('platform_editor_core_static_css', 'isEnabled', true) ? akEditorDefaultLayoutWidth : theme.layoutMaxWidth : akEditorFullWidthLayoutWidth);
 
   // Get useStandardNodeWidth from block menu plugin shared state
   // Only access editorAPI when the experiment is enabled to avoid performance impact

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

@@ -14,7 +14,7 @@ import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { AnnotationSharedClassNames, richMediaClassName, expandClassNames, SmartCardSharedCssClassName, CodeBlockSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/sync-block';
 import { tableCellBackgroundStyleOverrideForCompiled } from '@atlaskit/editor-common/table-cell-background-for-compiled';
-import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorGutterPaddingDynamic, akEditorSwoopCubicBezier, akEditorTableNumberColumnWidth, editorFontSize } from '@atlaskit/editor-shared-styles';
+import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorGutterPaddingDynamic, akEditorSwoopCubicBezier, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { overflowShadowForCompiled } from '@atlaskit/editor-shared-styles/overflow-shadow-for-compiled';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -404,23 +404,18 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
   const tableOverflowShadow = overflowShadowForCompiled({
     leftCoverWidth: "var(--ds-space-300, 24px)"
   });
-  const style = editorExperiment('platform_editor_preview_panel_responsiveness', true, {
-    exposure: true
-  }) ? {
-    '--ak-editor-base-font-size': `${editorFontSize({
-      theme: {
-        baseFontSize
-      }
-    })}px`,
-    '--ak-editor--table-overflow-shadow': tableOverflowShadow
-  } : {
-    '--ak-editor-base-font-size': `${editorFontSize({
-      theme: {
-        baseFontSize
-      }
-    })}px`,
-    '--ak-editor--large-gutter-padding': `${akEditorGutterPaddingDynamic()}px`,
-    '--ak-editor--table-overflow-shadow': tableOverflowShadow
+
+  // 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.
+  const style = {
+    '--ak-editor--table-overflow-shadow': tableOverflowShadow,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    ...(!editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+      exposure: true
+    }) && {
+      '--ak-editor--large-gutter-padding': `${akEditorGutterPaddingDynamic()}px`
+    })
   };
   const browser = getBrowserInfo();
   return /*#__PURE__*/React.createElement("div", {
@@ -450,7 +445,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
     expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed : contentMode === 'compact' && (expValEquals('confluence_compact_text_format', 'isEnabled', true) ||
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-    expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) ? editorContentStyles.paragraphStylesOldWithScaledMargin : editorContentStyles.paragraphStylesOld, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && "", editorExperiment('platform_synced_block', true) ? editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch : editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && (expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && (expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, className]),
+    expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) ? editorContentStyles.paragraphStylesOldWithScaledMargin : editorContentStyles.paragraphStylesOld, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && (expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && (expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, className]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"

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

@@ -123,20 +123,23 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
   const isComment = appearance === 'comment';
   const isChromeless = appearance === 'chromeless';
   const baseFontSize = getBaseFontSize(appearance, contentMode);
-  const style = editorExperiment('platform_editor_preview_panel_responsiveness', true, {
-    exposure: true
-  }) ? {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    '--ak-editor-base-font-size': `${editorFontSize({
-      theme
-    })}px`
-  } : {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    '--ak-editor-base-font-size': `${editorFontSize({
-      theme
-    })}px`,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    '--ak-editor--large-gutter-padding': `${akEditorGutterPaddingDynamic()}px`
+
+  // 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.
+  const style = {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    ...(!expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true) && {
+      '--ak-editor-base-font-size': `${editorFontSize({
+        theme
+      })}px`
+    }),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    ...(!editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+      exposure: true
+    }) && {
+      '--ak-editor--large-gutter-padding': `${akEditorGutterPaddingDynamic()}px`
+    })
   };
   const browser = getBrowserInfo();
   return jsx("div", {

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "220.0.3";
+export const version = "220.1.0";

package/dist/esm/composable-editor/BaseThemeWrapper.js

@@ -3,11 +3,24 @@ import React, { useMemo } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { ThemeProvider } from '@emotion/react';
 import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 // Default value from: `import { fontSize } from '@atlaskit/theme/constants';`
 var defaultFontSize = 14;
-export function BaseThemeWrapper(_ref) {
-  var baseFontSize = _ref.baseFontSize,
-    children = _ref.children;
+
+// No-op variant used when the static-css experiment is enabled. Editor consumers
+// no longer read theme.baseFontSize / theme.layoutMaxWidth via Emotion's useTheme(),
+// so no <ThemeProvider> is required in the React tree.
+var BaseThemeWrapperNoop = function BaseThemeWrapperNoop(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+
+// Legacy variant keeping the original Emotion <ThemeProvider> behaviour for
+// callers that still rely on theme.baseFontSize / theme.layoutMaxWidth.
+var BaseThemeWrapperLegacy = function BaseThemeWrapperLegacy(_ref2) {
+  var baseFontSize = _ref2.baseFontSize,
+    children = _ref2.children;
   var memoizedTheme = useMemo(function () {
     return {
       baseFontSize: baseFontSize || defaultFontSize,
@@ -17,4 +30,10 @@ export function BaseThemeWrapper(_ref) {
   return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: memoizedTheme
   }, children);
-}
+};
+
+// Gated at module load — when the experiment is enabled, this becomes a no-op
+// wrapper; otherwise it preserves today's Emotion <ThemeProvider> behaviour.
+export var BaseThemeWrapper = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, BaseThemeWrapperNoop, BaseThemeWrapperLegacy);

package/dist/esm/composable-editor/editor-internal-compiled.js

@@ -12,8 +12,12 @@ var editorContainerCompiledStyles = {
   root: "_kqswh2mm _1bsb1osq _4t3i1osq"
 };
 export var EditorInternalContainerCompiled = function EditorInternalContainerCompiled(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    fontSize = _ref.fontSize;
   return /*#__PURE__*/React.createElement("div", {
+    style: {
+      '--ak-editor-base-font-size': "".concat(fontSize, "px")
+    },
     className: ax([editorContainerCompiledStyles.root])
   }, children);
 };

package/dist/esm/composable-editor/editor-internal-emotion.js

@@ -17,8 +17,12 @@ var editorContainerEmotionStyles = css({
   height: '100%'
 });
 export var EditorInternalContainerEmotion = function EditorInternalContainerEmotion(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    fontSize = _ref.fontSize;
   return jsx("div", {
-    css: editorContainerEmotionStyles
+    css: editorContainerEmotionStyles,
+    style: {
+      '--ak-editor-base-font-size': "".concat(fontSize, "px")
+    }
   }, children);
 };

package/dist/esm/composable-editor/editor-internal.js

@@ -5,6 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { Fragment, memo } from 'react';
 import { ACTION, ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import { usePortalProvider } from '@atlaskit/editor-common/portal';
+import { editorFontSize } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -58,6 +59,12 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
     nodeViewPortalProviderAPI = _usePortalProvider4[0],
     NodeViewPortalRenderer = _usePortalProvider4[1];
   var propsToIgnore = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? DEFAULT_VALUE_PROP_TO_IGNORE : ['defaultValue'];
+  var baseFontSize = getBaseFontSize(props.appearance, props.contentMode);
+  var fontSize = expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true) || expValEquals('platform_editor_core_static_css', 'isEnabled', true) ? editorFontSize({
+    theme: {
+      baseFontSize: baseFontSize
+    }
+  }) : undefined;
   return /*#__PURE__*/React.createElement(Fragment, null, renderTrackingEnabled && /*#__PURE__*/React.createElement(RenderTracking, {
     componentProps: props,
     action: ACTION.RE_RENDERED,
@@ -70,7 +77,9 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
     createAnalyticsEvent: createAnalyticsEvent,
     contextIdentifierProvider: props.contextIdentifierProvider,
     featureFlags: featureFlags
-  }, /*#__PURE__*/React.createElement(EditorInternalContainerMigration, null, /*#__PURE__*/React.createElement(EditorContext, {
+  }, /*#__PURE__*/React.createElement(EditorInternalContainerMigration, {
+    fontSize: fontSize
+  }, /*#__PURE__*/React.createElement(EditorContext, {
     editorActions: editorActions
   }, /*#__PURE__*/React.createElement(IntlProviderIfMissingWrapper, null, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ReactEditorViewNext, {
     editorProps: overriddenEditorProps,
@@ -94,7 +103,7 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
         editorRef = _ref2.editorRef,
         editorAPI = _ref2.editorAPI;
       return /*#__PURE__*/React.createElement(BaseThemeWrapper, {
-        baseFontSize: getBaseFontSize(props.appearance, props.contentMode)
+        baseFontSize: baseFontSize
       }, /*#__PURE__*/React.createElement(AppearanceComponent, {
         innerRef: editorRef,
         editorAPI: editorAPI

package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js

@@ -13,9 +13,10 @@ import { injectIntl } from 'react-intl';
 import { decisionListSelector, taskListSelector } from '@atlaskit/adf-schema';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
-import { akEditorFullPageNarrowBreakout, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced } from '@atlaskit/editor-shared-styles';
+import { akEditorFullPageNarrowBreakout, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // Ignored via go/ees005
@@ -222,7 +223,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var contentAreaRef = useRef(null);
   var containerRef = useRef(null);
   var allowScrollGutter = (_props$editorAPI = props.editorAPI) === null || _props$editorAPI === void 0 || (_props$editorAPI = _props$editorAPI.base) === null || _props$editorAPI === void 0 || (_props$editorAPI = _props$editorAPI.sharedState.currentState()) === null || _props$editorAPI === void 0 ? void 0 : _props$editorAPI.allowScrollGutter;
-  var contentAreaMaxWidth = getTotalPadding() + (!fullWidthMode ? maxWidthMode ? akEditorUltraWideLayoutWidth : theme.layoutMaxWidth : akEditorFullWidthLayoutWidth);
+  var contentAreaMaxWidth = getTotalPadding() + (!fullWidthMode ? maxWidthMode ? akEditorUltraWideLayoutWidth : expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true) || expValEquals('platform_editor_core_static_css', 'isEnabled', true) ? akEditorDefaultLayoutWidth : theme.layoutMaxWidth : akEditorFullWidthLayoutWidth);
 
   // Get useStandardNodeWidth from block menu plugin shared state
   // Only access editorAPI when the experiment is enabled to avoid performance impact

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

@@ -1,8 +1,12 @@
 /* EditorContentContainer-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
-// TODO: EDITOR-6833 - Expected across this entire file, future violations are expected. Will try to remove them later after fully migration
-/* eslint-disable @atlaskit/platform/use-motion-token-values, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/design-system/no-invalid-css-map, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/platform/expand-spacing-shorthand, @atlaskit/platform/expand-border-shorthand, @atlaskit/platform/expand-background-shorthand */
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./EditorContentContainer-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
+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) { _defineProperty(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; }
+// TODO: EDITOR-6833 - Expected across this entire file, future violations are expected. Will try to remove them later after fully migration
+/* eslint-disable @atlaskit/platform/use-motion-token-values, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/design-system/no-invalid-css-map, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/platform/expand-spacing-shorthand, @atlaskit/platform/expand-border-shorthand, @atlaskit/platform/expand-background-shorthand */
+
 import React from 'react';
 // eslint-disable-next-line import/order
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
@@ -14,7 +18,7 @@ import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { AnnotationSharedClassNames, richMediaClassName, expandClassNames, SmartCardSharedCssClassName, CodeBlockSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/sync-block';
 import { tableCellBackgroundStyleOverrideForCompiled } from '@atlaskit/editor-common/table-cell-background-for-compiled';
-import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorGutterPaddingDynamic, akEditorSwoopCubicBezier, akEditorTableNumberColumnWidth, editorFontSize } from '@atlaskit/editor-shared-styles';
+import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorGutterPaddingDynamic, akEditorSwoopCubicBezier, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { overflowShadowForCompiled } from '@atlaskit/editor-shared-styles/overflow-shadow-for-compiled';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -344,24 +348,17 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
   var tableOverflowShadow = overflowShadowForCompiled({
     leftCoverWidth: "var(--ds-space-300, 24px)"
   });
-  var style = editorExperiment('platform_editor_preview_panel_responsiveness', true, {
-    exposure: true
-  }) ? {
-    '--ak-editor-base-font-size': "".concat(editorFontSize({
-      theme: {
-        baseFontSize: baseFontSize
-      }
-    }), "px"),
-    '--ak-editor--table-overflow-shadow': tableOverflowShadow
-  } : {
-    '--ak-editor-base-font-size': "".concat(editorFontSize({
-      theme: {
-        baseFontSize: baseFontSize
-      }
-    }), "px"),
-    '--ak-editor--large-gutter-padding': "".concat(akEditorGutterPaddingDynamic(), "px"),
+
+  // 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 = _objectSpread({
     '--ak-editor--table-overflow-shadow': tableOverflowShadow
-  };
+  }, !editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) && {
+    '--ak-editor--large-gutter-padding': "".concat(akEditorGutterPaddingDynamic(), "px")
+  });
   var browser = getBrowserInfo();
   return /*#__PURE__*/React.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -390,7 +387,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
     expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed : contentMode === 'compact' && (expValEquals('confluence_compact_text_format', 'isEnabled', true) ||
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-    expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) ? editorContentStyles.paragraphStylesOldWithScaledMargin : editorContentStyles.paragraphStylesOld, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && "", editorExperiment('platform_synced_block', true) ? editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch : editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && (expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && (expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, className]),
+    expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) ? editorContentStyles.paragraphStylesOldWithScaledMargin : editorContentStyles.paragraphStylesOld, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && (expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && (expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, className]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"

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

@@ -1,4 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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
@@ -119,21 +121,19 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
   var isComment = appearance === 'comment';
   var isChromeless = appearance === 'chromeless';
   var baseFontSize = getBaseFontSize(appearance, contentMode);
-  var style = editorExperiment('platform_editor_preview_panel_responsiveness', true, {
-    exposure: true
-  }) ? {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+
+  // 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 = _objectSpread(_objectSpread({}, !expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true) && {
     '--ak-editor-base-font-size': "".concat(editorFontSize({
       theme: theme
     }), "px")
-  } : {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    '--ak-editor-base-font-size': "".concat(editorFontSize({
-      theme: theme
-    }), "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+  }), !editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) && {
     '--ak-editor--large-gutter-padding': "".concat(akEditorGutterPaddingDynamic(), "px")
-  };
+  });
   var browser = getBrowserInfo();
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "220.0.3";
+export var version = "220.1.0";

package/dist/types/composable-editor/BaseThemeWrapper.d.ts

@@ -3,5 +3,5 @@ type BaseThemeProps = {
     baseFontSize?: number;
     children: React.ReactNode;
 };
-export declare function BaseThemeWrapper({ baseFontSize, children }: BaseThemeProps): React.JSX.Element;
+export declare const BaseThemeWrapper: React.ComponentType<BaseThemeProps>;
 export {};

package/dist/types/composable-editor/editor-internal-compiled.d.ts

@@ -9,6 +9,7 @@
  * Cleanup: delete this file once the experiment has shipped.
  */
 import type { ReactNode } from 'react';
-export declare const EditorInternalContainerCompiled: ({ children }: {
+export declare const EditorInternalContainerCompiled: ({ children, fontSize, }: {
     children?: ReactNode;
+    fontSize?: number;
 }) => React.JSX.Element;

package/dist/types/composable-editor/editor-internal-emotion.d.ts

@@ -9,6 +9,7 @@
  * Cleanup: delete this file once the experiment has shipped.
  */
 import type { ReactNode } from 'react';
-export declare const EditorInternalContainerEmotion: ({ children }: {
+export declare const EditorInternalContainerEmotion: ({ children, fontSize, }: {
     children?: ReactNode;
+    fontSize?: number;
 }) => React.JSX.Element;

package/dist/types-ts4.5/composable-editor/BaseThemeWrapper.d.ts

@@ -3,5 +3,5 @@ type BaseThemeProps = {
     baseFontSize?: number;
     children: React.ReactNode;
 };
-export declare function BaseThemeWrapper({ baseFontSize, children }: BaseThemeProps): React.JSX.Element;
+export declare const BaseThemeWrapper: React.ComponentType<BaseThemeProps>;
 export {};

package/dist/types-ts4.5/composable-editor/editor-internal-compiled.d.ts

@@ -9,6 +9,7 @@
  * Cleanup: delete this file once the experiment has shipped.
  */
 import type { ReactNode } from 'react';
-export declare const EditorInternalContainerCompiled: ({ children }: {
+export declare const EditorInternalContainerCompiled: ({ children, fontSize, }: {
     children?: ReactNode;
+    fontSize?: number;
 }) => React.JSX.Element;

package/dist/types-ts4.5/composable-editor/editor-internal-emotion.d.ts

@@ -9,6 +9,7 @@
  * Cleanup: delete this file once the experiment has shipped.
  */
 import type { ReactNode } from 'react';
-export declare const EditorInternalContainerEmotion: ({ children }: {
+export declare const EditorInternalContainerEmotion: ({ children, fontSize, }: {
     children?: ReactNode;
+    fontSize?: number;
 }) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "220.1.0",
+	"version": "220.1.1",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -61,21 +61,21 @@
 		"@atlaskit/editor-plugins": "^13.1.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-shared-styles": "^3.11.0",
-		"@atlaskit/editor-ssr-renderer": "^6.0.0",
+		"@atlaskit/editor-ssr-renderer": "^6.1.0",
 		"@atlaskit/editor-toolbar": "^1.10.0",
 		"@atlaskit/editor-toolbar-model": "^0.5.0",
 		"@atlaskit/emoji": "^70.16.0",
 		"@atlaskit/feature-gate-js-client": "^5.7.0",
 		"@atlaskit/icon": "^35.4.0",
 		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/media-card": "^80.7.0",
+		"@atlaskit/media-card": "^80.8.0",
 		"@atlaskit/mention": "^26.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.5.0",
 		"@atlaskit/react-ufo": "^6.7.0",
 		"@atlaskit/task-decision": "^20.1.0",
-		"@atlaskit/tmp-editor-statsig": "^89.1.0",
-		"@atlaskit/tokens": "^13.1.0",
+		"@atlaskit/tmp-editor-statsig": "^89.2.0",
+		"@atlaskit/tokens": "^13.2.0",
 		"@atlaskit/tooltip": "^22.6.0",
 		"@atlaskit/width-detector": "^5.1.0",
 		"@babel/runtime": "^7.0.0",
@@ -92,7 +92,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^115.5.0",
+		"@atlaskit/editor-common": "^115.6.0",
 		"@atlaskit/link-provider": "^4.6.0",
 		"@atlaskit/media-core": "^37.1.0",
 		"react": "^18.2.0",
@@ -108,13 +108,13 @@
 		"@atlaskit/code": "^17.5.0",
 		"@atlaskit/collab-provider": "^20.0.0",
 		"@atlaskit/editor-plugin-annotation": "^11.0.0",
-		"@atlaskit/editor-plugin-card": "^17.2.0",
+		"@atlaskit/editor-plugin-card": "^17.3.0",
 		"@atlaskit/editor-plugin-list": "^13.0.0",
 		"@atlaskit/editor-plugin-paste": "^12.1.0",
 		"@atlaskit/editor-test-helpers": "workspace:^",
 		"@atlaskit/link-provider": "^4.6.0",
 		"@atlaskit/linking-common": "^9.13.0",
-		"@atlaskit/logo": "^20.1.0",
+		"@atlaskit/logo": "^20.2.0",
 		"@atlaskit/media-core": "^37.1.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-test-helpers": "^41.2.0",
@@ -129,13 +129,13 @@
 		"@atlassian/a11y-jest-testing": "^0.11.0",
 		"@atlassian/a11y-playwright-testing": "^0.10.0",
 		"@atlassian/adf-schema-json": "^1.33.0",
-		"@atlassian/editor-rovo-bridge": "^9.2.0",
+		"@atlassian/editor-rovo-bridge": "^9.4.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
-		"@atlassian/search-client": "^1.11.0",
+		"@atlassian/search-client": "^1.12.0",
 		"@atlassian/search-provider": "^12.0.0",
 		"@atlassian/structured-docs-types": "workspace:^",
-		"@atlassian/user-profile-card": "^1.10.0",
+		"@atlassian/user-profile-card": "^1.11.0",
 		"@emotion/jest": "^11.8.0",
 		"@testing-library/react": "^16.3.0",
 		"@types/diff": "^5.0.2",