@atlaskit/editor-core 213.5.3 → 213.5.5

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-core
 
+## 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
+
+- [`407e1dc11eeed`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/407e1dc11eeed) -
+  Minor changes to border radius values.
+- Updated dependencies
+
 ## 213.5.3
 
 ### Patch Changes

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

@@ -59,7 +59,7 @@ var mentionNodeStyles = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.editor-mention-primitive': {
     display: 'inline',
-    borderRadius: '20px',
+    borderRadius: "var(--ds-radius-full, 9999px)",
     cursor: 'pointer',
     padding: '0 0.3em 2px 0.23em',
     // To match `packages/elements/mention/src/components/Mention/PrimitiveMention.tsx` implementation

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/mentions.js

@@ -40,7 +40,7 @@ var mentionNodeStyles = exports.mentionNodeStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.editor-mention-primitive': {
     display: 'inline',
-    borderRadius: '20px',
+    borderRadius: "var(--ds-radius-full, 9999px)",
     cursor: 'pointer',
     padding: '0 0.3em 2px 0.23em',
     // To match `packages/elements/mention/src/components/Mention/PrimitiveMention.tsx` implementation

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

@@ -18,6 +18,7 @@ var ruleStyles = exports.ruleStyles = (0, _react.css)((0, _defineProperty2.defau
     backgroundColor: "var(--ds-border, #091E4224)",
     height: '2px',
     borderRadius: '1px',
+    // this should use token('radius.full') but cannot since the element has padding which increases its height beyond 2px
     cursor: 'pointer',
     padding: "var(--ds-space-050, 4px)".concat(" 0"),
     margin: "var(--ds-space-300, 24px)".concat(" 0"),

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/ui/EditorContentContainer/styles/telepointerStyles.js

@@ -172,7 +172,7 @@ var telepointerStyle = exports.telepointerStyle = (0, _react.css)({
         font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
         paddingLeft: "var(--ds-space-050, 4px)",
         paddingRight: "var(--ds-space-050, 4px)",
-        borderRadius: '0 2px 2px 0'
+        borderRadius: "0 ".concat("var(--ds-radius-xsmall, 2px)", " ", "var(--ds-radius-xsmall, 2px)", " 0")
       },
       '.telepointer-initial': {
         opacity: 1,

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

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

@@ -69,7 +69,7 @@ const mentionNodeStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.editor-mention-primitive': {
     display: 'inline',
-    borderRadius: '20px',
+    borderRadius: "var(--ds-radius-full, 9999px)",
     cursor: 'pointer',
     padding: '0 0.3em 2px 0.23em',
     // To match `packages/elements/mention/src/components/Mention/PrimitiveMention.tsx` implementation

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/mentions.js

@@ -46,7 +46,7 @@ export const mentionNodeStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.editor-mention-primitive': {
     display: 'inline',
-    borderRadius: '20px',
+    borderRadius: "var(--ds-radius-full, 9999px)",
     cursor: 'pointer',
     padding: '0 0.3em 2px 0.23em',
     // To match `packages/elements/mention/src/components/Mention/PrimitiveMention.tsx` implementation

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

@@ -9,6 +9,7 @@ export const ruleStyles = css({
     backgroundColor: "var(--ds-border, #091E4224)",
     height: '2px',
     borderRadius: '1px',
+    // this should use token('radius.full') but cannot since the element has padding which increases its height beyond 2px
     cursor: 'pointer',
     padding: `${"var(--ds-space-050, 4px)"} 0`,
     margin: `${"var(--ds-space-300, 24px)"} 0`,

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/ui/EditorContentContainer/styles/telepointerStyles.js

@@ -165,7 +165,7 @@ export const telepointerStyle = css({
         font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
         paddingLeft: "var(--ds-space-050, 4px)",
         paddingRight: "var(--ds-space-050, 4px)",
-        borderRadius: '0 2px 2px 0'
+        borderRadius: `0 ${"var(--ds-radius-xsmall, 2px)"} ${"var(--ds-radius-xsmall, 2px)"} 0`
       },
       '.telepointer-initial': {
         opacity: 1,

package/dist/es2019/version-wrapper.js

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

package/dist/esm/ui/ContentStyles/index.js

@@ -53,7 +53,7 @@ var mentionNodeStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.editor-mention-primitive': {
     display: 'inline',
-    borderRadius: '20px',
+    borderRadius: "var(--ds-radius-full, 9999px)",
     cursor: 'pointer',
     padding: '0 0.3em 2px 0.23em',
     // To match `packages/elements/mention/src/components/Mention/PrimitiveMention.tsx` implementation

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/mentions.js

@@ -33,7 +33,7 @@ export var mentionNodeStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.editor-mention-primitive': {
     display: 'inline',
-    borderRadius: '20px',
+    borderRadius: "var(--ds-radius-full, 9999px)",
     cursor: 'pointer',
     padding: '0 0.3em 2px 0.23em',
     // To match `packages/elements/mention/src/components/Mention/PrimitiveMention.tsx` implementation

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

@@ -10,6 +10,7 @@ export var ruleStyles = css(_defineProperty({
     backgroundColor: "var(--ds-border, #091E4224)",
     height: '2px',
     borderRadius: '1px',
+    // this should use token('radius.full') but cannot since the element has padding which increases its height beyond 2px
     cursor: 'pointer',
     padding: "var(--ds-space-050, 4px)".concat(" 0"),
     margin: "var(--ds-space-300, 24px)".concat(" 0"),

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/ui/EditorContentContainer/styles/telepointerStyles.js

@@ -165,7 +165,7 @@ export var telepointerStyle = css({
         font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
         paddingLeft: "var(--ds-space-050, 4px)",
         paddingRight: "var(--ds-space-050, 4px)",
-        borderRadius: '0 2px 2px 0'
+        borderRadius: "0 ".concat("var(--ds-radius-xsmall, 2px)", " ", "var(--ds-radius-xsmall, 2px)", " 0")
       },
       '.telepointer-initial': {
         opacity: 1,

package/dist/esm/version-wrapper.js

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

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.3",
+	"version": "213.5.5",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -50,21 +50,21 @@
 		"@atlaskit/editor-performance-metrics": "^2.1.0",
 		"@atlaskit/editor-plugin-quick-insert": "^5.0.0",
 		"@atlaskit/editor-plugin-user-preferences": "^3.0.0",
-		"@atlaskit/editor-plugins": "^10.5.0",
+		"@atlaskit/editor-plugins": "^10.6.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@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.28.0",
+		"@atlaskit/tmp-editor-statsig": "^12.29.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -81,7 +81,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^109.12.0",
+		"@atlaskit/editor-common": "^109.14.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -107,10 +107,10 @@
 		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/renderer": "^123.4.0",
 		"@atlaskit/section-message": "^8.7.0",
-		"@atlaskit/smart-card": "^42.1.0",
+		"@atlaskit/smart-card": "^42.2.0",
 		"@atlaskit/synchrony-test-helpers": "workspace:^",
 		"@atlaskit/toggle": "^15.1.0",
-		"@atlaskit/util-data-test": "^18.2.0",
+		"@atlaskit/util-data-test": "^18.3.0",
 		"@atlassian/adf-schema-json": "^1.31.0",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
 		"@atlassian/search-provider": "^6.0.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