@atlaskit/editor-core 207.18.1 → 207.19.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-core
 
+## 207.19.1
+
+### Patch Changes
+
+- [#168476](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/168476)
+  [`f06460f0a1cf5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f06460f0a1cf5) -
+  refactor emotion styles for gap cursor
+
+## 207.19.0
+
+### Minor Changes
+
+- [#167123](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/167123)
+  [`8baa50249f460`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8baa50249f460) -
+  fix: stable class name for EditorView.dom
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 207.18.1
 
 ### Patch Changes

package/dist/cjs/create-editor/ReactEditorView.js

@@ -27,6 +27,7 @@ var _document = require("@atlaskit/editor-common/utils/document");
 var _state2 = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _useProviders = require("../composable-editor/hooks/useProviders");
 var _featureFlagsFromProps = require("../utils/feature-flags-from-props");
@@ -578,7 +579,7 @@ function ReactEditorView(props) {
   var createEditor = (0, _react.useCallback)(function (assistiveLabel, assistiveDescribedBy) {
     return /*#__PURE__*/_react.default.createElement("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      className: (0, _getUAPrefix.getUAPrefix)(),
+      className: ((0, _expValEquals.expValEquals)('platform_editor_stable_editorview_classname', 'isEnabled', true) ? 'ProseMirror ' : '') + (0, _getUAPrefix.getUAPrefix)(),
       key: "ProseMirror",
       ref: handleEditorViewRef,
       "aria-label": assistiveLabel || props.intl.formatMessage(_messages.editorMessages.editorAssistiveLabel)

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

@@ -154,6 +154,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
           _this2.props.customWidth && customPanelWidthStyles, !visible && panelHidden, (0, _platformFeatureFlags.fg)('platform_editor_disable_context_panel_animation') && disablePanelAnimation],
           "data-testid": "context-panel-panel",
           "aria-labelledby": "context-panel-title",
+          "aria-label": "context-panel-panel",
           role: "dialog"
         }, (0, _react2.jsx)("div", {
           "data-testid": "context-panel-content",

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

@@ -9,7 +9,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _browser = require("@atlaskit/editor-common/browser");
-var _selection = require("@atlaskit/editor-common/selection");
 var _styles = require("@atlaskit/editor-common/styles");
 var _commonStyles = require("@atlaskit/editor-plugins/table/ui/common-styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -31,6 +30,7 @@ var _emoji = require("./styles/emoji");
 var _expandStyles = require("./styles/expandStyles");
 var _findReplaceStyles = require("./styles/findReplaceStyles");
 var _firstBlockNodeStyles = require("./styles/firstBlockNodeStyles");
+var _gapCursorStyles = require("./styles/gapCursorStyles");
 var _gridStyles = require("./styles/gridStyles");
 var _indentationStyles = require("./styles/indentationStyles");
 var _inlineNodeViewSharedStyles = require("./styles/inlineNodeViewSharedStyles");
@@ -111,7 +111,7 @@ var contentStyles = function contentStyles() {
   // eslint-disable-next-line @atlaskit/platform/no-preconditioning
   (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') && /* eslint-disable @atlaskit/platform/ensure-feature-flag-prefix */
   !((0, _platformFeatureFlags.fg)('platform-dst-jira-web-fonts') || (0, _platformFeatureFlags.fg)('confluence_typography_refreshed') || (0, _platformFeatureFlags.fg)('atlas_editor_typography_refreshed')) && _editorUGCTokenStyles.editorUGCTokensModernized
-  /* eslint-enable @atlaskit/platform/ensure-feature-flag-prefix */, _blockTypeStyles.blocktypeStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') && _blockTypeStyles.blocktypeStyles_fg_platform_editor_typography_ugc, !(0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') && _blockTypeStyles.blocktypeStyles_without_fg_platform_editor_typography_ugc, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && _blockTypeStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, _codeMarkStyles.codeMarkStyles, _textColorStyles.textColorStyles, _backgroundColorStyles.backgroundColorStyles, _list.listsStyles, _rule.ruleStyles, _mediaStyles.mediaStyles, (0, _platformFeatureFlags.fg)('confluence_team_presence_scroll_to_pointer') ? _telepointerStyles.telepointerStyle : _telepointerStyles.telepointerStyleWithInitialOnly, _telepointerStyles.telepointerColorAndCommonStyle, _selection.gapCursorStyles, _panelStyles.panelStyles, (0, _platformFeatureFlags.fg)('platform_editor_add_border_for_nested_panel') && _panelStyles.panelStylesMixin_fg_platform_editor_add_border_for_nested_panel, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && _panelStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, (0, _platformFeatureFlags.fg)('platform_editor_lcm_nested_panel_icon_fix') && _panelStyles.panelStylesMixin_fg_platform_editor_lcm_nested_panel_icon_fix, !(0, _platformFeatureFlags.fg)('platform_editor_lcm_nested_panel_icon_fix') && _panelStyles.panelStylesMixin_without_fg_platform_editor_lcm_nested_panel_icon_fix, _mentions.mentionsStyles, _tasksAndDecisionsStyles.tasksAndDecisionsStyles, _gridStyles.gridStyles, _blockMarksStyles.blockMarksStyles, _dateStyles.dateStyles, _extension.extensionStyles, _expandStyles.expandStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && _expandStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes, !(0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && _expandStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _expandStyles.expandStylesMixin_fg_platform_visual_refresh_icons, _findReplaceStyles.findReplaceStyles, _textHighlightStyles.textHighlightStyle, _tasksAndDecisionsStyles.decisionStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
+  /* eslint-enable @atlaskit/platform/ensure-feature-flag-prefix */, _blockTypeStyles.blocktypeStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') && _blockTypeStyles.blocktypeStyles_fg_platform_editor_typography_ugc, !(0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') && _blockTypeStyles.blocktypeStyles_without_fg_platform_editor_typography_ugc, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && _blockTypeStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, _codeMarkStyles.codeMarkStyles, _textColorStyles.textColorStyles, _backgroundColorStyles.backgroundColorStyles, _list.listsStyles, _rule.ruleStyles, _mediaStyles.mediaStyles, (0, _platformFeatureFlags.fg)('confluence_team_presence_scroll_to_pointer') ? _telepointerStyles.telepointerStyle : _telepointerStyles.telepointerStyleWithInitialOnly, _telepointerStyles.telepointerColorAndCommonStyle, _gapCursorStyles.gapCursorStyles, _panelStyles.panelStyles, (0, _platformFeatureFlags.fg)('platform_editor_add_border_for_nested_panel') && _panelStyles.panelStylesMixin_fg_platform_editor_add_border_for_nested_panel, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && _panelStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, (0, _platformFeatureFlags.fg)('platform_editor_lcm_nested_panel_icon_fix') && _panelStyles.panelStylesMixin_fg_platform_editor_lcm_nested_panel_icon_fix, !(0, _platformFeatureFlags.fg)('platform_editor_lcm_nested_panel_icon_fix') && _panelStyles.panelStylesMixin_without_fg_platform_editor_lcm_nested_panel_icon_fix, _mentions.mentionsStyles, _tasksAndDecisionsStyles.tasksAndDecisionsStyles, _gridStyles.gridStyles, _blockMarksStyles.blockMarksStyles, _dateStyles.dateStyles, _extension.extensionStyles, _expandStyles.expandStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && _expandStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes, !(0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && _expandStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _expandStyles.expandStylesMixin_fg_platform_visual_refresh_icons, _findReplaceStyles.findReplaceStyles, _textHighlightStyles.textHighlightStyle, _tasksAndDecisionsStyles.decisionStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
     exposure: false
   }) && _tasksAndDecisionsStyles.vanillaTaskItemStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
     exposure: false
@@ -219,7 +219,33 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     ref: ref,
     css: [contentStyles(),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    (0, _layout.layoutBaseStyles)(), (0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages') ?
+    _layout.layoutBaseStyles,
+    // 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
+    _layout.layoutSectionStylesAdvanced :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutSectionStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutColumnStylesAdvanced :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutColumnStylesNotAdvanced,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _experiments.editorExperiment)('advanced_layouts', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutSelectedStylesAdvanced :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutSelectedStylesNotAdvanced,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutColumnResponsiveStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutResponsiveBaseStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutBaseStylesFixesUnderNestedDnDFG, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutColumnMartinTopFixesNew :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutColumnMartinTopFixesOld, (0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages') ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _smartCardStyles.smartLinksInLivePagesStyles :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -251,7 +277,15 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     colorMode === 'dark' && isFirefox && _aiPanel.aiPanelDarkFirefoxStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    viewMode === 'view' && _layout.layoutViewStyles, isComment && commentEditorStyles, isFullPage && fullPageEditorStyles, isFullPage && scrollbarStyles, (0, _platformFeatureFlags.fg)('platform_editor_ssr_fix_lists') && listLayoutShiftFix, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ?
+    viewMode === 'view' && _layout.layoutStylesForView,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', false) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutResponsiveStylesForView, isComment && commentEditorStyles, isFullPage && fullPageEditorStyles, isFullPage && scrollbarStyles, (0, _platformFeatureFlags.fg)('platform_editor_ssr_fix_lists') && listLayoutShiftFix, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _codeBlockStyles.firstCodeBlockWithNoMargin :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hideCaretModifier = exports.gapCursorStyles = 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
+
+var gapCursorBlink = (0, _react.keyframes)({
+  'from, to': {
+    opacity: 0
+  },
+  '50%': {
+    opacity: 1
+  }
+});
+var hideCaretModifier = exports.hideCaretModifier = 'ProseMirror-hide-gapcursor';
+var gapCursorSelector = '.ProseMirror-gapcursor';
+var prosemirrorwidgetNotBlock = '.ProseMirror-widget:not([data-blocks-decoration-container="true"]):not([data-blocks-drag-handle-container="true"]):not([data-blocks-quick-insert-container="true"])';
+var wrapLeft = '[layout="wrap-left"]';
+var wrapRight = '[layout="wrap-right"]';
+var fixVerticalAlignmentSelector = "\n\t&:first-of-type + ul,\n\t&:first-of-type + span + ul,\n\t&:first-of-type + ol,\n\t&:first-of-type + span + ol,\n\t&:first-of-type + pre,\n\t&:first-of-type + span + pre,\n\t&:first-of-type + blockquote,\n\t&:first-of-type + span + blockquote\n";
+var twoImagesSideBySideFixSelector = "\n  ".concat(gapCursorSelector).concat(wrapLeft, " + span + ").concat(wrapLeft, ",\n  ").concat(gapCursorSelector).concat(wrapRight, " + span + ").concat(wrapRight, ",\n  ").concat(gapCursorSelector, " + ").concat(wrapLeft, " + ").concat(wrapRight, ",\n  ").concat(gapCursorSelector, " + ").concat(wrapLeft, " + span + ").concat(wrapRight, ",\n  ").concat(gapCursorSelector, " + ").concat(wrapRight, " + ").concat(wrapLeft, ",\n  ").concat(gapCursorSelector, " + ").concat(wrapRight, " + span + ").concat(wrapLeft, ",\n  ").concat(wrapLeft, " + ").concat(gapCursorSelector, " + ").concat(wrapRight, ",\n  ").concat(wrapLeft, " + ").concat(gapCursorSelector, " + span ").concat(wrapRight, ",\n  ").concat(wrapRight, " + ").concat(gapCursorSelector, " + ").concat(wrapLeft, ",\n  ").concat(wrapRight, " + ").concat(gapCursorSelector, " + span + ").concat(wrapLeft, ",\n  ").concat(wrapLeft, " + ").concat(gapCursorSelector);
+var marginFixSelector = "\n  ".concat(wrapLeft, " + ").concat(gapCursorSelector, " + ").concat(wrapRight, " > div,\n  ").concat(wrapLeft, " + ").concat(gapCursorSelector, " + span + ").concat(wrapRight, " > div,\n  ").concat(wrapRight, " + ").concat(gapCursorSelector, " + ").concat(wrapLeft, " > div,\n  ").concat(wrapRight, " + ").concat(gapCursorSelector, " + span + ").concat(wrapLeft, " > div,\n  ").concat(gapCursorSelector, " + ").concat(wrapRight, " + ").concat(wrapLeft, " > div,\n  ").concat(gapCursorSelector, " + ").concat(wrapRight, " + span + ").concat(wrapLeft, " > div,\n  ").concat(gapCursorSelector, " + ").concat(wrapLeft, " + ").concat(wrapRight, " > div,\n  ").concat(gapCursorSelector, " + ").concat(wrapLeft, " + span + ").concat(wrapRight, " > div");
+var floatLeftFixSelector = "\n  ".concat(wrapLeft, " + ").concat(gapCursorSelector, ",\n  ").concat(wrapRight, " + ").concat(gapCursorSelector);
+var afterPresudoSelector = "\n  ".concat(gapCursorSelector, " + ").concat(wrapLeft, " + span + ").concat(wrapRight, "::after,\n  ").concat(gapCursorSelector, " + ").concat(wrapRight, " + span + ").concat(wrapLeft, "::after,\n  ").concat(wrapLeft, " + ").concat(gapCursorSelector, " + ").concat(wrapRight, "::after,\n  ").concat(wrapLeft, " + ").concat(gapCursorSelector, " + span + ").concat(wrapRight, "::after,\n  ").concat(wrapRight, " + ").concat(gapCursorSelector, " + ").concat(wrapLeft, "::after,\n  ").concat(wrapRight, " + ").concat(gapCursorSelector, " + span + ").concat(wrapLeft, "::after");
+var marginDeepChildrenFixSelector = "\n".concat(wrapLeft, " + ").concat(gapCursorSelector, " + ").concat(wrapRight, " + *,\n  ").concat(wrapLeft, " + ").concat(gapCursorSelector, " + ").concat(wrapRight, " + span + *,\n  ").concat(wrapRight, " + ").concat(gapCursorSelector, " + ").concat(wrapLeft, " + *,\n  ").concat(wrapRight, " + ").concat(gapCursorSelector, " + ").concat(wrapLeft, " + span + *,\n  ").concat(wrapLeft, " + ").concat(gapCursorSelector, " + span + ").concat(wrapRight, " + *,\n  ").concat(wrapRight, " + ").concat(gapCursorSelector, " + span + ").concat(wrapLeft, " + *,\n  ").concat(gapCursorSelector, " + ").concat(wrapLeft, " + span + ").concat(wrapRight, " + *,\n  ").concat(gapCursorSelector, " + ").concat(wrapRight, " + span + ").concat(wrapLeft, " + *,\n  ").concat(wrapLeft, " + ").concat(gapCursorSelector, " + ").concat(wrapRight, " + * > *,\n  ").concat(wrapLeft, " + ").concat(gapCursorSelector, " + ").concat(wrapRight, " + span + * > *,\n  ").concat(wrapRight, " + ").concat(gapCursorSelector, " + ").concat(wrapLeft, " + * > *,\n  ").concat(wrapRight, " + ").concat(gapCursorSelector, " + ").concat(wrapLeft, " + span + * > *,\n  ").concat(wrapLeft, " + ").concat(gapCursorSelector, " + span + ").concat(wrapRight, " + * > *,\n  ").concat(wrapRight, " + ").concat(gapCursorSelector, " + span + ").concat(wrapLeft, " + * > *,\n  ").concat(gapCursorSelector, " + ").concat(wrapLeft, " + span + ").concat(wrapRight, " + * > *,\n  ").concat(gapCursorSelector, " + ").concat(wrapRight, " + span + ").concat(wrapLeft, " + * > *,\n  ").concat(prosemirrorwidgetNotBlock, " + ").concat(gapCursorSelector, " + *,\n  ").concat(prosemirrorwidgetNotBlock, " + ").concat(gapCursorSelector, " + span + *");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var gapCursorStyles = exports.gapCursorStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "&.".concat(hideCaretModifier), {
+    caretColor: 'transparent'
+  }), gapCursorSelector, (0, _defineProperty2.default)((0, _defineProperty2.default)({
+    display: 'none',
+    pointerEvents: 'none',
+    position: 'relative',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& span': {
+      caretColor: 'transparent',
+      position: 'absolute',
+      height: '100%',
+      width: '100%',
+      display: 'block'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& span::after': {
+      animation: "1s ".concat(gapCursorBlink, " step-start infinite"),
+      borderLeft: '1px solid',
+      content: "''",
+      display: 'block',
+      position: 'absolute',
+      top: 0,
+      height: '100%'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.-left span::after': {
+      left: "var(--ds-space-negative-050, -4px)"
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.-right span::after': {
+      right: "var(--ds-space-negative-050, -4px)"
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& span[layout="full-width"], & span[layout="wide"], & span[layout="fixed-width"]': {
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+      marginLeft: '50%',
+      transform: 'translateX(-50%)'
+    }
+  }, "&".concat(wrapRight), {
+    float: 'right'
+  }), fixVerticalAlignmentSelector, {
+    marginTop: 0
+  })), "&.ProseMirror-focused ".concat(gapCursorSelector), {
+    display: 'block',
+    borderColor: 'transparent'
+  })
+}, twoImagesSideBySideFixSelector, {
+  clear: 'none'
+}), marginFixSelector, {
+  marginRight: 0,
+  marginLeft: 0,
+  marginBottom: 0
+}), floatLeftFixSelector, {
+  float: 'left'
+}), afterPresudoSelector, {
+  visibility: 'hidden',
+  display: 'block',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+  fontSize: 0,
+  content: "' '",
+  clear: 'both',
+  height: 0
+}), marginDeepChildrenFixSelector, {
+  marginTop: 0
+}));