@atlaskit/editor-core 207.19.0 → 207.19.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +38 -4
  3. package/dist/cjs/ui/EditorContentContainer/styles/gapCursorStyles.js +99 -0
  4. package/dist/cjs/ui/EditorContentContainer/styles/layout.js +409 -366
  5. package/dist/cjs/version-wrapper.js +1 -1
  6. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +38 -4
  7. package/dist/es2019/ui/EditorContentContainer/styles/gapCursorStyles.js +167 -0
  8. package/dist/es2019/ui/EditorContentContainer/styles/layout.js +423 -315
  9. package/dist/es2019/version-wrapper.js +1 -1
  10. package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +38 -4
  11. package/dist/esm/ui/EditorContentContainer/styles/gapCursorStyles.js +91 -0
  12. package/dist/esm/ui/EditorContentContainer/styles/layout.js +408 -365
  13. package/dist/esm/version-wrapper.js +1 -1
  14. package/dist/types/ui/EditorContentContainer/styles/gapCursorStyles.d.ts +2 -0
  15. package/dist/types/ui/EditorContentContainer/styles/layout.d.ts +59 -2
  16. package/dist/types-ts4.5/ui/EditorContentContainer/styles/gapCursorStyles.d.ts +2 -0
  17. package/dist/types-ts4.5/ui/EditorContentContainer/styles/layout.d.ts +59 -2
  18. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 207.19.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#168476](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/168476)
8
+ [`f06460f0a1cf5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f06460f0a1cf5) -
9
+ refactor emotion styles for gap cursor
10
+
3
11
  ## 207.19.0
4
12
 
5
13
  ### Minor Changes
package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -9,7 +9,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var _react2 = require("@emotion/react");
11
11
  var _browser = require("@atlaskit/editor-common/browser");
12
- var _selection = require("@atlaskit/editor-common/selection");
13
12
  var _styles = require("@atlaskit/editor-common/styles");
14
13
  var _commonStyles = require("@atlaskit/editor-plugins/table/ui/common-styles");
15
14
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -31,6 +30,7 @@ var _emoji = require("./styles/emoji");
31
30
  var _expandStyles = require("./styles/expandStyles");
32
31
  var _findReplaceStyles = require("./styles/findReplaceStyles");
33
32
  var _firstBlockNodeStyles = require("./styles/firstBlockNodeStyles");
33
+ var _gapCursorStyles = require("./styles/gapCursorStyles");
34
34
  var _gridStyles = require("./styles/gridStyles");
35
35
  var _indentationStyles = require("./styles/indentationStyles");
36
36
  var _inlineNodeViewSharedStyles = require("./styles/inlineNodeViewSharedStyles");
@@ -111,7 +111,7 @@ var contentStyles = function contentStyles() {
111
111
  // eslint-disable-next-line @atlaskit/platform/no-preconditioning
112
112
  (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') && /* eslint-disable @atlaskit/platform/ensure-feature-flag-prefix */
113
113
  !((0, _platformFeatureFlags.fg)('platform-dst-jira-web-fonts') || (0, _platformFeatureFlags.fg)('confluence_typography_refreshed') || (0, _platformFeatureFlags.fg)('atlas_editor_typography_refreshed')) && _editorUGCTokenStyles.editorUGCTokensModernized
114
- /* 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, {
114
+ /* 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, {
115
115
  exposure: false
116
116
  }) && _tasksAndDecisionsStyles.vanillaTaskItemStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
117
117
  exposure: false
@@ -219,7 +219,33 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
219
219
  ref: ref,
220
220
  css: [contentStyles(),
221
221
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
222
- (0, _layout.layoutBaseStyles)(), (0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages') ?
222
+ _layout.layoutBaseStyles,
223
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
224
+ (0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutBaseStylesAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) ?
225
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
226
+ _layout.layoutSectionStylesAdvanced :
227
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
228
+ _layout.layoutSectionStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) ?
229
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
230
+ _layout.layoutColumnStylesAdvanced :
231
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
232
+ _layout.layoutColumnStylesNotAdvanced,
233
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
234
+ (0, _experiments.editorExperiment)('advanced_layouts', true) ?
235
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
236
+ _layout.layoutSelectedStylesAdvanced :
237
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
238
+ _layout.layoutSelectedStylesNotAdvanced,
239
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
240
+ (0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutColumnResponsiveStyles,
241
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
242
+ (0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutResponsiveBaseStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') &&
243
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
244
+ _layout.layoutBaseStylesFixesUnderNestedDnDFG, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ?
245
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
246
+ _layout.layoutColumnMartinTopFixesNew :
247
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
248
+ _layout.layoutColumnMartinTopFixesOld, (0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages') ?
223
249
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
224
250
  _smartCardStyles.smartLinksInLivePagesStyles :
225
251
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -251,7 +277,15 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
251
277
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
252
278
  colorMode === 'dark' && isFirefox && _aiPanel.aiPanelDarkFirefoxStyles,
253
279
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
254
- 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') ?
280
+ viewMode === 'view' && _layout.layoutStylesForView,
281
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
282
+ viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) &&
283
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
284
+ _layout.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', false) &&
285
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
286
+ _layout.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) &&
287
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
288
+ _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') ?
255
289
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
256
290
  _codeBlockStyles.firstCodeBlockWithNoMargin :
257
291
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/cjs/ui/EditorContentContainer/styles/gapCursorStyles.js ADDED
@@ -0,0 +1,99 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.hideCaretModifier = exports.gapCursorStyles = void 0;
8
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
+ var _react = require("@emotion/react");
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
11
+
12
+ var gapCursorBlink = (0, _react.keyframes)({
13
+ 'from, to': {
14
+ opacity: 0
15
+ },
16
+ '50%': {
17
+ opacity: 1
18
+ }
19
+ });
20
+ var hideCaretModifier = exports.hideCaretModifier = 'ProseMirror-hide-gapcursor';
21
+ var gapCursorSelector = '.ProseMirror-gapcursor';
22
+ var prosemirrorwidgetNotBlock = '.ProseMirror-widget:not([data-blocks-decoration-container="true"]):not([data-blocks-drag-handle-container="true"]):not([data-blocks-quick-insert-container="true"])';
23
+ var wrapLeft = '[layout="wrap-left"]';
24
+ var wrapRight = '[layout="wrap-right"]';
25
+ 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";
26
+ 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);
27
+ 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");
28
+ var floatLeftFixSelector = "\n ".concat(wrapLeft, " + ").concat(gapCursorSelector, ",\n ").concat(wrapRight, " + ").concat(gapCursorSelector);
29
+ 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");
30
+ 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 + *");
31
+
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
33
+ var gapCursorStyles = exports.gapCursorStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
35
+ '.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "&.".concat(hideCaretModifier), {
36
+ caretColor: 'transparent'
37
+ }), gapCursorSelector, (0, _defineProperty2.default)((0, _defineProperty2.default)({
38
+ display: 'none',
39
+ pointerEvents: 'none',
40
+ position: 'relative',
41
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
42
+ '& span': {
43
+ caretColor: 'transparent',
44
+ position: 'absolute',
45
+ height: '100%',
46
+ width: '100%',
47
+ display: 'block'
48
+ },
49
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
50
+ '& span::after': {
51
+ animation: "1s ".concat(gapCursorBlink, " step-start infinite"),
52
+ borderLeft: '1px solid',
53
+ content: "''",
54
+ display: 'block',
55
+ position: 'absolute',
56
+ top: 0,
57
+ height: '100%'
58
+ },
59
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
60
+ '&.-left span::after': {
61
+ left: "var(--ds-space-negative-050, -4px)"
62
+ },
63
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
64
+ '&.-right span::after': {
65
+ right: "var(--ds-space-negative-050, -4px)"
66
+ },
67
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
68
+ '& span[layout="full-width"], & span[layout="wide"], & span[layout="fixed-width"]': {
69
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
70
+ marginLeft: '50%',
71
+ transform: 'translateX(-50%)'
72
+ }
73
+ }, "&".concat(wrapRight), {
74
+ float: 'right'
75
+ }), fixVerticalAlignmentSelector, {
76
+ marginTop: 0
77
+ })), "&.ProseMirror-focused ".concat(gapCursorSelector), {
78
+ display: 'block',
79
+ borderColor: 'transparent'
80
+ })
81
+ }, twoImagesSideBySideFixSelector, {
82
+ clear: 'none'
83
+ }), marginFixSelector, {
84
+ marginRight: 0,
85
+ marginLeft: 0,
86
+ marginBottom: 0
87
+ }), floatLeftFixSelector, {
88
+ float: 'left'
89
+ }), afterPresudoSelector, {
90
+ visibility: 'hidden',
91
+ display: 'block',
92
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
93
+ fontSize: 0,
94
+ content: "' '",
95
+ clear: 'both',
96
+ height: 0
97
+ }), marginDeepChildrenFixSelector, {
98
+ marginTop: 0
99
+ }));