@atlaskit/editor-core 216.1.1 → 216.1.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-core
 
+## 216.1.2
+
+### Patch Changes
+
+- [`fabf67c3ca239`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fabf67c3ca239) -
+  EDITOR-4191 Use node selection for all nodes selected via drag handle
+- Updated dependencies
+
 ## 216.1.1
 
 ### Patch Changes

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

@@ -200,7 +200,11 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _blockTypeStyles.blocktypeStyles, (0, _expValEquals.expValEquals)('platform_editor_block_menu', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _blockTypeStyles.blockquoteSelectedNodeStyles, (0, _expVal.expVal)('platform_editor_blockquote_zero_padding', 'isEnabled', false) ?
+    _blockTypeStyles.blockquoteSelectedNodeStyles, (0, _expValEquals.expValEquals)('platform_editor_block_menu', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _blockTypeStyles.listSelectedNodeStyles, (0, _expValEquals.expValEquals)('platform_editor_block_menu', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _blockTypeStyles.textSelectedNodeStyles, (0, _expVal.expVal)('platform_editor_blockquote_zero_padding', 'isEnabled', false) ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _blockTypeStyles.blockquoteZeroPadding : null,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.blocktypeStyles_without_fg_platform_editor_typography_ugc = exports.blocktypeStyles_fg_platform_editor_typography_ugc = exports.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes = exports.blocktypeStyles = exports.blockquoteZeroPadding = exports.blockquoteSelectedNodeStyles = exports.blockquoteDangerStyles = void 0;
+exports.textSelectedNodeStyles = exports.listSelectedNodeStyles = exports.blocktypeStyles_without_fg_platform_editor_typography_ugc = exports.blocktypeStyles_fg_platform_editor_typography_ugc = exports.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes = exports.blocktypeStyles = exports.blockquoteZeroPadding = exports.blockquoteSelectedNodeStyles = exports.blockquoteDangerStyles = 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
 
@@ -128,24 +130,18 @@ var blockquoteDangerStyles = exports.blockquoteDangerStyles = (0, _react.css)({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var blockquoteSelectedNodeStyles = exports.blockquoteSelectedNodeStyles = (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
-    '& blockquote': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.ak-editor-selected-node': {
-        background: "var(--ds-blanket-selected, #388BFF14)",
-        borderLeftColor: "var(--ds-border-selected, #1868DB)",
-        WebkitUserSelect: 'text',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-        '&::selection, *::selection': {
-          backgroundColor: 'transparent'
-        },
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-        '&::-moz-selection, *::-moz-selection': {
-          backgroundColor: 'transparent'
-        }
-      }
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror blockquote.ak-editor-selected-node': {
+    background: "var(--ds-background-accent-blue-subtler, #CFE1FD)",
+    borderLeftColor: "var(--ds-border-selected, #1868DB)",
+    WebkitUserSelect: 'text',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+    '&::selection, *::selection': {
+      backgroundColor: 'transparent'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+    '&::-moz-selection, *::-moz-selection': {
+      backgroundColor: 'transparent'
     }
   }
 });
@@ -337,4 +333,45 @@ var blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes = exports.block
   '.ak-editor-content-area .ak-editor-content-area .ProseMirror blockquote': {
     paddingLeft: "var(--ds-space-200, 16px)"
   }
-});
+});
+
+// This class applies when the node is selected directly or is included in the selected range
+var isSelectedNode = '.ak-editor-selected-node';
+var isOuterMostSelectedNode = "".concat(isSelectedNode, ":not(").concat(isSelectedNode, " *)");
+
+// This class applies when there is a node selection on this node directly
+var isOnlySelectedNode = '.ProseMirror-selectednode';
+var isOuterMostOnlySelectedNode = "".concat(isOnlySelectedNode, ":not(").concat(isOnlySelectedNode, " *)");
+var isList = ':is(ul, ol, div[data-node-type="actionList"])';
+var isOuterMostList = "".concat(isList, ":not(").concat(isList, " *)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var listSelectedNodeStyles = exports.listSelectedNodeStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".ProseMirror ".concat(isOuterMostList).concat(isOuterMostSelectedNode), {
+  background: "var(--ds-background-accent-blue-subtler, #CFE1FD)",
+  WebkitUserSelect: 'text',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+  '&::selection, *::selection': {
+    backgroundColor: 'transparent'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+  '&::-moz-selection, *::-moz-selection': {
+    backgroundColor: 'transparent'
+  }
+}));
+var isText = ":is(p, h1, h2, h3, h4, h5, h6)";
+var isRootText = "".concat(isText, ":not(").concat(isList, " ").concat(isText, ")");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var textSelectedNodeStyles = exports.textSelectedNodeStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".ProseMirror ".concat(isRootText).concat(isOuterMostOnlySelectedNode), {
+  background: "var(--ds-background-accent-blue-subtler, #CFE1FD)",
+  WebkitUserSelect: 'text',
+  boxShadow: "0 -4px 0 ".concat("var(--ds-background-accent-blue-subtler, #CFE1FD)", ", 0 4px 0 ", "var(--ds-background-accent-blue-subtler, #CFE1FD)"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+  '&::selection, *::selection': {
+    backgroundColor: 'transparent'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+  '&::-moz-selection, *::-moz-selection': {
+    backgroundColor: '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 = "0.0.0-development";
+var version = exports.version = "216.1.1";

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

@@ -22,7 +22,7 @@ import { annotationStyles } from './styles/annotationStyles';
 import { backgroundColorStyles, textHighlightPaddingStyles } from './styles/backgroundColorStyles';
 import { baseStyles, baseStylesMaxContainerWidthFixes, editorLargeGutterPuddingBaseStyles, editorLargeGutterPuddingBaseStylesEditorControls, editorLargeGutterPuddingReducedBaseStyles } from './styles/baseStyles';
 import { blockMarksStyles } from './styles/blockMarksStyles';
-import { blockquoteSelectedNodeStyles, blockquoteDangerStyles, blocktypeStyles, blockquoteZeroPadding, 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 { blockquoteDangerStyles, blockquoteSelectedNodeStyles, blockquoteZeroPadding, blocktypeStyles, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, blocktypeStyles_without_fg_platform_editor_typography_ugc, listSelectedNodeStyles, textSelectedNodeStyles } from './styles/blockTypeStyles';
 import { codeBidiWarningStyles } from './styles/codeBidiWarningStyles';
 import { codeBgColorStyles, codeBlockStyles, codeBlockStylesWithEmUnits, firstCodeBlockWithNoMargin, firstCodeBlockWithNoMarginOld } from './styles/codeBlockStyles';
 import { codeMarkStyles } from './styles/codeMarkStyles';
@@ -59,7 +59,7 @@ import { shadowStyles } from './styles/shadowStyles';
 import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, smartCardDiffStyles, 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, tableContainerOverflowY, tableContainerStyles, tableLayoutFixes, tableEmptyRowStyles } from './styles/tableStyles';
+import { tableCommentEditorStyles, tableContainerOverflowY, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes } from './styles/tableStyles';
 import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
 import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
 import { textColorStyles } from './styles/textColorStyles';
@@ -196,7 +196,11 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     blocktypeStyles, expValEquals('platform_editor_block_menu', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    blockquoteSelectedNodeStyles, expVal('platform_editor_blockquote_zero_padding', 'isEnabled', false) ?
+    blockquoteSelectedNodeStyles, expValEquals('platform_editor_block_menu', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    listSelectedNodeStyles, expValEquals('platform_editor_block_menu', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    textSelectedNodeStyles, expVal('platform_editor_blockquote_zero_padding', 'isEnabled', false) ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     blockquoteZeroPadding : null,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -121,24 +121,18 @@ export const blockquoteDangerStyles = css({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const blockquoteSelectedNodeStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '& blockquote': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.ak-editor-selected-node': {
-        background: "var(--ds-blanket-selected, #388BFF14)",
-        borderLeftColor: "var(--ds-border-selected, #1868DB)",
-        WebkitUserSelect: 'text',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-        '&::selection, *::selection': {
-          backgroundColor: 'transparent'
-        },
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-        '&::-moz-selection, *::-moz-selection': {
-          backgroundColor: 'transparent'
-        }
-      }
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror blockquote.ak-editor-selected-node': {
+    background: "var(--ds-background-accent-blue-subtler, #CFE1FD)",
+    borderLeftColor: "var(--ds-border-selected, #1868DB)",
+    WebkitUserSelect: 'text',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+    '&::selection, *::selection': {
+      backgroundColor: 'transparent'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+    '&::-moz-selection, *::-moz-selection': {
+      backgroundColor: 'transparent'
     }
   }
 });
@@ -330,4 +324,52 @@ export const blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes = css(
   '.ak-editor-content-area .ak-editor-content-area .ProseMirror blockquote': {
     paddingLeft: "var(--ds-space-200, 16px)"
   }
+});
+
+// This class applies when the node is selected directly or is included in the selected range
+const isSelectedNode = '.ak-editor-selected-node';
+const isOuterMostSelectedNode = `${isSelectedNode}:not(${isSelectedNode} *)`;
+
+// This class applies when there is a node selection on this node directly
+const isOnlySelectedNode = '.ProseMirror-selectednode';
+const isOuterMostOnlySelectedNode = `${isOnlySelectedNode}:not(${isOnlySelectedNode} *)`;
+const isList = ':is(ul, ol, div[data-node-type="actionList"])';
+const isOuterMostList = `${isList}:not(${isList} *)`;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const listSelectedNodeStyles = css({
+  // only apply selected styles to the outermost list to avoid nested selection styles for lists within lists
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
+  [`.ProseMirror ${isOuterMostList}${isOuterMostSelectedNode}`]: {
+    background: "var(--ds-background-accent-blue-subtler, #CFE1FD)",
+    WebkitUserSelect: 'text',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+    '&::selection, *::selection': {
+      backgroundColor: 'transparent'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+    '&::-moz-selection, *::-moz-selection': {
+      backgroundColor: 'transparent'
+    }
+  }
+});
+const isText = `:is(p, h1, h2, h3, h4, h5, h6)`;
+const isRootText = `${isText}:not(${isList} ${isText})`;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const textSelectedNodeStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
+  [`.ProseMirror ${isRootText}${isOuterMostOnlySelectedNode}`]: {
+    background: "var(--ds-background-accent-blue-subtler, #CFE1FD)",
+    WebkitUserSelect: 'text',
+    boxShadow: `0 -4px 0 ${"var(--ds-background-accent-blue-subtler, #CFE1FD)"}, 0 4px 0 ${"var(--ds-background-accent-blue-subtler, #CFE1FD)"}`,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+    '&::selection, *::selection': {
+      backgroundColor: 'transparent'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+    '&::-moz-selection, *::-moz-selection': {
+      backgroundColor: 'transparent'
+    }
+  }
 });

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 = "216.1.1";

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

@@ -23,7 +23,7 @@ import { annotationStyles } from './styles/annotationStyles';
 import { backgroundColorStyles, textHighlightPaddingStyles } from './styles/backgroundColorStyles';
 import { baseStyles, baseStylesMaxContainerWidthFixes, editorLargeGutterPuddingBaseStyles, editorLargeGutterPuddingBaseStylesEditorControls, editorLargeGutterPuddingReducedBaseStyles } from './styles/baseStyles';
 import { blockMarksStyles } from './styles/blockMarksStyles';
-import { blockquoteSelectedNodeStyles, blockquoteDangerStyles, blocktypeStyles, blockquoteZeroPadding, 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 { blockquoteDangerStyles, blockquoteSelectedNodeStyles, blockquoteZeroPadding, blocktypeStyles, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, blocktypeStyles_without_fg_platform_editor_typography_ugc, listSelectedNodeStyles, textSelectedNodeStyles } from './styles/blockTypeStyles';
 import { codeBidiWarningStyles } from './styles/codeBidiWarningStyles';
 import { codeBgColorStyles, codeBlockStyles, codeBlockStylesWithEmUnits, firstCodeBlockWithNoMargin, firstCodeBlockWithNoMarginOld } from './styles/codeBlockStyles';
 import { codeMarkStyles } from './styles/codeMarkStyles';
@@ -60,7 +60,7 @@ import { shadowStyles } from './styles/shadowStyles';
 import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, smartCardDiffStyles, 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, tableContainerOverflowY, tableContainerStyles, tableLayoutFixes, tableEmptyRowStyles } from './styles/tableStyles';
+import { tableCommentEditorStyles, tableContainerOverflowY, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes } from './styles/tableStyles';
 import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
 import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
 import { textColorStyles } from './styles/textColorStyles';
@@ -192,7 +192,11 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     blocktypeStyles, expValEquals('platform_editor_block_menu', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    blockquoteSelectedNodeStyles, expVal('platform_editor_blockquote_zero_padding', 'isEnabled', false) ?
+    blockquoteSelectedNodeStyles, expValEquals('platform_editor_block_menu', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    listSelectedNodeStyles, expValEquals('platform_editor_block_menu', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    textSelectedNodeStyles, expVal('platform_editor_blockquote_zero_padding', 'isEnabled', false) ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     blockquoteZeroPadding : null,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/esm/ui/EditorContentContainer/styles/blockTypeStyles.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';
 // This style is needed to avoid Confluence's batch.css overrides that expand blockquote with extra padding after SSR.
@@ -121,24 +122,18 @@ export var blockquoteDangerStyles = css({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var blockquoteSelectedNodeStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '& blockquote': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.ak-editor-selected-node': {
-        background: "var(--ds-blanket-selected, #388BFF14)",
-        borderLeftColor: "var(--ds-border-selected, #1868DB)",
-        WebkitUserSelect: 'text',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-        '&::selection, *::selection': {
-          backgroundColor: 'transparent'
-        },
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-        '&::-moz-selection, *::-moz-selection': {
-          backgroundColor: 'transparent'
-        }
-      }
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror blockquote.ak-editor-selected-node': {
+    background: "var(--ds-background-accent-blue-subtler, #CFE1FD)",
+    borderLeftColor: "var(--ds-border-selected, #1868DB)",
+    WebkitUserSelect: 'text',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+    '&::selection, *::selection': {
+      backgroundColor: 'transparent'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+    '&::-moz-selection, *::-moz-selection': {
+      backgroundColor: 'transparent'
     }
   }
 });
@@ -330,4 +325,45 @@ export var blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes = css({
   '.ak-editor-content-area .ak-editor-content-area .ProseMirror blockquote': {
     paddingLeft: "var(--ds-space-200, 16px)"
   }
-});
+});
+
+// This class applies when the node is selected directly or is included in the selected range
+var isSelectedNode = '.ak-editor-selected-node';
+var isOuterMostSelectedNode = "".concat(isSelectedNode, ":not(").concat(isSelectedNode, " *)");
+
+// This class applies when there is a node selection on this node directly
+var isOnlySelectedNode = '.ProseMirror-selectednode';
+var isOuterMostOnlySelectedNode = "".concat(isOnlySelectedNode, ":not(").concat(isOnlySelectedNode, " *)");
+var isList = ':is(ul, ol, div[data-node-type="actionList"])';
+var isOuterMostList = "".concat(isList, ":not(").concat(isList, " *)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var listSelectedNodeStyles = css(_defineProperty({}, ".ProseMirror ".concat(isOuterMostList).concat(isOuterMostSelectedNode), {
+  background: "var(--ds-background-accent-blue-subtler, #CFE1FD)",
+  WebkitUserSelect: 'text',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+  '&::selection, *::selection': {
+    backgroundColor: 'transparent'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+  '&::-moz-selection, *::-moz-selection': {
+    backgroundColor: 'transparent'
+  }
+}));
+var isText = ":is(p, h1, h2, h3, h4, h5, h6)";
+var isRootText = "".concat(isText, ":not(").concat(isList, " ").concat(isText, ")");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var textSelectedNodeStyles = css(_defineProperty({}, ".ProseMirror ".concat(isRootText).concat(isOuterMostOnlySelectedNode), {
+  background: "var(--ds-background-accent-blue-subtler, #CFE1FD)",
+  WebkitUserSelect: 'text',
+  boxShadow: "0 -4px 0 ".concat("var(--ds-background-accent-blue-subtler, #CFE1FD)", ", 0 4px 0 ", "var(--ds-background-accent-blue-subtler, #CFE1FD)"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+  '&::selection, *::selection': {
+    backgroundColor: 'transparent'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+  '&::-moz-selection, *::-moz-selection': {
+    backgroundColor: 'transparent'
+  }
+}));

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 = "216.1.1";

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

@@ -6,3 +6,5 @@ export declare const blockquoteSelectedNodeStyles: SerializedStyles;
 export declare const blocktypeStyles_fg_platform_editor_typography_ugc: SerializedStyles;
 export declare const blocktypeStyles_without_fg_platform_editor_typography_ugc: SerializedStyles;
 export declare const blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes: SerializedStyles;
+export declare const listSelectedNodeStyles: SerializedStyles;
+export declare const textSelectedNodeStyles: SerializedStyles;

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

@@ -6,3 +6,5 @@ export declare const blockquoteSelectedNodeStyles: SerializedStyles;
 export declare const blocktypeStyles_fg_platform_editor_typography_ugc: SerializedStyles;
 export declare const blocktypeStyles_without_fg_platform_editor_typography_ugc: SerializedStyles;
 export declare const blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes: SerializedStyles;
+export declare const listSelectedNodeStyles: SerializedStyles;
+export declare const textSelectedNodeStyles: SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "216.1.1",
+	"version": "216.1.2",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"