@atlaskit/editor-core 220.0.3 → 220.1.1

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/Appearance/FullPage/FullPageToolbar.js

@@ -17,8 +17,11 @@ var _ToolbarPortal = require("../../Toolbar/ToolbarPortal");
 var _ToolbarWithSizeDetector = require("../../Toolbar/ToolbarWithSizeDetector");
 var _BeforeWrapper = require("./BeforeWrapper");
 var _CustomToolbarWrapper = require("./CustomToolbarWrapper");
+var _CustomToolbarWrapperMigration = require("./CustomToolbarWrapperMigration");
 var _MainToolbar = require("./MainToolbar");
+var _MainToolbarIconBeforeMigration = require("./MainToolbarIconBeforeMigration");
 var _MainToolbarWrapper = require("./MainToolbarWrapper");
+var _NonCustomToolbarWrapperMigration = require("./NonCustomToolbarWrapperMigration");
 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); }
 var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(function (props) {
   var _props$primaryToolbar, _useToolbarPortal, _props$customPrimaryT;
@@ -39,7 +42,7 @@ var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(fun
     ToolbarPortal = _ref.Portal;
   var hasToolbarPortal = ToolbarPortal !== _react.default.Fragment;
   var popupsMountPoint = hasToolbarPortal ? undefined : props.popupsMountPoint;
-  var nonCustomToolbar = /*#__PURE__*/_react.default.createElement(_MainToolbar.NonCustomToolbarWrapperMigration, null, props.beforeIcon && /*#__PURE__*/_react.default.createElement(_MainToolbar.MainToolbarIconBeforeMigration, null, props.beforeIcon), /*#__PURE__*/_react.default.createElement(_ToolbarWithSizeDetector.ToolbarWithSizeDetector, {
+  var nonCustomToolbar = /*#__PURE__*/_react.default.createElement(_NonCustomToolbarWrapperMigration.NonCustomToolbarWrapperMigration, null, props.beforeIcon && /*#__PURE__*/_react.default.createElement(_MainToolbarIconBeforeMigration.MainToolbarIconBeforeMigration, null, props.beforeIcon), /*#__PURE__*/_react.default.createElement(_ToolbarWithSizeDetector.ToolbarWithSizeDetector, {
     editorView: props.editorView,
     editorActions: props.editorActions,
     eventDispatcher: props.eventDispatcher,
@@ -55,7 +58,7 @@ var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(fun
     hasMinWidth: props.hasMinWidth,
     twoLineEditorToolbar: twoLineEditorToolbar
   }));
-  var customToolbar = /*#__PURE__*/_react.default.createElement(_MainToolbar.CustomToolbarWrapperMigration, null, !!props.customPrimaryToolbarComponents && 'before' in props.customPrimaryToolbarComponents ? /*#__PURE__*/_react.default.createElement(_BeforeWrapper.BeforePrimaryToolbarWrapper, {
+  var customToolbar = /*#__PURE__*/_react.default.createElement(_CustomToolbarWrapperMigration.CustomToolbarWrapperMigration, null, !!props.customPrimaryToolbarComponents && 'before' in props.customPrimaryToolbarComponents ? /*#__PURE__*/_react.default.createElement(_BeforeWrapper.BeforePrimaryToolbarWrapper, {
     beforePrimaryToolbarComponents: (_props$customPrimaryT = props.customPrimaryToolbarComponents) === null || _props$customPrimaryT === void 0 ? void 0 : _props$customPrimaryT.before
   }) : null, !(0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && editorAPI !== null && editorAPI !== void 0 && editorAPI.findReplace && twoLineEditorToolbar ? editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.findReplace.actions.registerToolbarButton({
     popupsBoundariesElement: props.popupsBoundariesElement,

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

@@ -3,18 +3,5 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NonCustomToolbarWrapperMigration = exports.MainToolbarIconBeforeMigration = exports.MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = exports.CustomToolbarWrapperMigration = void 0;
-var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _MainToolbarCompiled = require("./MainToolbar-compiled");
-var _MainToolbarEmotion = require("./MainToolbar-emotion");
-var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = exports.MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
-var NonCustomToolbarWrapperMigration = exports.NonCustomToolbarWrapperMigration = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
-  return (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
-}, _MainToolbarCompiled.NonCustomToolbarWrapperCompiled, _MainToolbarEmotion.NonCustomToolbarWrapperEmotion);
-var CustomToolbarWrapperMigration = exports.CustomToolbarWrapperMigration = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
-  return (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
-}, _MainToolbarCompiled.CustomToolbarWrapperCompiled, _MainToolbarEmotion.CustomToolbarWrapperEmotion);
-var MainToolbarIconBeforeMigration = exports.MainToolbarIconBeforeMigration = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
-  return (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
-}, _MainToolbarCompiled.MainToolbarIconBeforeCompiled, _MainToolbarEmotion.MainToolbarIconBeforeEmotion);
+exports.MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = void 0;
+var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = exports.MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MainToolbarIconBeforeMigration = void 0;
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _MainToolbarCompiled = require("./MainToolbar-compiled");
+var _MainToolbarEmotion = require("./MainToolbar-emotion");
+var MainToolbarIconBeforeMigration = exports.MainToolbarIconBeforeMigration = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
+  return (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, _MainToolbarCompiled.MainToolbarIconBeforeCompiled, _MainToolbarEmotion.MainToolbarIconBeforeEmotion);

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NonCustomToolbarWrapperMigration = void 0;
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _MainToolbarCompiled = require("./MainToolbar-compiled");
+var _MainToolbarEmotion = require("./MainToolbar-emotion");
+var NonCustomToolbarWrapperMigration = exports.NonCustomToolbarWrapperMigration = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
+  return (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, _MainToolbarCompiled.NonCustomToolbarWrapperCompiled, _MainToolbarEmotion.NonCustomToolbarWrapperEmotion);

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/ui/EditorContentContainer/styles/mentions.js

@@ -82,6 +82,25 @@ var mentionNodeStyles = exports.mentionNodeStyles = (0, _react.css)({
     '&:active': {
       background: "var(--ds-background-brand-bold-pressed, #144794)"
     }
+  },
+  // Disabled variant — mirrors `MentionType.DISABLED` in
+  // `packages/elements/mention/src/components/Mention/PrimitiveMention.tsx`.
+  // Hover / active states are intentionally flat: a disabled chip should
+  // not respond to mouse interaction. The chip is still keyboard-focusable
+  // (see `MentionNodeView.setClassList`) so the focus ring is still
+  // allowed to render via `:focus-visible`.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '.editor-mention-primitive.mention-disabled': {
+    background: "var(--ds-background-disabled, #0515240F)",
+    border: '1px solid transparent',
+    color: "var(--ds-text-disabled, #080F214A)",
+    cursor: 'default',
+    '&:hover': {
+      background: "var(--ds-background-disabled, #0515240F)"
+    },
+    '&:active': {
+      background: "var(--ds-background-disabled, #0515240F)"
+    }
   }
 });
 

package/dist/cjs/utils/combineQuickInsertProviders.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.combineQuickInsertProviders = combineQuickInsertProviders;
+var _providerHelpers = require("@atlaskit/editor-common/provider-helpers");
+function combineQuickInsertProviders(quickInsertProviders) {
+  var _combineProviders = (0, _providerHelpers.combineProviders)(quickInsertProviders),
+    invokeList = _combineProviders.invokeList;
+  return {
+    getItems: function getItems() {
+      return invokeList('getItems');
+    }
+  };
+}

package/dist/cjs/utils/extensions.js

@@ -4,7 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.combineQuickInsertProviders = combineQuickInsertProviders;
 exports.extensionProviderToQuickInsertProvider = extensionProviderToQuickInsertProvider;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -13,7 +12,6 @@ var _react = _interopRequireDefault(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _extensions = require("@atlaskit/editor-common/extensions");
-var _providerHelpers = require("@atlaskit/editor-common/provider-helpers");
 var _analytics2 = require("@atlaskit/editor-common/utils/analytics");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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; }
@@ -175,13 +173,4 @@ function _extensionProviderToQuickInsertProvider() {
     }, _callee);
   }));
   return _extensionProviderToQuickInsertProvider.apply(this, arguments);
-}
-function combineQuickInsertProviders(quickInsertProviders) {
-  var _combineProviders = (0, _providerHelpers.combineProviders)(quickInsertProviders),
-    invokeList = _combineProviders.invokeList;
-  return {
-    getItems: function getItems() {
-      return invokeList('getItems');
-    }
-  };
 }

package/dist/cjs/utils/getNodesVisibleInViewport.js

@@ -3,17 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isNodeVisible = exports.getNodesVisibleInViewport = void 0;
-/**
- * Check if a DOM element is visible within the viewport. We deem a node visible if the top left corner coordinate is within the viewport.
- * This may not look visible, and may include a node that looks below the fold – but it's more than 0 pixels within the viewport.
- */
-var isNodeVisible = exports.isNodeVisible = function isNodeVisible(node) {
-  var rect = node.getBoundingClientRect();
-  var isVisible = rect.x >= 0 && rect.x < window.innerWidth && rect.y >= 0 && rect.y < window.innerHeight;
-  return isVisible;
-};
-
+exports.getNodesVisibleInViewport = void 0;
+var _isNodeVisible = require("./isNodeVisible");
 /**
  * Get visible nodes in viewport by looping through the first N nodes (MAX_NODES_TO_COUNT)
  * in the editor DOM and counting the node types that are visible.
@@ -30,7 +21,7 @@ var getNodesVisibleInViewport = exports.getNodesVisibleInViewport = function get
     if (!type) {
       continue;
     }
-    var isVisible = isNodeVisible(node);
+    var isVisible = (0, _isNodeVisible.isNodeVisible)(node);
 
     // Not a visible node, end counting.
     if (!isVisible) {

package/dist/cjs/utils/isNodeVisible.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isNodeVisible = void 0;
+/**
+ * Check if a DOM element is visible within the viewport. We deem a node visible if the top left corner coordinate is within the viewport.
+ * This may not look visible, and may include a node that looks below the fold – but it's more than 0 pixels within the viewport.
+ */
+var isNodeVisible = exports.isNodeVisible = function isNodeVisible(node) {
+  var rect = node.getBoundingClientRect();
+  var isVisible = rect.x >= 0 && rect.x < window.innerWidth && rect.y >= 0 && rect.y < window.innerHeight;
+  return isVisible;
+};

package/dist/cjs/utils/prepare-quick-insert-provider.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = prepareQuickInsertProvider;
+var _combineQuickInsertProviders = require("./combineQuickInsertProviders");
 var _extensions = require("./extensions");
 /**
  *
@@ -18,5 +19,5 @@ var _extensions = require("./extensions");
 function prepareQuickInsertProvider(editorActions, apiRef, extensionProvider, quickInsert, createAnalyticsEvent) {
   var quickInsertProvider = quickInsert && typeof quickInsert !== 'boolean' && quickInsert.provider;
   var extensionQuickInsertProvider = extensionProvider && (0, _extensions.extensionProviderToQuickInsertProvider)(extensionProvider, editorActions, apiRef, createAnalyticsEvent);
-  return quickInsertProvider && extensionQuickInsertProvider ? Promise.resolve((0, _extensions.combineQuickInsertProviders)([quickInsertProvider, extensionQuickInsertProvider])) : quickInsertProvider || extensionQuickInsertProvider;
+  return quickInsertProvider && extensionQuickInsertProvider ? Promise.resolve((0, _combineQuickInsertProviders.combineQuickInsertProviders)([quickInsertProvider, extensionQuickInsertProvider])) : quickInsertProvider || extensionQuickInsertProvider;
 }

package/dist/cjs/utils/validNode.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validNode = void 0;
+var validNode = exports.validNode = function validNode(node) {
+  try {
+    node.check();
+  } catch (error) {
+    return false;
+  }
+  return true;
+};

package/dist/cjs/utils/validateNodes.js

@@ -3,17 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validateNodes = exports.validNode = void 0;
-var validNode = exports.validNode = function validNode(node) {
-  try {
-    node.check();
-  } catch (error) {
-    return false;
-  }
-  return true;
-};
-
+exports.validateNodes = void 0;
+var _validNode = require("./validNode");
 /** Validates prosemirror nodes, and returns true only if all nodes are valid */
 var validateNodes = exports.validateNodes = function validateNodes(nodes) {
-  return nodes.every(validNode);
+  return nodes.every(_validNode.validNode);
 };

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.2";
+var version = exports.version = "220.1.0";

package/dist/es2019/actions/isEmptyParagraph.js

@@ -0,0 +1,6 @@
+/**
+ * Checks if node is an empty paragraph.
+ */
+export function isEmptyParagraph(node) {
+  return !!node && node.type.name === 'paragraph' && !node.childCount;
+}

package/dist/es2019/actions/temp-is-empty-document.js

@@ -5,12 +5,7 @@
  * help decouple it from editor-common
  */
 
-/**
- * Checks if node is an empty paragraph.
- */
-export function isEmptyParagraph(node) {
-  return !!node && node.type.name === 'paragraph' && !node.childCount;
-}
+import { isEmptyParagraph } from './isEmptyParagraph';
 
 /**
  * Checks if a node looks like an empty document

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/create-editor/ReactEditorView/useDispatchTransaction.js

@@ -6,7 +6,8 @@ import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-m
 import { findChangedNodesFromTransaction } from '../../utils/findChangedNodesFromTransaction';
 import { freezeUnsafeTransactionProperties } from '../../utils/performance/safer-transactions';
 import { EVENT_NAME_ON_CHANGE } from '../../utils/performance/track-transactions';
-import { validateNodes, validNode } from '../../utils/validateNodes';
+import { validateNodes } from '../../utils/validateNodes';
+import { validNode } from '../../utils/validNode';
 export const useDispatchTransaction = ({
   onChange,
   dispatchAnalyticsEvent,

package/dist/es2019/create-editor/ReactEditorView.js

@@ -36,9 +36,11 @@ import { isFullPage } from '../utils/is-full-page';
 import { RenderTracking } from '../utils/performance/components/RenderTracking';
 import measurements from '../utils/performance/measure-enum';
 import { PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD, PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD } from './consts';
-import { createErrorReporter, createPMPlugins, processPluginsList } from './create-editor';
+import { processPluginsList } from './create-editor';
 import createPluginsList from './create-plugins-list';
 import { createSchema } from './create-schema';
+import { createErrorReporter } from './createErrorReporter';
+import { createPMPlugins } from './createPMPlugins';
 import { filterPluginsForReconfigure } from './filter-plugins-for-reconfigure';
 import { editorMessages } from './messages';
 import { focusEditorElement } from './ReactEditorView/focusEditorElement';

package/dist/es2019/create-editor/addMetadataAttributes.js

@@ -0,0 +1,29 @@
+import { createProseMirrorMetadata } from '@atlaskit/editor-common/prosemirror-dom-metadata';
+/**
+ * 🧱 Internal Helper Function: Editor FE Platform
+ *
+ * Adds generic metadata attributes to a DOMOutputSpec array based on the provided node or mark.
+ * This function ensures that the DOMOutputSpec is annotated with ProseMirror-specific metadata.
+ *
+ * @param {object} params - Parameters object.
+ * @param {PMNode | PMMark} params.nodeOrMark - The ProseMirror node or mark to extract metadata from.
+ * @param {DOMOutputSpec} params.domSpec - The DOMOutputSpec to which attributes will be added.
+ * @returns {DOMOutputSpec} The modified DOMOutputSpec with additional metadata.
+ */
+export const addMetadataAttributes = ({
+  nodeOrMark,
+  domSpec
+}) => {
+  if (!Array.isArray(domSpec)) {
+    return domSpec;
+  }
+  const maybeDefinedAttributes = domSpec[1];
+  const metadata = createProseMirrorMetadata(nodeOrMark);
+  const hasDefinedAttributes = typeof maybeDefinedAttributes === 'object' && !Array.isArray(maybeDefinedAttributes);
+  if (hasDefinedAttributes) {
+    domSpec[1] = Object.assign(maybeDefinedAttributes, metadata);
+  } else {
+    domSpec.splice(1, 0, metadata);
+  }
+  return domSpec;
+};