@atlaskit/editor-core 208.6.0 → 208.6.2

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 (24) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/cjs/ui/ContentStyles/index.js +1 -1
  3. package/dist/cjs/ui/ContentStyles/status.js +25 -25
  4. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +0 -6
  5. package/dist/cjs/ui/EditorContentContainer/styles/findReplaceStyles.js +0 -1
  6. package/dist/cjs/ui/EditorContentContainer/styles/statusStyles.js +50 -63
  7. package/dist/cjs/version-wrapper.js +1 -1
  8. package/dist/es2019/ui/ContentStyles/index.js +2 -2
  9. package/dist/es2019/ui/ContentStyles/status.js +24 -24
  10. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +1 -7
  11. package/dist/es2019/ui/EditorContentContainer/styles/findReplaceStyles.js +0 -1
  12. package/dist/es2019/ui/EditorContentContainer/styles/statusStyles.js +49 -62
  13. package/dist/es2019/version-wrapper.js +1 -1
  14. package/dist/esm/ui/ContentStyles/index.js +2 -2
  15. package/dist/esm/ui/ContentStyles/status.js +24 -24
  16. package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +1 -7
  17. package/dist/esm/ui/EditorContentContainer/styles/findReplaceStyles.js +0 -1
  18. package/dist/esm/ui/EditorContentContainer/styles/statusStyles.js +49 -62
  19. package/dist/esm/version-wrapper.js +1 -1
  20. package/dist/types/ui/ContentStyles/status.d.ts +1 -1
  21. package/dist/types/ui/EditorContentContainer/styles/statusStyles.d.ts +0 -3
  22. package/dist/types-ts4.5/ui/ContentStyles/status.d.ts +1 -1
  23. package/dist/types-ts4.5/ui/EditorContentContainer/styles/statusStyles.d.ts +0 -3
  24. package/package.json +6 -14
package/CHANGELOG.md CHANGED
@@ -1,5 +1,26 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 208.6.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#178271](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178271)
8
+ [`fd1a32b0a4f6b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fd1a32b0a4f6b) -
9
+ [ED-28322] Remove React version of status nodes to clean up experiment platform_editor_vanilla_dom
10
+ - Updated dependencies
11
+
12
+ ## 208.6.1
13
+
14
+ ### Patch Changes
15
+
16
+ - [#178613](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178613)
17
+ [`47e2c968a3b92`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/47e2c968a3b92) -
18
+ [ux] [ED-28399] remove padding from search match texsts in find and replace experiment
19
+ - [#176901](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/176901)
20
+ [`501b9262a675a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/501b9262a675a) -
21
+ clean up feature flag live_pages_content_jump_mitigation
22
+ - Updated dependencies
23
+
3
24
  ## 208.6.0
4
25
 
5
26
  ### Minor Changes
package/dist/cjs/ui/ContentStyles/index.js CHANGED
@@ -179,7 +179,7 @@ var legacyContentStyles = function legacyContentStyles(props) {
179
179
  exposure: false
180
180
  }) && (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _tasksAndDecisions.vanillaTaskDecisionIconWithVisualRefresh, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
181
181
  exposure: false
182
- }) && !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _tasksAndDecisions.vanillaTaskDecisionIconWithoutVisualRefresh, _status.statusStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true) ? (0, _status.vanillaStatusStyles)() : null, (0, _styles.annotationSharedStyles)(), (0, _styles.smartCardStyles)(), (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? (0, _styles.getSmartCardSharedStyles)() : _styles.smartCardSharedStyles, _date.dateStyles, _date.dateNodeStyles, (0, _styles.embedCardStyles)(), _styles.unsupportedStyles, _styles.resizerStyles, (0, _styles.pragmaticResizerStyles)(), (0, _styles.pragmaticStylesLayoutFirstNodeResizeHandleFix)(), (0, _styles.pragmaticResizerStylesForTooltip)(), (0, _aiPanels.aiPanelStyles)(props.colorMode), firstBlockNodeStylesNew, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? (0, _react2.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.hyperlink-open-link {\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-width: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"]))) : null);
182
+ }) && !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _tasksAndDecisions.vanillaTaskDecisionIconWithoutVisualRefresh, _status.statusStyles, (0, _status.statusNodeStyles)(), (0, _styles.annotationSharedStyles)(), (0, _styles.smartCardStyles)(), (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? (0, _styles.getSmartCardSharedStyles)() : _styles.smartCardSharedStyles, _date.dateStyles, _date.dateNodeStyles, (0, _styles.embedCardStyles)(), _styles.unsupportedStyles, _styles.resizerStyles, (0, _styles.pragmaticResizerStyles)(), (0, _styles.pragmaticStylesLayoutFirstNodeResizeHandleFix)(), (0, _styles.pragmaticResizerStylesForTooltip)(), (0, _aiPanels.aiPanelStyles)(props.colorMode), firstBlockNodeStylesNew, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? (0, _react2.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.hyperlink-open-link {\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-width: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"]))) : null);
183
183
  };
184
184
  var createEditorContentStyle = exports.createEditorContentStyle = function createEditorContentStyle(styles) {
185
185
  return /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
package/dist/cjs/ui/ContentStyles/status.js CHANGED
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.vanillaStatusStyles = exports.statusStyles = void 0;
7
+ exports.statusStyles = exports.statusNodeStyles = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
9
  var _react = require("@emotion/react");
10
10
  var _styles = require("@atlaskit/editor-common/styles");
@@ -23,94 +23,94 @@ var getVisualRefreshStatusStyles = function getVisualRefreshStatusStyles() {
23
23
  var getStatusColors = function getStatusColors() {
24
24
  return (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? (0, _react.css)({
25
25
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
26
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] .lozenge-text': {
26
+ '[data-prosemirror-node-name="status"] .lozenge-text': {
27
27
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
28
28
  color: '#292A2E'
29
29
  },
30
30
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
31
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=neutral] > .lozenge-wrapper': {
31
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] > .lozenge-wrapper': {
32
32
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
33
33
  backgroundColor: '#DDDEE1'
34
34
  },
35
35
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
36
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
36
+ '[data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
37
37
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
38
38
  backgroundColor: '#D8A0F7'
39
39
  },
40
40
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
41
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
41
+ '[data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
42
42
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
43
43
  backgroundColor: '#8FB8F6'
44
44
  },
45
45
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
46
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
46
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
47
47
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
48
48
  backgroundColor: '#F9C84E'
49
49
  },
50
50
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
51
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
51
+ '[data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
52
52
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
53
53
  backgroundColor: '#FD9891'
54
54
  },
55
55
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
56
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
56
+ '[data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
57
57
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
58
58
  backgroundColor: '#B3DF72'
59
59
  }
60
60
  }) : (0, _react.css)({
61
61
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
62
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-wrapper': {
62
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-wrapper': {
63
63
  backgroundColor: "var(--ds-background-neutral, #091E420F)"
64
64
  },
65
65
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
66
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-text': {
66
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-text': {
67
67
  color: "var(--ds-text-subtle, #44546F)"
68
68
  },
69
69
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
70
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-wrapper': {
70
+ '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-wrapper': {
71
71
  backgroundColor: "var(--ds-background-discovery, #F3F0FF)"
72
72
  },
73
73
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
74
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
74
+ '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
75
75
  color: "var(--ds-text-discovery, #5E4DB2)"
76
76
  },
77
77
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
78
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-wrapper': {
78
+ '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-wrapper': {
79
79
  backgroundColor: "var(--ds-background-information, #E9F2FF)"
80
80
  },
81
81
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
82
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
82
+ '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
83
83
  color: "var(--ds-text-information, #0055CC)"
84
84
  },
85
85
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
86
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-wrapper': {
86
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-wrapper': {
87
87
  backgroundColor: "var(--ds-background-warning, #FFF7D6)"
88
88
  },
89
89
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
90
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
90
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
91
91
  color: "var(--ds-text-warning, #A54800)"
92
92
  },
93
93
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
94
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=red] .lozenge-wrapper': {
94
+ '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-wrapper': {
95
95
  backgroundColor: "var(--ds-background-danger, #FFECEB)"
96
96
  },
97
97
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
98
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
98
+ '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
99
99
  color: "var(--ds-text-danger, #AE2E24)"
100
100
  },
101
101
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
102
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=green] .lozenge-wrapper': {
102
+ '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-wrapper': {
103
103
  backgroundColor: "var(--ds-background-success, #DCFFF1)"
104
104
  },
105
105
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
106
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
106
+ '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
107
107
  color: "var(--ds-text-success, #216E4E)"
108
108
  }
109
109
  });
110
110
  };
111
- var baseVanillaStatusStyles = (0, _react.css)({
111
+ var baseStatusStyles = (0, _react.css)({
112
112
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
113
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] .lozenge-wrapper': {
113
+ '[data-prosemirror-node-name="status"] .lozenge-wrapper': {
114
114
  backgroundColor: "var(--ds-background-neutral, #091E420F)",
115
115
  maxWidth: '100%',
116
116
  paddingInline: "var(--ds-space-050, 4px)",
@@ -124,7 +124,7 @@ var baseVanillaStatusStyles = (0, _react.css)({
124
124
  border: 'none'
125
125
  },
126
126
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
127
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] .lozenge-text': {
127
+ '[data-prosemirror-node-name="status"] .lozenge-text': {
128
128
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
129
129
  fontSize: '11px',
130
130
  fontStyle: 'normal',
@@ -142,8 +142,8 @@ var baseVanillaStatusStyles = (0, _react.css)({
142
142
  });
143
143
 
144
144
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
145
- var vanillaStatusStyles = exports.vanillaStatusStyles = function vanillaStatusStyles() {
146
- return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t", "\n\t", "\n"])), baseVanillaStatusStyles, getStatusColors());
145
+ var statusNodeStyles = exports.statusNodeStyles = function statusNodeStyles() {
146
+ return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t", "\n\t", "\n"])), baseStatusStyles, getStatusColors());
147
147
  };
148
148
 
149
149
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -217,12 +217,6 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
217
217
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
218
218
  _statusStyles.statusStylesMixin_without_fg_platform_component_visual_refresh,
219
219
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
220
- (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true) && _statusStyles.vanillaStatusStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true) && (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') &&
221
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
222
- _statusStyles.vanillaStatusStylesMixin_fg_platform_component_visual_refresh, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true) && !(0, _platformFeatureFlags.fg)('platform-component-visual-refresh') &&
223
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
224
- _statusStyles.vanillaStatusStylesMixin_without_fg_platform_component_visual_refresh,
225
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
226
220
  _annotationStyles.annotationStyles,
227
221
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
228
222
  _smartCardStyles.smartCardStyles,
package/dist/cjs/ui/EditorContentContainer/styles/findReplaceStyles.js CHANGED
@@ -30,7 +30,6 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
30
30
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
31
31
  '.search-match-text': {
32
32
  borderRadius: "var(--ds-space-050, 4px)",
33
- padding: "var(--ds-space-050, 4px)".concat(" 0"),
34
33
  boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", "\n\t\t"),
35
34
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
36
35
  color: "var(--ds-text, #172B4D)"
package/dist/cjs/ui/EditorContentContainer/styles/statusStyles.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.vanillaStatusStylesMixin_without_fg_platform_component_visual_refresh = exports.vanillaStatusStylesMixin_fg_platform_component_visual_refresh = exports.vanillaStatusStyles = exports.statusStylesMixin_without_fg_platform_component_visual_refresh = exports.statusStylesMixin_fg_platform_component_visual_refresh = exports.statusStyles = void 0;
6
+ exports.statusStylesMixin_without_fg_platform_component_visual_refresh = exports.statusStylesMixin_fg_platform_component_visual_refresh = exports.statusStyles = void 0;
7
7
  var _react = require("@emotion/react");
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
9
9
 
@@ -45,47 +45,9 @@ var statusStyles = exports.statusStyles = (0, _react.css)({
45
45
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
46
46
  }
47
47
  }
48
- }
49
- });
50
-
51
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
52
- var statusStylesMixin_fg_platform_component_visual_refresh = exports.statusStylesMixin_fg_platform_component_visual_refresh = (0, _react.css)({
53
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
54
- '.statusView-content-wrap': {
55
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
56
- '&.ak-editor-selected-node .status-lozenge-span > span': {
57
- boxShadow: "0 0 0 2px ".concat("var(--ds-border-selected, #0C66E4)")
58
- }
59
- }
60
- });
61
-
62
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
63
- var statusStylesMixin_without_fg_platform_component_visual_refresh = exports.statusStylesMixin_without_fg_platform_component_visual_refresh = (0, _react.css)({
64
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
65
- '.statusView-content-wrap': {
66
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
67
- '&.ak-editor-selected-node .status-lozenge-span > span': {
68
- // getSelectionStyles([SelectionStyle.BoxShadow]);
69
- boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)"),
70
- borderColor: 'transparent',
71
- // hideNativeBrowserTextSelectionStyles
72
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
73
- '&::selection, & *::selection': {
74
- backgroundColor: 'transparent'
75
- },
76
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
77
- '&::-moz-selection, & *::-moz-selection': {
78
- backgroundColor: 'transparent'
79
- }
80
- }
81
- }
82
- });
83
-
84
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
85
- var vanillaStatusStyles = exports.vanillaStatusStyles = (0, _react.css)({
86
- // baseVanillaStatusStyles
48
+ },
87
49
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
88
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] .lozenge-wrapper': {
50
+ '[data-prosemirror-node-name="status"] .lozenge-wrapper': {
89
51
  backgroundColor: "var(--ds-background-neutral, #091E420F)",
90
52
  maxWidth: '100%',
91
53
  paddingInline: "var(--ds-space-050, 4px)",
@@ -99,7 +61,7 @@ var vanillaStatusStyles = exports.vanillaStatusStyles = (0, _react.css)({
99
61
  border: 'none'
100
62
  },
101
63
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
102
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] .lozenge-text': {
64
+ '[data-prosemirror-node-name="status"] .lozenge-text': {
103
65
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
104
66
  fontSize: '11px',
105
67
  fontStyle: 'normal',
@@ -117,92 +79,117 @@ var vanillaStatusStyles = exports.vanillaStatusStyles = (0, _react.css)({
117
79
  });
118
80
 
119
81
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
120
- var vanillaStatusStylesMixin_fg_platform_component_visual_refresh = exports.vanillaStatusStylesMixin_fg_platform_component_visual_refresh = (0, _react.css)({
82
+ var statusStylesMixin_fg_platform_component_visual_refresh = exports.statusStylesMixin_fg_platform_component_visual_refresh = (0, _react.css)({
83
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
84
+ '.statusView-content-wrap': {
85
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
86
+ '&.ak-editor-selected-node .status-lozenge-span > span': {
87
+ boxShadow: "0 0 0 2px ".concat("var(--ds-border-selected, #0C66E4)")
88
+ }
89
+ },
121
90
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
122
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] .lozenge-text': {
91
+ '[data-prosemirror-node-name="status"] .lozenge-text': {
123
92
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
124
93
  color: '#292A2E'
125
94
  },
126
95
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
127
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=neutral] > .lozenge-wrapper': {
96
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] > .lozenge-wrapper': {
128
97
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
129
98
  backgroundColor: '#DDDEE1'
130
99
  },
131
100
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
132
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
101
+ '[data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
133
102
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
134
103
  backgroundColor: '#D8A0F7'
135
104
  },
136
105
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
137
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
106
+ '[data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
138
107
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
139
108
  backgroundColor: '#8FB8F6'
140
109
  },
141
110
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
142
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
111
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
143
112
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
144
113
  backgroundColor: '#F9C84E'
145
114
  },
146
115
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
147
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
116
+ '[data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
148
117
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
149
118
  backgroundColor: '#FD9891'
150
119
  },
151
120
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
152
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
121
+ '[data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
153
122
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
154
123
  backgroundColor: '#B3DF72'
155
124
  }
156
125
  });
157
126
 
158
127
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
159
- var vanillaStatusStylesMixin_without_fg_platform_component_visual_refresh = exports.vanillaStatusStylesMixin_without_fg_platform_component_visual_refresh = (0, _react.css)({
128
+ var statusStylesMixin_without_fg_platform_component_visual_refresh = exports.statusStylesMixin_without_fg_platform_component_visual_refresh = (0, _react.css)({
129
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
130
+ '.statusView-content-wrap': {
131
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
132
+ '&.ak-editor-selected-node .status-lozenge-span > span': {
133
+ // getSelectionStyles([SelectionStyle.BoxShadow]);
134
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)"),
135
+ borderColor: 'transparent',
136
+ // hideNativeBrowserTextSelectionStyles
137
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
138
+ '&::selection, & *::selection': {
139
+ backgroundColor: 'transparent'
140
+ },
141
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
142
+ '&::-moz-selection, & *::-moz-selection': {
143
+ backgroundColor: 'transparent'
144
+ }
145
+ }
146
+ },
160
147
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
161
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-wrapper': {
148
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-wrapper': {
162
149
  backgroundColor: "var(--ds-background-neutral, #091E420F)"
163
150
  },
164
151
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
165
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-text': {
152
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-text': {
166
153
  color: "var(--ds-text-subtle, #44546F)"
167
154
  },
168
155
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
169
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-wrapper': {
156
+ '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-wrapper': {
170
157
  backgroundColor: "var(--ds-background-discovery, #F3F0FF)"
171
158
  },
172
159
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
173
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
160
+ '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
174
161
  color: "var(--ds-text-discovery, #5E4DB2)"
175
162
  },
176
163
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
177
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-wrapper': {
164
+ '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-wrapper': {
178
165
  backgroundColor: "var(--ds-background-information, #E9F2FF)"
179
166
  },
180
167
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
181
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
168
+ '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
182
169
  color: "var(--ds-text-information, #0055CC)"
183
170
  },
184
171
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
185
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-wrapper': {
172
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-wrapper': {
186
173
  backgroundColor: "var(--ds-background-warning, #FFF7D6)"
187
174
  },
188
175
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
189
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
176
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
190
177
  color: "var(--ds-text-warning, #A54800)"
191
178
  },
192
179
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
193
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=red] .lozenge-wrapper': {
180
+ '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-wrapper': {
194
181
  backgroundColor: "var(--ds-background-danger, #FFECEB)"
195
182
  },
196
183
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
197
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
184
+ '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
198
185
  color: "var(--ds-text-danger, #AE2E24)"
199
186
  },
200
187
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
201
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=green] .lozenge-wrapper': {
188
+ '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-wrapper': {
202
189
  backgroundColor: "var(--ds-background-success, #DCFFF1)"
203
190
  },
204
191
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
205
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
192
+ '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
206
193
  color: "var(--ds-text-success, #216E4E)"
207
194
  }
208
195
  });
package/dist/cjs/version-wrapper.js CHANGED
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "208.5.1";
8
+ var version = exports.version = "208.6.1";
package/dist/es2019/ui/ContentStyles/index.js CHANGED
@@ -36,7 +36,7 @@ import { extensionStyles } from './extension';
36
36
  import { layoutStyles } from './layout';
37
37
  import { mediaStyles } from './media';
38
38
  import { panelStyles } from './panel';
39
- import { statusStyles, vanillaStatusStyles } from './status';
39
+ import { statusStyles, statusNodeStyles } from './status';
40
40
  import { taskDecisionStyles, vanillaTaskDecisionIconWithoutVisualRefresh as vanillaDecisionIconWithoutVisualRefresh, vanillaTaskDecisionIconWithVisualRefresh as vanillaDecisionIconWithVisualRefresh, vanillaTaskDecisionStyles as vanillaDecisionStyles, vanillaTaskItemStyles } from './tasks-and-decisions';
41
41
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
42
42
  export const linkStyles = css`
@@ -453,7 +453,7 @@ const legacyContentStyles = props => css`
453
453
  exposure: false
454
454
  }) && !fg('platform-visual-refresh-icons') && vanillaDecisionIconWithoutVisualRefresh}
455
455
  ${statusStyles}
456
- ${editorExperiment('platform_editor_vanilla_dom', true) ? vanillaStatusStyles() : null}
456
+ ${statusNodeStyles()}
457
457
  ${annotationSharedStyles()}
458
458
  ${smartCardStyles()}
459
459
  ${fg('platform-linking-visual-refresh-v1') ? getSmartCardSharedStyles() : smartCardSharedStyles}
package/dist/es2019/ui/ContentStyles/status.js CHANGED
@@ -21,93 +21,93 @@ css`
21
21
  `;
22
22
  const getStatusColors = () => fg('platform-component-visual-refresh') ? css({
23
23
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
24
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] .lozenge-text': {
24
+ '[data-prosemirror-node-name="status"] .lozenge-text': {
25
25
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
26
26
  color: '#292A2E'
27
27
  },
28
28
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
29
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=neutral] > .lozenge-wrapper': {
29
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] > .lozenge-wrapper': {
30
30
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
31
31
  backgroundColor: '#DDDEE1'
32
32
  },
33
33
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
34
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
34
+ '[data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
35
35
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
36
36
  backgroundColor: '#D8A0F7'
37
37
  },
38
38
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
39
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
39
+ '[data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
40
40
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
41
41
  backgroundColor: '#8FB8F6'
42
42
  },
43
43
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
44
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
44
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
45
45
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
46
46
  backgroundColor: '#F9C84E'
47
47
  },
48
48
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
49
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
49
+ '[data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
50
50
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
51
51
  backgroundColor: '#FD9891'
52
52
  },
53
53
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
54
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
54
+ '[data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
55
55
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
56
56
  backgroundColor: '#B3DF72'
57
57
  }
58
58
  }) : css({
59
59
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
60
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-wrapper': {
60
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-wrapper': {
61
61
  backgroundColor: "var(--ds-background-neutral, #091E420F)"
62
62
  },
63
63
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
64
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-text': {
64
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-text': {
65
65
  color: "var(--ds-text-subtle, #44546F)"
66
66
  },
67
67
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
68
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-wrapper': {
68
+ '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-wrapper': {
69
69
  backgroundColor: "var(--ds-background-discovery, #F3F0FF)"
70
70
  },
71
71
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
72
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
72
+ '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
73
73
  color: "var(--ds-text-discovery, #5E4DB2)"
74
74
  },
75
75
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
76
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-wrapper': {
76
+ '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-wrapper': {
77
77
  backgroundColor: "var(--ds-background-information, #E9F2FF)"
78
78
  },
79
79
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
80
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
80
+ '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
81
81
  color: "var(--ds-text-information, #0055CC)"
82
82
  },
83
83
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
84
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-wrapper': {
84
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-wrapper': {
85
85
  backgroundColor: "var(--ds-background-warning, #FFF7D6)"
86
86
  },
87
87
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
88
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
88
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
89
89
  color: "var(--ds-text-warning, #A54800)"
90
90
  },
91
91
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
92
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=red] .lozenge-wrapper': {
92
+ '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-wrapper': {
93
93
  backgroundColor: "var(--ds-background-danger, #FFECEB)"
94
94
  },
95
95
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
96
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
96
+ '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
97
97
  color: "var(--ds-text-danger, #AE2E24)"
98
98
  },
99
99
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
100
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=green] .lozenge-wrapper': {
100
+ '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-wrapper': {
101
101
  backgroundColor: "var(--ds-background-success, #DCFFF1)"
102
102
  },
103
103
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
104
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
104
+ '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
105
105
  color: "var(--ds-text-success, #216E4E)"
106
106
  }
107
107
  });
108
- const baseVanillaStatusStyles = css({
108
+ const baseStatusStyles = css({
109
109
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
110
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] .lozenge-wrapper': {
110
+ '[data-prosemirror-node-name="status"] .lozenge-wrapper': {
111
111
  backgroundColor: "var(--ds-background-neutral, #091E420F)",
112
112
  maxWidth: '100%',
113
113
  paddingInline: "var(--ds-space-050, 4px)",
@@ -121,7 +121,7 @@ const baseVanillaStatusStyles = css({
121
121
  border: 'none'
122
122
  },
123
123
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
124
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] .lozenge-text': {
124
+ '[data-prosemirror-node-name="status"] .lozenge-text': {
125
125
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
126
126
  fontSize: '11px',
127
127
  fontStyle: 'normal',
@@ -139,8 +139,8 @@ const baseVanillaStatusStyles = css({
139
139
  });
140
140
 
141
141
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
142
- export const vanillaStatusStyles = () => css`
143
- ${baseVanillaStatusStyles}
142
+ export const statusNodeStyles = () => css`
143
+ ${baseStatusStyles}
144
144
  ${getStatusColors()}
145
145
  `;
146
146
 
package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -54,7 +54,7 @@ import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeSty
54
54
  import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles';
55
55
  import { shadowStyles } from './styles/shadowStyles';
56
56
  import { linkingVisualRefreshV1Styles, smartCardStyles, smartLinksInLivePagesStyles, smartLinksInLivePagesStylesOld } from './styles/smartCardStyles';
57
- import { statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh, vanillaStatusStyles, vanillaStatusStylesMixin_fg_platform_component_visual_refresh, vanillaStatusStylesMixin_without_fg_platform_component_visual_refresh } from './styles/statusStyles';
57
+ import { statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh } from './styles/statusStyles';
58
58
  import { tableCommentEditorStyles, tableLayoutFixes } from './styles/tableStyles';
59
59
  import { decisionStyles, tasksAndDecisionsStyles, vanillaDecisionIconWithVisualRefresh, vanillaDecisionIconWithoutVisualRefresh, vanillaDecisionStyles, vanillaTaskItemStyles } from './styles/tasksAndDecisionsStyles';
60
60
  import { telepointerColorAndCommonStyle, telepointerStyle, telepointerStyleWithInitialOnly } from './styles/telepointerStyles';
@@ -212,12 +212,6 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
212
212
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
213
213
  statusStylesMixin_without_fg_platform_component_visual_refresh,
214
214
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
215
- editorExperiment('platform_editor_vanilla_dom', true) && vanillaStatusStyles, editorExperiment('platform_editor_vanilla_dom', true) && fg('platform-component-visual-refresh') &&
216
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
217
- vanillaStatusStylesMixin_fg_platform_component_visual_refresh, editorExperiment('platform_editor_vanilla_dom', true) && !fg('platform-component-visual-refresh') &&
218
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
219
- vanillaStatusStylesMixin_without_fg_platform_component_visual_refresh,
220
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
221
215
  annotationStyles,
222
216
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
223
217
  smartCardStyles,
package/dist/es2019/ui/EditorContentContainer/styles/findReplaceStyles.js CHANGED
@@ -23,7 +23,6 @@ export const findReplaceStylesNew = css({
23
23
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
24
24
  '.search-match-text': {
25
25
  borderRadius: "var(--ds-space-050, 4px)",
26
- padding: `${"var(--ds-space-050, 4px)"} 0`,
27
26
  boxShadow: `
28
27
  inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
29
28
  inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}