@atlaskit/editor-core 213.5.4 → 213.5.6

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-core
 
+## 213.5.6
+
+### Patch Changes
+
+- [`fba5acd7818c3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fba5acd7818c3) -
+  ED-29392: fix scroll gutter hydration issue
+- Updated dependencies
+
+## 213.5.5
+
+### Patch Changes
+
+- [`bd24a3afbfb65`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bd24a3afbfb65) -
+  Updated look and feel of the Synced Block Editor
+- Updated dependencies
+
 ## 213.5.4
 
 ### Patch Changes

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

@@ -20,6 +20,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 var _ClickAreaBlock = _interopRequireDefault(require("../../Addon/ClickAreaBlock"));
 var _contentComponentWrapper = require("../../Addon/ClickAreaBlock/contentComponentWrapper");
 var _ContextPanel = require("../../ContextPanel");
@@ -240,6 +241,10 @@ var tableFullPageEditorStylesNew = (0, _react2.css)({
     width: '100%'
   }
 });
+var scrollGutter = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  display: 'none'
+});
 var editorContentAreaContainerNestedDndStyle = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.fabric-editor--full-width-mode': {
@@ -435,7 +440,11 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     containerElement: scrollContainerRef.current,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
     wrapperElement: props.wrapperElement
-  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? (0, _contentComponentWrapper.contentComponentClickWrapper)(props.customContentComponents.after) : null))))), (0, _react2.jsx)("div", {
+  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? (0, _contentComponentWrapper.contentComponentClickWrapper)(props.customContentComponents.after) : null, (0, _expVal.expVal)('platform_editor_hydratable_ui', 'isEnabled', false) && (0, _react2.jsx)("div", {
+    id: "editor-scroll-gutter",
+    css: scrollGutter,
+    "data-vc": "scroll-gutter"
+  })))))), (0, _react2.jsx)("div", {
     css: _StyledComponents.sidebarArea
   }, props.contextPanel || (0, _react2.jsx)(_ContextPanel.ContextPanel, {
     editorAPI: props.editorAPI,

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

@@ -56,6 +56,7 @@ var _selectionToolbarStyles = require("./styles/selectionToolbarStyles");
 var _shadowStyles = require("./styles/shadowStyles");
 var _smartCardStyles = require("./styles/smartCardStyles");
 var _statusStyles = require("./styles/statusStyles");
+var _syncBlockStyles = require("./styles/syncBlockStyles");
 var _tableStyles = require("./styles/tableStyles");
 var _tasksAndDecisionsStyles = require("./styles/tasksAndDecisionsStyles");
 var _telepointerStyles = require("./styles/telepointerStyles");
@@ -262,7 +263,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _resizerStyles.resizerStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _layout.layoutBaseStyles,
+    _layout.layoutBaseStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_synced_block', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _syncBlockStyles.syncBlockStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     (0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutBaseStylesAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.syncBlockStyles = void 0;
+var _react = require("@emotion/react");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var syncBlockStyles = exports.syncBlockStyles = (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
+    '.ak-editor-sync-block': {
+      cursor: 'pointer',
+      /* Danger when top level node */
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&.danger': {
+        boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+        backgroundColor: "var(--ds-background-danger, #FFECEB)".concat(" !important"),
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.ak-editor-panel__icon': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+          color: "var(--ds-icon-danger, #C9372C)".concat(" !important")
+        }
+      },
+      // borderRadius: token('radius.small', '3px'),
+      marginTop: "var(--ds-space-150, 12px)",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      marginRight: "-".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px"),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      marginLeft: "-".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px"),
+      marginBottom: 0,
+      paddingTop: 0,
+      paddingBottom: 0,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      paddingRight: "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)() - 32, "px"),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      paddingLeft: "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)() - 32, "px"),
+      color: 'inherit',
+      '&:hover': {
+        // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+        boxShadow: "0px 0px 0px 1px ".concat("var(--ds-background-accent-purple-subtle, #9F8FEF)")
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.ak-editor-sync-block__editor': {
+        cursor: 'text'
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.ak-editor-sync-block__renderer': {
+        padding: '0 32px'
+      }
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ak-editor-sync-block.ak-editor-selected-node:not(.danger)': {
+    boxShadow: "0 0 0 1px ".concat("var(--ds-background-accent-purple-bolder, #6E5DC6)"),
+    borderColor: 'transparent'
+  }
+});

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 = "213.5.3";
+var version = exports.version = "213.5.5";

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

@@ -17,6 +17,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
 import ClickAreaBlock from '../../Addon/ClickAreaBlock';
@@ -225,6 +226,10 @@ const tableFullPageEditorStylesNew = css({
     width: '100%'
   }
 });
+const scrollGutter = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  display: 'none'
+});
 const editorContentAreaContainerNestedDndStyle = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.fabric-editor--full-width-mode': {
@@ -423,7 +428,11 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     containerElement: scrollContainerRef.current,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
     wrapperElement: props.wrapperElement
-  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.after) : null))))), jsx("div", {
+  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.after) : null, expVal('platform_editor_hydratable_ui', 'isEnabled', false) && jsx("div", {
+    id: "editor-scroll-gutter",
+    css: scrollGutter,
+    "data-vc": "scroll-gutter"
+  })))))), jsx("div", {
     css: sidebarArea
   }, props.contextPanel || jsx(ContextPanel, {
     editorAPI: props.editorAPI,

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

@@ -57,6 +57,7 @@ import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles
 import { shadowStyles } from './styles/shadowStyles';
 import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
 import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
+import { syncBlockStyles } from './styles/syncBlockStyles';
 import { tableCommentEditorStyles, tableContainerStyles, tableLayoutFixes } from './styles/tableStyles';
 import { decisionStyles, tasksAndDecisionsStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, taskItemStyles, taskItemStylesWithBlockTaskItem, decisionDangerStyles } from './styles/tasksAndDecisionsStyles';
 import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
@@ -257,7 +258,9 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     resizerStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    layoutBaseStyles,
+    layoutBaseStyles, expValEqualsNoExposure('platform_synced_block', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    syncBlockStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     editorExperiment('advanced_layouts', true) && layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -0,0 +1,56 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+import { css } from '@emotion/react';
+import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const syncBlockStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ak-editor-sync-block': {
+      cursor: 'pointer',
+      /* Danger when top level node */
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&.danger': {
+        boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+        backgroundColor: `${"var(--ds-background-danger, #FFECEB)"} !important`,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.ak-editor-panel__icon': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+          color: `${"var(--ds-icon-danger, #C9372C)"} !important`
+        }
+      },
+      // borderRadius: token('radius.small', '3px'),
+      marginTop: "var(--ds-space-150, 12px)",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      marginRight: `-${akEditorGutterPaddingDynamic()}px`,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      marginLeft: `-${akEditorGutterPaddingDynamic()}px`,
+      marginBottom: 0,
+      paddingTop: 0,
+      paddingBottom: 0,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      paddingRight: `${akEditorGutterPaddingDynamic() - 32}px`,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      paddingLeft: `${akEditorGutterPaddingDynamic() - 32}px`,
+      color: 'inherit',
+      '&:hover': {
+        // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+        boxShadow: `0px 0px 0px 1px ${"var(--ds-background-accent-purple-subtle, #9F8FEF)"}`
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.ak-editor-sync-block__editor': {
+        cursor: 'text'
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.ak-editor-sync-block__renderer': {
+        padding: '0 32px'
+      }
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ak-editor-sync-block.ak-editor-selected-node:not(.danger)': {
+    boxShadow: `0 0 0 1px ${"var(--ds-background-accent-purple-bolder, #6E5DC6)"}`,
+    borderColor: 'transparent'
+  }
+});

package/dist/es2019/version-wrapper.js

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

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

@@ -19,6 +19,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
 import ClickAreaBlock from '../../Addon/ClickAreaBlock';
@@ -230,6 +231,10 @@ var tableFullPageEditorStylesNew = css({
     width: '100%'
   }
 });
+var scrollGutter = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  display: 'none'
+});
 var editorContentAreaContainerNestedDndStyle = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.fabric-editor--full-width-mode': {
@@ -425,7 +430,11 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
     containerElement: scrollContainerRef.current,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
     wrapperElement: props.wrapperElement
-  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.after) : null))))), jsx("div", {
+  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.after) : null, expVal('platform_editor_hydratable_ui', 'isEnabled', false) && jsx("div", {
+    id: "editor-scroll-gutter",
+    css: scrollGutter,
+    "data-vc": "scroll-gutter"
+  })))))), jsx("div", {
     css: sidebarArea
   }, props.contextPanel || jsx(ContextPanel, {
     editorAPI: props.editorAPI,

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

@@ -57,6 +57,7 @@ import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles
 import { shadowStyles } from './styles/shadowStyles';
 import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
 import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
+import { syncBlockStyles } from './styles/syncBlockStyles';
 import { tableCommentEditorStyles, tableContainerStyles, tableLayoutFixes } from './styles/tableStyles';
 import { decisionStyles, tasksAndDecisionsStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, taskItemStyles, taskItemStylesWithBlockTaskItem, decisionDangerStyles } from './styles/tasksAndDecisionsStyles';
 import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
@@ -254,7 +255,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     resizerStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    layoutBaseStyles,
+    layoutBaseStyles, expValEqualsNoExposure('platform_synced_block', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    syncBlockStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     editorExperiment('advanced_layouts', true) && layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -0,0 +1,56 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+import { css } from '@emotion/react';
+import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var syncBlockStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ak-editor-sync-block': {
+      cursor: 'pointer',
+      /* Danger when top level node */
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&.danger': {
+        boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+        backgroundColor: "var(--ds-background-danger, #FFECEB)".concat(" !important"),
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.ak-editor-panel__icon': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+          color: "var(--ds-icon-danger, #C9372C)".concat(" !important")
+        }
+      },
+      // borderRadius: token('radius.small', '3px'),
+      marginTop: "var(--ds-space-150, 12px)",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      marginRight: "-".concat(akEditorGutterPaddingDynamic(), "px"),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      marginLeft: "-".concat(akEditorGutterPaddingDynamic(), "px"),
+      marginBottom: 0,
+      paddingTop: 0,
+      paddingBottom: 0,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      paddingRight: "".concat(akEditorGutterPaddingDynamic() - 32, "px"),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      paddingLeft: "".concat(akEditorGutterPaddingDynamic() - 32, "px"),
+      color: 'inherit',
+      '&:hover': {
+        // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+        boxShadow: "0px 0px 0px 1px ".concat("var(--ds-background-accent-purple-subtle, #9F8FEF)")
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.ak-editor-sync-block__editor': {
+        cursor: 'text'
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.ak-editor-sync-block__renderer': {
+        padding: '0 32px'
+      }
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ak-editor-sync-block.ak-editor-selected-node:not(.danger)': {
+    boxShadow: "0 0 0 1px ".concat("var(--ds-background-accent-purple-bolder, #6E5DC6)"),
+    borderColor: 'transparent'
+  }
+});

package/dist/esm/version-wrapper.js

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

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

@@ -0,0 +1,2 @@
+import { type SerializedStyles } from '@emotion/react';
+export declare const syncBlockStyles: SerializedStyles;

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

@@ -0,0 +1,2 @@
+import { type SerializedStyles } from '@emotion/react';
+export declare const syncBlockStyles: SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "213.5.4",
+	"version": "213.5.6",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -56,13 +56,13 @@
 		"@atlaskit/editor-toolbar": "^0.9.0",
 		"@atlaskit/editor-toolbar-model": "^0.2.0",
 		"@atlaskit/emoji": "^69.5.0",
-		"@atlaskit/icon": "^28.2.0",
+		"@atlaskit/icon": "^28.3.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/media-card": "^79.5.0",
 		"@atlaskit/mention": "^24.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.3.0",
-		"@atlaskit/react-ufo": "^4.9.0",
+		"@atlaskit/react-ufo": "^4.10.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/tmp-editor-statsig": "^12.29.0",
 		"@atlaskit/tokens": "^6.3.0",
@@ -81,7 +81,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^109.13.0",
+		"@atlaskit/editor-common": "^109.15.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -103,7 +103,7 @@
 		"@atlaskit/media-core": "^37.0.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-test-helpers": "^39.0.0",
-		"@atlaskit/modal-dialog": "^14.3.0",
+		"@atlaskit/modal-dialog": "^14.4.0",
 		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/renderer": "^123.4.0",
 		"@atlaskit/section-message": "^8.7.0",
@@ -301,10 +301,6 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
-		"disable-sticky-scrollbar-for-nested-tables": {
-			"type": "boolean",
-			"referenceOnly": true
-		},
 		"platform_editor_elements_dnd_multi_select_patch_1": {
 			"type": "boolean",
 			"referenceOnly": true