@atlaskit/editor-core 216.8.2 → 216.9.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-core
 
+## 216.9.0
+
+### Minor Changes
+
+- [`8f0979d3d26a8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8f0979d3d26a8) -
+  EDITOR-3963 fix nested layout style inside synced block
+
+### Patch Changes
+
+- Updated dependencies
+
+## 216.8.3
+
+### Patch Changes
+
+- [`ab4e4e442ad49`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ab4e4e442ad49) -
+  [ux] [EDITOR-3694] Add loading state to bodiedSyncBlock for when saving new block to BE
+- Updated dependencies
+
 ## 216.8.2
 
 ### Patch Changes

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

@@ -378,13 +378,17 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _layout.layoutSelectedStylesAdvanced :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _layout.layoutSelectedStylesNotAdvanced,
+    _layout.layoutSelectedStylesNotAdvanced, (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_2') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutSelectedStylesAdvancedFix,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     (0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutColumnResponsiveStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    (0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutResponsiveBaseStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') &&
+    (0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutResponsiveBaseStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && ((0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_2') ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _layout.layoutBaseStylesFixesUnderNestedDnDFG, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ?
+    _layout.layoutBaseStylesFixesUnderNestedDnDFG), (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _layout.layoutColumnMartinTopFixesNew :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.layoutStylesForView = exports.layoutSelectedStylesNotAdvanced = exports.layoutSelectedStylesForViewNotAdvanced = exports.layoutSelectedStylesForViewAdvanced = exports.layoutSelectedStylesAdvanced = exports.layoutSectionStylesNotAdvanced = exports.layoutSectionStylesAdvanced = exports.layoutResponsiveStylesForView = exports.layoutResponsiveBaseStyles = exports.layoutColumnStylesNotAdvanced = exports.layoutColumnStylesAdvanced = exports.layoutColumnResponsiveStyles = exports.layoutColumnMartinTopFixesOld = exports.layoutColumnMartinTopFixesNew = exports.layoutBaseStylesWithTableExcerptsFix = exports.layoutBaseStylesFixesUnderNestedDnDFG = exports.layoutBaseStylesAdvanced = exports.layoutBaseStyles = void 0;
+exports.layoutStylesForView = exports.layoutSelectedStylesNotAdvanced = exports.layoutSelectedStylesForViewNotAdvanced = exports.layoutSelectedStylesForViewAdvanced = exports.layoutSelectedStylesAdvancedFix = exports.layoutSelectedStylesAdvanced = exports.layoutSectionStylesNotAdvanced = exports.layoutSectionStylesAdvanced = exports.layoutResponsiveStylesForView = exports.layoutResponsiveBaseStyles = exports.layoutColumnStylesNotAdvanced = exports.layoutColumnStylesAdvanced = exports.layoutColumnResponsiveStyles = exports.layoutColumnMartinTopFixesOld = exports.layoutColumnMartinTopFixesNew = exports.layoutBaseStylesWithTableExcerptsFix = exports.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync = exports.layoutBaseStylesFixesUnderNestedDnDFG = exports.layoutBaseStylesAdvanced = exports.layoutBaseStyles = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _selectionStyles = require("./selectionStyles");
@@ -263,6 +263,26 @@ var layoutSelectedStylesAdvanced = exports.layoutSelectedStylesAdvanced = (0, _r
   }
 });
 
+// Fix for layoutSelectedStylesAdvanced that addresses an issue where the delete indicator
+// sometimes doesn't appear when inside a synced block.
+// Separated as a distinct style to allow feature-gating without affecting module-level styles.
+// This prevents style inconsistencies before the feature flag is initialized.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var layoutSelectedStylesAdvancedFix = exports.layoutSelectedStylesAdvancedFix = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '[data-layout-section], .layoutSectionView-content-wrap': (0, _defineProperty2.default)({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&.selected.danger [data-layout-section]': {
+        boxShadow: "inset 0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
+      }
+    }, "&.".concat(akEditorSelectedNodeClassName, ":not(.danger) [data-layout-section]"), {
+      boxShadow: "inset 0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)")
+    })
+  }
+});
+
 /**
  * Base responsive styles for layout
  */
@@ -465,6 +485,30 @@ var layoutBaseStylesFixesUnderNestedDnDFG = exports.layoutBaseStylesFixesUnderNe
   }
 });
 
+/**
+ * Spacing overrides when platform_editor_nested_dnd_styles_changes is on,
+ * excluding layouts inside bodied sync blocks
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync = exports.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync = (0, _react.css)({
+  // Apply -20px margin to all sections
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror [data-layout-section]': {
+    margin: "var(--ds-space-100, 8px)".concat(" -20px 0")
+  },
+  // Reset to default margin when inside bodied sync block
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror [data-prosemirror-node-name="bodiedSyncBlock"] [data-layout-section]': {
+    margin: "var(--ds-space-100, 8px)".concat(" -12px 0")
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror [data-layout-section] [data-layout-column]': {
+    padding: '12px 20px'
+  }
+});
+
+// platform_synced_block_patch_2
+
 /**
  * Layout in view mode styles for selected state when advanced layouts experiment is on.
  */

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

@@ -12,8 +12,13 @@ var _syncBlock = require("@atlaskit/editor-common/sync-block");
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)((0, _defineProperty2.default)({
+  '@property --angle': {
+    syntax: '"<angle>"',
+    initialValue: '0deg',
+    inherits: 'false'
+  },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)((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)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+  '.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)((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)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
     position: 'relative',
     cursor: 'pointer',
     borderRadius: "var(--ds-radius-small, 3px)",
@@ -78,6 +83,22 @@ var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)((0, _definePrope
     '&::before': {
       border: 'none'
     }
+  })), "&.".concat(_syncBlock.SyncBlockStateCssClassName.creationLoadingClassName), (0, _defineProperty2.default)({
+    animation: "".concat((0, _react.keyframes)({
+      from: {
+        '--angle': '0deg'
+      },
+      to: {
+        '--angle': '360deg'
+      }
+    }), " 2s linear infinite"),
+    border: '1px solid transparent',
+    background: "linear-gradient(".concat("var(--ds-surface, #FFFFFF)", ", ", "var(--ds-surface, #FFFFFF)", ") padding-box, conic-gradient(from var(--angle), #1868DB, ", "var(--ds-background-accent-purple-subtlest-pressed, #E3BDFA)", ", #3279E0, #1868DB) border-box"),
+    backgroundClip: 'padding-box, border-box',
+    boxShadow: 'none',
+    transition: 'boxShadow 200ms ease-in'
+  }, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
+    display: 'none'
   })), ":has(.".concat(_syncBlock.SyncBlockSharedCssClassName.error, ")"), {
     backgroundColor: "var(--ds-background-disabled, #17171708)"
   }), ":has(.".concat(_syncBlock.SyncBlockSharedCssClassName.loading, ")"), (0, _defineProperty2.default)({

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

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

@@ -41,7 +41,7 @@ import { gapCursorStyles } from './styles/gapCursorStyles';
 import { gridStyles } from './styles/gridStyles';
 import { indentationStyles } from './styles/indentationStyles';
 import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
-import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesWithTableExcerptsFix, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView } from './styles/layout';
+import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesWithTableExcerptsFix, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView, layoutSelectedStylesAdvancedFix, layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync } from './styles/layout';
 import { hyperLinkFloatingToolbarStyles, linkStyles } from './styles/link';
 import { diffListStyles, getDenseListStyles, listsStyles, listsStylesMarginLayoutShiftFix, listsStylesSafariFix } from './styles/list';
 import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
@@ -374,13 +374,17 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     layoutSelectedStylesAdvanced :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    layoutSelectedStylesNotAdvanced,
+    layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_2') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutSelectedStylesAdvancedFix,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     editorExperiment('advanced_layouts', true) && layoutColumnResponsiveStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    editorExperiment('advanced_layouts', true) && layoutResponsiveBaseStyles, fg('platform_editor_nested_dnd_styles_changes') &&
+    editorExperiment('advanced_layouts', true) && layoutResponsiveBaseStyles, fg('platform_editor_nested_dnd_styles_changes') && (editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_2') ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    layoutBaseStylesFixesUnderNestedDnDFG, fg('platform_editor_nested_dnd_styles_changes') ?
+    layoutBaseStylesFixesUnderNestedDnDFG), fg('platform_editor_nested_dnd_styles_changes') ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     layoutColumnMartinTopFixesNew :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -271,6 +271,28 @@ export const layoutSelectedStylesAdvanced = css({
   }
 });
 
+// Fix for layoutSelectedStylesAdvanced that addresses an issue where the delete indicator
+// sometimes doesn't appear when inside a synced block.
+// Separated as a distinct style to allow feature-gating without affecting module-level styles.
+// This prevents style inconsistencies before the feature flag is initialized.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const layoutSelectedStylesAdvancedFix = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '[data-layout-section], .layoutSectionView-content-wrap': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&.selected.danger [data-layout-section]': {
+        boxShadow: `inset 0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
+      [`&.${akEditorSelectedNodeClassName}:not(.danger) [data-layout-section]`]: {
+        boxShadow: `inset 0 0 0 1px ${"var(--ds-border-selected, #1868DB)"}`
+      }
+    }
+  }
+});
+
 /**
  * Base responsive styles for layout
  */
@@ -528,6 +550,30 @@ export const layoutBaseStylesFixesUnderNestedDnDFG = css({
   }
 });
 
+/**
+ * Spacing overrides when platform_editor_nested_dnd_styles_changes is on,
+ * excluding layouts inside bodied sync blocks
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync = css({
+  // Apply -20px margin to all sections
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror [data-layout-section]': {
+    margin: `${"var(--ds-space-100, 8px)"} -20px 0`
+  },
+  // Reset to default margin when inside bodied sync block
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror [data-prosemirror-node-name="bodiedSyncBlock"] [data-layout-section]': {
+    margin: `${"var(--ds-space-100, 8px)"} -12px 0`
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror [data-layout-section] [data-layout-column]': {
+    padding: '12px 20px'
+  }
+});
+
+// platform_synced_block_patch_2
+
 /**
  * Layout in view mode styles for selected state when advanced layouts experiment is on.
  */

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

@@ -1,8 +1,13 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
-import { css } from '@emotion/react';
+import { css, keyframes } from '@emotion/react';
 import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/sync-block';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const syncBlockStyles = css({
+  '@property --angle': {
+    syntax: '"<angle>"',
+    initialValue: '0deg',
+    inherits: 'false'
+  },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ProseMirror': {
     // 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
@@ -93,6 +98,27 @@ export const syncBlockStyles = css({
           }
         }
       },
+      /* Creation loading 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.creationLoadingClassName}`]: {
+        animation: `${keyframes({
+          from: {
+            '--angle': '0deg'
+          },
+          to: {
+            '--angle': '360deg'
+          }
+        })} 2s linear infinite`,
+        border: '1px solid transparent',
+        background: `linear-gradient(${"var(--ds-surface, #FFFFFF)"}, ${"var(--ds-surface, #FFFFFF)"}) padding-box, conic-gradient(from var(--angle), #1868DB, ${"var(--ds-background-accent-purple-subtlest-pressed, #E3BDFA)"}, #3279E0, #1868DB) border-box`,
+        backgroundClip: 'padding-box, border-box',
+        boxShadow: 'none',
+        transition: 'boxShadow 200ms ease-in',
+        // 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}`]: {
+          display: 'none'
+        }
+      },
       /* Error state */
       /* In error state sync block should have disabled background colour */
       // 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 = "216.8.1";
+export const version = "0.0.0-development";

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

@@ -42,7 +42,7 @@ import { gapCursorStyles } from './styles/gapCursorStyles';
 import { gridStyles } from './styles/gridStyles';
 import { indentationStyles } from './styles/indentationStyles';
 import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
-import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesWithTableExcerptsFix, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView } from './styles/layout';
+import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesWithTableExcerptsFix, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView, layoutSelectedStylesAdvancedFix, layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync } from './styles/layout';
 import { hyperLinkFloatingToolbarStyles, linkStyles } from './styles/link';
 import { diffListStyles, getDenseListStyles, listsStyles, listsStylesMarginLayoutShiftFix, listsStylesSafariFix } from './styles/list';
 import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
@@ -370,13 +370,17 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     layoutSelectedStylesAdvanced :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    layoutSelectedStylesNotAdvanced,
+    layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_2') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutSelectedStylesAdvancedFix,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     editorExperiment('advanced_layouts', true) && layoutColumnResponsiveStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    editorExperiment('advanced_layouts', true) && layoutResponsiveBaseStyles, fg('platform_editor_nested_dnd_styles_changes') &&
+    editorExperiment('advanced_layouts', true) && layoutResponsiveBaseStyles, fg('platform_editor_nested_dnd_styles_changes') && (editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_2') ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    layoutBaseStylesFixesUnderNestedDnDFG, fg('platform_editor_nested_dnd_styles_changes') ?
+    layoutBaseStylesFixesUnderNestedDnDFG), fg('platform_editor_nested_dnd_styles_changes') ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     layoutColumnMartinTopFixesNew :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -255,6 +255,26 @@ export var layoutSelectedStylesAdvanced = css({
   }
 });
 
+// Fix for layoutSelectedStylesAdvanced that addresses an issue where the delete indicator
+// sometimes doesn't appear when inside a synced block.
+// Separated as a distinct style to allow feature-gating without affecting module-level styles.
+// This prevents style inconsistencies before the feature flag is initialized.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var layoutSelectedStylesAdvancedFix = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '[data-layout-section], .layoutSectionView-content-wrap': _defineProperty({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&.selected.danger [data-layout-section]': {
+        boxShadow: "inset 0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
+      }
+    }, "&.".concat(akEditorSelectedNodeClassName, ":not(.danger) [data-layout-section]"), {
+      boxShadow: "inset 0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)")
+    })
+  }
+});
+
 /**
  * Base responsive styles for layout
  */
@@ -457,6 +477,30 @@ export var layoutBaseStylesFixesUnderNestedDnDFG = css({
   }
 });
 
+/**
+ * Spacing overrides when platform_editor_nested_dnd_styles_changes is on,
+ * excluding layouts inside bodied sync blocks
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync = css({
+  // Apply -20px margin to all sections
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror [data-layout-section]': {
+    margin: "var(--ds-space-100, 8px)".concat(" -20px 0")
+  },
+  // Reset to default margin when inside bodied sync block
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror [data-prosemirror-node-name="bodiedSyncBlock"] [data-layout-section]': {
+    margin: "var(--ds-space-100, 8px)".concat(" -12px 0")
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror [data-layout-section] [data-layout-column]': {
+    padding: '12px 20px'
+  }
+});
+
+// platform_synced_block_patch_2
+
 /**
  * Layout in view mode styles for selected state when advanced layouts experiment is on.
  */

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

@@ -1,11 +1,16 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
-import { css } from '@emotion/react';
+import { css, keyframes } from '@emotion/react';
 import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/sync-block';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var syncBlockStyles = css(_defineProperty({
+  '@property --angle': {
+    syntax: '"<angle>"',
+    initialValue: '0deg',
+    inherits: 'false'
+  },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': _defineProperty(_defineProperty(_defineProperty({}, ".".concat(SyncBlockSharedCssClassName.prefix, ", .").concat(BodiedSyncBlockSharedCssClassName.prefix), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  '.ProseMirror': _defineProperty(_defineProperty(_defineProperty({}, ".".concat(SyncBlockSharedCssClassName.prefix, ", .").concat(BodiedSyncBlockSharedCssClassName.prefix), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     position: 'relative',
     cursor: 'pointer',
     borderRadius: "var(--ds-radius-small, 3px)",
@@ -70,6 +75,22 @@ export var syncBlockStyles = css(_defineProperty({
     '&::before': {
       border: 'none'
     }
+  })), "&.".concat(SyncBlockStateCssClassName.creationLoadingClassName), _defineProperty({
+    animation: "".concat(keyframes({
+      from: {
+        '--angle': '0deg'
+      },
+      to: {
+        '--angle': '360deg'
+      }
+    }), " 2s linear infinite"),
+    border: '1px solid transparent',
+    background: "linear-gradient(".concat("var(--ds-surface, #FFFFFF)", ", ", "var(--ds-surface, #FFFFFF)", ") padding-box, conic-gradient(from var(--angle), #1868DB, ", "var(--ds-background-accent-purple-subtlest-pressed, #E3BDFA)", ", #3279E0, #1868DB) border-box"),
+    backgroundClip: 'padding-box, border-box',
+    boxShadow: 'none',
+    transition: 'boxShadow 200ms ease-in'
+  }, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
+    display: 'none'
   })), ":has(.".concat(SyncBlockSharedCssClassName.error, ")"), {
     backgroundColor: "var(--ds-background-disabled, #17171708)"
   }), ":has(.".concat(SyncBlockSharedCssClassName.loading, ")"), _defineProperty({

package/dist/esm/version-wrapper.js

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

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

@@ -493,6 +493,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
         addQuickInsertItem: (item: import("@atlaskit/editor-common/types").QuickInsertHandler) => import("@atlaskit/editor-common/types").EditorCommand;
         openElementBrowserModal: import("@atlaskit/editor-common/types").EditorCommand;
         removeQuickInsertItem: (key: string) => import("@atlaskit/editor-common/types").EditorCommand;
+        updateQuickInsertItem: (key: string, item: import("@atlaskit/editor-common/types").QuickInsertHandler) => import("@atlaskit/editor-common/types").EditorCommand;
     };
     dependencies: [import("@atlaskit/editor-plugins/type-ahead").TypeAheadPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugin-connectivity").ConnectivityPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/metrics").MetricsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
     pluginConfiguration: import("@atlaskit/editor-plugin-quick-insert").QuickInsertPluginOptions | undefined;

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

@@ -566,6 +566,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         addQuickInsertItem: (item: import("@atlaskit/editor-common/types").QuickInsertHandler) => import("@atlaskit/editor-common/types").EditorCommand;
         openElementBrowserModal: import("@atlaskit/editor-common/types").EditorCommand;
         removeQuickInsertItem: (key: string) => import("@atlaskit/editor-common/types").EditorCommand;
+        updateQuickInsertItem: (key: string, item: import("@atlaskit/editor-common/types").QuickInsertHandler) => import("@atlaskit/editor-common/types").EditorCommand;
     };
     dependencies: [import("@atlaskit/editor-plugins/type-ahead").TypeAheadPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugin-connectivity").ConnectivityPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/metrics").MetricsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
     pluginConfiguration: import("@atlaskit/editor-plugin-quick-insert").QuickInsertPluginOptions | undefined;

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

@@ -493,6 +493,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
         addQuickInsertItem: (item: import("@atlaskit/editor-common/types").QuickInsertHandler) => import("@atlaskit/editor-common/types").EditorCommand;
         openElementBrowserModal: import("@atlaskit/editor-common/types").EditorCommand;
         removeQuickInsertItem: (key: string) => import("@atlaskit/editor-common/types").EditorCommand;
+        updateQuickInsertItem: (key: string, item: import("@atlaskit/editor-common/types").QuickInsertHandler) => import("@atlaskit/editor-common/types").EditorCommand;
     };
     dependencies: [import("@atlaskit/editor-plugins/type-ahead").TypeAheadPlugin, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugin-connectivity").ConnectivityPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/metrics").MetricsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/analytics").AnalyticsPlugin>];
     pluginConfiguration: import("@atlaskit/editor-plugin-quick-insert").QuickInsertPluginOptions | undefined;

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

@@ -27,6 +27,7 @@ export declare const layoutSelectedStylesNotAdvanced: SerializedStyles;
  * Selected styles for layout when advanced layouts experiment is on
  */
 export declare const layoutSelectedStylesAdvanced: SerializedStyles;
+export declare const layoutSelectedStylesAdvancedFix: SerializedStyles;
 /**
  * Base responsive styles for layout
  */
@@ -48,6 +49,11 @@ export declare const layoutBaseStylesAdvanced: SerializedStyles;
  * Spacing overrides when platform_editor_nested_dnd_styles_changes is on
  */
 export declare const layoutBaseStylesFixesUnderNestedDnDFG: SerializedStyles;
+/**
+ * Spacing overrides when platform_editor_nested_dnd_styles_changes is on,
+ * excluding layouts inside bodied sync blocks
+ */
+export declare const layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync: SerializedStyles;
 /**
  * Layout in view mode styles for selected state when advanced layouts experiment is on.
  */

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

@@ -694,6 +694,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
             addQuickInsertItem: (item: import("@atlaskit/editor-common/types").QuickInsertHandler) => import("@atlaskit/editor-common/types").EditorCommand;
             openElementBrowserModal: import("@atlaskit/editor-common/types").EditorCommand;
             removeQuickInsertItem: (key: string) => import("@atlaskit/editor-common/types").EditorCommand;
+            updateQuickInsertItem: (key: string, item: import("@atlaskit/editor-common/types").QuickInsertHandler) => import("@atlaskit/editor-common/types").EditorCommand;
         };
         dependencies: [
             import("@atlaskit/editor-plugins/type-ahead").TypeAheadPlugin,

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

@@ -767,6 +767,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
             addQuickInsertItem: (item: import("@atlaskit/editor-common/types").QuickInsertHandler) => import("@atlaskit/editor-common/types").EditorCommand;
             openElementBrowserModal: import("@atlaskit/editor-common/types").EditorCommand;
             removeQuickInsertItem: (key: string) => import("@atlaskit/editor-common/types").EditorCommand;
+            updateQuickInsertItem: (key: string, item: import("@atlaskit/editor-common/types").QuickInsertHandler) => import("@atlaskit/editor-common/types").EditorCommand;
         };
         dependencies: [
             import("@atlaskit/editor-plugins/type-ahead").TypeAheadPlugin,

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

@@ -694,6 +694,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
             addQuickInsertItem: (item: import("@atlaskit/editor-common/types").QuickInsertHandler) => import("@atlaskit/editor-common/types").EditorCommand;
             openElementBrowserModal: import("@atlaskit/editor-common/types").EditorCommand;
             removeQuickInsertItem: (key: string) => import("@atlaskit/editor-common/types").EditorCommand;
+            updateQuickInsertItem: (key: string, item: import("@atlaskit/editor-common/types").QuickInsertHandler) => import("@atlaskit/editor-common/types").EditorCommand;
         };
         dependencies: [
             import("@atlaskit/editor-plugins/type-ahead").TypeAheadPlugin,

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

@@ -27,6 +27,7 @@ export declare const layoutSelectedStylesNotAdvanced: SerializedStyles;
  * Selected styles for layout when advanced layouts experiment is on
  */
 export declare const layoutSelectedStylesAdvanced: SerializedStyles;
+export declare const layoutSelectedStylesAdvancedFix: SerializedStyles;
 /**
  * Base responsive styles for layout
  */
@@ -48,6 +49,11 @@ export declare const layoutBaseStylesAdvanced: SerializedStyles;
  * Spacing overrides when platform_editor_nested_dnd_styles_changes is on
  */
 export declare const layoutBaseStylesFixesUnderNestedDnDFG: SerializedStyles;
+/**
+ * Spacing overrides when platform_editor_nested_dnd_styles_changes is on,
+ * excluding layouts inside bodied sync blocks
+ */
+export declare const layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync: SerializedStyles;
 /**
  * Layout in view mode styles for selected state when advanced layouts experiment is on.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "216.8.2",
+	"version": "216.9.0",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -49,7 +49,7 @@
 		"@atlaskit/editor-json-transformer": "^8.31.0",
 		"@atlaskit/editor-performance-metrics": "^2.1.0",
 		"@atlaskit/editor-plugin-connectivity": "^7.0.0",
-		"@atlaskit/editor-plugin-quick-insert": "^7.2.0",
+		"@atlaskit/editor-plugin-quick-insert": "^7.3.0",
 		"@atlaskit/editor-plugin-user-preferences": "^5.0.0",
 		"@atlaskit/editor-plugins": "^12.0.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
@@ -343,6 +343,9 @@
 		},
 		"platform_synced_block_patch_1": {
 			"type": "boolean"
+		},
+		"platform_synced_block_patch_2": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {