@atlaskit/editor-core 220.0.3 → 220.1.1

package/dist/esm/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)
 var insideContentArea = function insideContentArea(ref) {
@@ -19,26 +18,6 @@ var insideContentArea = function insideContentArea(ref) {
 var insideProseMirrorEditableArea = function 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 var checkForModal = function checkForModal(target) {
-  var 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;
-};
 var clickAreaClickHandler = function clickAreaClickHandler(view, event) {
   var _view$hasFocus, _target$parentElement, _event$currentTarget, _event$currentTarget2;
   var isEditorFocused = !!(view !== null && view !== void 0 && (_view$hasFocus = view.hasFocus) !== null && _view$hasFocus !== void 0 && _view$hasFocus.call(view));
@@ -100,30 +79,4 @@ var clickAreaClickHandler = function clickAreaClickHandler(view, event) {
     outsideProsemirrorEditorClickHandler(view, event);
   }
 };
-export var outsideProsemirrorEditorClickHandler = function outsideProsemirrorEditorClickHandler(view, event) {
-  var _view$hasFocus2;
-  var dispatch = view.dispatch,
-    dom = view.dom,
-    state = view.state;
-  var tr = state.tr;
-  var isEditorFocused = !!(view !== null && view !== void 0 && (_view$hasFocus2 = view.hasFocus) !== null && _view$hasFocus2 !== void 0 && _view$hasFocus2.call(view));
-  var 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/esm/ui/Addon/outsideProsemirrorEditorClickHandler.js

@@ -0,0 +1,29 @@
+import { tintDirtyTransaction } from '@atlaskit/editor-common/collab';
+import { addParagraphAtEnd } from '@atlaskit/editor-common/commands';
+import { setSelectionTopLevelBlocks } from '@atlaskit/editor-common/selection';
+export var outsideProsemirrorEditorClickHandler = function outsideProsemirrorEditorClickHandler(view, event) {
+  var _view$hasFocus;
+  var dispatch = view.dispatch,
+    dom = view.dom,
+    state = view.state;
+  var tr = state.tr;
+  var isEditorFocused = !!(view !== null && view !== void 0 && (_view$hasFocus = view.hasFocus) !== null && _view$hasFocus !== void 0 && _view$hasFocus.call(view));
+  var 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/esm/ui/Appearance/Chromeless.js

@@ -8,13 +8,11 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 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
@@ -123,14 +121,4 @@ function RenderWithPluginState(_ref2) {
   return /*#__PURE__*/React.createElement(Fragment, null, renderChrome({
     maxContentSize: 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 var ChromelessEditorContainer = componentWithCondition(function () {
-  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
-}, ChromelessEditorContainerCompiled, ChromelessEditorContainerEmotion);
+}

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

@@ -0,0 +1,14 @@
+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 var ChromelessEditorContainer = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, ChromelessEditorContainerCompiled, ChromelessEditorContainerEmotion);

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

@@ -0,0 +1,7 @@
+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 var CustomToolbarWrapperMigration = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, CustomToolbarWrapperCompiled, CustomToolbarWrapperEmotion);

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

@@ -9,8 +9,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 var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
   var _props$primaryToolbar, _useToolbarPortal, _props$customPrimaryT;
   var _useState = useState(false),

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

@@ -1,14 +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 var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
-export var NonCustomToolbarWrapperMigration = componentWithCondition(function () {
-  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
-}, NonCustomToolbarWrapperCompiled, NonCustomToolbarWrapperEmotion);
-export var CustomToolbarWrapperMigration = componentWithCondition(function () {
-  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
-}, CustomToolbarWrapperCompiled, CustomToolbarWrapperEmotion);
-export var MainToolbarIconBeforeMigration = componentWithCondition(function () {
-  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
-}, MainToolbarIconBeforeCompiled, MainToolbarIconBeforeEmotion);
+export var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;

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

@@ -0,0 +1,7 @@
+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 var MainToolbarIconBeforeMigration = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, MainToolbarIconBeforeCompiled, MainToolbarIconBeforeEmotion);

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

@@ -0,0 +1,7 @@
+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 var NonCustomToolbarWrapperMigration = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, NonCustomToolbarWrapperCompiled, NonCustomToolbarWrapperEmotion);

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

@@ -75,6 +75,25 @@ export var mentionNodeStyles = 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/esm/utils/combineQuickInsertProviders.js

@@ -0,0 +1,10 @@
+import { combineProviders } from '@atlaskit/editor-common/provider-helpers';
+export function combineQuickInsertProviders(quickInsertProviders) {
+  var _combineProviders = combineProviders(quickInsertProviders),
+    invokeList = _combineProviders.invokeList;
+  return {
+    getItems: function getItems() {
+      return invokeList('getItems');
+    }
+  };
+}

package/dist/esm/utils/extensions.js

@@ -7,7 +7,6 @@ import React from 'react';
 import Loadable from 'react-loadable';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { getQuickInsertItemsFromModule, resolveImport } from '@atlaskit/editor-common/extensions';
-import { combineProviders } from '@atlaskit/editor-common/provider-helpers';
 import { findInsertLocation } from '@atlaskit/editor-common/utils/analytics';
 import { fg } from '@atlaskit/platform-feature-flags';
 
@@ -168,13 +167,4 @@ function _extensionProviderToQuickInsertProvider() {
     }, _callee);
   }));
   return _extensionProviderToQuickInsertProvider.apply(this, arguments);
-}
-export function combineQuickInsertProviders(quickInsertProviders) {
-  var _combineProviders = combineProviders(quickInsertProviders),
-    invokeList = _combineProviders.invokeList;
-  return {
-    getItems: function getItems() {
-      return invokeList('getItems');
-    }
-  };
 }

package/dist/esm/utils/getNodesVisibleInViewport.js

@@ -1,12 +1,4 @@
-/**
- * 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.
- */
-export var 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;
-};
+import { isNodeVisible } from './isNodeVisible';
 
 /**
  * Get visible nodes in viewport by looping through the first N nodes (MAX_NODES_TO_COUNT)

package/dist/esm/utils/isNodeVisible.js

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ */
+export var 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/esm/utils/prepare-quick-insert-provider.js

@@ -1,4 +1,5 @@
-import { combineQuickInsertProviders, extensionProviderToQuickInsertProvider } from './extensions';
+import { combineQuickInsertProviders } from './combineQuickInsertProviders';
+import { extensionProviderToQuickInsertProvider } from './extensions';
 
 /**
  *

package/dist/esm/utils/validNode.js

@@ -0,0 +1,8 @@
+export var validNode = function validNode(node) {
+  try {
+    node.check();
+  } catch (error) {
+    return false;
+  }
+  return true;
+};

package/dist/esm/utils/validateNodes.js

@@ -1,11 +1,4 @@
-export var validNode = function validNode(node) {
-  try {
-    node.check();
-  } catch (error) {
-    return false;
-  }
-  return true;
-};
+import { validNode } from './validNode';
 
 /** Validates prosemirror nodes, and returns true only if all nodes are valid */
 export var validateNodes = function validateNodes(nodes) {

package/dist/esm/version-wrapper.js

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

package/dist/types/actions/isEmptyParagraph.d.ts

@@ -0,0 +1,5 @@
+import type { Node } from '@atlaskit/editor-prosemirror/model';
+/**
+ * Checks if node is an empty paragraph.
+ */
+export declare function isEmptyParagraph(node?: Node | null): boolean;

package/dist/types/actions/temp-is-empty-document.d.ts

@@ -5,10 +5,6 @@
  * help decouple it from editor-common
  */
 import type { Node } from '@atlaskit/editor-prosemirror/model';
-/**
- * Checks if node is an empty paragraph.
- */
-export declare function isEmptyParagraph(node?: Node | null): boolean;
 /**
  * Checks if a node looks like an empty document
  */

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/composable-editor/editor-internal.d.ts

@@ -8,7 +8,7 @@ import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { Transformer } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type EditorActions from '../actions';
-import type { EditorAppearanceComponentProps } from '../types';
+import type { EditorAppearanceComponentProps } from '../types/editor-appearance-component';
 import type { EditorNextProps } from '../types/editor-props';
 interface InternalProps {
     AppearanceComponent: React.ComponentType<React.PropsWithChildren<EditorAppearanceComponentProps<[]>>>;

package/dist/types/create-editor/ReactEditorView.d.ts

@@ -8,8 +8,8 @@ import type { AllEditorPresetPluginTypes, EditorPresetBuilder } from '@atlaskit/
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { PublicPluginAPI, Transformer } from '@atlaskit/editor-common/types';
 import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { EditorConfig, EditorProps } from '../types';
-import type { EditorNextProps } from '../types/editor-props';
+import type { EditorConfig } from '../types/editor-config';
+import type { EditorNextProps, EditorProps } from '../types/editor-props';
 export interface EditorViewProps extends WrappedComponentProps {
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
     disabled?: boolean;

package/dist/types/create-editor/addMetadataAttributes.d.ts

@@ -0,0 +1,16 @@
+import type { DOMOutputSpec, Mark as PMMark, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+/**
+ * 🧱 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 declare const addMetadataAttributes: ({ nodeOrMark, domSpec, }: {
+    domSpec: DOMOutputSpec;
+    nodeOrMark: PMNode | PMMark;
+}) => DOMOutputSpec;

package/dist/types/create-editor/create-editor.d.ts

@@ -1,19 +1,3 @@
-import type { ErrorReportingHandler } from '@atlaskit/editor-common/error-reporter';
-import { ErrorReporter } from '@atlaskit/editor-common/error-reporter';
-import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { EditorPlugin } from '@atlaskit/editor-common/types';
-import type { MarkSpec } from '@atlaskit/editor-prosemirror/model';
-import type { EditorConfig, PMPluginCreateConfig } from '../types';
-export declare function sortByRank(a: {
-    rank: number;
-}, b: {
-    rank: number;
-}): number;
-export declare function fixExcludes(marks: {
-    [key: string]: MarkSpec;
-}): {
-    [key: string]: MarkSpec;
-};
+import type { EditorConfig } from '../types/editor-config';
 export declare function processPluginsList(plugins: EditorPlugin[]): EditorConfig;
-export declare function createPMPlugins(config: PMPluginCreateConfig): SafePlugin[];
-export declare function createErrorReporter(errorReporterHandler?: ErrorReportingHandler): ErrorReporter;

package/dist/types/create-editor/create-plugins-list.d.ts

@@ -1,11 +1,8 @@
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
 import type { EditorPluginInjectionAPI, EditorPresetBuilder } from '@atlaskit/editor-common/preset';
 import type { EditorPlugin } from '@atlaskit/editor-common/types';
-import type { ScrollGutterPluginOptions } from '@atlaskit/editor-plugins/base';
 import type { DefaultPresetPluginOptions } from '../../src/presets/default';
-import type { EditorProps } from '../types';
-import type { EditorPluginFeatureProps } from '../types/editor-props';
-export declare function getScrollGutterOptions(props: EditorProps): ScrollGutterPluginOptions | undefined;
+import type { EditorPluginFeatureProps, EditorProps } from '../types/editor-props';
 export declare function getDefaultPresetOptionsFromEditorProps(props: EditorProps, createAnalyticsEvent?: CreateUIAnalyticsEvent): DefaultPresetPluginOptions & Omit<EditorPluginFeatureProps, 'placeholder'>;
 /**
  * Maps EditorProps to EditorPlugins