@atlaskit/editor-core 221.16.0 → 221.16.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-core
 
+## 221.16.2
+
+### Patch Changes
+
+- [`c1bfdbcc75ef2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c1bfdbcc75ef2) -
+  Add a floating table of contents experiment that provides a 24px scroll offset for headings in the
+  editor and renderer.
+- Updated dependencies
+
+## 221.16.1
+
+### Patch Changes
+
+- [`2bf1a4ceaf0a4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2bf1a4ceaf0a4) -
+  Clean up stale feature gates platform_editor_fix_md_empty_list_roundtrip,
+  platform_editor_md-mode-use-content-reconciler, platform_editor_toolbar_mode_override,
+  platform_editor_markdown_mode_hide_source_toolbar
+- Updated dependencies
+
 ## 221.16.0
 
 ### Minor Changes

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

@@ -91,7 +91,7 @@ var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
   // (no PM selection to anchor a floating toolbar to). The user's docking
   // pref alone is not enough to decide whether to mount the primary toolbar
   // in that case — the override has to short-circuit the hide gate below.
-  var forcePrimaryToolbarPinned = state.contextualFormattingModeOverride === 'always-pinned' && (0, _platformFeatureFlags.fg)('platform_editor_toolbar_mode_override');
+  var forcePrimaryToolbarPinned = state.contextualFormattingModeOverride === 'always-pinned';
   var interactionState = state.interactionState;
   var primaryToolbarState = (0, _getPrimaryToolbarComponents.getPrimaryToolbarComponents)(editorAPI, state.primaryToolbarComponents);
   var hasHadInteraction = interactionState !== 'hasNotHadInteraction';

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

@@ -64,7 +64,7 @@ var shouldShowToolbarContainer = function shouldShowToolbarContainer(toolbar, cu
   return !!toolbar || !!customPrimaryToolbarComponents;
 };
 var getToolbarComponentsForMarkdownView = function getToolbarComponentsForMarkdownView(components, markdownModeView, isConvertedMarkdownPreview) {
-  if ((markdownModeView === 'syntax' || markdownModeView === 'preview') && (0, _platformFeatureFlags.fg)('platform_editor_markdown_mode_hide_source_toolbar')) {
+  if (markdownModeView === 'syntax' || markdownModeView === 'preview') {
     // Converted markdown live pages in preview should show full toolbar content
     // so preference-based docking can work consistently.
     if (isConvertedMarkdownPreview) {
@@ -92,8 +92,7 @@ var FullPageToolbarNext = exports.FullPageToolbarNext = function FullPageToolbar
     var _states$toolbarState;
     return (_states$toolbarState = states.toolbarState) === null || _states$toolbarState === void 0 ? void 0 : _states$toolbarState.contextualFormattingModeOverride;
   });
-  var effectiveRuntimeOverride = runtimeOverride !== undefined && (0, _platformFeatureFlags.fg)('platform_editor_toolbar_mode_override') ? runtimeOverride : undefined;
-  var contextualFormattingEnabled = effectiveRuntimeOverride !== null && effectiveRuntimeOverride !== void 0 ? effectiveRuntimeOverride : editorAPI === null || editorAPI === void 0 || (_editorAPI$toolbar2 = editorAPI.toolbar) === null || _editorAPI$toolbar2 === void 0 ? void 0 : _editorAPI$toolbar2.actions.contextualFormattingMode();
+  var contextualFormattingEnabled = runtimeOverride !== null && runtimeOverride !== void 0 ? runtimeOverride : editorAPI === null || editorAPI === void 0 || (_editorAPI$toolbar2 = editorAPI.toolbar) === null || _editorAPI$toolbar2 === void 0 ? void 0 : _editorAPI$toolbar2.actions.contextualFormattingMode();
   var markdownModeState = (0, _hooks.useSharedPluginStateWithSelector)(editorAPI, ['markdownMode'], function (states) {
     return states.markdownModeState;
   });

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

@@ -13,6 +13,7 @@
 .cc-1w88a35 .ProseMirror blockquote.danger{background-color:var(--ds-background-danger,#ffeceb);border-left-color:var(--ds-border-danger,#e2483d)}
 .cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node{background:var(--ds-background-accent-blue-subtler,#cfe1fd);border-left-color:var(--ds-border-selected,#1868db);-webkit-user-select:text}.cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node ::selection, .cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node::selection{background-color:transparent}.cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node ::-moz-selection, .cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node::-moz-selection{background-color:transparent}
 .cc-2psl3e .ProseMirror blockquote{box-sizing:border-box;color:inherit;width:100%;display:inline-block;padding-top:0;padding-bottom:0;padding-left:var(--ds-space-200,1pc);border-left-width:var(--ds-border-width-selected,2px);border-left-style:solid;border-left-color:var(--ds-border,#0b120e24);margin-top:.75rem;margin-bottom:0;margin-left:0;margin-right:0}.cc-2psl3e .ProseMirror blockquote:first-child{margin-top:0}.cc-2psl3e .ProseMirror blockquote:before{content:""}.cc-2psl3e .ProseMirror blockquote:after{content:none}.cc-2psl3e .ProseMirror blockquote p{display:block}.cc-2psl3e .ProseMirror blockquote table, .cc-2psl3e .ProseMirror blockquote table:last-child{display:inline-table}.cc-2psl3e .ProseMirror blockquote>.code-block:last-child, .cc-2psl3e .ProseMirror blockquote>.mediaGroupView-content-wrap:last-child, .cc-2psl3e .ProseMirror blockquote>.mediaSingleView-content-wrap:last-child{display:block}.cc-2psl3e .ProseMirror blockquote>.extensionView-content-wrap:last-child{display:block}.cc-2psl3e .ProseMirror .fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)>h1:first-child{margin-top:1.667em}.cc-2psl3e .ProseMirror .fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)>h2:first-child{margin-top:1.8em}.cc-2psl3e .ProseMirror .fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)>h3:first-child{margin-top:2em}.cc-2psl3e .ProseMirror .fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)>h4:first-child{margin-top:1.357em}.cc-2psl3e .ProseMirror .fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)>h5:first-child{margin-top:1.667em}.cc-2psl3e .ProseMirror .fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)>h6:first-child{margin-top:1.455em}.cc-2psl3e .ProseMirror .ProseMirror-gapcursor:first-child+.fabric-editor-block-mark.fabric-editor-alignment>:is(h1,h2,h3,h4,h5,h6):first-child, .cc-2psl3e .ProseMirror .ProseMirror-widget:first-child+.ProseMirror-widget:nth-child(2)+.fabric-editor-block-mark.fabric-editor-alignment>:is(h1,h2,h3,h4,h5,h6):first-child, .cc-2psl3e .ProseMirror .ProseMirror-widget:first-child+.fabric-editor-block-mark.fabric-editor-alignment>:is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}
+.cc-g0pvon .ProseMirror :is(h1,h2,h3,h4,h5,h6){scroll-margin-top:var(--ds-space-300,24px)}
 [dir=rtl] .cc-1aoan5v .ProseMirror blockquote{padding-left:0;padding-right:var(--ds-space-200,1pc)}
 .cc-n5pexl .ak-editor-content-area.appearance-full-page .ProseMirror blockquote{padding-left:var(--ds-space-250,20px)}.cc-n5pexl .ak-editor-content-area .ak-editor-content-area .ProseMirror blockquote{padding-left:var(--ds-space-200,1pc)}
 .cc-1na1fzg .ProseMirror h1{font:var(--editor-font-ugc-token-heading-h1);margin-bottom:0;margin-top:1.45833em}.cc-1na1fzg .ProseMirror h1 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h2{font:var(--editor-font-ugc-token-heading-h2);margin-bottom:0;margin-top:1.4em}.cc-1na1fzg .ProseMirror h2 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h3{font:var(--editor-font-ugc-token-heading-h3);margin-bottom:0;margin-top:1.31249em}.cc-1na1fzg .ProseMirror h3 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h4{font:var(--editor-font-ugc-token-heading-h4);margin-top:1.25em}.cc-1na1fzg .ProseMirror h4 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h5{font:var(--editor-font-ugc-token-heading-h5);margin-top:1.45833em;text-transform:none}.cc-1na1fzg .ProseMirror h5 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h6{font:var(--editor-font-ugc-token-heading-h6);margin-top:1.59091em;text-transform:none}.cc-1na1fzg .ProseMirror h6 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}

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

@@ -174,6 +174,7 @@ var editorContentStyles = {
   blockquoteDangerStyles: "cc-1w88a35",
   blockquoteSelectedNodeStyles: "cc-pt15wg",
   blocktypeStyles: "cc-2psl3e",
+  headingScrollMarginStyles: "cc-g0pvon",
   blocktypeStylesRtlBlockquote: "cc-1aoan5v",
   blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes: "cc-n5pexl",
   blocktypeStyles_fg_platform_editor_typography_ugc: "cc-1na1fzg",
@@ -408,11 +409,12 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
 
   // Evaluate the block-spacing experiment once per render.
   var isBlockSpacingEnabled = (0, _expValEquals.expValEquals)('platform_editor_extension_block_spacing', 'isEnabled', true);
+  var isFloatingTocEnabled = (0, _expValEquals.expValEquals)('platform_editor_floating_toc', 'isEnabled', true);
   return /*#__PURE__*/_react.default.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: (0, _runtime.ax)([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes, (0, _platformFeatureFlags.fg)('platform_editor_controls_increase_full_page_gutter') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? editorContentStyles.editorLargeGutterPuddingBaseStylesEditorControls : editorContentStyles.editorLargeGutterPuddingBaseStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
       exposure: true
-    }) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && (0, _platformFeatureFlags.fg)('platform_editor_quick_insert_placeholder') && editorContentStyles.placeholderWrapStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
+    }) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && (0, _platformFeatureFlags.fg)('platform_editor_quick_insert_placeholder') && editorContentStyles.placeholderWrapStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, isFloatingTocEnabled && editorContentStyles.headingScrollMarginStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
       exposure: true
     }) && editorContentStyles.blockquoteSelectedNodeStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
       exposure: true

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

@@ -152,6 +152,7 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
 
   // Evaluate the block-spacing experiment once per render.
   var isBlockSpacingEnabled = (0, _expValEquals.expValEquals)('platform_editor_extension_block_spacing', 'isEnabled', true);
+  var isFloatingTocEnabled = (0, _expValEquals.expValEquals)('platform_editor_floating_toc', 'isEnabled', true);
   return (0, _react2.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: className || undefined,
@@ -210,7 +211,9 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && _editorUGCTokenStyles.editorUGCSmallText,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _blockTypeStyles.blocktypeStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
+    _blockTypeStyles.blocktypeStyles, isFloatingTocEnabled &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _blockTypeStyles.headingScrollMarginStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
       exposure: true
     }) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/cjs/ui/EditorContentContainer/styles/blockTypeStyles.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.textSelectedNodeStyles = exports.textDangerStyles = exports.listSelectedNodeStyles = exports.listDangerStyles = exports.blocktypeStyles_fg_platform_editor_typography_ugc = exports.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes = exports.blocktypeStyles = exports.blockquoteSelectedNodeStyles = exports.blockquoteDangerStyles = void 0;
+exports.textSelectedNodeStyles = exports.textDangerStyles = exports.listSelectedNodeStyles = exports.listDangerStyles = exports.headingScrollMarginStyles = exports.blocktypeStyles_fg_platform_editor_typography_ugc = exports.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes = exports.blocktypeStyles = exports.blockquoteSelectedNodeStyles = exports.blockquoteDangerStyles = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -117,6 +117,15 @@ var blocktypeStyles = exports.blocktypeStyles = (0, _react.css)({
     }
   }
 });
+var headingScrollMarginStyles = exports.headingScrollMarginStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& h1, & h2, & h3, & h4, & h5, & h6': {
+      scrollMarginTop: "var(--ds-space-300, 24px)"
+    }
+  }
+});
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
  * If you need to make changes here, also update the corresponding style in

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

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

@@ -72,7 +72,7 @@ export const FullPageEditor = props => {
   // (no PM selection to anchor a floating toolbar to). The user's docking
   // pref alone is not enough to decide whether to mount the primary toolbar
   // in that case — the override has to short-circuit the hide gate below.
-  const forcePrimaryToolbarPinned = state.contextualFormattingModeOverride === 'always-pinned' && fg('platform_editor_toolbar_mode_override');
+  const forcePrimaryToolbarPinned = state.contextualFormattingModeOverride === 'always-pinned';
   const interactionState = state.interactionState;
   const primaryToolbarState = getPrimaryToolbarComponents(editorAPI, state.primaryToolbarComponents);
   const hasHadInteraction = interactionState !== 'hasNotHadInteraction';

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

@@ -58,7 +58,7 @@ const shouldShowToolbarContainer = (toolbar, customPrimaryToolbarComponents) =>
   return !!toolbar || !!customPrimaryToolbarComponents;
 };
 const getToolbarComponentsForMarkdownView = (components, markdownModeView, isConvertedMarkdownPreview) => {
-  if ((markdownModeView === 'syntax' || markdownModeView === 'preview') && fg('platform_editor_markdown_mode_hide_source_toolbar')) {
+  if (markdownModeView === 'syntax' || markdownModeView === 'preview') {
     // Converted markdown live pages in preview should show full toolbar content
     // so preference-based docking can work consistently.
     if (isConvertedMarkdownPreview) {
@@ -85,8 +85,7 @@ export const FullPageToolbarNext = ({
     var _states$toolbarState;
     return (_states$toolbarState = states.toolbarState) === null || _states$toolbarState === void 0 ? void 0 : _states$toolbarState.contextualFormattingModeOverride;
   });
-  const effectiveRuntimeOverride = runtimeOverride !== undefined && fg('platform_editor_toolbar_mode_override') ? runtimeOverride : undefined;
-  const contextualFormattingEnabled = effectiveRuntimeOverride !== null && effectiveRuntimeOverride !== void 0 ? effectiveRuntimeOverride : editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$toolbar2 = editorAPI.toolbar) === null || _editorAPI$toolbar2 === void 0 ? void 0 : _editorAPI$toolbar2.actions.contextualFormattingMode();
+  const contextualFormattingEnabled = runtimeOverride !== null && runtimeOverride !== void 0 ? runtimeOverride : editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$toolbar2 = editorAPI.toolbar) === null || _editorAPI$toolbar2 === void 0 ? void 0 : _editorAPI$toolbar2.actions.contextualFormattingMode();
   const markdownModeState = useSharedPluginStateWithSelector(editorAPI, ['markdownMode'], states => states.markdownModeState);
   const isLivePage = markdownModeState === null || markdownModeState === void 0 ? void 0 : markdownModeState.isLivePage;
   const isMarkdownMode = markdownModeState === null || markdownModeState === void 0 ? void 0 : markdownModeState.isMarkdownMode;

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

@@ -13,6 +13,7 @@
 .cc-1w88a35 .ProseMirror blockquote.danger{background-color:var(--ds-background-danger,#ffeceb);border-left-color:var(--ds-border-danger,#e2483d)}
 .cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node{background:var(--ds-background-accent-blue-subtler,#cfe1fd);border-left-color:var(--ds-border-selected,#1868db);-webkit-user-select:text}.cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node ::selection, .cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node::selection{background-color:transparent}.cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node ::-moz-selection, .cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node::-moz-selection{background-color:transparent}
 .cc-2psl3e .ProseMirror blockquote{box-sizing:border-box;color:inherit;width:100%;display:inline-block;padding-top:0;padding-bottom:0;padding-left:var(--ds-space-200,1pc);border-left-width:var(--ds-border-width-selected,2px);border-left-style:solid;border-left-color:var(--ds-border,#0b120e24);margin-top:.75rem;margin-bottom:0;margin-left:0;margin-right:0}.cc-2psl3e .ProseMirror blockquote:first-child{margin-top:0}.cc-2psl3e .ProseMirror blockquote:before{content:""}.cc-2psl3e .ProseMirror blockquote:after{content:none}.cc-2psl3e .ProseMirror blockquote p{display:block}.cc-2psl3e .ProseMirror blockquote table, .cc-2psl3e .ProseMirror blockquote table:last-child{display:inline-table}.cc-2psl3e .ProseMirror blockquote>.code-block:last-child, .cc-2psl3e .ProseMirror blockquote>.mediaGroupView-content-wrap:last-child, .cc-2psl3e .ProseMirror blockquote>.mediaSingleView-content-wrap:last-child{display:block}.cc-2psl3e .ProseMirror blockquote>.extensionView-content-wrap:last-child{display:block}.cc-2psl3e .ProseMirror .fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)>h1:first-child{margin-top:1.667em}.cc-2psl3e .ProseMirror .fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)>h2:first-child{margin-top:1.8em}.cc-2psl3e .ProseMirror .fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)>h3:first-child{margin-top:2em}.cc-2psl3e .ProseMirror .fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)>h4:first-child{margin-top:1.357em}.cc-2psl3e .ProseMirror .fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)>h5:first-child{margin-top:1.667em}.cc-2psl3e .ProseMirror .fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)>h6:first-child{margin-top:1.455em}.cc-2psl3e .ProseMirror .ProseMirror-gapcursor:first-child+.fabric-editor-block-mark.fabric-editor-alignment>:is(h1,h2,h3,h4,h5,h6):first-child, .cc-2psl3e .ProseMirror .ProseMirror-widget:first-child+.ProseMirror-widget:nth-child(2)+.fabric-editor-block-mark.fabric-editor-alignment>:is(h1,h2,h3,h4,h5,h6):first-child, .cc-2psl3e .ProseMirror .ProseMirror-widget:first-child+.fabric-editor-block-mark.fabric-editor-alignment>:is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}
+.cc-g0pvon .ProseMirror :is(h1,h2,h3,h4,h5,h6){scroll-margin-top:var(--ds-space-300,24px)}
 [dir=rtl] .cc-1aoan5v .ProseMirror blockquote{padding-left:0;padding-right:var(--ds-space-200,1pc)}
 .cc-n5pexl .ak-editor-content-area.appearance-full-page .ProseMirror blockquote{padding-left:var(--ds-space-250,20px)}.cc-n5pexl .ak-editor-content-area .ak-editor-content-area .ProseMirror blockquote{padding-left:var(--ds-space-200,1pc)}
 .cc-1na1fzg .ProseMirror h1{font:var(--editor-font-ugc-token-heading-h1);margin-bottom:0;margin-top:1.45833em}.cc-1na1fzg .ProseMirror h1 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h2{font:var(--editor-font-ugc-token-heading-h2);margin-bottom:0;margin-top:1.4em}.cc-1na1fzg .ProseMirror h2 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h3{font:var(--editor-font-ugc-token-heading-h3);margin-bottom:0;margin-top:1.31249em}.cc-1na1fzg .ProseMirror h3 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h4{font:var(--editor-font-ugc-token-heading-h4);margin-top:1.25em}.cc-1na1fzg .ProseMirror h4 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h5{font:var(--editor-font-ugc-token-heading-h5);margin-top:1.45833em;text-transform:none}.cc-1na1fzg .ProseMirror h5 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h6{font:var(--editor-font-ugc-token-heading-h6);margin-top:1.59091em;text-transform:none}.cc-1na1fzg .ProseMirror h6 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}

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

@@ -225,6 +225,7 @@ const editorContentStyles = {
   blockquoteDangerStyles: "cc-1w88a35",
   blockquoteSelectedNodeStyles: "cc-pt15wg",
   blocktypeStyles: "cc-2psl3e",
+  headingScrollMarginStyles: "cc-g0pvon",
   blocktypeStylesRtlBlockquote: "cc-1aoan5v",
   blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes: "cc-n5pexl",
   blocktypeStyles_fg_platform_editor_typography_ugc: "cc-1na1fzg",
@@ -465,11 +466,12 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
 
   // Evaluate the block-spacing experiment once per render.
   const isBlockSpacingEnabled = expValEquals('platform_editor_extension_block_spacing', 'isEnabled', true);
+  const isFloatingTocEnabled = expValEquals('platform_editor_floating_toc', 'isEnabled', true);
   return /*#__PURE__*/React.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: ax([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes, fg('platform_editor_controls_increase_full_page_gutter') && editorExperiment('platform_editor_controls', 'variant1') ? editorContentStyles.editorLargeGutterPuddingBaseStylesEditorControls : editorContentStyles.editorLargeGutterPuddingBaseStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
       exposure: true
-    }) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_quick_insert_placeholder') && editorContentStyles.placeholderWrapStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, editorExperiment('platform_editor_block_menu', true, {
+    }) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_quick_insert_placeholder') && editorContentStyles.placeholderWrapStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, isFloatingTocEnabled && editorContentStyles.headingScrollMarginStyles, editorExperiment('platform_editor_block_menu', true, {
       exposure: true
     }) && editorContentStyles.blockquoteSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
       exposure: true

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

@@ -23,7 +23,7 @@ import { backgroundColorStyles, highlightLinksUnsetStyles, textHighlightPaddingS
 import { baseStyles, baseStylesMaxContainerWidthFixes, editorLargeGutterPuddingBaseStyles, editorLargeGutterPuddingBaseStylesEditorControls, editorLargeGutterPuddingReducedBaseStyles, maxModeReizeFixStyles } from './styles/baseStyles';
 import { blockMarksStyles } from './styles/blockMarksStyles';
 import { blockSpacingVarScaledStyles, blockSpacingVarStyles } from './styles/blockSpacingStyles';
-import { blockquoteDangerStyles, blockquoteSelectedNodeStyles, blocktypeStyles, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, listDangerStyles, listSelectedNodeStyles, textDangerStyles, textSelectedNodeStyles } from './styles/blockTypeStyles';
+import { blockquoteDangerStyles, blockquoteSelectedNodeStyles, blocktypeStyles, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, headingScrollMarginStyles, listDangerStyles, listSelectedNodeStyles, textDangerStyles, textSelectedNodeStyles } from './styles/blockTypeStyles';
 import { codeBlockStyles, codeBlockStylesWithEmUnits, firstCodeBlockWithNoMargin, firstCodeBlockWithNoMarginOld } from './styles/codeBlockStyles';
 import { codeMarkStyles, codeMarkStylesA11yFix } from './styles/codeMarkStyles';
 import { commentEditorStyles } from './styles/commentEditorStyles';
@@ -156,6 +156,7 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
 
   // Evaluate the block-spacing experiment once per render.
   const isBlockSpacingEnabled = expValEquals('platform_editor_extension_block_spacing', 'isEnabled', true);
+  const isFloatingTocEnabled = expValEquals('platform_editor_floating_toc', 'isEnabled', true);
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: className || undefined,
@@ -214,7 +215,9 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorUGCSmallText,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    blocktypeStyles, editorExperiment('platform_editor_block_menu', true, {
+    blocktypeStyles, isFloatingTocEnabled &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    headingScrollMarginStyles, editorExperiment('platform_editor_block_menu', true, {
       exposure: true
     }) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/es2019/ui/EditorContentContainer/styles/blockTypeStyles.js

@@ -108,6 +108,15 @@ export const blocktypeStyles = css({
     }
   }
 });
+export const headingScrollMarginStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& h1, & h2, & h3, & h4, & h5, & h6': {
+      scrollMarginTop: "var(--ds-space-300, 24px)"
+    }
+  }
+});
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
  * If you need to make changes here, also update the corresponding style in

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.15.1";
+export const version = "221.16.1";

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

@@ -82,7 +82,7 @@ export var FullPageEditor = function FullPageEditor(props) {
   // (no PM selection to anchor a floating toolbar to). The user's docking
   // pref alone is not enough to decide whether to mount the primary toolbar
   // in that case — the override has to short-circuit the hide gate below.
-  var forcePrimaryToolbarPinned = state.contextualFormattingModeOverride === 'always-pinned' && fg('platform_editor_toolbar_mode_override');
+  var forcePrimaryToolbarPinned = state.contextualFormattingModeOverride === 'always-pinned';
   var interactionState = state.interactionState;
   var primaryToolbarState = getPrimaryToolbarComponents(editorAPI, state.primaryToolbarComponents);
   var hasHadInteraction = interactionState !== 'hasNotHadInteraction';

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

@@ -55,7 +55,7 @@ var shouldShowToolbarContainer = function shouldShowToolbarContainer(toolbar, cu
   return !!toolbar || !!customPrimaryToolbarComponents;
 };
 var getToolbarComponentsForMarkdownView = function getToolbarComponentsForMarkdownView(components, markdownModeView, isConvertedMarkdownPreview) {
-  if ((markdownModeView === 'syntax' || markdownModeView === 'preview') && fg('platform_editor_markdown_mode_hide_source_toolbar')) {
+  if (markdownModeView === 'syntax' || markdownModeView === 'preview') {
     // Converted markdown live pages in preview should show full toolbar content
     // so preference-based docking can work consistently.
     if (isConvertedMarkdownPreview) {
@@ -83,8 +83,7 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
     var _states$toolbarState;
     return (_states$toolbarState = states.toolbarState) === null || _states$toolbarState === void 0 ? void 0 : _states$toolbarState.contextualFormattingModeOverride;
   });
-  var effectiveRuntimeOverride = runtimeOverride !== undefined && fg('platform_editor_toolbar_mode_override') ? runtimeOverride : undefined;
-  var contextualFormattingEnabled = effectiveRuntimeOverride !== null && effectiveRuntimeOverride !== void 0 ? effectiveRuntimeOverride : editorAPI === null || editorAPI === void 0 || (_editorAPI$toolbar2 = editorAPI.toolbar) === null || _editorAPI$toolbar2 === void 0 ? void 0 : _editorAPI$toolbar2.actions.contextualFormattingMode();
+  var contextualFormattingEnabled = runtimeOverride !== null && runtimeOverride !== void 0 ? runtimeOverride : editorAPI === null || editorAPI === void 0 || (_editorAPI$toolbar2 = editorAPI.toolbar) === null || _editorAPI$toolbar2 === void 0 ? void 0 : _editorAPI$toolbar2.actions.contextualFormattingMode();
   var markdownModeState = useSharedPluginStateWithSelector(editorAPI, ['markdownMode'], function (states) {
     return states.markdownModeState;
   });

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

@@ -13,6 +13,7 @@
 .cc-1w88a35 .ProseMirror blockquote.danger{background-color:var(--ds-background-danger,#ffeceb);border-left-color:var(--ds-border-danger,#e2483d)}
 .cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node{background:var(--ds-background-accent-blue-subtler,#cfe1fd);border-left-color:var(--ds-border-selected,#1868db);-webkit-user-select:text}.cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node ::selection, .cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node::selection{background-color:transparent}.cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node ::-moz-selection, .cc-pt15wg .ProseMirror blockquote.ak-editor-selected-node::-moz-selection{background-color:transparent}
 .cc-2psl3e .ProseMirror blockquote{box-sizing:border-box;color:inherit;width:100%;display:inline-block;padding-top:0;padding-bottom:0;padding-left:var(--ds-space-200,1pc);border-left-width:var(--ds-border-width-selected,2px);border-left-style:solid;border-left-color:var(--ds-border,#0b120e24);margin-top:.75rem;margin-bottom:0;margin-left:0;margin-right:0}.cc-2psl3e .ProseMirror blockquote:first-child{margin-top:0}.cc-2psl3e .ProseMirror blockquote:before{content:""}.cc-2psl3e .ProseMirror blockquote:after{content:none}.cc-2psl3e .ProseMirror blockquote p{display:block}.cc-2psl3e .ProseMirror blockquote table, .cc-2psl3e .ProseMirror blockquote table:last-child{display:inline-table}.cc-2psl3e .ProseMirror blockquote>.code-block:last-child, .cc-2psl3e .ProseMirror blockquote>.mediaGroupView-content-wrap:last-child, .cc-2psl3e .ProseMirror blockquote>.mediaSingleView-content-wrap:last-child{display:block}.cc-2psl3e .ProseMirror blockquote>.extensionView-content-wrap:last-child{display:block}.cc-2psl3e .ProseMirror .fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)>h1:first-child{margin-top:1.667em}.cc-2psl3e .ProseMirror .fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)>h2:first-child{margin-top:1.8em}.cc-2psl3e .ProseMirror .fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)>h3:first-child{margin-top:2em}.cc-2psl3e .ProseMirror .fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)>h4:first-child{margin-top:1.357em}.cc-2psl3e .ProseMirror .fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)>h5:first-child{margin-top:1.667em}.cc-2psl3e .ProseMirror .fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)>h6:first-child{margin-top:1.455em}.cc-2psl3e .ProseMirror .ProseMirror-gapcursor:first-child+.fabric-editor-block-mark.fabric-editor-alignment>:is(h1,h2,h3,h4,h5,h6):first-child, .cc-2psl3e .ProseMirror .ProseMirror-widget:first-child+.ProseMirror-widget:nth-child(2)+.fabric-editor-block-mark.fabric-editor-alignment>:is(h1,h2,h3,h4,h5,h6):first-child, .cc-2psl3e .ProseMirror .ProseMirror-widget:first-child+.fabric-editor-block-mark.fabric-editor-alignment>:is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}
+.cc-g0pvon .ProseMirror :is(h1,h2,h3,h4,h5,h6){scroll-margin-top:var(--ds-space-300,24px)}
 [dir=rtl] .cc-1aoan5v .ProseMirror blockquote{padding-left:0;padding-right:var(--ds-space-200,1pc)}
 .cc-n5pexl .ak-editor-content-area.appearance-full-page .ProseMirror blockquote{padding-left:var(--ds-space-250,20px)}.cc-n5pexl .ak-editor-content-area .ak-editor-content-area .ProseMirror blockquote{padding-left:var(--ds-space-200,1pc)}
 .cc-1na1fzg .ProseMirror h1{font:var(--editor-font-ugc-token-heading-h1);margin-bottom:0;margin-top:1.45833em}.cc-1na1fzg .ProseMirror h1 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h2{font:var(--editor-font-ugc-token-heading-h2);margin-bottom:0;margin-top:1.4em}.cc-1na1fzg .ProseMirror h2 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h3{font:var(--editor-font-ugc-token-heading-h3);margin-bottom:0;margin-top:1.31249em}.cc-1na1fzg .ProseMirror h3 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h4{font:var(--editor-font-ugc-token-heading-h4);margin-top:1.25em}.cc-1na1fzg .ProseMirror h4 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h5{font:var(--editor-font-ugc-token-heading-h5);margin-top:1.45833em;text-transform:none}.cc-1na1fzg .ProseMirror h5 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h6{font:var(--editor-font-ugc-token-heading-h6);margin-top:1.59091em;text-transform:none}.cc-1na1fzg .ProseMirror h6 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}

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

@@ -173,6 +173,7 @@ var editorContentStyles = {
   blockquoteDangerStyles: "cc-1w88a35",
   blockquoteSelectedNodeStyles: "cc-pt15wg",
   blocktypeStyles: "cc-2psl3e",
+  headingScrollMarginStyles: "cc-g0pvon",
   blocktypeStylesRtlBlockquote: "cc-1aoan5v",
   blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes: "cc-n5pexl",
   blocktypeStyles_fg_platform_editor_typography_ugc: "cc-1na1fzg",
@@ -407,11 +408,12 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
 
   // Evaluate the block-spacing experiment once per render.
   var isBlockSpacingEnabled = expValEquals('platform_editor_extension_block_spacing', 'isEnabled', true);
+  var isFloatingTocEnabled = expValEquals('platform_editor_floating_toc', 'isEnabled', true);
   return /*#__PURE__*/React.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: ax([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes, fg('platform_editor_controls_increase_full_page_gutter') && editorExperiment('platform_editor_controls', 'variant1') ? editorContentStyles.editorLargeGutterPuddingBaseStylesEditorControls : editorContentStyles.editorLargeGutterPuddingBaseStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
       exposure: true
-    }) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_quick_insert_placeholder') && editorContentStyles.placeholderWrapStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, editorExperiment('platform_editor_block_menu', true, {
+    }) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_quick_insert_placeholder') && editorContentStyles.placeholderWrapStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, isFloatingTocEnabled && editorContentStyles.headingScrollMarginStyles, editorExperiment('platform_editor_block_menu', true, {
       exposure: true
     }) && editorContentStyles.blockquoteSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
       exposure: true

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

@@ -26,7 +26,7 @@ import { backgroundColorStyles, highlightLinksUnsetStyles, textHighlightPaddingS
 import { baseStyles, baseStylesMaxContainerWidthFixes, editorLargeGutterPuddingBaseStyles, editorLargeGutterPuddingBaseStylesEditorControls, editorLargeGutterPuddingReducedBaseStyles, maxModeReizeFixStyles } from './styles/baseStyles';
 import { blockMarksStyles } from './styles/blockMarksStyles';
 import { blockSpacingVarScaledStyles, blockSpacingVarStyles } from './styles/blockSpacingStyles';
-import { blockquoteDangerStyles, blockquoteSelectedNodeStyles, blocktypeStyles, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, listDangerStyles, listSelectedNodeStyles, textDangerStyles, textSelectedNodeStyles } from './styles/blockTypeStyles';
+import { blockquoteDangerStyles, blockquoteSelectedNodeStyles, blocktypeStyles, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, headingScrollMarginStyles, listDangerStyles, listSelectedNodeStyles, textDangerStyles, textSelectedNodeStyles } from './styles/blockTypeStyles';
 import { codeBlockStyles, codeBlockStylesWithEmUnits, firstCodeBlockWithNoMargin, firstCodeBlockWithNoMarginOld } from './styles/codeBlockStyles';
 import { codeMarkStyles, codeMarkStylesA11yFix } from './styles/codeMarkStyles';
 import { commentEditorStyles } from './styles/commentEditorStyles';
@@ -149,6 +149,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
 
   // Evaluate the block-spacing experiment once per render.
   var isBlockSpacingEnabled = expValEquals('platform_editor_extension_block_spacing', 'isEnabled', true);
+  var isFloatingTocEnabled = expValEquals('platform_editor_floating_toc', 'isEnabled', true);
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: className || undefined,
@@ -207,7 +208,9 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorUGCSmallText,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    blocktypeStyles, editorExperiment('platform_editor_block_menu', true, {
+    blocktypeStyles, isFloatingTocEnabled &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    headingScrollMarginStyles, editorExperiment('platform_editor_block_menu', true, {
       exposure: true
     }) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/esm/ui/EditorContentContainer/styles/blockTypeStyles.js

@@ -109,6 +109,15 @@ export var blocktypeStyles = css({
     }
   }
 });
+export var headingScrollMarginStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& h1, & h2, & h3, & h4, & h5, & h6': {
+      scrollMarginTop: "var(--ds-space-300, 24px)"
+    }
+  }
+});
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
  * If you need to make changes here, also update the corresponding style in

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.15.1";
+export var version = "221.16.1";

package/dist/types/ui/EditorContentContainer/styles/blockTypeStyles.d.ts

@@ -6,6 +6,7 @@ import type { SerializedStyles } from '@emotion/react';
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
 export declare const blocktypeStyles: SerializedStyles;
+export declare const headingScrollMarginStyles: SerializedStyles;
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
  * If you need to make changes here, also update the corresponding style in

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "221.16.0",
+	"version": "221.16.2",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -61,13 +61,13 @@
 		"@atlaskit/icon": "^37.2.0",
 		"@atlaskit/link": "^4.3.0",
 		"@atlaskit/media-card": "^81.4.0",
-		"@atlaskit/mention": "^27.11.0",
+		"@atlaskit/mention": "^27.12.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/platform-feature-flags-react": "^1.1.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/react-ufo": "^7.3.0",
 		"@atlaskit/task-decision": "^21.8.0",
-		"@atlaskit/tmp-editor-statsig": "^135.2.0",
+		"@atlaskit/tmp-editor-statsig": "^135.6.0",
 		"@atlaskit/tokens": "^16.3.0",
 		"@atlaskit/tooltip": "^23.2.0",
 		"@atlaskit/width-detector": "^6.2.0",
@@ -85,7 +85,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.43.0",
+		"@atlaskit/editor-common": "^116.44.0",
 		"@atlaskit/link-provider": "^5.2.0",
 		"@atlaskit/media-core": "^38.0.0",
 		"react": "^18.2.0",
@@ -122,12 +122,12 @@
 		"@atlassian/a11y-jest-testing": "^0.13.0",
 		"@atlassian/a11y-playwright-testing": "^0.10.0",
 		"@atlassian/adf-schema-json": "^1.33.0",
-		"@atlassian/editor-rovo-bridge": "^10.14.0",
+		"@atlassian/editor-rovo-bridge": "^10.15.0",
 		"@atlassian/feature-flags-test-utils": "^1.2.0",
-		"@atlassian/search-client": "^2.6.0",
+		"@atlassian/search-client": "^2.8.0",
 		"@atlassian/search-provider": "^13.1.0",
 		"@atlassian/structured-docs-types": "workspace:^",
-		"@atlassian/user-profile-card": "^1.25.0",
+		"@atlassian/user-profile-card": "^1.26.0",
 		"@emotion/jest": "^11.8.0",
 		"@testing-library/react": "^16.3.0",
 		"@types/diff": "^5.0.2",
@@ -191,12 +191,6 @@
 		"platform_editor_table_nested_renderer_fix": {
 			"type": "boolean"
 		},
-		"platform_editor_toolbar_mode_override": {
-			"type": "boolean"
-		},
-		"platform_editor_markdown_mode_hide_source_toolbar": {
-			"type": "boolean"
-		},
 		"platform_editor_markdown_patch_m3": {
 			"type": "boolean"
 		},