@atlaskit/editor-core 220.3.1 → 220.4.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-core
 
+## 220.4.0
+
+### Minor Changes
+
+- [`3300f270bc8ea`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3300f270bc8ea) -
+  Update comment editor modernisation styling
+
+### Patch Changes
+
+- Updated dependencies
+
+## 220.3.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 220.3.1
 
 ### Patch Changes

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

@@ -143,7 +143,7 @@ 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: function minHeight(_ref) {
@@ -155,4 +155,6 @@ CoreEditor.propTypes = {
     return null;
   }
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var _default = exports.default = CoreEditor;

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

@@ -147,6 +147,7 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
         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/cjs/composable-editor/hooks/useMemoEditorProps.js

@@ -44,6 +44,7 @@ var useMemoEditorProps = exports.useMemoEditorProps = function useMemoEditorProp
       extensionProviders: passedProps.extensionProviders,
       UNSAFE_useAnalyticsContext: passedProps.UNSAFE_useAnalyticsContext,
       useStickyToolbar: passedProps.useStickyToolbar,
+      isEditorModernisationEnabled: passedProps.isEditorModernisationEnabled,
       featureFlags: passedProps.featureFlags,
       onSave: passedProps.onSave,
       sanitizePrivateContent: passedProps.sanitizePrivateContent,
@@ -119,7 +120,9 @@ var useMemoEditorProps = exports.useMemoEditorProps = function useMemoEditorProp
     };
     var nextProps = _objectSpread(_objectSpread({}, defaultProps), 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
 var _default = exports.default = useMemoEditorProps;

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

@@ -184,7 +184,7 @@ var ErrorBoundaryWithEditorView = exports.ErrorBoundaryWithEditorView = /*#__PUR
       return /*#__PURE__*/_react.default.createElement(_intlErrorBoundary.IntlErrorBoundary, null, this.props.children);
     }
   }]);
-}(_react.default.Component);
+}(_react.default.Component); // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 (0, _defineProperty2.default)(ErrorBoundaryWithEditorView, "defaultProps", {
   rethrow: true,
   errorTracking: true
@@ -209,4 +209,5 @@ var ErrorBoundaryWithEditorViewWithAnalyticsReactContext = exports.ErrorBoundary
 var _default_1 = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
   return (0, _platformFeatureFlags.fg)('platform_editor_sentry_breadcrumbs');
 }, (0, _WithEditorView.WithEditorView)(ErrorBoundaryWithEditorViewWithAnalyticsReactContext), (0, _WithEditorView.WithEditorView)(ErrorBoundaryWithEditorView));
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var _default = exports.default = _default_1;

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

@@ -1148,5 +1148,5 @@ 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
 var _default = exports.default = (0, _reactIntl.injectIntl)(ReactEditorView);

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

@@ -5,5 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD = exports.PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD = exports.DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS = void 0;
 var PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD = exports.PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD = 2000;
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD = exports.PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD = 3000;
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS = exports.DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS = 100;

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

@@ -81,6 +81,7 @@ function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent
  * 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
 function createPluginsList(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 preset, props, pluginInjectionAPI) {

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

@@ -51,6 +51,7 @@ var wrapToDOMProxy = exports.wrapToDOMProxy = function 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
 var wrapNodeSpecProxy = exports.wrapNodeSpecProxy = function wrapNodeSpecProxy(spec) {
   return new Proxy(spec, {
     get: function get(target, prop, receiver) {
@@ -62,6 +63,8 @@ var wrapNodeSpecProxy = exports.wrapNodeSpecProxy = function wrapNodeSpecProxy(s
     }
   });
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function createSchema(editorConfig) {
   var marks = (0, _fixExcludes.fixExcludes)(editorConfig.marks.sort((0, _legacyRankPlugins.sortByOrder)('marks')).reduce(function (acc, mark) {
     acc[mark.name] = wrapNodeSpecProxy(mark.mark);

package/dist/cjs/presets/context.js

@@ -14,6 +14,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 var EditorAPIContext = exports.EditorAPIContext = /*#__PURE__*/_react.default.createContext({});
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var PresetContextProvider = exports.PresetContextProvider = function PresetContextProvider(_ref) {
   var children = _ref.children;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -31,11 +32,15 @@ var PresetContextProvider = exports.PresetContextProvider = function PresetConte
     value: contextValue
   }, children);
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function usePresetContext() {
   var _useContext = (0, _react.useContext)(EditorAPIContext),
     editorApi = _useContext.editorApi;
   return editorApi;
 }
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var useSetPresetContext = exports.useSetPresetContext = function useSetPresetContext() {
   var _useContext2 = (0, _react.useContext)(EditorAPIContext),
     setEditorApi = _useContext2.setEditorApi;

package/dist/cjs/presets/default.js

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

package/dist/cjs/presets/universal.js

@@ -260,6 +260,7 @@ function createUniversalPresetInternal(_ref) {
   }], !(0, _expValEquals.expValEquals)('platform_editor_remove_bidi_char_warning', 'isEnabled', true));
   return finalPreset;
 }
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function isExpandInsertionEnabled(_ref2) {
   var allowExpand = _ref2.allowExpand;
   if (allowExpand === true && (0, _expValEquals.expValEquals)('platform_editor_expand_paste_in_comment_editor', 'isEnabled', true)) {

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

@@ -11,6 +11,7 @@ var ignoreAttribute = exports.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
 var contentComponentClickWrapper = exports.contentComponentClickWrapper = function contentComponentClickWrapper(reactComponents) {
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-editor-content-component": 'true'

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

@@ -36,4 +36,6 @@ var ClickAreaBlock = exports.ClickAreaBlock = function ClickAreaBlock(_ref) {
     role: "presentation"
   }, children);
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var _default = exports.default = ClickAreaBlock;

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

@@ -77,6 +77,9 @@ var commentEditorStyles = (0, _react2.css)({
   maxWidth: 'inherit',
   wordWrap: 'break-word'
 });
+var modernisedEditorStyles = (0, _react2.css)({
+  borderRadius: "var(--ds-radius-xlarge, 12px)"
+});
 var secondaryToolbarStyles = (0, _react2.css)({
   boxSizing: 'border-box',
   justifyContent: 'flex-end',
@@ -148,7 +151,8 @@ var CommentEditorWithIntl = exports.CommentEditorWithIntl = function CommentEdit
     useStickyToolbar = props.useStickyToolbar,
     pluginHooks = props.pluginHooks,
     featureFlags = props.featureFlags,
-    innerRef = props.innerRef;
+    innerRef = props.innerRef,
+    isEditorModernisationEnabled = props.isEditorModernisationEnabled;
   var showSecondaryToolbar = !!onSave || !!onCancel || !!customSecondaryToolbarComponents;
   var containerElement = _react.default.useRef(null);
 
@@ -227,7 +231,7 @@ var CommentEditorWithIntl = exports.CommentEditorWithIntl = function CommentEdit
   return (0, _react2.jsx)(_WithFlash.default, {
     animate: maxContentSizeReached
   }, (0, _react2.jsx)(_ui.WidthProvider, null, (0, _react2.jsx)("div", {
-    css: [(0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) ? commentEditorStyles : commentEditorStylesOld,
+    css: [(0, _expValEquals.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
     (0, _react2.css)({
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -238,6 +242,7 @@ var CommentEditorWithIntl = exports.CommentEditorWithIntl = function CommentEdit
     className: "akEditor",
     ref: wrapperElementRef
   }, (0, _react2.jsx)(_Toolbar.MainToolbar, {
+    isEditorModernisationEnabled: isEditorModernisationEnabled,
     useStickyToolbar: useStickyToolbar,
     twoLineEditorToolbar: isTwoLineToolbarEnabled,
     isNewToolbarEnabled: isToolbarAIFCEnabled

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

@@ -81,6 +81,13 @@ var mainToolbarWithRadiusStyle = (0, _react2.css)({
 var mainToolbarRadius = (0, _react2.css)({
   borderRadius: "var(--ds-radius-medium, 6px)".concat(" ", "var(--ds-radius-medium, 6px)", " 0 0")
 });
+var editorModernisationToolbarStyle = (0, _react2.css)({
+  borderRadius: "var(--ds-radius-xlarge, 12px)".concat(" ", "var(--ds-radius-xlarge, 12px)", " 0 0"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '&.show-keyline': {
+    boxShadow: 'none'
+  }
+});
 var stickyToolbarWrapperStyleNew = (0, _react2.css)({
   position: 'sticky',
   paddingBottom: "var(--ds-space-100, 8px)",
@@ -111,7 +118,7 @@ var StickyToolbar = function StickyToolbar(props) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     (0, _react2.jsx)("div", {
-      css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding, (0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius, !(0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle]
+      css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding, (0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius, !(0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle, props.isEditorModernisationEnabled && editorModernisationToolbarStyle]
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
       ,
       style: {
@@ -128,7 +135,7 @@ var FixedToolbar = function FixedToolbar(props) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     (0, _react2.jsx)("div", {
-      css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding, !(0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle, (0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius],
+      css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding, !(0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle, (0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius, props.isEditorModernisationEnabled && editorModernisationToolbarStyle],
       "data-testid": "ak-editor-main-toolbar"
     }, props.children)
   );
@@ -165,17 +172,20 @@ var MainToolbar = exports.MainToolbar = function MainToolbar(_ref) {
   var useStickyToolbar = _ref.useStickyToolbar,
     twoLineEditorToolbar = _ref.twoLineEditorToolbar,
     children = _ref.children,
+    isEditorModernisationEnabled = _ref.isEditorModernisationEnabled,
     isNewToolbarEnabled = _ref.isNewToolbarEnabled;
   if (useStickyToolbar) {
     return (0, _react2.jsx)(StickyToolbar
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
     , (0, _extends2.default)({}, getStickyParameters(useStickyToolbar), {
+      isEditorModernisationEnabled: isEditorModernisationEnabled,
       twoLineEditorToolbar: twoLineEditorToolbar,
       isNewToolbarEnabled: isNewToolbarEnabled
     }), children);
   }
   return (0, _react2.jsx)(FixedToolbar, {
+    isEditorModernisationEnabled: isEditorModernisationEnabled,
     twoLineEditorToolbar: twoLineEditorToolbar,
     isNewToolbarEnabled: isNewToolbarEnabled
   }, children);

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

@@ -41,6 +41,7 @@ var MainToolbarForFirstChildWrapperCompiled = exports.MainToolbarForFirstChildWr
 };
 
 // ---------------- Second child wrapper ----------------
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var MainToolbarForSecondChildWrapperCompiled = exports.MainToolbarForSecondChildWrapperCompiled = function MainToolbarForSecondChildWrapperCompiled(_ref2) {
   var twoLineEditorToolbar = _ref2.twoLineEditorToolbar,
     children = _ref2.children,

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

@@ -73,6 +73,7 @@ var MainToolbarForFirstChildWrapperEmotion = exports.MainToolbarForFirstChildWra
 };
 
 // ---------------- Second child wrapper ----------------
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var MainToolbarForSecondChildWrapperEmotion = exports.MainToolbarForSecondChildWrapperEmotion = function MainToolbarForSecondChildWrapperEmotion(_ref2) {
   var twoLineEditorToolbar = _ref2.twoLineEditorToolbar,
     children = _ref2.children,

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

@@ -14,6 +14,7 @@ var MainToolbarForFirstChildWrapper = exports.MainToolbarForFirstChildWrapper =
 }, _CustomToolbarWrapperCompiled.MainToolbarForFirstChildWrapperCompiled, _CustomToolbarWrapperEmotion.MainToolbarForFirstChildWrapperEmotion);
 
 // ---------------- Second child wrapper ----------------
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var MainToolbarForSecondChildWrapper = exports.MainToolbarForSecondChildWrapper = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
   return (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
 }, _CustomToolbarWrapperCompiled.MainToolbarForSecondChildWrapperCompiled, _CustomToolbarWrapperEmotion.MainToolbarForSecondChildWrapperEmotion);

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

@@ -222,6 +222,7 @@ var contentAreaHeightNoToolbar = (0, _react2.css)({
   height: '100%'
 });
 var CONTENT_AREA_TEST_ID = exports.CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var EDITOR_CONTAINER = exports.EDITOR_CONTAINER = 'ak-editor-container';
 var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$editorAPI, _props$editorAPI$bloc, _props$editorAPI2, _contentAreaRef$curre, _allowScrollGutter$gu, _allowScrollGutter$gu2;
@@ -351,6 +352,8 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     visible: false
   })));
 });
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var FullPageContentArea = exports.FullPageContentArea = (0, _reactIntl.injectIntl)(Content, {
   forwardRef: true
 });

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

@@ -122,5 +122,5 @@ var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(fun
   });
 });
 
-// eslint-disable-next-line @typescript-eslint/ban-types
+// eslint-disable-next-line @typescript-eslint/ban-types, @atlaskit/volt-strict-mode/no-multiple-exports
 var FullPageToolbar = exports.FullPageToolbar = (0, _reactIntl.injectIntl)(EditorToolbar);

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

@@ -29,6 +29,8 @@ var NonCustomToolbarWrapperCompiled = exports.NonCustomToolbarWrapperCompiled =
 var customToolbarWrapperCompiledStyles = {
   root: "_4cvr1h6o _1e0c1txw"
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var CustomToolbarWrapperCompiled = exports.CustomToolbarWrapperCompiled = function CustomToolbarWrapperCompiled(_ref2) {
   var children = _ref2.children;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -38,6 +40,8 @@ var CustomToolbarWrapperCompiled = exports.CustomToolbarWrapperCompiled = functi
 var mainToolbarIconBeforeCompiledStyles = {
   root: "_19pkpxbi _2hwxpxbi _otyrpxbi _18u0pxbi _4t3ixy5q _1bsbxy5q _mlgzkb7n _tuuhkb7n"
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var MainToolbarIconBeforeCompiled = exports.MainToolbarIconBeforeCompiled = function MainToolbarIconBeforeCompiled(_ref3) {
   var children = _ref3.children;
   return /*#__PURE__*/_react.default.createElement("div", {

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

@@ -37,6 +37,8 @@ var customToolbarWrapperEmotionStyles = (0, _react2.css)({
   alignItems: 'center',
   display: 'flex'
 });
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var CustomToolbarWrapperEmotion = exports.CustomToolbarWrapperEmotion = function CustomToolbarWrapperEmotion(_ref2) {
   var children = _ref2.children;
   return (0, _react2.jsx)("div", {
@@ -51,6 +53,8 @@ var mainToolbarIconBeforeEmotionStyles = (0, _react2.css)((0, _defineProperty2.d
   gridColumn: 1,
   gridRow: 1
 }));
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var MainToolbarIconBeforeEmotion = exports.MainToolbarIconBeforeEmotion = function MainToolbarIconBeforeEmotion(_ref3) {
   var children = _ref3.children;
   return (0, _react2.jsx)("div", {

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

@@ -16,7 +16,7 @@ var fullPageEditorWrapper = exports.fullPageEditorWrapper = (0, _react.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
 var contentAreaWrapper = exports.contentAreaWrapper = (0, _react.css)({
   width: '100%',
   containerType: 'inline-size',
@@ -29,7 +29,7 @@ var contentAreaWrapper = exports.contentAreaWrapper = (0, _react.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
 var sidebarArea = exports.sidebarArea = (0, _react.css)({
   height: '100%',
   boxSizing: 'border-box',
@@ -48,7 +48,7 @@ var sidebarArea = exports.sidebarArea = (0, _react.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
 var editorContentAreaHideContainer = exports.editorContentAreaHideContainer = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.fabric-editor--full-width-mode': {

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

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

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

@@ -71,6 +71,8 @@ var ContextPanelWrapperEmotion = exports.ContextPanelWrapperEmotion = function C
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, rest), children);
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var ContextPanelContentEmotion = exports.ContextPanelContentEmotion = function ContextPanelContentEmotion(_ref2) {
   var children = _ref2.children,
     customWidth = _ref2.customWidth,

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

@@ -162,6 +162,8 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
   }]);
 }(_react.default.PureComponent); // eslint-disable-next-line @typescript-eslint/ban-types
 var SwappableContentArea = exports.SwappableContentArea = (0, _reactIntl.injectIntl)(SwappableContentAreaInner);
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function ContextPanel(props) {
   var contextPanelContents = (0, _hooks.useSharedPluginStateWithSelector)(props.editorAPI, ['contextPanel'], function (states) {
     var _states$contextPanelS;

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

@@ -165,6 +165,7 @@ var aiPanelBaseStyles = exports.aiPanelBaseStyles = (0, _react.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
 var aiPanelBaseFirefoxStyles = exports.aiPanelBaseFirefoxStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   'div[extensionType="com.atlassian.ai-blocks"]': {
@@ -193,6 +194,7 @@ var aiPanelBaseFirefoxStyles = exports.aiPanelBaseFirefoxStyles = (0, _react.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
 var aiPanelDarkStyles = exports.aiPanelDarkStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   'div[extensionType="com.atlassian.ai-blocks"]': {
@@ -211,6 +213,7 @@ var aiPanelDarkStyles = exports.aiPanelDarkStyles = (0, _react.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
 var aiPanelDarkFirefoxStyles = exports.aiPanelDarkFirefoxStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   'div[extensionType="com.atlassian.ai-blocks"]': {

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

@@ -34,6 +34,7 @@ var textHighlightPaddingStyles = exports.textHighlightPaddingStyles = (0, _react
  * 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 backgroundColorStyles = exports.backgroundColorStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.fabric-background-color-mark': {

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

@@ -74,6 +74,7 @@ var baseStyles = exports.baseStyles = (0, _react.css)((0, _defineProperty2.defau
  * 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 maxModeReizeFixStyles = exports.maxModeReizeFixStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.fabric-editor--max-width-mode': {
@@ -89,6 +90,7 @@ var maxModeReizeFixStyles = exports.maxModeReizeFixStyles = (0, _react.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
 var baseStylesMaxContainerWidthFixes = exports.baseStylesMaxContainerWidthFixes = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ProseMirror': {
@@ -103,6 +105,7 @@ var baseStylesMaxContainerWidthFixes = exports.baseStylesMaxContainerWidthFixes
  * 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 editorLargeGutterPuddingBaseStyles = exports.editorLargeGutterPuddingBaseStyles = (0, _react.css)({
   '--ak-editor--large-gutter-padding': '52px'
 });
@@ -114,6 +117,7 @@ var editorLargeGutterPuddingBaseStyles = exports.editorLargeGutterPuddingBaseSty
  * 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 editorLargeGutterPuddingBaseStylesEditorControls = exports.editorLargeGutterPuddingBaseStylesEditorControls = (0, _react.css)({
   '--ak-editor--large-gutter-padding': '72px'
 });
@@ -123,6 +127,7 @@ var editorLargeGutterPuddingBaseStylesEditorControls = exports.editorLargeGutter
  * 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 editorLargeGutterPuddingReducedBaseStyles = exports.editorLargeGutterPuddingReducedBaseStyles = (0, _react.css)((0, _defineProperty2.default)({}, "@container editor-area (max-width: ".concat(akEditorFullPageNarrowBreakout, "px)"), {
   '--ak-editor--large-gutter-padding': "".concat(akEditorGutterPaddingReduced, "px")
 }));

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

@@ -8,6 +8,7 @@ exports.textSelectedNodeStyles = exports.textDangerStyles = exports.listSelected
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+/* 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 */

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

@@ -49,6 +49,7 @@ var gutterDangerOverlay = (0, _react.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
 var codeBlockStyles = exports.codeBlockStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPED, " > .").concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, " > .").concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTENT), {
@@ -201,6 +202,7 @@ var codeBlockStyles = exports.codeBlockStyles = (0, _react.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
 var codeBlockStylesWithEmUnits = exports.codeBlockStylesWithEmUnits = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ProseMirror': (0, _defineProperty2.default)({}, ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), (0, _defineProperty2.default)({
@@ -226,6 +228,7 @@ var codeBlockStylesWithEmUnits = exports.codeBlockStylesWithEmUnits = (0, _react
  * 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 firstCodeBlockWithNoMargin = exports.firstCodeBlockWithNoMargin = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ProseMirror': {
@@ -245,6 +248,7 @@ var firstCodeBlockWithNoMargin = exports.firstCodeBlockWithNoMargin = (0, _react
  * 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 firstCodeBlockWithNoMarginOld = exports.firstCodeBlockWithNoMarginOld = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ProseMirror': {

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

@@ -42,6 +42,7 @@ var codeMarkStyles = exports.codeMarkStyles = (0, _react.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
 var codeMarkStylesA11yFix = exports.codeMarkStylesA11yFix = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.code': {

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

@@ -28,6 +28,7 @@ var DateSharedCssClassName = exports.DateSharedCssClassName = {
  * 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 dateVanillaStyles = exports.dateVanillaStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "[data-prosemirror-node-name='date'] .".concat(DateSharedCssClassName.DATE_WRAPPER, " span"), {
   backgroundColor: "var(--ds-background-neutral, #0515240F)",
   color: "var(--ds-text, #292A2E)",
@@ -54,6 +55,7 @@ var dateVanillaStyles = exports.dateVanillaStyles = (0, _react.css)((0, _defineP
  * 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 dateStyles = exports.dateStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(DateSharedCssClassName.DATE_WRAPPER, " span"), {
   whiteSpace: 'unset'
 }), ".".concat(DateSharedCssClassName.DATE_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(DateSharedCssClassName.DATE_WRAPPER), {
@@ -73,6 +75,7 @@ _selectionStyles.hideNativeBrowserTextSelectionStyles]))), '.danger', (0, _defin
  * 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 dangerDateStyles = exports.dangerDateStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(DateSharedCssClassName.DATE_CONTAINER, ".ak-editor-selected-node.danger .").concat(DateSharedCssClassName.DATE_WRAPPER, " > span"),
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
 [_selectionStyles.dangerBorderStyles]));