@atlaskit/editor-core 208.7.0 → 208.7.2

package/dist/esm/ui/ContentStyles/tasks-and-decisions.js

@@ -1,22 +1,33 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
-import { akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var taskDecisionStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t[data-decision-wrapper] {\n\t\tcursor: pointer;\n\t}\n\n\t.", " > [data-decision-wrapper],\n\tol[data-node-type='decisionList'].", " {\n\t\tborder-radius: 4px;\n\t\t", "\n\t}\n\n\t.danger {\n\t\t.", ".", " > div {\n\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t", ";\n\t\t\tbackground-color: ", ";\n\t\t\t&::after {\n\t\t\t\tcontent: none; /* reset the Blanket selection style */\n\t\t\t}\n\t\t}\n\t}\n"])), akEditorSelectedNodeClassName, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket]), TaskDecisionSharedCssClassName.DECISION_CONTAINER, akEditorSelectedNodeClassName, akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-blanket-danger, ".concat(akEditorDeleteBackgroundWithOpacity, ")"));
-
-// Combine this with taskDecisionStyles (above) when cleaning up the platform_editor_vanilla_dom experiment.
+import { getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var vanillaTaskDecisionStyles = css({
+export var taskDecisionStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ak-editor-selected-node > [data-decision-wrapper], ol[data-node-type="decisionList"].ak-editor-selected-node':
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+  [{
+    borderRadius: '4px'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+  getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket])],
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"]': {
+  '.danger decisionItemView-content-wrap.ak-editor-selected-node > div': {
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
+    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
+    '&::after': {
+      content: 'none' // reset the Blanket selection style
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="decisionItem"]': {
     listStyleType: 'none'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper]': {
+  '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper]': {
+    cursor: 'pointer',
     display: 'flex',
     flexDirection: 'row',
     margin: "var(--ds-space-100, 8px)".concat(" 0 0 0"),
@@ -27,7 +38,7 @@ export var vanillaTaskDecisionStyles = css({
     position: 'relative'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"]': {
+  '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"]': {
     flex: '0 0 16px',
     height: '16px',
     width: '16px',
@@ -38,25 +49,25 @@ export var vanillaTaskDecisionStyles = css({
     justifyContent: 'center'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"]:not(:has([data-empty]):not(:has([data-type-ahead]))) > [data-decision-wrapper] > [data-component="icon"]': {
+  '[data-prosemirror-node-name="decisionItem"]:not(:has([data-empty]):not(:has([data-type-ahead]))) > [data-decision-wrapper] > [data-component="icon"]': {
     color: "var(--ds-icon-success, #22A06B)"
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span': {
+  '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span': {
     display: 'inline-block',
     flexShrink: 0,
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography -- Mirroring icon styles
     lineHeight: 1
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg': {
+  '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg': {
     overflow: 'hidden',
     pointerEvents: 'none',
     color: 'currentColor',
     verticalAlign: 'bottom'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="placeholder"]': {
+  '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="placeholder"]': {
     margin: "0 0 0 calc(".concat("var(--ds-space-100, 8px)", " * 3.5)"),
     position: 'absolute',
     color: "var(--ds-text-subtlest, #626F86)",
@@ -67,11 +78,11 @@ export var vanillaTaskDecisionStyles = css({
     maxWidth: 'calc(100% - 50px)'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"]:not(:has([data-empty]):not(:has([data-type-ahead]))) > [data-decision-wrapper] > [data-component="placeholder"]': {
+  '[data-prosemirror-node-name="decisionItem"]:not(:has([data-empty]):not(:has([data-type-ahead]))) > [data-decision-wrapper] > [data-component="placeholder"]': {
     display: 'none'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="content"]': {
+  '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="content"]': {
     margin: 0,
     wordWrap: 'break-word',
     minWidth: 0,
@@ -80,13 +91,13 @@ export var vanillaTaskDecisionStyles = css({
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
-export var vanillaTaskDecisionIconWithVisualRefresh = css({
+export var taskDecisionIconWithVisualRefresh = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span >  svg[data-icon-source="legacy"]': {
+  '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span >  svg[data-icon-source="legacy"]': {
     display: 'none'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span': {
+  '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span': {
     boxSizing: 'border-box',
     paddingInlineEnd: 'var(--ds--button--new-icon-padding-end, 0)',
     paddingInlineStart: 'var(--ds--button--new-icon-padding-start, 0)',
@@ -96,20 +107,20 @@ export var vanillaTaskDecisionIconWithVisualRefresh = css({
     }
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg': {
+  '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg': {
     width: "var(--ds-space-300, 24px)",
     height: "var(--ds-space-300, 24px)"
   }
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
-export var vanillaTaskDecisionIconWithoutVisualRefresh = css({
+export var taskDecisionIconWithoutVisualRefresh = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span >  svg[data-icon-source="refreshed"]': {
+  '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span >  svg[data-icon-source="refreshed"]': {
     display: 'none'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span': {
+  '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span': {
     width: '32px',
     height: '32px',
     '@media screen and (forced-colors: active)': {
@@ -119,7 +130,7 @@ export var vanillaTaskDecisionIconWithoutVisualRefresh = css({
     }
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg': {
+  '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg': {
     maxWidth: '100%',
     maxHeight: '100%',
     fill: "var(--ds-surface, #FFFFFF)",
@@ -129,19 +140,19 @@ export var vanillaTaskDecisionIconWithoutVisualRefresh = css({
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
-export var vanillaTaskItemStyles = css(_defineProperty({
+export var taskItemStyles = css(_defineProperty({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="taskItem"]': {
+  '[data-prosemirror-node-name="taskItem"]': {
     listStyle: 'none'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="taskItem"] [data-component="task-item-main"]': {
+  '[data-prosemirror-node-name="taskItem"] [data-component="task-item-main"]': {
     display: 'flex',
     flexDirection: 'row',
     position: 'relative'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="taskItem"] [data-component="placeholder"]': {
+  '[data-prosemirror-node-name="taskItem"] [data-component="placeholder"]': {
     position: 'absolute',
     color: "var(--ds-text-subtlest, #626F86)",
     margin: "0 0 0 calc(".concat("var(--ds-space-100, 8px)", " * 3)"),
@@ -153,11 +164,11 @@ export var vanillaTaskItemStyles = css(_defineProperty({
     display: 'none'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  "[data-prosemirror-node-view-type='vanilla'][data-prosemirror-node-name='taskItem']:has([data-empty]):not(:has([data-type-ahead])) [data-component='placeholder']": {
+  "[data-prosemirror-node-name='taskItem']:has([data-empty]):not(:has([data-type-ahead])) [data-component='placeholder']": {
     display: 'block'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="taskItem"] [data-component="content"]': {
+  '[data-prosemirror-node-name="taskItem"] [data-component="content"]': {
     margin: 0,
     wordWrap: 'break-word',
     minWidth: 0,
@@ -165,7 +176,7 @@ export var vanillaTaskItemStyles = css(_defineProperty({
   },
   // copied styles from packages/design-system/icon/src/components/icon-new.tsx
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"]': {
+  '[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"]': {
     display: 'inline-block',
     boxSizing: 'border-box',
     flexShrink: 0,
@@ -175,7 +186,7 @@ export var vanillaTaskItemStyles = css(_defineProperty({
     paddingInlineStart: 'var(--ds--button--new-icon-padding-start, 0)'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"] svg': {
+  '[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"] svg': {
     overflow: 'hidden',
     pointerEvents: 'none',
     color: 'currentColor',
@@ -184,22 +195,22 @@ export var vanillaTaskItemStyles = css(_defineProperty({
     height: "var(--ds-space-200, 16px)"
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-checked-icon]': {
+  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-checked-icon]': {
     display: 'none'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-unchecked-icon]': {
+  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-unchecked-icon]': {
     display: 'inline'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-checked-icon]': {
+  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-checked-icon]': {
     display: 'inline'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-unchecked-icon]': {
+  '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-unchecked-icon]': {
     display: 'none'
   }
-}, "[data-prosemirror-node-view-type=\"vanilla\"][data-prosemirror-node-name=\"taskItem\"] .".concat(TaskDecisionSharedCssClassName.TASK_CHECKBOX_CONTAINER), {
+}, "[data-prosemirror-node-name=\"taskItem\"] .".concat(TaskDecisionSharedCssClassName.TASK_CHECKBOX_CONTAINER), {
   flex: '0 0 24px',
   width: '24px',
   height: '24px',

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

@@ -28,7 +28,7 @@ import { cursorStyles } from './styles/cursorStyles';
 import { dateStyles, dateVanillaStyles } from './styles/dateStyles';
 import { editorUGCTokensDefault, editorUGCTokensRefreshed } from './styles/editorUGCTokenStyles';
 import { embedCardStyles } from './styles/embedCardStyles';
-import { reactEmojiStyles, vanillaEmojiStyles } from './styles/emoji';
+import { emojiStyles } from './styles/emoji';
 import { expandStyles, expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes, expandStylesMixin_fg_platform_visual_refresh_icons, expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes } from './styles/expandStyles';
 import { extensionStyles } from './styles/extensionStyles';
 import { findReplaceStyles, findReplaceStylesNewMagenta, findReplaceStylesNewYellow } from './styles/findReplaceStyles';
@@ -56,7 +56,7 @@ import { shadowStyles } from './styles/shadowStyles';
 import { linkingVisualRefreshV1Styles, smartCardStyles, smartLinksInLivePagesStyles, smartLinksInLivePagesStylesOld } from './styles/smartCardStyles';
 import { statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh } from './styles/statusStyles';
 import { tableCommentEditorStyles, tableLayoutFixes } from './styles/tableStyles';
-import { decisionStyles, tasksAndDecisionsStyles, vanillaDecisionIconWithVisualRefresh, vanillaDecisionIconWithoutVisualRefresh, vanillaDecisionStyles, vanillaTaskItemStyles } from './styles/tasksAndDecisionsStyles';
+import { decisionStyles, tasksAndDecisionsStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, taskItemStyles } from './styles/tasksAndDecisionsStyles';
 import { telepointerColorAndCommonStyle, telepointerStyle, telepointerStyleWithInitialOnly } from './styles/telepointerStyles';
 import { textColorStyles } from './styles/textColorStyles';
 import { textHighlightStyle } from './styles/textHighlightStyles';
@@ -193,19 +193,11 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     decisionStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    vanillaTaskItemStyles, editorExperiment('platform_editor_vanilla_dom', true, {
-      exposure: false
-    }) &&
+    taskItemStyles, fg('platform-visual-refresh-icons') &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    vanillaDecisionStyles, editorExperiment('platform_editor_vanilla_dom', true, {
-      exposure: false
-    }) && fg('platform-visual-refresh-icons') &&
+    decisionIconWithVisualRefresh, !fg('platform-visual-refresh-icons') &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    vanillaDecisionIconWithVisualRefresh, editorExperiment('platform_editor_vanilla_dom', true, {
-      exposure: false
-    }) && !fg('platform-visual-refresh-icons') &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    vanillaDecisionIconWithoutVisualRefresh,
+    decisionIconWithoutVisualRefresh,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     statusStyles, fg('platform-component-visual-refresh') ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -311,13 +303,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     mentionsSelectionStyles, fg('platform_editor_centre_mention_padding') &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    mentionsStylesMixin_platform_editor_centre_mention_padding, editorExperiment('platform_editor_vanilla_dom', true, {
-      exposure: false
-    }) ?
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    vanillaEmojiStyles :
+    mentionsStylesMixin_platform_editor_centre_mention_padding,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    reactEmojiStyles,
+    emojiStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     panelViewStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -4,50 +4,28 @@ import { css } from '@emotion/react';
 import { defaultEmojiHeight, EmojiSharedCssClassName } from '@atlaskit/editor-common/emoji';
 import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 import { blanketSelectionStyles, boxShadowSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
-var reactEmojiSelectionStyles = css({
+var emojiSelectionStyles = css({
   borderRadius: '2px'
 });
 
+// Emoji styles from Emoji vanilla node view
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
-export var reactEmojiStyles = css(_defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_CONTAINER), _defineProperty(_defineProperty({
+export var emojiStyles = css(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_CONTAINER), {
   display: 'inline-block'
-}, ".".concat(EmojiSharedCssClassName.EMOJI_NODE), _defineProperty({
-  cursor: 'pointer'
-}, "&.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, " > span"), {
-  /** needed for selection style to cover custom emoji image properly */
-  display: 'flex'
-})), "&.".concat(akEditorSelectedNodeClassName), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE), [
+}), ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE), {
+  background: 'no-repeat transparent',
+  display: 'inline-block',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  height: "".concat(defaultEmojiHeight, "px"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  maxHeight: "".concat(defaultEmojiHeight, "px"),
+  cursor: 'pointer',
+  verticalAlign: 'middle',
+  userSelect: 'all'
+}), ".".concat(akEditorSelectedNodeClassName), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE), [emojiSelectionStyles,
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
 blanketSelectionStyles,
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
 boxShadowSelectionStyles,
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-hideNativeBrowserTextSelectionStyles, reactEmojiSelectionStyles]))));
-var vanillaEmojiSelectionStyles = css({
-  borderRadius: '2px'
-});
-
-// Emoji styles from Emoji vanilla node view
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
-export var vanillaEmojiStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"]': _defineProperty(_defineProperty(_defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_CONTAINER), {
-    display: 'inline-block'
-  }), ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE), {
-    background: 'no-repeat transparent',
-    display: 'inline-block',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    height: "".concat(defaultEmojiHeight, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    maxHeight: "".concat(defaultEmojiHeight, "px"),
-    cursor: 'pointer',
-    verticalAlign: 'middle',
-    userSelect: 'all'
-  }), "&.".concat(akEditorSelectedNodeClassName), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE), [vanillaEmojiSelectionStyles,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-  blanketSelectionStyles,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-  boxShadowSelectionStyles,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-  hideNativeBrowserTextSelectionStyles]))
-});
+hideNativeBrowserTextSelectionStyles])));