@atlaskit/editor-core 221.2.1 → 221.3.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-core
 
+## 221.3.0
+
+### Minor Changes
+
+- [`036b4169b1a86`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/036b4169b1a86) -
+  [ux] Make Footer sit at the bottom of the page
+
+### Patch Changes
+
+- [`ee28cf33718b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee28cf33718b0) -
+  Add @atlassian/react-compiler-gating as a runtime dependency to enable React Compiler platform
+  gating.
+- Updated dependencies
+
 ## 221.2.1
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -116,6 +116,9 @@
 		{
 			"path": "../../../design-system/width-detector/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../../react-compiler/react-compiler-gating/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../editor-common/afm-cc/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -116,6 +116,9 @@
 		{
 			"path": "../../../design-system/width-detector/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../../react-compiler/react-compiler-gating/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../editor-common/afm-products/tsconfig.json"
 		},

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

@@ -72,6 +72,15 @@ var hideEditorContentAreaProsemirrorWithAttributeStyle = (0, _react2.css)({
     display: 'none'
   }
 });
+var hideEditorContentAreaScrollGutterWithAttributeStyle = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '&[data-markdown-mode-hide-scroll-gutter="true"] > .ak-editor-content-area > [data-vc="scroll-gutter"]': {
+    display: 'none'
+  }
+});
+var hideEditorScrollGutterStyle = (0, _react2.css)({
+  display: 'none'
+});
 var fullWidthNonChromelessBreakoutBlockTableStyle = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-1
   '.fabric-editor--full-width-mode:not(:has(#chromeless-editor))': {
@@ -228,6 +237,38 @@ var contentAreaHeightNoToolbar = (0, _react2.css)({
 var markdownModeContainerBackgroundStyle = (0, _react2.css)({
   backgroundColor: "var(--ds-surface-sunken, #F8F8F8)"
 });
+var markdownModeContentAreaStyle = (0, _react2.css)({
+  boxSizing: 'border-box',
+  height: '100%',
+  margin: 0,
+  maxWidth: 'none',
+  minWidth: 0,
+  paddingBottom: 0,
+  paddingTop: 0,
+  width: '100%',
+  // The markdown source view is rendered through PluginSlot. Stretch those
+  // intermediate wrappers so its in-flow footer can sit at the bottom without
+  // overlaying the CodeMirror scrollbar.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '> .ak-editor-content-area': {
+    boxSizing: 'border-box',
+    display: 'flex',
+    flexDirection: 'column',
+    height: '100%',
+    minHeight: 0,
+    minWidth: 0,
+    padding: 0,
+    width: '100%'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '> .ak-editor-content-area > [data-testid="plugins-components-wrapper"]': {
+    display: 'flex',
+    flex: '1 1 auto',
+    minHeight: 0,
+    minWidth: 0,
+    width: '100%'
+  }
+});
 var CONTENT_AREA_TEST_ID = exports.CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var EDITOR_CONTAINER = exports.EDITOR_CONTAINER = 'ak-editor-container';
@@ -266,7 +307,10 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var _states$markdownModeS2;
     return (_states$markdownModeS2 = states.markdownModeState) === null || _states$markdownModeS2 === void 0 ? void 0 : _states$markdownModeS2.isMarkdownMode;
   });
-  var shouldHideProseMirrorForMarkdownMode = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-markdown-mode', 'isEnabled', true) && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
+  var isMarkdownModeExperimentEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-markdown-mode', 'isEnabled', true);
+  var shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
+  var shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
+  var shouldUseMarkdownModeMvpLayout = shouldHideProseMirrorForMarkdownMode && (0, _platformFeatureFlags.fg)('platform_editor_md_mvp_layout');
   return (0, _react2.jsx)("div", {
     css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
     "data-testid": CONTENT_AREA_TEST_ID,
@@ -274,7 +318,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, (0, _react2.jsx)("div", {
     css: [
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-    _StyledComponents.contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && (0, _platformFeatureFlags.fg)('platform_editor_md_mvp_layout') && markdownModeContainerBackgroundStyle],
+    _StyledComponents.contentAreaWrapper, shouldUseMarkdownModeMvpLayout && markdownModeContainerBackgroundStyle],
     "data-testid": EDITOR_CONTAINER,
     "data-editor-container": 'true'
   }, (0, _react2.jsx)(_EditorContentContainer.default
@@ -293,10 +337,11 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     editorDisabled: props.disabled
   }, (0, _react2.jsx)("div", {
     "data-markdown-mode-hide-prosemirror": shouldHideProseMirrorForMarkdownMode ? 'true' : undefined,
+    "data-markdown-mode-hide-scroll-gutter": shouldHideScrollGutterForMarkdownMode ? 'true' : undefined,
     css: [editorContentAreaNew, editorContentAreaProsemirrorStyle,
     // EDITOR-6558: hide ProseMirror when the markdown-mode plugin
     // reports a non-WYSIWYG view.
-    shouldHideProseMirrorForMarkdownMode && hideEditorContentAreaProsemirrorWithAttributeStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
+    shouldHideProseMirrorForMarkdownMode && hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && hideEditorContentAreaScrollGutterWithAttributeStyle, shouldUseMarkdownModeMvpLayout && markdownModeContentAreaStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
     // for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
     (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
     style: {
@@ -341,6 +386,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     wrapperElement: props.wrapperElement
   }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? (0, _contentComponentWrapper.contentComponentClickWrapper)(props.customContentComponents.after) : null, allowScrollGutter && ((0, _experiments.editorExperiment)('platform_editor_blocks', true) ? (0, _react2.jsx)("div", {
     id: "editor-scroll-gutter",
+    css: shouldHideScrollGutterForMarkdownMode && hideEditorScrollGutterStyle,
     style: {
       paddingBottom: "".concat((_allowScrollGutter$gu = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu !== void 0 ? _allowScrollGutter$gu : '120', "px")
     },
@@ -348,6 +394,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     "data-editor-scroll-gutter": "true"
   }) : (0, _react2.jsx)("div", {
     id: "editor-scroll-gutter",
+    css: shouldHideScrollGutterForMarkdownMode && hideEditorScrollGutterStyle,
     style: {
       paddingBottom: "".concat((_allowScrollGutter$gu2 = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu2 !== void 0 ? _allowScrollGutter$gu2 : '120', "px")
     },

package/dist/cjs/version-wrapper.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-var version = exports.version = "221.2.0";
+var version = exports.version = "221.2.1";

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

@@ -63,6 +63,15 @@ const hideEditorContentAreaProsemirrorWithAttributeStyle = css({
     display: 'none'
   }
 });
+const hideEditorContentAreaScrollGutterWithAttributeStyle = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '&[data-markdown-mode-hide-scroll-gutter="true"] > .ak-editor-content-area > [data-vc="scroll-gutter"]': {
+    display: 'none'
+  }
+});
+const hideEditorScrollGutterStyle = css({
+  display: 'none'
+});
 const fullWidthNonChromelessBreakoutBlockTableStyle = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-1
   '.fabric-editor--full-width-mode:not(:has(#chromeless-editor))': {
@@ -222,6 +231,38 @@ const contentAreaHeightNoToolbar = css({
 const markdownModeContainerBackgroundStyle = css({
   backgroundColor: "var(--ds-surface-sunken, #F8F8F8)"
 });
+const markdownModeContentAreaStyle = css({
+  boxSizing: 'border-box',
+  height: '100%',
+  margin: 0,
+  maxWidth: 'none',
+  minWidth: 0,
+  paddingBottom: 0,
+  paddingTop: 0,
+  width: '100%',
+  // The markdown source view is rendered through PluginSlot. Stretch those
+  // intermediate wrappers so its in-flow footer can sit at the bottom without
+  // overlaying the CodeMirror scrollbar.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '> .ak-editor-content-area': {
+    boxSizing: 'border-box',
+    display: 'flex',
+    flexDirection: 'column',
+    height: '100%',
+    minHeight: 0,
+    minWidth: 0,
+    padding: 0,
+    width: '100%'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '> .ak-editor-content-area > [data-testid="plugins-components-wrapper"]': {
+    display: 'flex',
+    flex: '1 1 auto',
+    minHeight: 0,
+    minWidth: 0,
+    width: '100%'
+  }
+});
 export const CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const EDITOR_CONTAINER = 'ak-editor-container';
@@ -258,7 +299,10 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     var _states$markdownModeS2;
     return (_states$markdownModeS2 = states.markdownModeState) === null || _states$markdownModeS2 === void 0 ? void 0 : _states$markdownModeS2.isMarkdownMode;
   });
-  const shouldHideProseMirrorForMarkdownMode = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true) && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
+  const isMarkdownModeExperimentEnabled = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true);
+  const shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
+  const shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
+  const shouldUseMarkdownModeMvpLayout = shouldHideProseMirrorForMarkdownMode && fg('platform_editor_md_mvp_layout');
   return jsx("div", {
     css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
     "data-testid": CONTENT_AREA_TEST_ID,
@@ -266,7 +310,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
   }, jsx("div", {
     css: [
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-    contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && fg('platform_editor_md_mvp_layout') && markdownModeContainerBackgroundStyle],
+    contentAreaWrapper, shouldUseMarkdownModeMvpLayout && markdownModeContainerBackgroundStyle],
     "data-testid": EDITOR_CONTAINER,
     "data-editor-container": 'true'
   }, jsx(EditorContentContainer
@@ -285,10 +329,11 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     editorDisabled: props.disabled
   }, jsx("div", {
     "data-markdown-mode-hide-prosemirror": shouldHideProseMirrorForMarkdownMode ? 'true' : undefined,
+    "data-markdown-mode-hide-scroll-gutter": shouldHideScrollGutterForMarkdownMode ? 'true' : undefined,
     css: [editorContentAreaNew, editorContentAreaProsemirrorStyle,
     // EDITOR-6558: hide ProseMirror when the markdown-mode plugin
     // reports a non-WYSIWYG view.
-    shouldHideProseMirrorForMarkdownMode && hideEditorContentAreaProsemirrorWithAttributeStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
+    shouldHideProseMirrorForMarkdownMode && hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && hideEditorContentAreaScrollGutterWithAttributeStyle, shouldUseMarkdownModeMvpLayout && markdownModeContentAreaStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
     // for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
     expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
     style: {
@@ -333,6 +378,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     wrapperElement: props.wrapperElement
   }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.after) : null, allowScrollGutter && (editorExperiment('platform_editor_blocks', true) ? jsx("div", {
     id: "editor-scroll-gutter",
+    css: shouldHideScrollGutterForMarkdownMode && hideEditorScrollGutterStyle,
     style: {
       paddingBottom: `${(_allowScrollGutter$gu = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu !== void 0 ? _allowScrollGutter$gu : '120'}px`
     },
@@ -340,6 +386,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     "data-editor-scroll-gutter": "true"
   }) : jsx("div", {
     id: "editor-scroll-gutter",
+    css: shouldHideScrollGutterForMarkdownMode && hideEditorScrollGutterStyle,
     style: {
       paddingBottom: `${(_allowScrollGutter$gu2 = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu2 !== void 0 ? _allowScrollGutter$gu2 : '120'}px`
     },

package/dist/es2019/version-wrapper.js

@@ -1,3 +1,3 @@
 export const name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export const version = "221.2.0";
+export const version = "221.2.1";

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

@@ -62,6 +62,15 @@ var hideEditorContentAreaProsemirrorWithAttributeStyle = css({
     display: 'none'
   }
 });
+var hideEditorContentAreaScrollGutterWithAttributeStyle = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '&[data-markdown-mode-hide-scroll-gutter="true"] > .ak-editor-content-area > [data-vc="scroll-gutter"]': {
+    display: 'none'
+  }
+});
+var hideEditorScrollGutterStyle = css({
+  display: 'none'
+});
 var fullWidthNonChromelessBreakoutBlockTableStyle = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-1
   '.fabric-editor--full-width-mode:not(:has(#chromeless-editor))': {
@@ -218,6 +227,38 @@ var contentAreaHeightNoToolbar = css({
 var markdownModeContainerBackgroundStyle = css({
   backgroundColor: "var(--ds-surface-sunken, #F8F8F8)"
 });
+var markdownModeContentAreaStyle = css({
+  boxSizing: 'border-box',
+  height: '100%',
+  margin: 0,
+  maxWidth: 'none',
+  minWidth: 0,
+  paddingBottom: 0,
+  paddingTop: 0,
+  width: '100%',
+  // The markdown source view is rendered through PluginSlot. Stretch those
+  // intermediate wrappers so its in-flow footer can sit at the bottom without
+  // overlaying the CodeMirror scrollbar.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '> .ak-editor-content-area': {
+    boxSizing: 'border-box',
+    display: 'flex',
+    flexDirection: 'column',
+    height: '100%',
+    minHeight: 0,
+    minWidth: 0,
+    padding: 0,
+    width: '100%'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '> .ak-editor-content-area > [data-testid="plugins-components-wrapper"]': {
+    display: 'flex',
+    flex: '1 1 auto',
+    minHeight: 0,
+    minWidth: 0,
+    width: '100%'
+  }
+});
 export var CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export var EDITOR_CONTAINER = 'ak-editor-container';
@@ -256,7 +297,10 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _states$markdownModeS2;
     return (_states$markdownModeS2 = states.markdownModeState) === null || _states$markdownModeS2 === void 0 ? void 0 : _states$markdownModeS2.isMarkdownMode;
   });
-  var shouldHideProseMirrorForMarkdownMode = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true) && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
+  var isMarkdownModeExperimentEnabled = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true);
+  var shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
+  var shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
+  var shouldUseMarkdownModeMvpLayout = shouldHideProseMirrorForMarkdownMode && fg('platform_editor_md_mvp_layout');
   return jsx("div", {
     css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
     "data-testid": CONTENT_AREA_TEST_ID,
@@ -264,7 +308,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, jsx("div", {
     css: [
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-    contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && fg('platform_editor_md_mvp_layout') && markdownModeContainerBackgroundStyle],
+    contentAreaWrapper, shouldUseMarkdownModeMvpLayout && markdownModeContainerBackgroundStyle],
     "data-testid": EDITOR_CONTAINER,
     "data-editor-container": 'true'
   }, jsx(EditorContentContainer
@@ -283,10 +327,11 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
     editorDisabled: props.disabled
   }, jsx("div", {
     "data-markdown-mode-hide-prosemirror": shouldHideProseMirrorForMarkdownMode ? 'true' : undefined,
+    "data-markdown-mode-hide-scroll-gutter": shouldHideScrollGutterForMarkdownMode ? 'true' : undefined,
     css: [editorContentAreaNew, editorContentAreaProsemirrorStyle,
     // EDITOR-6558: hide ProseMirror when the markdown-mode plugin
     // reports a non-WYSIWYG view.
-    shouldHideProseMirrorForMarkdownMode && hideEditorContentAreaProsemirrorWithAttributeStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
+    shouldHideProseMirrorForMarkdownMode && hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && hideEditorContentAreaScrollGutterWithAttributeStyle, shouldUseMarkdownModeMvpLayout && markdownModeContentAreaStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
     // for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
     expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
     style: {
@@ -331,6 +376,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
     wrapperElement: props.wrapperElement
   }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.after) : null, allowScrollGutter && (editorExperiment('platform_editor_blocks', true) ? jsx("div", {
     id: "editor-scroll-gutter",
+    css: shouldHideScrollGutterForMarkdownMode && hideEditorScrollGutterStyle,
     style: {
       paddingBottom: "".concat((_allowScrollGutter$gu = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu !== void 0 ? _allowScrollGutter$gu : '120', "px")
     },
@@ -338,6 +384,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
     "data-editor-scroll-gutter": "true"
   }) : jsx("div", {
     id: "editor-scroll-gutter",
+    css: shouldHideScrollGutterForMarkdownMode && hideEditorScrollGutterStyle,
     style: {
       paddingBottom: "".concat((_allowScrollGutter$gu2 = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu2 !== void 0 ? _allowScrollGutter$gu2 : '120', "px")
     },

package/dist/esm/version-wrapper.js

@@ -1,3 +1,3 @@
 export var name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export var version = "221.2.0";
+export var version = "221.2.1";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "221.2.1",
+	"version": "221.3.0",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -66,10 +66,11 @@
 		"@atlaskit/platform-feature-flags-react": "^1.0.0",
 		"@atlaskit/react-ufo": "^7.1.0",
 		"@atlaskit/task-decision": "^21.2.0",
-		"@atlaskit/tmp-editor-statsig": "^109.2.0",
-		"@atlaskit/tokens": "^14.0.0",
+		"@atlaskit/tmp-editor-statsig": "^110.0.0",
+		"@atlaskit/tokens": "^15.0.0",
 		"@atlaskit/tooltip": "^23.0.0",
 		"@atlaskit/width-detector": "^6.0.0",
+		"@atlassian/react-compiler-gating": "^0.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"@emotion/react": "^11.7.1",
@@ -84,7 +85,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.9.0",
+		"@atlaskit/editor-common": "^116.11.0",
 		"@atlaskit/link-provider": "^5.0.0",
 		"@atlaskit/media-core": "^38.0.0",
 		"react": "^18.2.0",
@@ -101,7 +102,7 @@
 		"@atlaskit/collab-provider": "^21.0.0",
 		"@atlaskit/editor-plugin-annotation": "^12.0.0",
 		"@atlaskit/editor-plugin-card": "^18.0.0",
-		"@atlaskit/editor-plugin-list": "^14.0.0",
+		"@atlaskit/editor-plugin-list": "^14.1.0",
 		"@atlaskit/editor-plugin-paste": "^13.1.0",
 		"@atlaskit/editor-test-helpers": "workspace:^",
 		"@atlaskit/link-provider": "^5.0.0",
@@ -114,7 +115,7 @@
 		"@atlaskit/popper": "^8.0.0",
 		"@atlaskit/portal": "^6.0.0",
 		"@atlaskit/renderer": "^133.5.0",
-		"@atlaskit/section-message": "^9.0.0",
+		"@atlaskit/section-message": "^9.1.0",
 		"@atlaskit/synchrony-test-helpers": "workspace:^",
 		"@atlaskit/toggle": "^17.0.0",
 		"@atlaskit/util-data-test": "^19.0.0",
@@ -123,7 +124,6 @@
 		"@atlassian/adf-schema-json": "^1.33.0",
 		"@atlassian/editor-rovo-bridge": "^10.0.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
-		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/search-client": "^1.16.0",
 		"@atlassian/search-provider": "^13.0.0",
 		"@atlassian/structured-docs-types": "workspace:^",