@atlaskit/editor-core 220.0.3 → 220.1.1

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

@@ -1,23 +1,3 @@
-import { ErrorReporter } from '@atlaskit/editor-common/error-reporter';
-import { sortByOrder } from '@atlaskit/editor-common/legacy-rank-plugins';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { createEditorNativeAnchorSupportPlugin } from './editorNativeAnchorSupportPlugin';
-import { createEditorStateNotificationPlugin } from './editorStateNotificationPlugin';
-export function sortByRank(a, b) {
-  return a.rank - b.rank;
-}
-export function fixExcludes(marks) {
-  const markKeys = Object.keys(marks);
-  const markGroups = new Set(markKeys.map(mark => marks[mark].group));
-  markKeys.forEach(markKey => {
-    const mark = marks[markKey];
-    if (mark.excludes) {
-      // eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
-      mark.excludes = mark.excludes.split(' ').filter(group => markGroups.has(group)).join(' ');
-    }
-  });
-  return marks;
-}
 export function processPluginsList(plugins) {
   /**
    * First pass to collect pluginsOptions
@@ -83,37 +63,4 @@ export function processPluginsList(plugins) {
     secondaryToolbarComponents: [],
     onEditorViewStateUpdatedCallbacks: []
   });
-}
-export function createPMPlugins(config) {
-  const {
-    editorConfig
-  } = config;
-  const pmPlugins = editorConfig.pmPlugins.sort(sortByOrder('plugins')).map(({
-    plugin
-  }) => plugin({
-    schema: config.schema,
-    dispatch: config.dispatch,
-    eventDispatcher: config.eventDispatcher,
-    providerFactory: config.providerFactory,
-    errorReporter: config.errorReporter,
-    portalProviderAPI: config.portalProviderAPI,
-    nodeViewPortalProviderAPI: config.nodeViewPortalProviderAPI,
-    dispatchAnalyticsEvent: config.dispatchAnalyticsEvent,
-    featureFlags: config.featureFlags || {},
-    getIntl: config.getIntl
-  })).filter(plugin => typeof plugin !== 'undefined');
-  if (expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true)) {
-    pmPlugins.push(createEditorNativeAnchorSupportPlugin(config.schema));
-  }
-  if (config.onEditorStateUpdated !== undefined) {
-    return [createEditorStateNotificationPlugin(config.onEditorStateUpdated, config.editorConfig.onEditorViewStateUpdatedCallbacks), ...pmPlugins];
-  }
-  return pmPlugins;
-}
-export function createErrorReporter(errorReporterHandler) {
-  const errorReporter = new ErrorReporter();
-  if (errorReporterHandler) {
-    errorReporter.handler = errorReporterHandler;
-  }
-  return errorReporter;
 }

package/dist/es2019/create-editor/create-plugins-list.js

@@ -1,21 +1,9 @@
 import { createFeatureFlagsFromProps } from '../utils/feature-flags-from-props';
-import { isFullPage as fullPageCheck } from '../utils/is-full-page';
+import { getScrollGutterOptions } from './getScrollGutterOptions';
 const isCodeBlockAllowed = options => {
   const exclude = options && options.allowBlockType && options.allowBlockType.exclude ? options.allowBlockType.exclude : [];
   return exclude.indexOf('codeBlock') === -1;
 };
-export function getScrollGutterOptions(props) {
-  const {
-    appearance
-  } = props;
-  if (fullPageCheck(appearance)) {
-    // Full Page appearance uses a scrollable div wrapper.
-    return {
-      getScrollElement: () => document.querySelector('.fabric-editor-popup-scroll-parent')
-    };
-  }
-  return undefined;
-}
 export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent
 // Omit placeholder since it's an existing prop in `DefaultPresetPluginOptions` and will get overridden there
 ) {

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

@@ -1,37 +1,8 @@
 import { sanitizeNodes } from '@atlaskit/adf-schema/schema';
 import { sortByOrder } from '@atlaskit/editor-common/legacy-rank-plugins';
-import { createProseMirrorMetadata } from '@atlaskit/editor-common/prosemirror-dom-metadata';
 import { Schema } from '@atlaskit/editor-prosemirror/model';
-import { fixExcludes } from './create-editor';
-/**
- * 🧱 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;
-};
-
+import { addMetadataAttributes } from './addMetadataAttributes';
+import { fixExcludes } from './fixExcludes';
 /**
  * 🧱 Internal Helper Function: Editor FE Platform
  *

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

@@ -0,0 +1,8 @@
+import { ErrorReporter } from '@atlaskit/editor-common/error-reporter';
+export function createErrorReporter(errorReporterHandler) {
+  const errorReporter = new ErrorReporter();
+  if (errorReporterHandler) {
+    errorReporter.handler = errorReporterHandler;
+  }
+  return errorReporter;
+}

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

@@ -0,0 +1,30 @@
+import { sortByOrder } from '@atlaskit/editor-common/legacy-rank-plugins';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { createEditorNativeAnchorSupportPlugin } from './editorNativeAnchorSupportPlugin';
+import { createEditorStateNotificationPlugin } from './editorStateNotificationPlugin';
+export function createPMPlugins(config) {
+  const {
+    editorConfig
+  } = config;
+  const pmPlugins = editorConfig.pmPlugins.sort(sortByOrder('plugins')).map(({
+    plugin
+  }) => plugin({
+    schema: config.schema,
+    dispatch: config.dispatch,
+    eventDispatcher: config.eventDispatcher,
+    providerFactory: config.providerFactory,
+    errorReporter: config.errorReporter,
+    portalProviderAPI: config.portalProviderAPI,
+    nodeViewPortalProviderAPI: config.nodeViewPortalProviderAPI,
+    dispatchAnalyticsEvent: config.dispatchAnalyticsEvent,
+    featureFlags: config.featureFlags || {},
+    getIntl: config.getIntl
+  })).filter(plugin => typeof plugin !== 'undefined');
+  if (expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true)) {
+    pmPlugins.push(createEditorNativeAnchorSupportPlugin(config.schema));
+  }
+  if (config.onEditorStateUpdated !== undefined) {
+    return [createEditorStateNotificationPlugin(config.onEditorStateUpdated, config.editorConfig.onEditorViewStateUpdatedCallbacks), ...pmPlugins];
+  }
+  return pmPlugins;
+}

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

@@ -0,0 +1,12 @@
+export function fixExcludes(marks) {
+  const markKeys = Object.keys(marks);
+  const markGroups = new Set(markKeys.map(mark => marks[mark].group));
+  markKeys.forEach(markKey => {
+    const mark = marks[markKey];
+    if (mark.excludes) {
+      // eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
+      mark.excludes = mark.excludes.split(' ').filter(group => markGroups.has(group)).join(' ');
+    }
+  });
+  return marks;
+}

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

@@ -0,0 +1,13 @@
+import { isFullPage as fullPageCheck } from '../utils/is-full-page';
+export function getScrollGutterOptions(props) {
+  const {
+    appearance
+  } = props;
+  if (fullPageCheck(appearance)) {
+    // Full Page appearance uses a scrollable div wrapper.
+    return {
+      getScrollElement: () => document.querySelector('.fabric-editor-popup-scroll-parent')
+    };
+  }
+  return undefined;
+}

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

@@ -0,0 +1,3 @@
+export function sortByRank(a, b) {
+  return a.rank - b.rank;
+}

package/dist/es2019/entry-points/test-utils.js

@@ -1,2 +1,4 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { createPMSchemaAndPlugins, isElementBySelectorInDocument, setTextSelection } from '../test-utils';
+export { isElementBySelectorInDocument } from '../isElementBySelectorInDocument';
+export { setTextSelection } from '../setTextSelection';
+export { createPMSchemaAndPlugins } from '../test-utils';

package/dist/es2019/isElementBySelectorInDocument.js

@@ -0,0 +1,9 @@
+/**
+ * Given a selector, checks if an element matching the selector exists in the
+ * document.
+ * @param selector
+ * @returns true if element matching selector exists in document, false otherwise
+ */
+export const isElementBySelectorInDocument = selector => {
+  return Boolean(document.querySelector(selector));
+};

package/dist/es2019/setTextSelection.js

@@ -0,0 +1,8 @@
+import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+export function setTextSelection(view, anchor, head) {
+  const {
+    state
+  } = view;
+  const tr = state.tr.setSelection(TextSelection.create(state.doc, anchor, head));
+  view.dispatch(tr);
+}

package/dist/es2019/test-utils.js

@@ -4,7 +4,6 @@
 import { sortByOrder } from '@atlaskit/editor-common/legacy-rank-plugins';
 import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
 import { basePlugin } from '@atlaskit/editor-plugins/base';
-import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { createSchema } from './create-editor/create-schema';
 function lightProcessPluginsList(editorPlugins) {
   /**
@@ -84,21 +83,4 @@ export const createPMSchemaAndPlugins = (inputPreset = new EditorPresetBuilder()
     onEditorViewStateUpdatedCallbacks: editorConfig.onEditorViewStateUpdatedCallbacks,
     editorConfig
   };
-};
-export function setTextSelection(view, anchor, head) {
-  const {
-    state
-  } = view;
-  const tr = state.tr.setSelection(TextSelection.create(state.doc, anchor, head));
-  view.dispatch(tr);
-}
-
-/**
- * Given a selector, checks if an element matching the selector exists in the
- * document.
- * @param selector
- * @returns true if element matching selector exists in document, false otherwise
- */
-export const isElementBySelectorInDocument = selector => {
-  return Boolean(document.querySelector(selector));
 };

package/dist/es2019/ui/Addon/checkForModal.js

@@ -0,0 +1,19 @@
+/**
+ * @see ED-14699 - check if editor is inside a modal to continue to bring cursor to input when
+ * any part of the editor container is clicked
+ *
+ * Handles two cases when a click event is fired:
+ *
+ * 1. if editor (e.g. comment inside of Jira ticket view) is inside modal then ensure focus and cursor is brought to the input
+ * 2. if another modal is open (e.g. delete confirmation modal for confluence table) then ignore clicks as they shouldn't influence editor state
+ */
+export const checkForModal = target => {
+  const modalDialog = target === null || target === void 0 ? void 0 : target.closest('[role=dialog]');
+  if (modalDialog) {
+    // return false if not an editor inside modal, otherwise return true
+    return !!(modalDialog !== null && modalDialog !== void 0 && modalDialog.querySelector('.akEditor'));
+  }
+
+  // no modal present so we can return true
+  return true;
+};

package/dist/es2019/ui/Addon/click-area-helper.js

@@ -1,8 +1,7 @@
-import { tintDirtyTransaction } from '@atlaskit/editor-common/collab';
-import { addParagraphAtEnd } from '@atlaskit/editor-common/commands';
-import { setSelectionTopLevelBlocks } from '@atlaskit/editor-common/selection';
 import { closestElement } from '@atlaskit/editor-common/utils';
+import { checkForModal } from './checkForModal';
 import { ignoreAttribute } from './ClickAreaBlock/contentComponentWrapper';
+import { outsideProsemirrorEditorClickHandler } from './outsideProsemirrorEditorClickHandler';
 
 // we ignore all of the clicks made inside <div class="ak-editor-content-area" /> (but not clicks on the node itself)
 const insideContentArea = ref => {
@@ -19,26 +18,6 @@ const insideContentArea = ref => {
 const insideProseMirrorEditableArea = ref => {
   return Boolean(ref === null || ref === void 0 ? void 0 : ref.closest('.ProseMirror'));
 };
-
-/**
- * @see ED-14699 - check if editor is inside a modal to continue to bring cursor to input when
- * any part of the editor container is clicked
- *
- * Handles two cases when a click event is fired:
- *
- * 1. if editor (e.g. comment inside of Jira ticket view) is inside modal then ensure focus and cursor is brought to the input
- * 2. if another modal is open (e.g. delete confirmation modal for confluence table) then ignore clicks as they shouldn't influence editor state
- */
-export const checkForModal = target => {
-  const modalDialog = target === null || target === void 0 ? void 0 : target.closest('[role=dialog]');
-  if (modalDialog) {
-    // return false if not an editor inside modal, otherwise return true
-    return !!(modalDialog !== null && modalDialog !== void 0 && modalDialog.querySelector('.akEditor'));
-  }
-
-  // no modal present so we can return true
-  return true;
-};
 const clickAreaClickHandler = (view, event) => {
   var _view$hasFocus, _target$parentElement, _event$currentTarget, _event$currentTarget2;
   const isEditorFocused = !!(view !== null && view !== void 0 && (_view$hasFocus = view.hasFocus) !== null && _view$hasFocus !== void 0 && _view$hasFocus.call(view));
@@ -100,34 +79,4 @@ const clickAreaClickHandler = (view, event) => {
     outsideProsemirrorEditorClickHandler(view, event);
   }
 };
-export const outsideProsemirrorEditorClickHandler = (view, event) => {
-  var _view$hasFocus2;
-  const {
-    dispatch,
-    dom,
-    state
-  } = view;
-  const {
-    tr
-  } = state;
-  const isEditorFocused = !!(view !== null && view !== void 0 && (_view$hasFocus2 = view.hasFocus) !== null && _view$hasFocus2 !== void 0 && _view$hasFocus2.call(view));
-  const isBottomAreaClicked = event.clientY > dom.getBoundingClientRect().bottom;
-  if (isBottomAreaClicked) {
-    tr.setMeta('outsideProsemirrorEditorClicked', true);
-    addParagraphAtEnd(tr);
-  }
-  setSelectionTopLevelBlocks(tr, event,
-  // Ignored via go/ees005
-  // eslint-disable-next-line @atlaskit/editor/no-as-casting
-  dom, view.posAtCoords.bind(view), isEditorFocused);
-  tintDirtyTransaction(tr);
-  if (!tr.docChanged && !tr.selectionSet) {
-    return;
-  }
-  if (dispatch) {
-    dispatch(tr);
-  }
-  view.focus();
-  event.preventDefault();
-};
 export { clickAreaClickHandler };

package/dist/es2019/ui/Addon/outsideProsemirrorEditorClickHandler.js

@@ -0,0 +1,33 @@
+import { tintDirtyTransaction } from '@atlaskit/editor-common/collab';
+import { addParagraphAtEnd } from '@atlaskit/editor-common/commands';
+import { setSelectionTopLevelBlocks } from '@atlaskit/editor-common/selection';
+export const outsideProsemirrorEditorClickHandler = (view, event) => {
+  var _view$hasFocus;
+  const {
+    dispatch,
+    dom,
+    state
+  } = view;
+  const {
+    tr
+  } = state;
+  const isEditorFocused = !!(view !== null && view !== void 0 && (_view$hasFocus = view.hasFocus) !== null && _view$hasFocus !== void 0 && _view$hasFocus.call(view));
+  const isBottomAreaClicked = event.clientY > dom.getBoundingClientRect().bottom;
+  if (isBottomAreaClicked) {
+    tr.setMeta('outsideProsemirrorEditorClicked', true);
+    addParagraphAtEnd(tr);
+  }
+  setSelectionTopLevelBlocks(tr, event,
+  // Ignored via go/ees005
+  // eslint-disable-next-line @atlaskit/editor/no-as-casting
+  dom, view.posAtCoords.bind(view), isEditorFocused);
+  tintDirtyTransaction(tr);
+  if (!tr.docChanged && !tr.selectionSet) {
+    return;
+  }
+  if (dispatch) {
+    dispatch(tr);
+  }
+  view.focus();
+  event.preventDefault();
+};

package/dist/es2019/ui/Appearance/Chromeless.js

@@ -1,13 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Fragment } from 'react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import EditorContentContainer from '../EditorContentContainer/EditorContentContainer';
 import PluginSlot from '../PluginSlot';
 import WithFlash from '../WithFlash';
-import { ChromelessEditorContainerCompiled } from './Chromeless-compiled';
-import { ChromelessEditorContainerEmotion } from './Chromeless-emotion';
+import { ChromelessEditorContainer } from './ChromelessEditorContainer';
 /**
  * Render the editor in a chromeless appearance.
  * Example use is the inline comment editor, which doesn't have editor toolbar
@@ -105,12 +103,4 @@ function RenderWithPluginState({
   return /*#__PURE__*/React.createElement(Fragment, null, renderChrome({
     maxContentSize
   }));
-}
-
-/**
- * Container for the chromeless editor appearance. This is used to set the max and min height
- * of the editor content area, and to provide a ref to the container element for the popups.
- * @param param0 props for the chromeless editor container
- * @returns JSX element representing the chromeless editor container
- */
-export const ChromelessEditorContainer = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), ChromelessEditorContainerCompiled, ChromelessEditorContainerEmotion);
+}

package/dist/es2019/ui/Appearance/ChromelessEditorContainer.js

@@ -0,0 +1,12 @@
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { ChromelessEditorContainerCompiled } from './Chromeless-compiled';
+import { ChromelessEditorContainerEmotion } from './Chromeless-emotion';
+
+/**
+ * Container for the chromeless editor appearance. This is used to set the max and min height
+ * of the editor content area, and to provide a ref to the container element for the popups.
+ * @param param0 props for the chromeless editor container
+ * @returns JSX element representing the chromeless editor container
+ */
+export const ChromelessEditorContainer = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), ChromelessEditorContainerCompiled, ChromelessEditorContainerEmotion);

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

@@ -0,0 +1,5 @@
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { CustomToolbarWrapperCompiled } from './MainToolbar-compiled';
+import { CustomToolbarWrapperEmotion } from './MainToolbar-emotion';
+export const CustomToolbarWrapperMigration = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), CustomToolbarWrapperCompiled, CustomToolbarWrapperEmotion);

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

@@ -8,8 +8,11 @@ import { ToolbarPortalMountPoint, useToolbarPortal } from '../../Toolbar/Toolbar
 import { ToolbarWithSizeDetector as Toolbar } from '../../Toolbar/ToolbarWithSizeDetector';
 import { BeforePrimaryToolbarWrapper } from './BeforeWrapper';
 import { MainToolbarForFirstChildWrapper, MainToolbarForSecondChildWrapper } from './CustomToolbarWrapper';
-import { CustomToolbarWrapperMigration, MainToolbarIconBeforeMigration, MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, NonCustomToolbarWrapperMigration } from './MainToolbar';
+import { CustomToolbarWrapperMigration } from './CustomToolbarWrapperMigration';
+import { MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT } from './MainToolbar';
+import { MainToolbarIconBeforeMigration } from './MainToolbarIconBeforeMigration';
 import { MainToolbarWrapper } from './MainToolbarWrapper';
+import { NonCustomToolbarWrapperMigration } from './NonCustomToolbarWrapperMigration';
 export const EditorToolbar = /*#__PURE__*/React.memo(props => {
   var _props$primaryToolbar, _useToolbarPortal, _props$customPrimaryT;
   const [shouldSplitToolbar, setShouldSplitToolbar] = useState(false);

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

@@ -1,8 +1 @@
-import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { CustomToolbarWrapperCompiled, MainToolbarIconBeforeCompiled, NonCustomToolbarWrapperCompiled } from './MainToolbar-compiled';
-import { CustomToolbarWrapperEmotion, MainToolbarIconBeforeEmotion, NonCustomToolbarWrapperEmotion } from './MainToolbar-emotion';
-export const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
-export const NonCustomToolbarWrapperMigration = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), NonCustomToolbarWrapperCompiled, NonCustomToolbarWrapperEmotion);
-export const CustomToolbarWrapperMigration = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), CustomToolbarWrapperCompiled, CustomToolbarWrapperEmotion);
-export const MainToolbarIconBeforeMigration = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), MainToolbarIconBeforeCompiled, MainToolbarIconBeforeEmotion);
+export const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;

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

@@ -0,0 +1,5 @@
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { MainToolbarIconBeforeCompiled } from './MainToolbar-compiled';
+import { MainToolbarIconBeforeEmotion } from './MainToolbar-emotion';
+export const MainToolbarIconBeforeMigration = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), MainToolbarIconBeforeCompiled, MainToolbarIconBeforeEmotion);

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

@@ -0,0 +1,5 @@
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { NonCustomToolbarWrapperCompiled } from './MainToolbar-compiled';
+import { NonCustomToolbarWrapperEmotion } from './MainToolbar-emotion';
+export const NonCustomToolbarWrapperMigration = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), NonCustomToolbarWrapperCompiled, NonCustomToolbarWrapperEmotion);

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", {