@atlaskit/editor-core 208.6.1 → 208.6.3

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 +20 -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 +8 -4
  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 +8 -4
  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 +8 -4
  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 +7 -11
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
@@ -27,7 +27,8 @@ export const findReplaceStylesNew = css({
27
27
  inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
28
28
  inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}
29
29
  `,
30
- backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
30
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
31
+ backgroundColor: `${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"} !important`,
31
32
  color: "var(--ds-text, #172B4D)"
32
33
  },
33
34
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -36,7 +37,8 @@ export const findReplaceStylesNew = css({
36
37
  inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
37
38
  inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}
38
39
  `,
39
- backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
41
+ backgroundColor: `${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"} !important`
40
42
  },
41
43
  /** Dark mode */
42
44
 
@@ -46,7 +48,8 @@ export const findReplaceStylesNew = css({
46
48
  inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
47
49
  inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}
48
50
  `,
49
- backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
51
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
52
+ backgroundColor: `${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"} !important`,
50
53
  color: "var(--ds-text-inverse, #FFFFFF)"
51
54
  },
52
55
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -55,7 +58,8 @@ export const findReplaceStylesNew = css({
55
58
  inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
56
59
  inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}
57
60
  `,
58
- backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
61
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
62
+ backgroundColor: `${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"} !important`
59
63
  },
60
64
  /** Block match styles */
61
65
 
package/dist/es2019/ui/EditorContentContainer/styles/statusStyles.js CHANGED
@@ -38,47 +38,9 @@ export const statusStyles = css({
38
38
  boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`
39
39
  }
40
40
  }
41
- }
42
- });
43
-
44
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
45
- export const statusStylesMixin_fg_platform_component_visual_refresh = css({
46
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
47
- '.statusView-content-wrap': {
48
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
49
- '&.ak-editor-selected-node .status-lozenge-span > span': {
50
- boxShadow: `0 0 0 2px ${"var(--ds-border-selected, #0C66E4)"}`
51
- }
52
- }
53
- });
54
-
55
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
56
- export const statusStylesMixin_without_fg_platform_component_visual_refresh = css({
57
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
58
- '.statusView-content-wrap': {
59
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
60
- '&.ak-editor-selected-node .status-lozenge-span > span': {
61
- // getSelectionStyles([SelectionStyle.BoxShadow]);
62
- boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}`,
63
- borderColor: 'transparent',
64
- // hideNativeBrowserTextSelectionStyles
65
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
66
- '&::selection, & *::selection': {
67
- backgroundColor: 'transparent'
68
- },
69
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
70
- '&::-moz-selection, & *::-moz-selection': {
71
- backgroundColor: 'transparent'
72
- }
73
- }
74
- }
75
- });
76
-
77
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
78
- export const vanillaStatusStyles = css({
79
- // baseVanillaStatusStyles
41
+ },
80
42
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
81
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] .lozenge-wrapper': {
43
+ '[data-prosemirror-node-name="status"] .lozenge-wrapper': {
82
44
  backgroundColor: "var(--ds-background-neutral, #091E420F)",
83
45
  maxWidth: '100%',
84
46
  paddingInline: "var(--ds-space-050, 4px)",
@@ -92,7 +54,7 @@ export const vanillaStatusStyles = css({
92
54
  border: 'none'
93
55
  },
94
56
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
95
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] .lozenge-text': {
57
+ '[data-prosemirror-node-name="status"] .lozenge-text': {
96
58
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
97
59
  fontSize: '11px',
98
60
  fontStyle: 'normal',
@@ -110,92 +72,117 @@ export const vanillaStatusStyles = css({
110
72
  });
111
73
 
112
74
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
113
- export const vanillaStatusStylesMixin_fg_platform_component_visual_refresh = css({
75
+ export const statusStylesMixin_fg_platform_component_visual_refresh = css({
76
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
77
+ '.statusView-content-wrap': {
78
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
79
+ '&.ak-editor-selected-node .status-lozenge-span > span': {
80
+ boxShadow: `0 0 0 2px ${"var(--ds-border-selected, #0C66E4)"}`
81
+ }
82
+ },
114
83
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
115
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] .lozenge-text': {
84
+ '[data-prosemirror-node-name="status"] .lozenge-text': {
116
85
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
117
86
  color: '#292A2E'
118
87
  },
119
88
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
120
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=neutral] > .lozenge-wrapper': {
89
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] > .lozenge-wrapper': {
121
90
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
122
91
  backgroundColor: '#DDDEE1'
123
92
  },
124
93
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
125
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
94
+ '[data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
126
95
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
127
96
  backgroundColor: '#D8A0F7'
128
97
  },
129
98
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
130
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
99
+ '[data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
131
100
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
132
101
  backgroundColor: '#8FB8F6'
133
102
  },
134
103
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
135
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
104
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
136
105
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
137
106
  backgroundColor: '#F9C84E'
138
107
  },
139
108
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
140
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
109
+ '[data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
141
110
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
142
111
  backgroundColor: '#FD9891'
143
112
  },
144
113
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
145
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
114
+ '[data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
146
115
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
147
116
  backgroundColor: '#B3DF72'
148
117
  }
149
118
  });
150
119
 
151
120
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
152
- export const vanillaStatusStylesMixin_without_fg_platform_component_visual_refresh = css({
121
+ export const statusStylesMixin_without_fg_platform_component_visual_refresh = css({
122
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
123
+ '.statusView-content-wrap': {
124
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
125
+ '&.ak-editor-selected-node .status-lozenge-span > span': {
126
+ // getSelectionStyles([SelectionStyle.BoxShadow]);
127
+ boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}`,
128
+ borderColor: 'transparent',
129
+ // hideNativeBrowserTextSelectionStyles
130
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
131
+ '&::selection, & *::selection': {
132
+ backgroundColor: 'transparent'
133
+ },
134
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
135
+ '&::-moz-selection, & *::-moz-selection': {
136
+ backgroundColor: 'transparent'
137
+ }
138
+ }
139
+ },
153
140
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
154
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-wrapper': {
141
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-wrapper': {
155
142
  backgroundColor: "var(--ds-background-neutral, #091E420F)"
156
143
  },
157
144
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
158
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-text': {
145
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-text': {
159
146
  color: "var(--ds-text-subtle, #44546F)"
160
147
  },
161
148
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
162
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-wrapper': {
149
+ '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-wrapper': {
163
150
  backgroundColor: "var(--ds-background-discovery, #F3F0FF)"
164
151
  },
165
152
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
166
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
153
+ '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
167
154
  color: "var(--ds-text-discovery, #5E4DB2)"
168
155
  },
169
156
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
170
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-wrapper': {
157
+ '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-wrapper': {
171
158
  backgroundColor: "var(--ds-background-information, #E9F2FF)"
172
159
  },
173
160
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
174
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
161
+ '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
175
162
  color: "var(--ds-text-information, #0055CC)"
176
163
  },
177
164
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
178
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-wrapper': {
165
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-wrapper': {
179
166
  backgroundColor: "var(--ds-background-warning, #FFF7D6)"
180
167
  },
181
168
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
182
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
169
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
183
170
  color: "var(--ds-text-warning, #A54800)"
184
171
  },
185
172
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
186
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=red] .lozenge-wrapper': {
173
+ '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-wrapper': {
187
174
  backgroundColor: "var(--ds-background-danger, #FFECEB)"
188
175
  },
189
176
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
190
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
177
+ '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
191
178
  color: "var(--ds-text-danger, #AE2E24)"
192
179
  },
193
180
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
194
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=green] .lozenge-wrapper': {
181
+ '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-wrapper': {
195
182
  backgroundColor: "var(--ds-background-success, #DCFFF1)"
196
183
  },
197
184
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
198
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
185
+ '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
199
186
  color: "var(--ds-text-success, #216E4E)"
200
187
  }
201
188
  });
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "208.6.0";
2
+ export const version = "208.6.2";
package/dist/esm/ui/ContentStyles/index.js CHANGED
@@ -38,7 +38,7 @@ import { extensionStyles } from './extension';
38
38
  import { layoutStyles } from './layout';
39
39
  import { mediaStyles } from './media';
40
40
  import { panelStyles } from './panel';
41
- import { statusStyles, vanillaStatusStyles } from './status';
41
+ import { statusStyles, statusNodeStyles } from './status';
42
42
  import { taskDecisionStyles, vanillaTaskDecisionIconWithoutVisualRefresh as vanillaDecisionIconWithoutVisualRefresh, vanillaTaskDecisionIconWithVisualRefresh as vanillaDecisionIconWithVisualRefresh, vanillaTaskDecisionStyles as vanillaDecisionStyles, vanillaTaskItemStyles } from './tasks-and-decisions';
43
43
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
44
44
  export var linkStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t", "\n\t}\n"])), linkSharedStyle());
@@ -172,7 +172,7 @@ var legacyContentStyles = function legacyContentStyles(props) {
172
172
  exposure: false
173
173
  }) && fg('platform-visual-refresh-icons') && vanillaDecisionIconWithVisualRefresh, editorExperiment('platform_editor_vanilla_dom', true, {
174
174
  exposure: false
175
- }) && !fg('platform-visual-refresh-icons') && vanillaDecisionIconWithoutVisualRefresh, statusStyles, editorExperiment('platform_editor_vanilla_dom', true) ? vanillaStatusStyles() : null, annotationSharedStyles(), smartCardStyles(), fg('platform-linking-visual-refresh-v1') ? getSmartCardSharedStyles() : smartCardSharedStyles, dateStyles, dateNodeStyles, embedCardStyles(), unsupportedStyles, resizerStyles, pragmaticResizerStyles(), pragmaticStylesLayoutFirstNodeResizeHandleFix(), pragmaticResizerStylesForTooltip(), aiPanelStyles(props.colorMode), firstBlockNodeStylesNew, MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !fg('platform-visual-refresh-icons') ? css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\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);
175
+ }) && !fg('platform-visual-refresh-icons') && vanillaDecisionIconWithoutVisualRefresh, statusStyles, statusNodeStyles(), annotationSharedStyles(), smartCardStyles(), fg('platform-linking-visual-refresh-v1') ? getSmartCardSharedStyles() : smartCardSharedStyles, dateStyles, dateNodeStyles, embedCardStyles(), unsupportedStyles, resizerStyles, pragmaticResizerStyles(), pragmaticStylesLayoutFirstNodeResizeHandleFix(), pragmaticResizerStylesForTooltip(), aiPanelStyles(props.colorMode), firstBlockNodeStylesNew, MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !fg('platform-visual-refresh-icons') ? css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\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);
176
176
  };
177
177
  export var createEditorContentStyle = function createEditorContentStyle(styles) {
178
178
  return /*#__PURE__*/React.forwardRef(function (props, ref) {
package/dist/esm/ui/ContentStyles/status.js CHANGED
@@ -17,94 +17,94 @@ var getVisualRefreshStatusStyles = function getVisualRefreshStatusStyles() {
17
17
  var getStatusColors = function getStatusColors() {
18
18
  return fg('platform-component-visual-refresh') ? css({
19
19
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
20
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] .lozenge-text': {
20
+ '[data-prosemirror-node-name="status"] .lozenge-text': {
21
21
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
22
22
  color: '#292A2E'
23
23
  },
24
24
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
25
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=neutral] > .lozenge-wrapper': {
25
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] > .lozenge-wrapper': {
26
26
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
27
27
  backgroundColor: '#DDDEE1'
28
28
  },
29
29
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
30
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
30
+ '[data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
31
31
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
32
32
  backgroundColor: '#D8A0F7'
33
33
  },
34
34
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
35
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
35
+ '[data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
36
36
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
37
37
  backgroundColor: '#8FB8F6'
38
38
  },
39
39
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
40
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
40
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
41
41
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
42
42
  backgroundColor: '#F9C84E'
43
43
  },
44
44
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
45
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
45
+ '[data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
46
46
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
47
47
  backgroundColor: '#FD9891'
48
48
  },
49
49
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
50
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
50
+ '[data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
51
51
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
52
52
  backgroundColor: '#B3DF72'
53
53
  }
54
54
  }) : css({
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=neutral] .lozenge-wrapper': {
56
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-wrapper': {
57
57
  backgroundColor: "var(--ds-background-neutral, #091E420F)"
58
58
  },
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-text': {
60
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-text': {
61
61
  color: "var(--ds-text-subtle, #44546F)"
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=purple] .lozenge-wrapper': {
64
+ '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-wrapper': {
65
65
  backgroundColor: "var(--ds-background-discovery, #F3F0FF)"
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-text': {
68
+ '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
69
69
  color: "var(--ds-text-discovery, #5E4DB2)"
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=blue] .lozenge-wrapper': {
72
+ '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-wrapper': {
73
73
  backgroundColor: "var(--ds-background-information, #E9F2FF)"
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-text': {
76
+ '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
77
77
  color: "var(--ds-text-information, #0055CC)"
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=yellow] .lozenge-wrapper': {
80
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-wrapper': {
81
81
  backgroundColor: "var(--ds-background-warning, #FFF7D6)"
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-text': {
84
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
85
85
  color: "var(--ds-text-warning, #A54800)"
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=red] .lozenge-wrapper': {
88
+ '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-wrapper': {
89
89
  backgroundColor: "var(--ds-background-danger, #FFECEB)"
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-text': {
92
+ '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
93
93
  color: "var(--ds-text-danger, #AE2E24)"
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=green] .lozenge-wrapper': {
96
+ '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-wrapper': {
97
97
  backgroundColor: "var(--ds-background-success, #DCFFF1)"
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-text': {
100
+ '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
101
101
  color: "var(--ds-text-success, #216E4E)"
102
102
  }
103
103
  });
104
104
  };
105
- var baseVanillaStatusStyles = css({
105
+ var baseStatusStyles = css({
106
106
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
107
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] .lozenge-wrapper': {
107
+ '[data-prosemirror-node-name="status"] .lozenge-wrapper': {
108
108
  backgroundColor: "var(--ds-background-neutral, #091E420F)",
109
109
  maxWidth: '100%',
110
110
  paddingInline: "var(--ds-space-050, 4px)",
@@ -118,7 +118,7 @@ var baseVanillaStatusStyles = css({
118
118
  border: 'none'
119
119
  },
120
120
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
121
- '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="status"] .lozenge-text': {
121
+ '[data-prosemirror-node-name="status"] .lozenge-text': {
122
122
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
123
123
  fontSize: '11px',
124
124
  fontStyle: 'normal',
@@ -136,8 +136,8 @@ var baseVanillaStatusStyles = css({
136
136
  });
137
137
 
138
138
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
139
- export var vanillaStatusStyles = function vanillaStatusStyles() {
140
- return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t", "\n\t", "\n"])), baseVanillaStatusStyles, getStatusColors());
139
+ export var statusNodeStyles = function statusNodeStyles() {
140
+ return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t", "\n\t", "\n"])), baseStatusStyles, getStatusColors());
141
141
  };
142
142
 
143
143
  // 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/esm/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';
@@ -209,12 +209,6 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
209
209
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
210
210
  statusStylesMixin_without_fg_platform_component_visual_refresh,
211
211
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
212
- editorExperiment('platform_editor_vanilla_dom', true) && vanillaStatusStyles, editorExperiment('platform_editor_vanilla_dom', true) && fg('platform-component-visual-refresh') &&
213
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
214
- vanillaStatusStylesMixin_fg_platform_component_visual_refresh, editorExperiment('platform_editor_vanilla_dom', true) && !fg('platform-component-visual-refresh') &&
215
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
216
- vanillaStatusStylesMixin_without_fg_platform_component_visual_refresh,
217
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
218
212
  annotationStyles,
219
213
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
220
214
  smartCardStyles,
package/dist/esm/ui/EditorContentContainer/styles/findReplaceStyles.js CHANGED
@@ -24,26 +24,30 @@ export var findReplaceStylesNew = css({
24
24
  '.search-match-text': {
25
25
  borderRadius: "var(--ds-space-050, 4px)",
26
26
  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"),
27
- backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
28
+ backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)".concat(" !important"),
28
29
  color: "var(--ds-text, #172B4D)"
29
30
  },
30
31
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
31
32
  '.search-match-text.selected-search-match': {
32
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-subtlest-pressed, #F5CD47)", "\n\t\t"),
33
- backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
35
+ backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)".concat(" !important")
34
36
  },
35
37
  /** Dark mode */
36
38
 
37
39
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
38
40
  '.search-match-text.search-match-dark': {
39
41
  boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t"),
40
- backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
42
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
43
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)".concat(" !important"),
41
44
  color: "var(--ds-text-inverse, #FFFFFF)"
42
45
  },
43
46
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
44
47
  '.search-match-text.selected-search-match.search-match-dark': {
45
48
  boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "\n\t\t"),
46
- backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
49
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
50
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)".concat(" !important")
47
51
  },
48
52
  /** Block match styles */
49
53