@atlaskit/editor-core 215.13.4 → 215.13.7

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/editor-core
 
+## 215.13.7
+
+### Patch Changes
+
+- [`a05464ea42678`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a05464ea42678) -
+  EDITOR-2791 bump adf-schema
+- [`657693883946f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/657693883946f) -
+  Fix diffs for extension nodes
+- Updated dependencies
+
+## 215.13.6
+
+### Patch Changes
+
+- [`98517a05bfada`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/98517a05bfada) -
+  fix styling for full-width and wide media single
+- Updated dependencies
+
+## 215.13.5
+
+### Patch Changes
+
+- [`63628e69e52e7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/63628e69e52e7) -
+  [ux] [EDITOR-2557] Disable sync block creation, edition and deletion in offline mode
+- Updated dependencies
+
 ## 215.13.4
 
 ### Patch Changes

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

@@ -150,7 +150,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     ref: ref,
     css: [
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _baseStyles.baseStyles,
+    _baseStyles.baseStyles, (0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _baseStyles.baseStylesMaxContainerWidthFixes,
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
     (0, _platformFeatureFlags.fg)('platform_editor_controls_increase_full_page_gutter') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -268,6 +270,8 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     (0, _extensionStyles.getExtensionStyles)(contentMode),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _platformFeatureFlags.fg)('aifc_create_enabled') && _extensionStyles.extensionDiffStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _expandStyles.expandStyles, (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     (0, _expandStyles.getDenseExpandTitleStyles)(baseFontSize), (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ?

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.editorLargeGutterPuddingReducedBaseStyles = exports.editorLargeGutterPuddingBaseStylesEditorControls = exports.editorLargeGutterPuddingBaseStyles = exports.baseStyles = void 0;
+exports.editorLargeGutterPuddingReducedBaseStyles = exports.editorLargeGutterPuddingBaseStylesEditorControls = exports.editorLargeGutterPuddingBaseStyles = exports.baseStylesMaxContainerWidthFixes = exports.baseStyles = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
@@ -60,6 +60,14 @@ var baseStyles = exports.baseStyles = (0, _react.css)((0, _defineProperty2.defau
   }
 }));
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var baseStylesMaxContainerWidthFixes = exports.baseStylesMaxContainerWidthFixes = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    '--ak-editor-max-container-width': 'calc(100cqw - var(--ak-editor--large-gutter-padding)*2)'
+  }
+});
+
 // This is to avoid using akEditorGutterPaddingDynamic()
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var editorLargeGutterPuddingBaseStyles = exports.editorLargeGutterPuddingBaseStyles = (0, _react.css)({

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

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getExtensionStyles = void 0;
+exports.getExtensionStyles = exports.extensionDiffStyles = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -394,4 +396,9 @@ var getExtensionStyles = exports.getExtensionStyles = function getExtensionStyle
 
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
   return (0, _react.css)(baseExtensionStyles, denseExtensionStyles);
-};
+};
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var extensionDiffStyles = exports.extensionDiffStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".show-diff-changed-decoration-node > span > .extension-container", {
+  boxShadow: "0 0 0 1px var(--diff-decoration-marker-color)"
+}));

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

@@ -14,7 +14,7 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)((0, _defineProperty2.default)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': (0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+  '.ProseMirror': (0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
     position: 'relative',
     cursor: 'pointer',
     borderRadius: "var(--ds-radius-small, 3px)",
@@ -86,6 +86,15 @@ var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)((0, _definePrope
       pointerEvents: 'none',
       zIndex: -1
     }
+  })), "&.".concat(_syncBlock.SyncBlockStateCssClassName.disabledClassName), (0, _defineProperty2.default)({
+    backgroundColor: "var(--ds-background-disabled, #17171708)",
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-disabled, #0515240F)"),
+    userSelect: 'none'
+  }, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
+    backgroundColor: "var(--ds-surface, #FFFFFF)",
+    '&::before': {
+      border: 'none'
+    }
   })), "&has(.".concat(_syncBlock.SyncBlockSharedCssClassName.error, ")"), (0, _defineProperty2.default)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
     '&:hover:not(.ak-editor-selected-node)': {

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 = "0.0.0-development";
+var version = exports.version = "215.13.6";

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

@@ -20,7 +20,7 @@ import { getBaseFontSize } from '../../composable-editor/utils/getBaseFontSize';
 import { aiPanelBaseFirefoxStyles, aiPanelBaseStyles, aiPanelDarkFirefoxStyles, aiPanelDarkStyles } from './styles/aiPanel';
 import { annotationStyles } from './styles/annotationStyles';
 import { backgroundColorStyles, textHighlightPaddingStyles } from './styles/backgroundColorStyles';
-import { baseStyles, editorLargeGutterPuddingBaseStyles, editorLargeGutterPuddingBaseStylesEditorControls, editorLargeGutterPuddingReducedBaseStyles } from './styles/baseStyles';
+import { baseStyles, baseStylesMaxContainerWidthFixes, editorLargeGutterPuddingBaseStyles, editorLargeGutterPuddingBaseStylesEditorControls, editorLargeGutterPuddingReducedBaseStyles } from './styles/baseStyles';
 import { blockMarksStyles } from './styles/blockMarksStyles';
 import { blocktypeStyles, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, blocktypeStyles_without_fg_platform_editor_typography_ugc } from './styles/blockTypeStyles';
 import { codeBidiWarningStyles } from './styles/codeBidiWarningStyles';
@@ -33,7 +33,7 @@ import { editorUGCTokensDefault, editorUGCTokensRefreshed } from './styles/edito
 import { embedCardStyles } from './styles/embedCardStyles';
 import { emojiDangerStyles, emojiStyles, scaledEmojiStyles, getDenseEmojiStyles, getScaledDenseEmojiStyles } from './styles/emoji';
 import { expandStyles, getDenseExpandTitleStyles, expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes, expandStylesMixin_fg_platform_visual_refresh_icons, expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes } from './styles/expandStyles';
-import { getExtensionStyles } from './styles/extensionStyles';
+import { getExtensionStyles, extensionDiffStyles } from './styles/extensionStyles';
 import { findReplaceStyles, findReplaceStylesWithCodeblockColorContrastFix, findReplaceStylesNew, findReplaceStylesNewWithCodeblockColorContrastFix } from './styles/findReplaceStyles';
 import { firstBlockNodeStyles } from './styles/firstBlockNodeStyles';
 import { firstFloatingToolbarButtonStyles } from './styles/floatingToolbarStyles';
@@ -146,7 +146,9 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
     ref: ref,
     css: [
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    baseStyles,
+    baseStyles, expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    baseStylesMaxContainerWidthFixes,
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
     fg('platform_editor_controls_increase_full_page_gutter') && editorExperiment('platform_editor_controls', 'variant1') ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -264,6 +266,8 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     getExtensionStyles(contentMode),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    fg('aifc_create_enabled') && extensionDiffStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     expandStyles, expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     getDenseExpandTitleStyles(baseFontSize), fg('platform_editor_nested_dnd_styles_changes') ?

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

@@ -55,6 +55,14 @@ export const baseStyles = css({
   }
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const baseStylesMaxContainerWidthFixes = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    '--ak-editor-max-container-width': 'calc(100cqw - var(--ak-editor--large-gutter-padding)*2)'
+  }
+});
+
 // This is to avoid using akEditorGutterPaddingDynamic()
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const editorLargeGutterPuddingBaseStyles = css({

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

@@ -388,4 +388,12 @@ export const getExtensionStyles = contentMode => {
 
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
   return css(baseExtensionStyles, denseExtensionStyles);
-};
+};
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const extensionDiffStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
+  [`.show-diff-changed-decoration-node > span > .extension-container`]: {
+    boxShadow: `0 0 0 1px var(--diff-decoration-marker-color)`
+  }
+});

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

@@ -1,6 +1,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 import { css } from '@emotion/react';
-import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName } from '@atlaskit/editor-common/sync-block';
+import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/sync-block';
 import { akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const syncBlockStyles = css({
@@ -96,6 +96,20 @@ export const syncBlockStyles = css({
           }
         }
       },
+      /* Node disabled state */
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+      [`&.${SyncBlockStateCssClassName.disabledClassName}`]: {
+        backgroundColor: "var(--ds-background-disabled, #17171708)",
+        boxShadow: `0 0 0 1px ${"var(--ds-border-disabled, #0515240F)"}`,
+        userSelect: 'none',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values,  @atlaskit/ui-styling-standard/no-imported-style-values
+        [`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
+          backgroundColor: "var(--ds-surface, #FFFFFF)",
+          '&::before': {
+            border: 'none'
+          }
+        }
+      },
       /* Error state */
       /* In error state sync block should not have hover styles or show the label */
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "0.0.0-development";
+export const version = "215.13.6";

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

@@ -21,7 +21,7 @@ import { getBaseFontSize } from '../../composable-editor/utils/getBaseFontSize';
 import { aiPanelBaseFirefoxStyles, aiPanelBaseStyles, aiPanelDarkFirefoxStyles, aiPanelDarkStyles } from './styles/aiPanel';
 import { annotationStyles } from './styles/annotationStyles';
 import { backgroundColorStyles, textHighlightPaddingStyles } from './styles/backgroundColorStyles';
-import { baseStyles, editorLargeGutterPuddingBaseStyles, editorLargeGutterPuddingBaseStylesEditorControls, editorLargeGutterPuddingReducedBaseStyles } from './styles/baseStyles';
+import { baseStyles, baseStylesMaxContainerWidthFixes, editorLargeGutterPuddingBaseStyles, editorLargeGutterPuddingBaseStylesEditorControls, editorLargeGutterPuddingReducedBaseStyles } from './styles/baseStyles';
 import { blockMarksStyles } from './styles/blockMarksStyles';
 import { blocktypeStyles, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, blocktypeStyles_without_fg_platform_editor_typography_ugc } from './styles/blockTypeStyles';
 import { codeBidiWarningStyles } from './styles/codeBidiWarningStyles';
@@ -34,7 +34,7 @@ import { editorUGCTokensDefault, editorUGCTokensRefreshed } from './styles/edito
 import { embedCardStyles } from './styles/embedCardStyles';
 import { emojiDangerStyles, emojiStyles, scaledEmojiStyles, getDenseEmojiStyles, getScaledDenseEmojiStyles } from './styles/emoji';
 import { expandStyles, getDenseExpandTitleStyles, expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes, expandStylesMixin_fg_platform_visual_refresh_icons, expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes } from './styles/expandStyles';
-import { getExtensionStyles } from './styles/extensionStyles';
+import { getExtensionStyles, extensionDiffStyles } from './styles/extensionStyles';
 import { findReplaceStyles, findReplaceStylesWithCodeblockColorContrastFix, findReplaceStylesNew, findReplaceStylesNewWithCodeblockColorContrastFix } from './styles/findReplaceStyles';
 import { firstBlockNodeStyles } from './styles/firstBlockNodeStyles';
 import { firstFloatingToolbarButtonStyles } from './styles/floatingToolbarStyles';
@@ -142,7 +142,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     ref: ref,
     css: [
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    baseStyles,
+    baseStyles, expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    baseStylesMaxContainerWidthFixes,
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
     fg('platform_editor_controls_increase_full_page_gutter') && editorExperiment('platform_editor_controls', 'variant1') ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -260,6 +262,8 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     getExtensionStyles(contentMode),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    fg('aifc_create_enabled') && extensionDiffStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     expandStyles, expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     getDenseExpandTitleStyles(baseFontSize), fg('platform_editor_nested_dnd_styles_changes') ?

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

@@ -53,6 +53,14 @@ export var baseStyles = css(_defineProperty({
   }
 }));
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var baseStylesMaxContainerWidthFixes = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    '--ak-editor-max-container-width': 'calc(100cqw - var(--ak-editor--large-gutter-padding)*2)'
+  }
+});
+
 // This is to avoid using akEditorGutterPaddingDynamic()
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var editorLargeGutterPuddingBaseStyles = css({

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

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 import { css } from '@emotion/react';
 import { relativeFontSizeToBase16, akEditorFullPageDenseFontSize } from '@atlaskit/editor-shared-styles';
@@ -388,4 +389,9 @@ export var getExtensionStyles = function getExtensionStyles(contentMode) {
 
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
   return css(baseExtensionStyles, denseExtensionStyles);
-};
+};
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var extensionDiffStyles = css(_defineProperty({}, ".show-diff-changed-decoration-node > span > .extension-container", {
+  boxShadow: "0 0 0 1px var(--diff-decoration-marker-color)"
+}));

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

@@ -1,12 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 import { css } from '@emotion/react';
-import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName } from '@atlaskit/editor-common/sync-block';
+import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/sync-block';
 import { akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var syncBlockStyles = css(_defineProperty({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': _defineProperty({}, ".".concat(SyncBlockSharedCssClassName.prefix, ", .").concat(BodiedSyncBlockSharedCssClassName.prefix), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  '.ProseMirror': _defineProperty({}, ".".concat(SyncBlockSharedCssClassName.prefix, ", .").concat(BodiedSyncBlockSharedCssClassName.prefix), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     position: 'relative',
     cursor: 'pointer',
     borderRadius: "var(--ds-radius-small, 3px)",
@@ -78,6 +78,15 @@ export var syncBlockStyles = css(_defineProperty({
       pointerEvents: 'none',
       zIndex: -1
     }
+  })), "&.".concat(SyncBlockStateCssClassName.disabledClassName), _defineProperty({
+    backgroundColor: "var(--ds-background-disabled, #17171708)",
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-disabled, #0515240F)"),
+    userSelect: 'none'
+  }, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
+    backgroundColor: "var(--ds-surface, #FFFFFF)",
+    '&::before': {
+      border: 'none'
+    }
   })), "&has(.".concat(SyncBlockSharedCssClassName.error, ")"), _defineProperty({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
     '&:hover:not(.ak-editor-selected-node)': {

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "0.0.0-development";
+export var version = "215.13.6";

package/dist/types/create-editor/create-universal-preset.d.ts

@@ -56,8 +56,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
         copySyncedBlockReferenceToClipboard: () => import("@atlaskit/editor-common/types").EditorCommand;
         insertSyncedBlock: () => import("@atlaskit/editor-common/types").EditorCommand;
     };
-    dependencies: [import("@atlaskit/editor-plugins/selection").SelectionPlugin, import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin, import("@atlaskit/editor-plugins/decorations").DecorationsPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/toolbar").ToolbarPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
+    dependencies: [import("@atlaskit/editor-plugins/selection").SelectionPlugin, import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin, import("@atlaskit/editor-plugins/decorations").DecorationsPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/toolbar").ToolbarPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/connectivity").ConnectivityPlugin>];
     pluginConfiguration: import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined;
+    sharedState: import("packages/editor/editor-plugin-synced-block/dist/types/types").SyncedBlockSharedState | undefined;
 }, import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"status", {
     actions: import("@atlaskit/editor-plugins/status").StatusPluginActions;
     commands: import("@atlaskit/editor-plugins/status").StatusPluginCommands;

package/dist/types/presets/universal.d.ts

@@ -127,8 +127,9 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         copySyncedBlockReferenceToClipboard: () => import("@atlaskit/editor-common/types").EditorCommand;
         insertSyncedBlock: () => import("@atlaskit/editor-common/types").EditorCommand;
     };
-    dependencies: [import("@atlaskit/editor-plugins/selection").SelectionPlugin, import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin, import("@atlaskit/editor-plugins/decorations").DecorationsPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/toolbar").ToolbarPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
+    dependencies: [import("@atlaskit/editor-plugins/selection").SelectionPlugin, import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin, import("@atlaskit/editor-plugins/decorations").DecorationsPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/toolbar").ToolbarPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/connectivity").ConnectivityPlugin>];
     pluginConfiguration: import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined;
+    sharedState: import("packages/editor/editor-plugin-synced-block/dist/types/types").SyncedBlockSharedState | undefined;
 }, import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"status", {
     actions: import("@atlaskit/editor-plugins/status").StatusPluginActions;
     commands: import("@atlaskit/editor-plugins/status").StatusPluginCommands;

package/dist/types/presets/useUniversalPreset.d.ts

@@ -56,8 +56,9 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
         copySyncedBlockReferenceToClipboard: () => import("@atlaskit/editor-common/types").EditorCommand;
         insertSyncedBlock: () => import("@atlaskit/editor-common/types").EditorCommand;
     };
-    dependencies: [import("@atlaskit/editor-plugins/selection").SelectionPlugin, import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin, import("@atlaskit/editor-plugins/decorations").DecorationsPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/toolbar").ToolbarPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
+    dependencies: [import("@atlaskit/editor-plugins/selection").SelectionPlugin, import("@atlaskit/editor-plugins/floating-toolbar").FloatingToolbarPlugin, import("@atlaskit/editor-plugins/decorations").DecorationsPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/toolbar").ToolbarPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/connectivity").ConnectivityPlugin>];
     pluginConfiguration: import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined;
+    sharedState: import("packages/editor/editor-plugin-synced-block/dist/types/types").SyncedBlockSharedState | undefined;
 }, import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"status", {
     actions: import("@atlaskit/editor-plugins/status").StatusPluginActions;
     commands: import("@atlaskit/editor-plugins/status").StatusPluginCommands;

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

@@ -1,5 +1,6 @@
 import { type SerializedStyles } from '@emotion/react';
 export declare const baseStyles: SerializedStyles;
+export declare const baseStylesMaxContainerWidthFixes: SerializedStyles;
 export declare const editorLargeGutterPuddingBaseStyles: SerializedStyles;
 export declare const editorLargeGutterPuddingBaseStylesEditorControls: SerializedStyles;
 export declare const editorLargeGutterPuddingReducedBaseStyles: SerializedStyles;

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

@@ -5,3 +5,4 @@ import type { EditorContentMode } from '@atlaskit/editor-common/types';
  * @returns Complete SerializedStyles including base styles and any feature-gated styles
  */
 export declare const getExtensionStyles: (contentMode?: EditorContentMode) => SerializedStyles;
+export declare const extensionDiffStyles: SerializedStyles;

package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts

@@ -161,9 +161,11 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>,
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/toolbar").ToolbarPlugin>,
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>,
-            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>
+            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>,
+            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/connectivity").ConnectivityPlugin>
         ];
         pluginConfiguration: import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined;
+        sharedState: import("packages/editor/editor-plugin-synced-block/dist/types/types").SyncedBlockSharedState | undefined;
     }, import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined> | undefined,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"status", {
         actions: import("@atlaskit/editor-plugins/status").StatusPluginActions;

package/dist/types-ts4.5/presets/universal.d.ts

@@ -232,9 +232,11 @@ export default function createUniversalPresetInternal({ appearance, props, featu
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>,
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/toolbar").ToolbarPlugin>,
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>,
-            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>
+            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>,
+            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/connectivity").ConnectivityPlugin>
         ];
         pluginConfiguration: import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined;
+        sharedState: import("packages/editor/editor-plugin-synced-block/dist/types/types").SyncedBlockSharedState | undefined;
     }, import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined> | undefined,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"status", {
         actions: import("@atlaskit/editor-plugins/status").StatusPluginActions;

package/dist/types-ts4.5/presets/useUniversalPreset.d.ts

@@ -161,9 +161,11 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>,
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/toolbar").ToolbarPlugin>,
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-menu").BlockMenuPlugin>,
-            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>
+            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>,
+            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/connectivity").ConnectivityPlugin>
         ];
         pluginConfiguration: import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined;
+        sharedState: import("packages/editor/editor-plugin-synced-block/dist/types/types").SyncedBlockSharedState | undefined;
     }, import("@atlaskit/editor-plugins/synced-block").SyncedBlockPluginOptions | undefined> | undefined,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"status", {
         actions: import("@atlaskit/editor-plugins/status").StatusPluginActions;

package/dist/types-ts4.5/ui/EditorContentContainer/styles/baseStyles.d.ts

@@ -1,5 +1,6 @@
 import { type SerializedStyles } from '@emotion/react';
 export declare const baseStyles: SerializedStyles;
+export declare const baseStylesMaxContainerWidthFixes: SerializedStyles;
 export declare const editorLargeGutterPuddingBaseStyles: SerializedStyles;
 export declare const editorLargeGutterPuddingBaseStylesEditorControls: SerializedStyles;
 export declare const editorLargeGutterPuddingReducedBaseStyles: SerializedStyles;

package/dist/types-ts4.5/ui/EditorContentContainer/styles/extensionStyles.d.ts

@@ -5,3 +5,4 @@ import type { EditorContentMode } from '@atlaskit/editor-common/types';
  * @returns Complete SerializedStyles including base styles and any feature-gated styles
  */
 export declare const getExtensionStyles: (contentMode?: EditorContentMode) => SerializedStyles;
+export declare const extensionDiffStyles: SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "215.13.4",
+	"version": "215.13.7",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,7 +39,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/activity-provider": "^2.5.0",
-		"@atlaskit/adf-schema": "^51.3.2",
+		"@atlaskit/adf-schema": "^51.4.0",
 		"@atlaskit/afm-i18n-platform-editor-editor-core": "2.10.0",
 		"@atlaskit/analytics-namespaced-context": "^7.2.0",
 		"@atlaskit/analytics-next": "^11.1.0",
@@ -52,21 +52,21 @@
 		"@atlaskit/editor-plugin-user-preferences": "^4.0.0",
 		"@atlaskit/editor-plugins": "^11.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/editor-shared-styles": "^3.9.0",
+		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/editor-toolbar": "^0.17.0",
 		"@atlaskit/editor-toolbar-model": "^0.2.0",
 		"@atlaskit/emoji": "^69.8.0",
 		"@atlaskit/icon": "^29.0.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/media-card": "^79.7.0",
+		"@atlaskit/media-card": "^79.8.0",
 		"@atlaskit/mention": "^24.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
-		"@atlaskit/react-ufo": "^4.14.0",
+		"@atlaskit/react-ufo": "^4.15.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/tmp-editor-statsig": "^13.38.0",
 		"@atlaskit/tokens": "^8.0.0",
-		"@atlaskit/tooltip": "^20.8.0",
+		"@atlaskit/tooltip": "^20.9.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -81,7 +81,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.30.0",
+		"@atlaskit/editor-common": "^110.32.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -105,9 +105,9 @@
 		"@atlaskit/media-test-helpers": "^39.0.0",
 		"@atlaskit/modal-dialog": "^14.7.0",
 		"@atlaskit/primitives": "^16.1.0",
-		"@atlaskit/renderer": "^124.13.0",
+		"@atlaskit/renderer": "^124.15.0",
 		"@atlaskit/section-message": "^8.9.0",
-		"@atlaskit/smart-card": "^43.6.0",
+		"@atlaskit/smart-card": "^43.7.0",
 		"@atlaskit/synchrony-test-helpers": "workspace:^",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlaskit/util-data-test": "^18.3.0",