@atlaskit/editor-core 220.3.1 → 220.4.0

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

@@ -175,6 +175,7 @@ var telepointerColorAndCommonStyle = exports.telepointerColorAndCommonStyle = (0
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
 var telepointerStyle = exports.telepointerStyle = (0, _react.css)({
   '.ProseMirror .telepointer': {
     '&.telepointer-selection-badge': {

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

@@ -30,6 +30,7 @@ var UnsupportedSharedCssClassName = exports.UnsupportedSharedCssClassName = {
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
 var unsupportedStyles = exports.unsupportedStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(UnsupportedSharedCssClassName.BLOCK_CONTAINER, " > div, .").concat(UnsupportedSharedCssClassName.INLINE_CONTAINER, " > span:nth-of-type(2)"), {
   cursor: 'pointer'
 }), '.ak-editor-selected-node', (0, _defineProperty2.default)({}, "&.".concat(UnsupportedSharedCssClassName.BLOCK_CONTAINER, " > div, &.").concat(UnsupportedSharedCssClassName.INLINE_CONTAINER, " > span:nth-of-type(2)"),

package/dist/cjs/ui/EditorContext/index.js

@@ -20,7 +20,7 @@ var useEditorContext = exports.useEditorContext = function useEditorContext() {
 };
 
 // Ignored via go/ees005
-// eslint-disable-next-line @repo/internal/react/no-class-components, react/prefer-stateless-function
+// eslint-disable-next-line @repo/internal/react/no-class-components, react/prefer-stateless-function, @atlaskit/volt-strict-mode/no-multiple-exports
 var LegacyEditorContext = exports.LegacyEditorContext = /*#__PURE__*/function (_React$Component) {
   function LegacyEditorContext(props) {
     var _this;
@@ -41,7 +41,7 @@ var LegacyEditorContext = exports.LegacyEditorContext = /*#__PURE__*/function (_
       }, this.props.children);
     }
   }]);
-}(_react.default.Component);
+}(_react.default.Component); // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var _default = exports.default = function _default(props) {
   return /*#__PURE__*/_react.default.createElement(LegacyEditorContext, {
     editorActions: props.editorActions

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

@@ -61,6 +61,7 @@ var usePluginState = function usePluginState(api) {
  *
  * The majority of components UI should use `@atlaskit/editor-toolbar` components.
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var ToolbarNext = exports.ToolbarNext = function ToolbarNext(_ref) {
   var toolbar = _ref.toolbar,
     components = _ref.components,

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

@@ -28,12 +28,15 @@ var ToolbarPortalContextProvider = exports.ToolbarPortalContextProvider = functi
 // NOTE: This doesn't throw on undefined context on purpose, as it is likely that
 // the outer toolbar _won't_ have a context provider as it is unlikely to portal
 // anywhere
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var useToolbarPortal = exports.useToolbarPortal = function useToolbarPortal() {
   return _react.default.useContext(ToolbarPortalContext);
 };
 var toolbarPortalStyles = {
   portal: "_1r04ze3t _kqswstnw _fiawglyw"
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var ToolbarPortalMountPoint = exports.ToolbarPortalMountPoint = function ToolbarPortalMountPoint() {
   var portal = useToolbarPortal();
 

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

@@ -95,6 +95,8 @@ var toolbarSizeToWidth = exports.toolbarSizeToWidth = function toolbarSizeToWidt
     width: _types.ToolbarWidths.S
   }).width;
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var widthToToolbarSize = exports.widthToToolbarSize = function widthToToolbarSize(toolbarWidth, appearance) {
   return (toolbarSizesForAppearance(appearance).find(function (_ref2) {
     var width = _ref2.width;

package/dist/cjs/utils/performance/safer-transactions.js

@@ -14,6 +14,7 @@ var isUnsafeMethod = function isUnsafeMethod(prop) {
 var isReadOnlyProperty = function isReadOnlyProperty(prop) {
   return ['doc', 'docs', 'steps', 'selection'].includes(prop.toString());
 };
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var freezeUnsafeTransactionProperties = exports.freezeUnsafeTransactionProperties = function freezeUnsafeTransactionProperties(_ref) {
   var dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
     pluginKey = _ref.pluginKey;

package/dist/cjs/utils/performance/track-transactions.js

@@ -12,13 +12,20 @@ var _isPerformanceApiAvailable = require("@atlaskit/editor-common/is-performance
 var _performanceMeasures = require("@atlaskit/editor-common/performance-measures");
 var _getTimeSince = require("./getTimeSince");
 var EVENT_NAME_STATE_APPLY = exports.EVENT_NAME_STATE_APPLY = "\uD83E\uDD89 EditorView::state::apply";
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var EVENT_NAME_UPDATE_STATE = exports.EVENT_NAME_UPDATE_STATE = "\uD83E\uDD89 EditorView::updateState";
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var EVENT_NAME_VIEW_STATE_UPDATED = exports.EVENT_NAME_VIEW_STATE_UPDATED = "\uD83E\uDD89 EditorView::onEditorViewStateUpdated";
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var EVENT_NAME_ON_CHANGE = exports.EVENT_NAME_ON_CHANGE = "\uD83E\uDD89 ReactEditorView::onChange";
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var EVENT_NAME_DISPATCH_TRANSACTION = exports.EVENT_NAME_DISPATCH_TRANSACTION = "\uD83E\uDD89 ReactEditorView::dispatchTransaction";
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var DEFAULT_USE_PERFORMANCE_MARK = exports.DEFAULT_USE_PERFORMANCE_MARK = false;
 var DEFAULT_SAMPLING_RATE = 100;
 var noop = function noop() {};
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var TransactionTracker = exports.TransactionTracker = /*#__PURE__*/function () {
   function TransactionTracker() {
     var _this = this;

package/dist/cjs/version-wrapper.js

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

package/dist/es2019/composable-editor/core-editor.js

@@ -136,7 +136,7 @@ export function CoreEditor(props) {
     featureFlags: memodEditorFeatureFlags
   })));
 }
-// eslint-disable-next-line @typescript-eslint/no-namespace
+// eslint-disable-next-line @typescript-eslint/no-namespace, @atlaskit/volt-strict-mode/no-multiple-exports
 
 CoreEditor.propTypes = {
   minHeight: ({
@@ -149,4 +149,6 @@ CoreEditor.propTypes = {
     return null;
   }
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export default CoreEditor;

package/dist/es2019/composable-editor/editor-internal.js

@@ -129,6 +129,7 @@ export const EditorInternal = /*#__PURE__*/memo(({
         collabEdit: props.collabEdit,
         persistScrollGutter: props.persistScrollGutter,
         enableToolbarMinWidth: ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.toolbarMinWidthOverflow) != null ? !!((_props$featureFlags2 = props.featureFlags) !== null && _props$featureFlags2 !== void 0 && _props$featureFlags2.toolbarMinWidthOverflow) : props.allowUndoRedoButtons,
+        isEditorModernisationEnabled: props.isEditorModernisationEnabled,
         useStickyToolbar: props.useStickyToolbar,
         featureFlags: featureFlags,
         pluginHooks: config.pluginHooks,

package/dist/es2019/composable-editor/hooks/useMemoEditorProps.js

@@ -34,6 +34,7 @@ export const useMemoEditorProps = passedProps => {
       extensionProviders: passedProps.extensionProviders,
       UNSAFE_useAnalyticsContext: passedProps.UNSAFE_useAnalyticsContext,
       useStickyToolbar: passedProps.useStickyToolbar,
+      isEditorModernisationEnabled: passedProps.isEditorModernisationEnabled,
       featureFlags: passedProps.featureFlags,
       onSave: passedProps.onSave,
       sanitizePrivateContent: passedProps.sanitizePrivateContent,
@@ -112,7 +113,9 @@ export const useMemoEditorProps = passedProps => {
       ...allProps
     };
     return nextProps;
-  }, [passedProps.preset, passedProps.appearance, passedProps.contentMode, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.performanceTracking, passedProps.inputSamplingLimit, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.onSSRMeasure, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.useStickyToolbar, passedProps.featureFlags, passedProps.onSave, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowFindReplace, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.__livePage, passedProps.AppearanceComponent, passedProps.skipValidation, passedProps.syncBlock, passedProps.syncedBlockProvider, passedProps.pasteWarningOptions]);
+  }, [passedProps.preset, passedProps.appearance, passedProps.contentMode, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.performanceTracking, passedProps.inputSamplingLimit, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.onSSRMeasure, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.useStickyToolbar, passedProps.isEditorModernisationEnabled, passedProps.featureFlags, passedProps.onSave, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowFindReplace, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.__livePage, passedProps.AppearanceComponent, passedProps.skipValidation, passedProps.syncBlock, passedProps.syncedBlockProvider, passedProps.pasteWarningOptions]);
   return memodProps;
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export default useMemoEditorProps;

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

@@ -131,6 +131,8 @@ export class ErrorBoundaryWithEditorView extends React.Component {
     return /*#__PURE__*/React.createElement(IntlErrorBoundary, null, this.props.children);
   }
 }
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 _defineProperty(ErrorBoundaryWithEditorView, "defaultProps", {
   rethrow: true,
   errorTracking: true
@@ -153,4 +155,5 @@ export class ErrorBoundaryWithEditorViewWithAnalyticsReactContext extends ErrorB
 // eslint-disable-next-line @typescript-eslint/ban-types
 _defineProperty(ErrorBoundaryWithEditorViewWithAnalyticsReactContext, "contextType", AnalyticsReactContext);
 const _default_1 = componentWithCondition(() => fg('platform_editor_sentry_breadcrumbs'), WithEditorView(ErrorBoundaryWithEditorViewWithAnalyticsReactContext), WithEditorView(ErrorBoundaryWithEditorView));
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export default _default_1;

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

@@ -1070,5 +1070,5 @@ export function ReactEditorView(props) {
 }
 
 // Preserving exact type generated by TypeScript
-// eslint-disable-next-line @typescript-eslint/ban-types
+// eslint-disable-next-line @typescript-eslint/ban-types, @atlaskit/volt-strict-mode/no-multiple-exports
 export default injectIntl(ReactEditorView);

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

@@ -1,3 +1,5 @@
 export const PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD = 2000;
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD = 3000;
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS = 100;

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

@@ -73,6 +73,7 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
  * Note: The order that presets are added determines
  * their placement in the editor toolbar.
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export default function createPluginsList(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 preset, props, pluginInjectionAPI) {

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

@@ -44,6 +44,7 @@ export const wrapToDOMProxy = toDOM => {
  * @returns {T} A proxied NodeSpec or MarkSpec object where the `toDOM` method is enhanced
  * with metadata attributes.
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const wrapNodeSpecProxy = spec => {
   return new Proxy(spec, {
     get(target, prop, receiver) {
@@ -55,6 +56,8 @@ export const wrapNodeSpecProxy = spec => {
     }
   });
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export function createSchema(editorConfig) {
   const marks = fixExcludes(editorConfig.marks.sort(sortByOrder('marks')).reduce((acc, mark) => {
     acc[mark.name] = wrapNodeSpecProxy(mark.mark);

package/dist/es2019/presets/context.js

@@ -3,6 +3,7 @@ import React, { useContext, useMemo, useState } from 'react';
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 export const EditorAPIContext = /*#__PURE__*/React.createContext({});
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const PresetContextProvider = ({
   children
 }) => {
@@ -16,12 +17,16 @@ export const PresetContextProvider = ({
     value: contextValue
   }, children);
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export function usePresetContext() {
   const {
     editorApi
   } = useContext(EditorAPIContext);
   return editorApi;
 }
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const useSetPresetContext = () => {
   const {
     setEditorApi

package/dist/es2019/presets/default.js

@@ -94,6 +94,7 @@ export function createDefaultPreset(options) {
  * @param props
  * @example
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export function useDefaultPreset(props) {
   const preset = createDefaultPreset(props);
   return [preset];

package/dist/es2019/presets/universal.js

@@ -265,6 +265,7 @@ export default function createUniversalPresetInternal({
   }], !expValEquals('platform_editor_remove_bidi_char_warning', 'isEnabled', true));
   return finalPreset;
 }
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export function isExpandInsertionEnabled({
   allowExpand
 }) {

package/dist/es2019/ui/Addon/ClickAreaBlock/contentComponentWrapper.js

@@ -4,6 +4,7 @@ export const ignoreAttribute = 'data-editor-content-component';
 /**
  * Wraps content components in a data attribute to ignore
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const contentComponentClickWrapper = reactComponents => {
   return /*#__PURE__*/React.createElement("div", {
     "data-editor-content-component": 'true'

package/dist/es2019/ui/Addon/ClickAreaBlock/index.js

@@ -28,4 +28,6 @@ export const ClickAreaBlock = ({
     role: "presentation"
   }, children);
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export default ClickAreaBlock;

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

@@ -64,6 +64,9 @@ const commentEditorStyles = css({
   maxWidth: 'inherit',
   wordWrap: 'break-word'
 });
+const modernisedEditorStyles = css({
+  borderRadius: "var(--ds-radius-xlarge, 12px)"
+});
 const secondaryToolbarStyles = css({
   boxSizing: 'border-box',
   justifyContent: 'flex-end',
@@ -142,7 +145,8 @@ export const CommentEditorWithIntl = props => {
     useStickyToolbar,
     pluginHooks,
     featureFlags,
-    innerRef
+    innerRef,
+    isEditorModernisationEnabled
   } = props;
   const showSecondaryToolbar = !!onSave || !!onCancel || !!customSecondaryToolbarComponents;
   const containerElement = React.useRef(null);
@@ -213,7 +217,7 @@ export const CommentEditorWithIntl = props => {
   return jsx(WithFlash, {
     animate: maxContentSizeReached
   }, jsx(WidthProvider, null, jsx("div", {
-    css: [expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) ? commentEditorStyles : commentEditorStylesOld,
+    css: [expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) ? commentEditorStyles : commentEditorStylesOld, isEditorModernisationEnabled && modernisedEditorStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css({
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -224,6 +228,7 @@ export const CommentEditorWithIntl = props => {
     className: "akEditor",
     ref: wrapperElementRef
   }, jsx(MainToolbar, {
+    isEditorModernisationEnabled: isEditorModernisationEnabled,
     useStickyToolbar: useStickyToolbar,
     twoLineEditorToolbar: isTwoLineToolbarEnabled,
     isNewToolbarEnabled: isToolbarAIFCEnabled

package/dist/es2019/ui/Appearance/Comment/Toolbar.js

@@ -78,6 +78,13 @@ const mainToolbarWithRadiusStyle = css({
 const mainToolbarRadius = css({
   borderRadius: `${"var(--ds-radius-medium, 6px)"} ${"var(--ds-radius-medium, 6px)"} 0 0`
 });
+const editorModernisationToolbarStyle = css({
+  borderRadius: `${"var(--ds-radius-xlarge, 12px)"} ${"var(--ds-radius-xlarge, 12px)"} 0 0`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '&.show-keyline': {
+    boxShadow: 'none'
+  }
+});
 const stickyToolbarWrapperStyleNew = css({
   position: 'sticky',
   paddingBottom: "var(--ds-space-100, 8px)",
@@ -105,7 +112,7 @@ const StickyToolbar = props => {
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     jsx("div", {
-      css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding, expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius, !expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && fg('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle]
+      css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding, expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius, !expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && fg('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle, props.isEditorModernisationEnabled && editorModernisationToolbarStyle]
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
       ,
       style: {
@@ -121,7 +128,7 @@ const StickyToolbar = props => {
 const FixedToolbar = props =>
 // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
 jsx("div", {
-  css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding, !expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && fg('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle, expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius],
+  css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding, !expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && fg('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle, expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius, props.isEditorModernisationEnabled && editorModernisationToolbarStyle],
   "data-testid": "ak-editor-main-toolbar"
 }, props.children);
 
@@ -156,6 +163,7 @@ export const MainToolbar = ({
   useStickyToolbar,
   twoLineEditorToolbar,
   children,
+  isEditorModernisationEnabled,
   isNewToolbarEnabled
 }) => {
   if (useStickyToolbar) {
@@ -163,11 +171,13 @@ export const MainToolbar = ({
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
     , _extends({}, getStickyParameters(useStickyToolbar), {
+      isEditorModernisationEnabled: isEditorModernisationEnabled,
       twoLineEditorToolbar: twoLineEditorToolbar,
       isNewToolbarEnabled: isNewToolbarEnabled
     }), children);
   }
   return jsx(FixedToolbar, {
+    isEditorModernisationEnabled: isEditorModernisationEnabled,
     twoLineEditorToolbar: twoLineEditorToolbar,
     isNewToolbarEnabled: isNewToolbarEnabled
   }, children);

package/dist/es2019/ui/Appearance/FullPage/CustomToolbarWrapper-compiled.js

@@ -32,6 +32,7 @@ export const MainToolbarForFirstChildWrapperCompiled = ({
 }, children);
 
 // ---------------- Second child wrapper ----------------
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const MainToolbarForSecondChildWrapperCompiled = ({
   twoLineEditorToolbar,
   children,

package/dist/es2019/ui/Appearance/FullPage/CustomToolbarWrapper-emotion.js

@@ -64,6 +64,7 @@ export const MainToolbarForFirstChildWrapperEmotion = ({
 }, children);
 
 // ---------------- Second child wrapper ----------------
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const MainToolbarForSecondChildWrapperEmotion = ({
   twoLineEditorToolbar,
   children,

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

@@ -6,4 +6,5 @@ import { MainToolbarForFirstChildWrapperEmotion, MainToolbarForSecondChildWrappe
 export const MainToolbarForFirstChildWrapper = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), MainToolbarForFirstChildWrapperCompiled, MainToolbarForFirstChildWrapperEmotion);
 
 // ---------------- Second child wrapper ----------------
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const MainToolbarForSecondChildWrapper = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), MainToolbarForSecondChildWrapperCompiled, MainToolbarForSecondChildWrapperEmotion);

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

@@ -216,6 +216,7 @@ const contentAreaHeightNoToolbar = css({
   height: '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';
 const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
   var _props$editorAPI, _props$editorAPI$base, _props$editorAPI$base2, _props$editorAPI$bloc, _props$editorAPI2, _props$editorAPI2$blo, _props$editorAPI2$blo2, _props$editorAPI2$blo3, _contentAreaRef$curre, _allowScrollGutter$gu, _allowScrollGutter$gu2;
@@ -343,6 +344,8 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     visible: false
   })));
 });
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const FullPageContentArea = injectIntl(Content, {
   forwardRef: true
 });

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

@@ -109,5 +109,5 @@ export const EditorToolbar = /*#__PURE__*/React.memo(props => {
   }, shouldSplitToolbar ? nonCustomToolbar : customToolbar), /*#__PURE__*/React.createElement(ToolbarPortalMountPoint, null)))));
 });
 
-// eslint-disable-next-line @typescript-eslint/ban-types
+// eslint-disable-next-line @typescript-eslint/ban-types, @atlaskit/volt-strict-mode/no-multiple-exports
 export const FullPageToolbar = injectIntl(EditorToolbar);

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

@@ -22,6 +22,8 @@ export const NonCustomToolbarWrapperCompiled = ({
 const customToolbarWrapperCompiledStyles = {
   root: "_4cvr1h6o _1e0c1txw"
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const CustomToolbarWrapperCompiled = ({
   children
 }) => /*#__PURE__*/React.createElement("div", {
@@ -30,6 +32,8 @@ export const CustomToolbarWrapperCompiled = ({
 const mainToolbarIconBeforeCompiledStyles = {
   root: "_19pkpxbi _2hwxpxbi _otyrpxbi _18u0pxbi _4t3ixy5q _1bsbxy5q _mlgzkb7n _tuuhkb7n"
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const MainToolbarIconBeforeCompiled = ({
   children
 }) => /*#__PURE__*/React.createElement("div", {

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

@@ -27,6 +27,8 @@ const customToolbarWrapperEmotionStyles = css({
   alignItems: 'center',
   display: 'flex'
 });
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const CustomToolbarWrapperEmotion = ({
   children
 }) => jsx("div", {
@@ -42,6 +44,8 @@ const mainToolbarIconBeforeEmotionStyles = css({
     gridRow: 1
   }
 });
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const MainToolbarIconBeforeEmotion = ({
   children
 }) => jsx("div", {

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

@@ -9,7 +9,7 @@ export const fullPageEditorWrapper = css({
   boxSizing: 'border-box'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
 export const contentAreaWrapper = css({
   width: '100%',
   containerType: 'inline-size',
@@ -22,7 +22,7 @@ export const contentAreaWrapper = css({
   contain: 'layout style inline-size'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports -- Ignored via go/DSP-18766
 export const sidebarArea = css({
   height: '100%',
   boxSizing: 'border-box',
@@ -41,7 +41,7 @@ export const sidebarArea = css({
 
 // initially hide until we have a containerWidth and can properly size them,
 // otherwise they can cause the editor width to extend which is non-recoverable
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports -- Ignored via go/DSP-18766
 export const editorContentAreaHideContainer = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.fabric-editor--full-width-mode': {

package/dist/es2019/ui/ContextPanel/index-compiled.js

@@ -35,6 +35,8 @@ export const ContextPanelWrapperCompiled = ({
 }, rest, {
   className: ax([panelStyles.panel, customWidth && "", !visible && panelStyles.panelHidden, disableAnimation && panelStyles.disablePanelAnimation])
 }), children);
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const ContextPanelContentCompiled = ({
   children,
   customWidth,

package/dist/es2019/ui/ContextPanel/index-emotion.js

@@ -60,6 +60,8 @@ export const ContextPanelWrapperEmotion = ({
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, rest), children);
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const ContextPanelContentEmotion = ({
   children,
   customWidth,

package/dist/es2019/ui/ContextPanel/index.js

@@ -135,6 +135,8 @@ class SwappableContentAreaInner extends React.PureComponent {
 
 // eslint-disable-next-line @typescript-eslint/ban-types
 export const SwappableContentArea = injectIntl(SwappableContentAreaInner);
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export function ContextPanel(props) {
   const contextPanelContents = useSharedPluginStateWithSelector(props.editorAPI, ['contextPanel'], states => {
     var _states$contextPanelS;

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

@@ -161,6 +161,7 @@ export const aiPanelBaseStyles = css({
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
 export const aiPanelBaseFirefoxStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   'div[extensionType="com.atlassian.ai-blocks"]': {
@@ -189,6 +190,7 @@ export const aiPanelBaseFirefoxStyles = css({
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
 export const aiPanelDarkStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   'div[extensionType="com.atlassian.ai-blocks"]': {
@@ -207,6 +209,7 @@ export const aiPanelDarkStyles = css({
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
 export const aiPanelDarkFirefoxStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   'div[extensionType="com.atlassian.ai-blocks"]': {

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

@@ -27,6 +27,7 @@ export const textHighlightPaddingStyles = css({
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
 export const backgroundColorStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.fabric-background-color-mark': {

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

@@ -68,6 +68,7 @@ export const baseStyles = css({
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
 export const maxModeReizeFixStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.fabric-editor--max-width-mode': {
@@ -83,6 +84,7 @@ export const maxModeReizeFixStyles = css({
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
 export const baseStylesMaxContainerWidthFixes = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ProseMirror': {
@@ -97,6 +99,7 @@ export const baseStylesMaxContainerWidthFixes = css({
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
 export const editorLargeGutterPuddingBaseStyles = css({
   '--ak-editor--large-gutter-padding': '52px'
 });
@@ -108,6 +111,7 @@ export const editorLargeGutterPuddingBaseStyles = css({
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
 export const editorLargeGutterPuddingBaseStylesEditorControls = css({
   '--ak-editor--large-gutter-padding': '72px'
 });
@@ -117,6 +121,7 @@ export const editorLargeGutterPuddingBaseStylesEditorControls = css({
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
 export const editorLargeGutterPuddingReducedBaseStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries, @atlaskit/ui-styling-standard/no-unsafe-values
   [`@container editor-area (max-width: ${akEditorFullPageNarrowBreakout}px)`]: {

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

@@ -1,3 +1,4 @@
+/* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports */
 /* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
 	@repo/internal/deprecations/deprecation-ticket-required,
 	@atlaskit/ui-styling-standard/no-exported-styles */