@atlaskit/editor-core 197.11.0 → 197.12.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/editor-core
 
+## 197.12.0
+
+### Minor Changes
+
+- [#144047](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/144047)
+  [`0e77caf52a59d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0e77caf52a59d) -
+  add new full page toolbar breakpoints
+- [#145317](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/145317)
+  [`ecfdb14f93474`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ecfdb14f93474) -
+  Add appearance prop for FullPageEditor so that it can be re-used for full-width mode.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 197.11.1
+
+### Patch Changes
+
+- [#144925](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/144925)
+  [`9faf9ff89ad37`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9faf9ff89ad37) -
+  ED-24822 - Add padding to panels with no icon and unhide drag handle in first bodied node
+
 ## 197.11.0
 
 ### Minor Changes

package/dist/cjs/editor-appearances/FullPageEditor.js

@@ -20,8 +20,9 @@ var _FullPage = _interopRequireDefault(require("../ui/Appearance/FullPage"));
  * @returns Editor component
  */
 function FullPageEditor(props) {
+  var _props$appearance;
   return /*#__PURE__*/_react.default.createElement(_coreEditor.CoreEditor, (0, _extends2.default)({}, props, {
-    appearance: "full-page",
+    appearance: (_props$appearance = props.appearance) !== null && _props$appearance !== void 0 ? _props$appearance : 'full-page',
     AppearanceComponent: _FullPage.default
   }));
 }

package/dist/cjs/editor-appearances/FullWidthEditor.js

@@ -18,6 +18,7 @@ var _FullPage = _interopRequireDefault(require("../ui/Appearance/FullPage"));
  *
  * @param props FullWidthEditorProps
  * @returns Editor component
+ * @deprecated In favour of `FullPageEditor` with appearance "full-width"
  */
 function FullWidthEditor(props) {
   return /*#__PURE__*/_react.default.createElement(_coreEditor.CoreEditor, (0, _extends2.default)({}, props, {

package/dist/cjs/presets/universal.js

@@ -223,10 +223,7 @@ function createUniversalPresetInternal(_ref) {
     tableSelectorSupported: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableSelector) && isFullPage,
     nativeStatusSupported: !statusMenuDisabled,
     showElementBrowserLink: props.elementBrowser && props.elementBrowser.showModal || false,
-    // @ts-ignore
-    // For platform_editor_element_level_templates experiment only
-    // clean up ticket ED-24873
-    UNSAFE_editorAppearance: appearance
+    appearance: appearance
   }]).maybeAdd([_beforePrimaryToolbar.beforePrimaryToolbarPlugin, {
     beforePrimaryToolbarComponents: // @ts-expect-error 2339: Property 'before' does not exist on type 'PrimaryToolbarComponents'.
     (_props$primaryToolbar = props.primaryToolbarComponents) === null || _props$primaryToolbar === void 0 ? void 0 : _props$primaryToolbar.before

package/dist/cjs/ui/ContentStyles/panel.js

@@ -13,5 +13,5 @@ var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation due to mixin usage
 var panelStyles = exports.panelStyles = function panelStyles() {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t.", " {\n\t\t\tcursor: pointer;\n\n\t\t\t/* Danger when top level node */\n\t\t\t&.danger {\n\t\t\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\t\t\tbackground-color: ", " !important;\n\n\t\t\t\t.", " {\n\t\t\t\t\tcolor: ", " !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.", " {\n\t\t\tcursor: text;\n\t\t}\n\n\t\t/* Danger when nested node */\n\t\t.danger .", " {\n\t\t\t&[data-panel-type] {\n\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t.", " {\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t", ";\n\t}\n\n\t.", ".", ":not(.danger) {\n\t\t", "\n\t}\n\n\t", ";\n\n\t/* Don't want extra padding for inline editor (nested) */\n\t", ";\n"])), _panel.PanelSharedCssClassName.prefix, _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder, "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), _panel.PanelSharedCssClassName.icon, "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), _panel.PanelSharedCssClassName.content, _panel.PanelSharedCssClassName.prefix, "var(--ds-blanket-danger, ".concat(_editorSharedStyles.akEditorDeleteBackgroundWithOpacity, ")"), _panel.PanelSharedCssClassName.icon, "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), (0, _panel.panelSharedStyles)(), _panel.PanelSharedCssClassName.prefix, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]), (0, _experiments.editorExperiment)('nested-dnd', true) && ".ak-editor-content-area.appearance-full-page .ProseMirror {\n\t\t.ak-editor-panel .".concat(_panel.PanelSharedCssClassName.icon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t}\n\n\t\t.ak-editor-panel.").concat(_panel.PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-left: ", "var(--ds-space-250, 20px)", ";\n\t\t\tpadding-right: ", "var(--ds-space-250, 20px)", ";\n\t\t}\n\t}"), (0, _experiments.editorExperiment)('nested-dnd', true) && ".ak-editor-content-area .ak-editor-content-area .ProseMirror {\n\t\t.ak-editor-panel .".concat(_panel.PanelSharedCssClassName.icon, " {\n\t\t\tpadding-right: ", "var(--ds-space-100, 8px)", ";\n\t\t}\n\t\t.ak-editor-panel.").concat(_panel.PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t\tpadding-left: ", "var(--ds-space-150, 12px)", ";\n\n\t\t}\n\t}"));
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t.", " {\n\t\t\tcursor: pointer;\n\n\t\t\t/* Danger when top level node */\n\t\t\t&.danger {\n\t\t\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\t\t\tbackground-color: ", " !important;\n\n\t\t\t\t.", " {\n\t\t\t\t\tcolor: ", " !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.", " {\n\t\t\tcursor: text;\n\t\t}\n\n\t\t/* Danger when nested node */\n\t\t.danger .", " {\n\t\t\t&[data-panel-type] {\n\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t.", " {\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t", ";\n\t}\n\n\t.", ".", ":not(.danger) {\n\t\t", "\n\t}\n\n\t", ";\n\n\t/* Don't want extra padding for inline editor (nested) */\n\t", ";\n"])), _panel.PanelSharedCssClassName.prefix, _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder, "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), _panel.PanelSharedCssClassName.icon, "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), _panel.PanelSharedCssClassName.content, _panel.PanelSharedCssClassName.prefix, "var(--ds-blanket-danger, ".concat(_editorSharedStyles.akEditorDeleteBackgroundWithOpacity, ")"), _panel.PanelSharedCssClassName.icon, "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), (0, _panel.panelSharedStyles)(), _panel.PanelSharedCssClassName.prefix, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]), (0, _experiments.editorExperiment)('nested-dnd', true) && ".ak-editor-content-area.appearance-full-page .ProseMirror {\n\t\t.ak-editor-panel .".concat(_panel.PanelSharedCssClassName.icon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t}\n\n\t\t.ak-editor-panel.").concat(_panel.PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-left: ", "var(--ds-space-250, 20px)", ";\n\t\t\tpadding-right: ", "var(--ds-space-250, 20px)", ";\n\t\t}\n\t}"), (0, _experiments.editorExperiment)('nested-dnd', true) && ".ak-editor-content-area .ak-editor-content-area .ProseMirror {\n\t\t.ak-editor-panel .".concat(_panel.PanelSharedCssClassName.icon, " {\n\t\t\tpadding-right: ", "var(--ds-space-100, 8px)", ";\n\t\t}\n\t\t.ak-editor-panel.").concat(_panel.PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t\tpadding-left: ", "var(--ds-space-150, 12px)", ";\n\t\t}\n\t}"));
 };

package/dist/cjs/ui/Toolbar/toolbar-size.js

@@ -4,8 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.widthToToolbarSize = exports.toolbarSizeToWidth = void 0;
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _isFullPage = require("../../utils/is-full-page");
 var _types = require("./types");
+var toolbarSizesFullPageNext = [{
+  width: _types.ToolbarWidthsFullPageNext.XXL,
+  size: _types.ToolbarSize.XXL
+}, {
+  width: _types.ToolbarWidthsFullPageNext.XL,
+  size: _types.ToolbarSize.XL
+}, {
+  width: _types.ToolbarWidthsFullPageNext.L,
+  size: _types.ToolbarSize.L
+}, {
+  width: _types.ToolbarWidthsFullPageNext.M,
+  size: _types.ToolbarSize.M
+}, {
+  width: _types.ToolbarWidthsFullPageNext.S,
+  size: _types.ToolbarSize.S
+}];
+
 // Toolbar sizes for full page editor a little bit different, because it has more buttons e.g. actions button...
 var toolbarSizesFullPage = [{
   width: _types.ToolbarWidthsFullPage.XXL,
@@ -40,7 +58,7 @@ var toolbarSizes = [{
   size: _types.ToolbarSize.S
 }];
 var toolbarSizesForAppearance = function toolbarSizesForAppearance(appearance) {
-  return (0, _isFullPage.isFullPage)(appearance) ? toolbarSizesFullPage : toolbarSizes;
+  return (0, _isFullPage.isFullPage)(appearance) ? (0, _platformFeatureFlags.fg)('platform_editor_toolbar_responsive_fixes') ? toolbarSizesFullPageNext : toolbarSizesFullPage : toolbarSizes;
 };
 var toolbarSizeToWidth = exports.toolbarSizeToWidth = function toolbarSizeToWidth(toolbarSize, appearance) {
   return (toolbarSizesForAppearance(appearance).find(function (_ref) {

package/dist/cjs/ui/Toolbar/types.js

@@ -21,4 +21,10 @@ Object.defineProperty(exports, "ToolbarWidthsFullPage", {
     return _types.ToolbarWidthsFullPage;
   }
 });
+Object.defineProperty(exports, "ToolbarWidthsFullPageNext", {
+  enumerable: true,
+  get: function get() {
+    return _types.ToolbarWidthsFullPageNext;
+  }
+});
 var _types = require("@atlaskit/editor-common/types");

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "197.11.0";
+var version = exports.version = "197.12.0";

package/dist/es2019/editor-appearances/FullPageEditor.js

@@ -13,8 +13,9 @@ import FullPage from '../ui/Appearance/FullPage';
  * @returns Editor component
  */
 export function FullPageEditor(props) {
+  var _props$appearance;
   return /*#__PURE__*/React.createElement(CoreEditor, _extends({}, props, {
-    appearance: "full-page",
+    appearance: (_props$appearance = props.appearance) !== null && _props$appearance !== void 0 ? _props$appearance : 'full-page',
     AppearanceComponent: FullPage
   }));
 }

package/dist/es2019/editor-appearances/FullWidthEditor.js

@@ -11,6 +11,7 @@ import FullPage from '../ui/Appearance/FullPage';
  *
  * @param props FullWidthEditorProps
  * @returns Editor component
+ * @deprecated In favour of `FullPageEditor` with appearance "full-width"
  */
 export function FullWidthEditor(props) {
   return /*#__PURE__*/React.createElement(CoreEditor, _extends({}, props, {

package/dist/es2019/presets/universal.js

@@ -223,10 +223,7 @@ export default function createUniversalPresetInternal({
     tableSelectorSupported: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableSelector) && isFullPage,
     nativeStatusSupported: !statusMenuDisabled,
     showElementBrowserLink: props.elementBrowser && props.elementBrowser.showModal || false,
-    // @ts-ignore
-    // For platform_editor_element_level_templates experiment only
-    // clean up ticket ED-24873
-    UNSAFE_editorAppearance: appearance
+    appearance
   }]).maybeAdd([beforePrimaryToolbarPlugin, {
     beforePrimaryToolbarComponents: // @ts-expect-error 2339: Property 'before' does not exist on type 'PrimaryToolbarComponents'.
     (_props$primaryToolbar = props.primaryToolbarComponents) === null || _props$primaryToolbar === void 0 ? void 0 : _props$primaryToolbar.before

package/dist/es2019/ui/ContentStyles/panel.js

@@ -61,7 +61,6 @@ export const panelStyles = () => css`
 		.ak-editor-panel.${PanelSharedCssClassName.noIcon} {
 			padding-right: ${"var(--ds-space-150, 12px)"};
 			padding-left: ${"var(--ds-space-150, 12px)"};
-
 		}
 	}`};
 `;

package/dist/es2019/ui/Toolbar/toolbar-size.js

@@ -1,5 +1,22 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { isFullPage } from '../../utils/is-full-page';
-import { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from './types';
+import { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext } from './types';
+const toolbarSizesFullPageNext = [{
+  width: ToolbarWidthsFullPageNext.XXL,
+  size: ToolbarSize.XXL
+}, {
+  width: ToolbarWidthsFullPageNext.XL,
+  size: ToolbarSize.XL
+}, {
+  width: ToolbarWidthsFullPageNext.L,
+  size: ToolbarSize.L
+}, {
+  width: ToolbarWidthsFullPageNext.M,
+  size: ToolbarSize.M
+}, {
+  width: ToolbarWidthsFullPageNext.S,
+  size: ToolbarSize.S
+}];
 
 // Toolbar sizes for full page editor a little bit different, because it has more buttons e.g. actions button...
 const toolbarSizesFullPage = [{
@@ -34,7 +51,7 @@ const toolbarSizes = [{
   width: ToolbarWidths.S,
   size: ToolbarSize.S
 }];
-const toolbarSizesForAppearance = appearance => isFullPage(appearance) ? toolbarSizesFullPage : toolbarSizes;
+const toolbarSizesForAppearance = appearance => isFullPage(appearance) ? fg('platform_editor_toolbar_responsive_fixes') ? toolbarSizesFullPageNext : toolbarSizesFullPage : toolbarSizes;
 export const toolbarSizeToWidth = (toolbarSize, appearance) => {
   return (toolbarSizesForAppearance(appearance).find(({
     size

package/dist/es2019/ui/Toolbar/types.js

@@ -1 +1 @@
-export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from '@atlaskit/editor-common/types';
+export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext } from '@atlaskit/editor-common/types';

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "197.11.0";
+export const version = "197.12.0";

package/dist/esm/editor-appearances/FullPageEditor.js

@@ -13,8 +13,9 @@ import FullPage from '../ui/Appearance/FullPage';
  * @returns Editor component
  */
 export function FullPageEditor(props) {
+  var _props$appearance;
   return /*#__PURE__*/React.createElement(CoreEditor, _extends({}, props, {
-    appearance: "full-page",
+    appearance: (_props$appearance = props.appearance) !== null && _props$appearance !== void 0 ? _props$appearance : 'full-page',
     AppearanceComponent: FullPage
   }));
 }

package/dist/esm/editor-appearances/FullWidthEditor.js

@@ -11,6 +11,7 @@ import FullPage from '../ui/Appearance/FullPage';
  *
  * @param props FullWidthEditorProps
  * @returns Editor component
+ * @deprecated In favour of `FullPageEditor` with appearance "full-width"
  */
 export function FullWidthEditor(props) {
   return /*#__PURE__*/React.createElement(CoreEditor, _extends({}, props, {

package/dist/esm/presets/universal.js

@@ -216,10 +216,7 @@ export default function createUniversalPresetInternal(_ref) {
     tableSelectorSupported: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableSelector) && isFullPage,
     nativeStatusSupported: !statusMenuDisabled,
     showElementBrowserLink: props.elementBrowser && props.elementBrowser.showModal || false,
-    // @ts-ignore
-    // For platform_editor_element_level_templates experiment only
-    // clean up ticket ED-24873
-    UNSAFE_editorAppearance: appearance
+    appearance: appearance
   }]).maybeAdd([beforePrimaryToolbarPlugin, {
     beforePrimaryToolbarComponents: // @ts-expect-error 2339: Property 'before' does not exist on type 'PrimaryToolbarComponents'.
     (_props$primaryToolbar = props.primaryToolbarComponents) === null || _props$primaryToolbar === void 0 ? void 0 : _props$primaryToolbar.before

package/dist/esm/ui/ContentStyles/panel.js

@@ -7,5 +7,5 @@ import { akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditor
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation due to mixin usage
 export var panelStyles = function panelStyles() {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t.", " {\n\t\t\tcursor: pointer;\n\n\t\t\t/* Danger when top level node */\n\t\t\t&.danger {\n\t\t\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\t\t\tbackground-color: ", " !important;\n\n\t\t\t\t.", " {\n\t\t\t\t\tcolor: ", " !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.", " {\n\t\t\tcursor: text;\n\t\t}\n\n\t\t/* Danger when nested node */\n\t\t.danger .", " {\n\t\t\t&[data-panel-type] {\n\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t.", " {\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t", ";\n\t}\n\n\t.", ".", ":not(.danger) {\n\t\t", "\n\t}\n\n\t", ";\n\n\t/* Don't want extra padding for inline editor (nested) */\n\t", ";\n"])), PanelSharedCssClassName.prefix, akEditorSelectedBorderSize, akEditorDeleteBorder, "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), PanelSharedCssClassName.icon, "var(--ds-icon-danger, ".concat(akEditorDeleteIconColor, ")"), PanelSharedCssClassName.content, PanelSharedCssClassName.prefix, "var(--ds-blanket-danger, ".concat(akEditorDeleteBackgroundWithOpacity, ")"), PanelSharedCssClassName.icon, "var(--ds-icon-danger, ".concat(akEditorDeleteIconColor, ")"), panelSharedStyles(), PanelSharedCssClassName.prefix, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket]), editorExperiment('nested-dnd', true) && ".ak-editor-content-area.appearance-full-page .ProseMirror {\n\t\t.ak-editor-panel .".concat(PanelSharedCssClassName.icon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t}\n\n\t\t.ak-editor-panel.").concat(PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-left: ", "var(--ds-space-250, 20px)", ";\n\t\t\tpadding-right: ", "var(--ds-space-250, 20px)", ";\n\t\t}\n\t}"), editorExperiment('nested-dnd', true) && ".ak-editor-content-area .ak-editor-content-area .ProseMirror {\n\t\t.ak-editor-panel .".concat(PanelSharedCssClassName.icon, " {\n\t\t\tpadding-right: ", "var(--ds-space-100, 8px)", ";\n\t\t}\n\t\t.ak-editor-panel.").concat(PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t\tpadding-left: ", "var(--ds-space-150, 12px)", ";\n\n\t\t}\n\t}"));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t.", " {\n\t\t\tcursor: pointer;\n\n\t\t\t/* Danger when top level node */\n\t\t\t&.danger {\n\t\t\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\t\t\tbackground-color: ", " !important;\n\n\t\t\t\t.", " {\n\t\t\t\t\tcolor: ", " !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.", " {\n\t\t\tcursor: text;\n\t\t}\n\n\t\t/* Danger when nested node */\n\t\t.danger .", " {\n\t\t\t&[data-panel-type] {\n\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t.", " {\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t", ";\n\t}\n\n\t.", ".", ":not(.danger) {\n\t\t", "\n\t}\n\n\t", ";\n\n\t/* Don't want extra padding for inline editor (nested) */\n\t", ";\n"])), PanelSharedCssClassName.prefix, akEditorSelectedBorderSize, akEditorDeleteBorder, "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), PanelSharedCssClassName.icon, "var(--ds-icon-danger, ".concat(akEditorDeleteIconColor, ")"), PanelSharedCssClassName.content, PanelSharedCssClassName.prefix, "var(--ds-blanket-danger, ".concat(akEditorDeleteBackgroundWithOpacity, ")"), PanelSharedCssClassName.icon, "var(--ds-icon-danger, ".concat(akEditorDeleteIconColor, ")"), panelSharedStyles(), PanelSharedCssClassName.prefix, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket]), editorExperiment('nested-dnd', true) && ".ak-editor-content-area.appearance-full-page .ProseMirror {\n\t\t.ak-editor-panel .".concat(PanelSharedCssClassName.icon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t}\n\n\t\t.ak-editor-panel.").concat(PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-left: ", "var(--ds-space-250, 20px)", ";\n\t\t\tpadding-right: ", "var(--ds-space-250, 20px)", ";\n\t\t}\n\t}"), editorExperiment('nested-dnd', true) && ".ak-editor-content-area .ak-editor-content-area .ProseMirror {\n\t\t.ak-editor-panel .".concat(PanelSharedCssClassName.icon, " {\n\t\t\tpadding-right: ", "var(--ds-space-100, 8px)", ";\n\t\t}\n\t\t.ak-editor-panel.").concat(PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t\tpadding-left: ", "var(--ds-space-150, 12px)", ";\n\t\t}\n\t}"));
 };

package/dist/esm/ui/Toolbar/toolbar-size.js

@@ -1,5 +1,22 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { isFullPage } from '../../utils/is-full-page';
-import { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from './types';
+import { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext } from './types';
+var toolbarSizesFullPageNext = [{
+  width: ToolbarWidthsFullPageNext.XXL,
+  size: ToolbarSize.XXL
+}, {
+  width: ToolbarWidthsFullPageNext.XL,
+  size: ToolbarSize.XL
+}, {
+  width: ToolbarWidthsFullPageNext.L,
+  size: ToolbarSize.L
+}, {
+  width: ToolbarWidthsFullPageNext.M,
+  size: ToolbarSize.M
+}, {
+  width: ToolbarWidthsFullPageNext.S,
+  size: ToolbarSize.S
+}];
 
 // Toolbar sizes for full page editor a little bit different, because it has more buttons e.g. actions button...
 var toolbarSizesFullPage = [{
@@ -35,7 +52,7 @@ var toolbarSizes = [{
   size: ToolbarSize.S
 }];
 var toolbarSizesForAppearance = function toolbarSizesForAppearance(appearance) {
-  return isFullPage(appearance) ? toolbarSizesFullPage : toolbarSizes;
+  return isFullPage(appearance) ? fg('platform_editor_toolbar_responsive_fixes') ? toolbarSizesFullPageNext : toolbarSizesFullPage : toolbarSizes;
 };
 export var toolbarSizeToWidth = function toolbarSizeToWidth(toolbarSize, appearance) {
   return (toolbarSizesForAppearance(appearance).find(function (_ref) {

package/dist/esm/ui/Toolbar/types.js

@@ -1 +1 @@
-export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from '@atlaskit/editor-common/types';
+export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext } from '@atlaskit/editor-common/types';

package/dist/esm/version-wrapper.js

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

package/dist/types/editor-appearances/FullPageEditor.d.ts

@@ -3,6 +3,7 @@ import { type EditorNextProps } from '../types/editor-props';
 export type FullPageEditorProps = Pick<EditorNextProps, 'preset' | 'defaultValue' | 'disabled' | 'mentionProvider' | 'contextIdentifierProvider' | 'searchProvider' | 'annotationProviders' | 'collabEditProvider' | 'collabEdit' | 'taskDecisionProvider' | 'extensionProviders' | 'shouldFocus' | 'performanceTracking' | 'quickInsert' | 'secondaryToolbarComponents' | 'featureFlags' | 'trackValidTransactions' | 'primaryToolbarComponents' | 'contextPanel' | 'contentComponents' | 'primaryToolbarIconBefore' | 'sanitizePrivateContent'> & {
     onChange?: () => void;
     onEditorReady?: () => void;
+    appearance: 'full-page' | 'full-width';
 };
 /**
  * Editor component based on `ComposableEditor` which sets the `appearance` to "full-page".

package/dist/types/editor-appearances/FullWidthEditor.d.ts

@@ -13,5 +13,6 @@ export type FullWidthEditorProps = Pick<EditorNextProps, 'preset' | 'defaultValu
  *
  * @param props FullWidthEditorProps
  * @returns Editor component
+ * @deprecated In favour of `FullPageEditor` with appearance "full-width"
  */
 export declare function FullWidthEditor(props: FullWidthEditorProps): JSX.Element;

package/dist/types/ui/Toolbar/types.d.ts

@@ -1,2 +1,2 @@
-export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from '@atlaskit/editor-common/types';
+export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext, } from '@atlaskit/editor-common/types';
 export type { ToolbarUiComponentFactoryParams, ToolbarUIComponentFactory, } from '@atlaskit/editor-common/types';

package/dist/types-ts4.5/editor-appearances/FullPageEditor.d.ts

@@ -3,6 +3,7 @@ import { type EditorNextProps } from '../types/editor-props';
 export type FullPageEditorProps = Pick<EditorNextProps, 'preset' | 'defaultValue' | 'disabled' | 'mentionProvider' | 'contextIdentifierProvider' | 'searchProvider' | 'annotationProviders' | 'collabEditProvider' | 'collabEdit' | 'taskDecisionProvider' | 'extensionProviders' | 'shouldFocus' | 'performanceTracking' | 'quickInsert' | 'secondaryToolbarComponents' | 'featureFlags' | 'trackValidTransactions' | 'primaryToolbarComponents' | 'contextPanel' | 'contentComponents' | 'primaryToolbarIconBefore' | 'sanitizePrivateContent'> & {
     onChange?: () => void;
     onEditorReady?: () => void;
+    appearance: 'full-page' | 'full-width';
 };
 /**
  * Editor component based on `ComposableEditor` which sets the `appearance` to "full-page".

package/dist/types-ts4.5/editor-appearances/FullWidthEditor.d.ts

@@ -13,5 +13,6 @@ export type FullWidthEditorProps = Pick<EditorNextProps, 'preset' | 'defaultValu
  *
  * @param props FullWidthEditorProps
  * @returns Editor component
+ * @deprecated In favour of `FullPageEditor` with appearance "full-width"
  */
 export declare function FullWidthEditor(props: FullWidthEditorProps): JSX.Element;

package/dist/types-ts4.5/ui/Toolbar/types.d.ts

@@ -1,2 +1,2 @@
-export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from '@atlaskit/editor-common/types';
+export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext, } from '@atlaskit/editor-common/types';
 export type { ToolbarUiComponentFactoryParams, ToolbarUIComponentFactory, } from '@atlaskit/editor-common/types';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "197.11.0",
+	"version": "197.12.0",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -43,12 +43,12 @@
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/analytics-next-stable-react-context": "1.0.1",
 		"@atlaskit/button": "^20.2.0",
-		"@atlaskit/editor-common": "^91.0.0",
+		"@atlaskit/editor-common": "^91.1.0",
 		"@atlaskit/editor-json-transformer": "^8.18.0",
 		"@atlaskit/editor-plugin-quick-insert": "1.4.2",
 		"@atlaskit/editor-plugins": "^5.3.0",
 		"@atlaskit/editor-prosemirror": "6.0.0",
-		"@atlaskit/editor-shared-styles": "^2.13.0",
+		"@atlaskit/editor-shared-styles": "^3.0.0",
 		"@atlaskit/emoji": "^67.8.0",
 		"@atlaskit/icon": "^22.18.0",
 		"@atlaskit/media-card": "^78.5.0",
@@ -79,12 +79,12 @@
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"devDependencies": {
-		"@af/editor-examples-helpers": "0.3.12",
+		"@af/editor-examples-helpers": "0.3.13",
 		"@af/editor-libra": "*",
 		"@af/visual-regression": "*",
 		"@atlaskit/adf-utils": "^19.8.0",
 		"@atlaskit/analytics-listeners": "^8.11.0",
-		"@atlaskit/collab-provider": "9.41.1",
+		"@atlaskit/collab-provider": "9.42.0",
 		"@atlaskit/editor-plugin-annotation": "1.19.8",
 		"@atlaskit/editor-plugin-card": "^3.2.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^2.1.0",
@@ -96,7 +96,7 @@
 		"@atlaskit/media-core": "^34.3.0",
 		"@atlaskit/media-integration-test-helpers": "^3.1.0",
 		"@atlaskit/media-test-helpers": "^34.4.0",
-		"@atlaskit/modal-dialog": "^12.16.0",
+		"@atlaskit/modal-dialog": "^12.17.0",
 		"@atlaskit/primitives": "^12.2.0",
 		"@atlaskit/renderer": "^110.5.0",
 		"@atlaskit/smart-card": "^28.2.0",
@@ -269,6 +269,9 @@
 		"platform_editor_nest_in_quotes_adf_change": {
 			"type": "boolean"
 		},
+		"platform_editor_toolbar_responsive_fixes": {
+			"type": "boolean"
+		},
 		"platform_editor_mark_boundary_cursor": {
 			"type": "boolean"
 		},