@atlaskit/editor-core 208.6.6 → 208.7.1

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

@@ -4,14 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.vanillaTaskItemStyles = exports.vanillaDecisionStyles = exports.vanillaDecisionIconWithoutVisualRefresh = exports.vanillaDecisionIconWithVisualRefresh = exports.tasksAndDecisionsStyles = exports.decisionStyles = exports.TaskDecisionSharedCssClassName = void 0;
+exports.tasksAndDecisionsStyles = exports.taskItemStyles = exports.decisionStyles = exports.decisionIconWithoutVisualRefresh = exports.decisionIconWithVisualRefresh = exports.TaskDecisionSharedCssClassName = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _selectionStyles = require("./selectionStyles");
-// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
-
+var _css; // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
 var akEditorLineHeight = 1.714;
-var akEditorSelectedBorderSize = 1;
 var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
 var TaskDecisionSharedCssClassName = exports.TaskDecisionSharedCssClassName = {
   DECISION_CONTAINER: 'decisionItemView-content-wrap',
@@ -19,32 +17,6 @@ var TaskDecisionSharedCssClassName = exports.TaskDecisionSharedCssClassName = {
   TASK_ITEM: 'task-item',
   TASK_CHECKBOX_CONTAINER: 'task-item-checkbox-wrap'
 };
-var decisionSelectionStyles = (0, _react.css)({
-  borderRadius: '4px'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
-var decisionStyles = exports.decisionStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-decision-wrapper]': {
-    cursor: 'pointer'
-  }
-}, ".".concat(akEditorSelectedNodeClassName, " > [data-decision-wrapper], ol[data-node-type='decisionList'].").concat(akEditorSelectedNodeClassName),
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-[decisionSelectionStyles,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-_selectionStyles.boxShadowSelectionStyles,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-_selectionStyles.blanketSelectionStyles,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-_selectionStyles.hideNativeBrowserTextSelectionStyles]), '.danger', (0, _defineProperty2.default)({}, ".".concat(TaskDecisionSharedCssClassName.DECISION_CONTAINER, ".").concat(akEditorSelectedNodeClassName, " > div"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 ".concat(akEditorSelectedBorderSize, "px ", "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-exported-styles -- Ignored via go/DSP-18766
 var tasksAndDecisionsStyles = exports.tasksAndDecisionsStyles = (0, _react.css)({
@@ -101,85 +73,83 @@ var tasksAndDecisionsStyles = exports.tasksAndDecisionsStyles = (0, _react.css)(
   }
 });
 
-// Combine this with taskDecisionStyles (above) when cleaning up the platform_editor_vanilla_dom experiment.
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var vanillaDecisionStyles = exports.vanillaDecisionStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-view-type="vanilla"][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]': {
-    display: 'flex',
-    flexDirection: 'row',
-    margin: "var(--ds-space-100, 8px)".concat(" 0 0 0"),
-    padding: "var(--ds-space-100, 8px)",
-    paddingLeft: "var(--ds-space-150, 12px)",
-    borderRadius: "var(--ds-border-radius-100, 4px)",
-    backgroundColor: "var(--ds-background-neutral, #091E420F)",
-    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"]': {
-    flex: '0 0 16px',
-    height: '16px',
-    width: '16px',
-    margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-150, 12px)", " 0 0"),
-    color: "var(--ds-icon-subtle, #626F86)",
-    display: 'flex',
-    alignItems: 'center',
-    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"]': {
-    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': {
-    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': {
-    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"]': {
-    margin: "0 0 0 calc(".concat("var(--ds-space-100, 8px)", " * 3.5)"),
-    position: 'absolute',
-    color: "var(--ds-text-subtlest, #626F86)",
-    pointerEvents: 'none',
-    textOverflow: 'ellipsis',
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    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"]': {
-    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"]': {
-    margin: 0,
-    wordWrap: 'break-word',
-    minWidth: 0,
-    flex: '1 1 auto'
+var decisionStyles = exports.decisionStyles = (0, _react.css)((_css = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css, ".".concat(akEditorSelectedNodeClassName, " > [data-decision-wrapper], ol[data-node-type='decisionList'].").concat(akEditorSelectedNodeClassName),
+// 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
+_selectionStyles.boxShadowSelectionStyles,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+_selectionStyles.blanketSelectionStyles,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+_selectionStyles.hideNativeBrowserTextSelectionStyles]), '.danger', (0, _defineProperty2.default)({}, ".".concat(TaskDecisionSharedCssClassName.DECISION_CONTAINER, ".").concat(akEditorSelectedNodeClassName, " > div"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+  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
   }
-});
+})), '[data-prosemirror-node-name="decisionItem"]', {
+  listStyleType: 'none'
+}), '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper]', {
+  cursor: 'pointer',
+  display: 'flex',
+  flexDirection: 'row',
+  margin: "var(--ds-space-100, 8px)".concat(" 0 0 0"),
+  padding: "var(--ds-space-100, 8px)",
+  paddingLeft: "var(--ds-space-150, 12px)",
+  borderRadius: "var(--ds-border-radius-100, 4px)",
+  backgroundColor: "var(--ds-background-neutral, #091E420F)",
+  position: 'relative'
+}), '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"]', {
+  flex: '0 0 16px',
+  height: '16px',
+  width: '16px',
+  margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-150, 12px)", " 0 0"),
+  color: "var(--ds-icon-subtle, #626F86)",
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center'
+}), '[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)"
+}), '[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
+}), '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg', {
+  overflow: 'hidden',
+  pointerEvents: 'none',
+  color: 'currentColor',
+  verticalAlign: 'bottom'
+}), '[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)",
+  pointerEvents: 'none',
+  textOverflow: 'ellipsis',
+  overflow: 'hidden',
+  whiteSpace: 'nowrap',
+  maxWidth: 'calc(100% - 50px)'
+}), '[data-prosemirror-node-name="decisionItem"]:not(:has([data-empty]):not(:has([data-type-ahead]))) > [data-decision-wrapper] > [data-component="placeholder"]', {
+  display: 'none'
+}), (0, _defineProperty2.default)(_css, '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="content"]', {
+  margin: 0,
+  wordWrap: 'break-word',
+  minWidth: 0,
+  flex: '1 1 auto'
+})));
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
-var vanillaDecisionIconWithVisualRefresh = exports.vanillaDecisionIconWithVisualRefresh = (0, _react.css)({
+var decisionIconWithVisualRefresh = exports.decisionIconWithVisualRefresh = (0, _react.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)',
@@ -189,20 +159,20 @@ var vanillaDecisionIconWithVisualRefresh = exports.vanillaDecisionIconWithVisual
     }
   },
   // 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
-var vanillaDecisionIconWithoutVisualRefresh = exports.vanillaDecisionIconWithoutVisualRefresh = (0, _react.css)({
+var decisionIconWithoutVisualRefresh = exports.decisionIconWithoutVisualRefresh = (0, _react.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)': {
@@ -212,7 +182,7 @@ var vanillaDecisionIconWithoutVisualRefresh = exports.vanillaDecisionIconWithout
     }
   },
   // 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)",
@@ -222,19 +192,19 @@ var vanillaDecisionIconWithoutVisualRefresh = exports.vanillaDecisionIconWithout
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
-var vanillaTaskItemStyles = exports.vanillaTaskItemStyles = (0, _react.css)((0, _defineProperty2.default)({
+var taskItemStyles = exports.taskItemStyles = (0, _react.css)((0, _defineProperty2.default)({
   // 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)"),
@@ -246,11 +216,11 @@ var vanillaTaskItemStyles = exports.vanillaTaskItemStyles = (0, _react.css)((0,
     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,
@@ -258,7 +228,7 @@ var vanillaTaskItemStyles = exports.vanillaTaskItemStyles = (0, _react.css)((0,
   },
   // 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,
@@ -268,7 +238,7 @@ var vanillaTaskItemStyles = exports.vanillaTaskItemStyles = (0, _react.css)((0,
     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',
@@ -277,22 +247,22 @@ var vanillaTaskItemStyles = exports.vanillaTaskItemStyles = (0, _react.css)((0,
     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/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 = "208.6.5";
+var version = exports.version = "208.7.0";

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

@@ -90,21 +90,20 @@ export const FullPageEditor = props => {
   let toolbarDocking = useSharedPluginStateSelector(editorAPI, 'selectionToolbar.toolbarDocking', {
     disabled: fg('platform_editor_use_preferences_plugin')
   });
-  let toolbarDockingPref = useSharedPluginStateSelector(editorAPI, 'userPreferences.preferences.toolbarDockingPosition', {
+  const {
+    toolbarDockingPosition
+  } = useSharedPluginStateSelector(editorAPI, 'userPreferences.preferences', {
     disabled: !fg('platform_editor_use_preferences_plugin')
-  });
-  if (fg('platform_editor_use_preferences_plugin')) {
-    if (!toolbarDockingPref) {
-      var _editorAPI$userPrefer, _editorAPI$userPrefer2;
-      toolbarDockingPref = editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$userPrefer = editorAPI.userPreferences) === null || _editorAPI$userPrefer === void 0 ? void 0 : (_editorAPI$userPrefer2 = _editorAPI$userPrefer.sharedState.currentState()) === null || _editorAPI$userPrefer2 === void 0 ? void 0 : _editorAPI$userPrefer2.preferences.toolbarDockingPosition;
+  }) || {};
+  if (!fg('platform_editor_use_preferences_plugin')) {
+    if (!toolbarDocking && fg('platform_editor_controls_toolbar_ssr_fix')) {
+      var _editorAPI$selectionT, _editorAPI$selectionT2, _editorAPI$selectionT3;
+      // This is a workaround for the rendering issue with the selection toolbar
+      // where using useSharedPluginStateSelector or useSharedPluginState the state are not
+      // available when the editor is first loaded. and cause the toolbar to blink.
+      const defaultDocking = props.__livePage ? 'none' : 'top';
+      toolbarDocking = (_editorAPI$selectionT = editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$selectionT2 = editorAPI.selectionToolbar) === null || _editorAPI$selectionT2 === void 0 ? void 0 : (_editorAPI$selectionT3 = _editorAPI$selectionT2.sharedState.currentState()) === null || _editorAPI$selectionT3 === void 0 ? void 0 : _editorAPI$selectionT3.toolbarDocking) !== null && _editorAPI$selectionT !== void 0 ? _editorAPI$selectionT : defaultDocking;
     }
-  } else if (!toolbarDocking && fg('platform_editor_controls_toolbar_ssr_fix')) {
-    var _editorAPI$selectionT, _editorAPI$selectionT2, _editorAPI$selectionT3;
-    // This is a workaround for the rendering issue with the selection toolbar
-    // where using useSharedPluginStateSelector or useSharedPluginState the state are not
-    // available when the editor is first loaded. and cause the toolbar to blink.
-    const defaultDocking = props.__livePage ? 'none' : 'top';
-    toolbarDocking = (_editorAPI$selectionT = editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$selectionT2 = editorAPI.selectionToolbar) === null || _editorAPI$selectionT2 === void 0 ? void 0 : (_editorAPI$selectionT3 = _editorAPI$selectionT2.sharedState.currentState()) === null || _editorAPI$selectionT3 === void 0 ? void 0 : _editorAPI$selectionT3.toolbarDocking) !== null && _editorAPI$selectionT !== void 0 ? _editorAPI$selectionT : defaultDocking;
   }
   let primaryToolbarComponents = props.primaryToolbarComponents;
   if (Array.isArray(primaryToolbarState === null || primaryToolbarState === void 0 ? void 0 : primaryToolbarState.components) && Array.isArray(primaryToolbarComponents)) {
@@ -118,8 +117,8 @@ export const FullPageEditor = props => {
     exposure: true
   })) {
     if (fg('platform_editor_use_preferences_plugin')) {
-      // need to check if the toolbarDockingPref is set to 'none' or 'top'
-      if (toolbarDockingPref === 'none') {
+      // need to check if the toolbarDockingPosition is set to 'none' or 'top'
+      if (toolbarDockingPosition === 'none') {
         primaryToolbarComponents = [];
         if (!hasCustomComponents(customPrimaryToolbarComponents)) {
           isEditorToolbarHidden = true;

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

@@ -37,7 +37,7 @@ import { layoutStyles } from './layout';
 import { mediaStyles } from './media';
 import { panelStyles } from './panel';
 import { statusStyles, statusNodeStyles } from './status';
-import { taskDecisionStyles, vanillaTaskDecisionIconWithoutVisualRefresh as vanillaDecisionIconWithoutVisualRefresh, vanillaTaskDecisionIconWithVisualRefresh as vanillaDecisionIconWithVisualRefresh, vanillaTaskDecisionStyles as vanillaDecisionStyles, vanillaTaskItemStyles } from './tasks-and-decisions';
+import { taskDecisionStyles, taskDecisionIconWithoutVisualRefresh as decisionIconWithoutVisualRefresh, taskDecisionIconWithVisualRefresh as decisionIconWithVisualRefresh, taskItemStyles } from './tasks-and-decisions';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const linkStyles = css`
@@ -186,48 +186,25 @@ const listsStyles = css`
 		}
 	}
 `;
-const reactEmojiStyles = css`
+const emojiStyles = css`
 	.${EmojiSharedCssClassName.EMOJI_CONTAINER} {
 		display: inline-block;
+	}
 
-		.${EmojiSharedCssClassName.EMOJI_NODE} {
-			cursor: pointer;
-
-			&.${EmojiSharedCssClassName.EMOJI_IMAGE} > span {
-				/** needed for selection style to cover custom emoji image properly */
-				display: flex;
-			}
-		}
-
-		&.${akEditorSelectedNodeClassName} {
-			.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE} {
-				border-radius: 2px;
-				${getSelectionStyles([SelectionStyle.Blanket, SelectionStyle.BoxShadow])}
-			}
-		}
+	.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE} {
+		background: no-repeat transparent;
+		display: inline-block;
+		height: ${defaultEmojiHeight}px;
+		max-height: ${defaultEmojiHeight}px;
+		cursor: pointer;
+		vertical-align: middle;
+		user-select: all;
 	}
-`;
-const emojiStyles = css`
-	[data-prosemirror-node-view-type='vanilla'] {
-		.${EmojiSharedCssClassName.EMOJI_CONTAINER} {
-			display: inline-block;
-		}
 
+	.${akEditorSelectedNodeClassName} {
 		.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE} {
-			background: no-repeat transparent;
-			display: inline-block;
-			height: ${defaultEmojiHeight}px;
-			max-height: ${defaultEmojiHeight}px;
-			cursor: pointer;
-			vertical-align: middle;
-			user-select: all;
-		}
-
-		&.${akEditorSelectedNodeClassName} {
-			.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE} {
-				border-radius: 2px;
-				${getSelectionStyles([SelectionStyle.Blanket, SelectionStyle.BoxShadow])}
-			}
+			border-radius: 2px;
+			${getSelectionStyles([SelectionStyle.Blanket, SelectionStyle.BoxShadow])}
 		}
 	}
 `;
@@ -428,9 +405,6 @@ const legacyContentStyles = props => css`
 	${editorExperiment('platform_editor_vanilla_dom', true, {
   exposure: false
 }) && vanillaSelectionStyles}
-	${editorExperiment('platform_editor_vanilla_dom', true, {
-  exposure: false
-}) ? emojiStyles : reactEmojiStyles}
   ${emojiStyles}
   ${tasksAndDecisionsStyles}
   ${gridStyles}
@@ -442,17 +416,10 @@ const legacyContentStyles = props => css`
   ${expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? fg('platform_editor_find_and_replace_magenta_match') ? findReplaceStylesNewMagenta : findReplaceStylesNewYellow : findReplaceStyles}
   ${textHighlightStyle}
   ${taskDecisionStyles}
-  ${vanillaTaskItemStyles}
-  ${editorExperiment('platform_editor_vanilla_dom', true, {
-  exposure: false
-}) && vanillaDecisionStyles}
+	${taskItemStyles}
   /* Switch between the two icons based on the visual refresh feature gate */
-  ${editorExperiment('platform_editor_vanilla_dom', true, {
-  exposure: false
-}) && fg('platform-visual-refresh-icons') && vanillaDecisionIconWithVisualRefresh}
-  ${editorExperiment('platform_editor_vanilla_dom', true, {
-  exposure: false
-}) && !fg('platform-visual-refresh-icons') && vanillaDecisionIconWithoutVisualRefresh}
+	${fg('platform-visual-refresh-icons') && decisionIconWithVisualRefresh}
+	${!fg('platform-visual-refresh-icons') && decisionIconWithoutVisualRefresh}
   ${statusStyles}
   ${statusNodeStyles()}
   ${annotationSharedStyles()}