@atlaskit/editor-core 226.0.0 → 226.0.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 (46) hide show
  1. package/CHANGELOG.md +45 -0
  2. package/afm-cc/tsconfig.json +0 -3
  3. package/afm-products/tsconfig.json +0 -3
  4. package/dist/cjs/create-editor/ReactEditorView.js +0 -24
  5. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -3
  6. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +2 -1
  7. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +4 -1
  8. package/dist/cjs/ui/EditorContentContainer/styles/dateStyles.js +3 -4
  9. package/dist/cjs/ui/EditorContentContainer/styles/emoji.js +6 -8
  10. package/dist/cjs/ui/EditorContentContainer/styles/mentions.js +3 -4
  11. package/dist/cjs/ui/EditorContentContainer/styles/smartCardStyles.js +125 -13
  12. package/dist/cjs/ui/EditorContentContainer/styles/statusStyles.js +3 -4
  13. package/dist/cjs/ui/EditorContentContainer/styles/unsupportedStyles.js +16 -0
  14. package/dist/cjs/ui/EditorContentContainer/styles/vanillaTooltipStyles.js +41 -0
  15. package/dist/cjs/ui/quick-insert/getExtensionQuickInsertComponents.js +1 -2
  16. package/dist/cjs/version-wrapper.js +1 -1
  17. package/dist/es2019/create-editor/ReactEditorView.js +0 -24
  18. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -3
  19. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +2 -1
  20. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +4 -1
  21. package/dist/es2019/ui/EditorContentContainer/styles/dateStyles.js +3 -4
  22. package/dist/es2019/ui/EditorContentContainer/styles/emoji.js +6 -8
  23. package/dist/es2019/ui/EditorContentContainer/styles/mentions.js +3 -4
  24. package/dist/es2019/ui/EditorContentContainer/styles/smartCardStyles.js +183 -8
  25. package/dist/es2019/ui/EditorContentContainer/styles/statusStyles.js +3 -4
  26. package/dist/es2019/ui/EditorContentContainer/styles/unsupportedStyles.js +16 -0
  27. package/dist/es2019/ui/EditorContentContainer/styles/vanillaTooltipStyles.js +34 -0
  28. package/dist/es2019/ui/quick-insert/getExtensionQuickInsertComponents.js +1 -2
  29. package/dist/es2019/version-wrapper.js +1 -1
  30. package/dist/esm/create-editor/ReactEditorView.js +0 -24
  31. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -3
  32. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +2 -1
  33. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +4 -1
  34. package/dist/esm/ui/EditorContentContainer/styles/dateStyles.js +3 -4
  35. package/dist/esm/ui/EditorContentContainer/styles/emoji.js +6 -8
  36. package/dist/esm/ui/EditorContentContainer/styles/mentions.js +3 -4
  37. package/dist/esm/ui/EditorContentContainer/styles/smartCardStyles.js +125 -12
  38. package/dist/esm/ui/EditorContentContainer/styles/statusStyles.js +3 -4
  39. package/dist/esm/ui/EditorContentContainer/styles/unsupportedStyles.js +16 -0
  40. package/dist/esm/ui/EditorContentContainer/styles/vanillaTooltipStyles.js +34 -0
  41. package/dist/esm/ui/quick-insert/getExtensionQuickInsertComponents.js +1 -2
  42. package/dist/esm/version-wrapper.js +1 -1
  43. package/dist/types/ui/EditorContentContainer/styles/smartCardStyles.d.ts +14 -0
  44. package/dist/types/ui/EditorContentContainer/styles/vanillaTooltipStyles.d.ts +10 -0
  45. package/dist/types/ui/quick-insert/getExtensionQuickInsertComponents.d.ts +6 -2
  46. package/package.json +5 -6
@@ -15,10 +15,9 @@ import { akEditorFullPageDefaultFontSize, akEditorSelectedNodeClassName } from '
15
15
  export var emojiStyles = css(_defineProperty(_defineProperty(_defineProperty({
16
16
  // Show diff: emoji attr change highlight. Keep this with emoji node styles so the highlight
17
17
  // targets sprite/image/unicode emoji renderers.
18
- // The plugin may set --show-diff-atomic-inline-changed-border-color inline on the decoration,
19
- // which overrides the declarations below. EDITOR-8281: this two-scheme colour table is superseded
20
- // by that inline variable and will be removed once
21
- // platform_editor_show_diff_color_scheme_refactor is cleaned up.
18
+ // The ON cohort of platform_editor_show_diff_color_scheme_refactor sets
19
+ // --show-diff-atomic-inline-changed-border-color inline, overriding the table below; the OFF
20
+ // cohort picks its colour with the `-traditional` class. Drop the table at cleanup (EDITOR-8281).
22
21
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
23
22
  '.show-diff-atomic-inline-changed-emoji': {
24
23
  '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"
@@ -90,10 +89,9 @@ export var emojiStyles = css(_defineProperty(_defineProperty(_defineProperty({
90
89
  export var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
91
90
  // Show diff: emoji attr change highlight. Keep this with scaled emoji node styles too,
92
91
  // because scaled emoji styles replace the base emoji style bucket when enabled.
93
- // The plugin may set --show-diff-atomic-inline-changed-border-color inline on the decoration,
94
- // which overrides the declarations below. EDITOR-8281: this two-scheme colour table is superseded
95
- // by that inline variable and will be removed once
96
- // platform_editor_show_diff_color_scheme_refactor is cleaned up.
92
+ // The ON cohort of platform_editor_show_diff_color_scheme_refactor sets
93
+ // --show-diff-atomic-inline-changed-border-color inline, overriding the table below; the OFF
94
+ // cohort picks its colour with the `-traditional` class. Drop the table at cleanup (EDITOR-8281).
97
95
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
98
96
  '.show-diff-atomic-inline-changed-emoji': {
99
97
  '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"
@@ -43,10 +43,9 @@ backgroundSelectionStyles, mentionsSelectedColor])), '.danger', _defineProperty(
43
43
  export var mentionNodeStyles = css({
44
44
  // Show diff: mention attr change highlight. Keep this with mention node styles so the
45
45
  // highlight targets the mention primitive's rounded shape.
46
- // The plugin may set --show-diff-atomic-inline-changed-border-color inline on the decoration,
47
- // which overrides the declarations below. EDITOR-8281: this two-scheme colour table is superseded
48
- // by that inline variable and will be removed once
49
- // platform_editor_show_diff_color_scheme_refactor is cleaned up.
46
+ // The ON cohort of platform_editor_show_diff_color_scheme_refactor sets
47
+ // --show-diff-atomic-inline-changed-border-color inline, overriding the table below; the OFF
48
+ // cohort picks its colour with the `-traditional` class. Drop the table at cleanup (EDITOR-8281).
50
49
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
51
50
  '.show-diff-atomic-inline-changed-mention': {
52
51
  '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"
@@ -1,4 +1,5 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
+ var _css3, _css4;
2
3
  /* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports */
3
4
  /* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
4
5
  @repo/internal/deprecations/deprecation-ticket-required,
@@ -75,8 +76,20 @@ export var smartCardDiffStyles = css(_defineProperty({}, ".".concat(SmartCardSha
75
76
  * If you need to make changes here, also update the corresponding style in
76
77
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
77
78
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
79
+ *
80
+ * Two rule sets, one per cohort of `platform_editor_show_diff_color_scheme_refactor`. Their base
81
+ * classes are disjoint — `wrapBlockNodeView` emits `-node`/`-node-traditional` when the gate is off
82
+ * and `-node-vars` when it is on — so only one set can ever match an element.
83
+ *
84
+ * The OFF set is the pre-refactor CSS, kept verbatim: that cohort emits no custom properties, so the
85
+ * tokens in its `var()` fallbacks are the live values. Delete it at experiment cleanup.
86
+ *
87
+ * The ON set reads the `--diff-delete-*` properties the factory emits inline, with no `var()`
88
+ * fallback — `wrapBlockNodeView` sets the class and the properties in the same step. The fallbacks
89
+ * it does keep are the ones standard leaves unset on purpose: `--diff-delete-opacity`,
90
+ * `--diff-delete-ring-width`, and `--diff-delete-text-decoration-color`.
78
91
  */
79
- export var showDiffDeletedNodeStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
92
+ export var showDiffDeletedNodeStyles = css((_css3 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css3, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
80
93
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
81
94
  boxShadow: "0 0 0 1px var(--diff-delete-color, ".concat("var(--ds-border-accent-gray, #7D818A)", ")"),
82
95
  borderColor: 'transparent'
@@ -98,6 +111,21 @@ export var showDiffDeletedNodeStyles = css(_defineProperty(_defineProperty(_defi
98
111
  borderColor: 'transparent'
99
112
  }), "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER), {
100
113
  opacity: 0.6
114
+ }), "&.show-diff-deleted-node-vars .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
115
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
116
+ boxShadow: "0 0 0 1px var(--diff-delete-color)",
117
+ borderColor: 'transparent'
118
+ }), "&.show-diff-deleted-node-vars.show-diff-deleted-outline-new .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
119
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
120
+ boxShadow: "0 0 0 4px var(--diff-delete-color-new)",
121
+ borderColor: 'transparent'
122
+ }), "&.show-diff-deleted-node-vars.show-diff-deleted-active .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
123
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
124
+ boxShadow: "0 0 0 4px var(--diff-delete-color-active)",
125
+ borderColor: 'transparent'
126
+ }), "&.show-diff-deleted-node-vars .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER), {
127
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
128
+ opacity: "var(--diff-delete-opacity, 0.6)"
101
129
  })), '.show-diff-deleted-node .media-card-wrapper', {
102
130
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
103
131
  '& > div': {
@@ -138,12 +166,46 @@ export var showDiffDeletedNodeStyles = css(_defineProperty(_defineProperty(_defi
138
166
  }), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node', {
139
167
  textDecoration: 'line-through'
140
168
  }), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional', {
141
- textDecoration: 'line-through',
142
- textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")")
169
+ textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
170
+ textDecorationLine: 'line-through'
143
171
  }), '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-traditional', {
144
- textDecoration: 'line-through',
145
- textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")")
146
- }));
172
+ textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
173
+ textDecorationLine: 'line-through'
174
+ }), '.show-diff-deleted-node-vars .media-card-wrapper', {
175
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
176
+ '& > div': {
177
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
178
+ boxShadow: "0 0 0 1px var(--diff-delete-color)",
179
+ borderRadius: "var(--ds-radius-small, 4px)",
180
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
181
+ opacity: "var(--diff-delete-opacity, 0.6)"
182
+ }
183
+ }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_css3, '.show-diff-deleted-node-vars.show-diff-deleted-outline-new .media-card-wrapper', {
184
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
185
+ '& > div': {
186
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
187
+ boxShadow: "0 0 0 4px var(--diff-delete-color-new)",
188
+ borderRadius: "var(--ds-radius-small, 4px)"
189
+ }
190
+ }), '.show-diff-deleted-node-vars.show-diff-deleted-active .media-card-wrapper', {
191
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
192
+ '& > div': {
193
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
194
+ boxShadow: "0 0 0 4px var(--diff-delete-color-active)",
195
+ borderRadius: "var(--ds-radius-small, 4px)",
196
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
197
+ opacity: "var(--diff-delete-opacity, 0.6)"
198
+ }
199
+ }), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-vars', {
200
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
201
+ textDecorationColor: "var(--diff-delete-text-decoration-color, currentColor)",
202
+ textDecorationLine: 'line-through'
203
+ }), '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-vars', {
204
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
205
+ textDecorationColor: "var(--diff-delete-text-decoration-color, currentColor)",
206
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
207
+ textDecorationLine: "var(--diff-delete-embed-strike-line)"
208
+ })));
147
209
 
148
210
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
149
211
  /**
@@ -151,8 +213,10 @@ export var showDiffDeletedNodeStyles = css(_defineProperty(_defineProperty(_defi
151
213
  * If you need to make changes here, also update the corresponding style in
152
214
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
153
215
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
216
+ *
217
+ * The a11y-fixes variant of `showDiffDeletedNodeStyles`; same two-cohort split — see its note.
154
218
  */
155
- export var showDiffDeletedNodeStylesNew = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
219
+ export var showDiffDeletedNodeStylesNew = css((_css4 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css4, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
156
220
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
157
221
  boxShadow: "0 0 0 1px var(--diff-delete-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
158
222
  borderColor: 'transparent'
@@ -174,6 +238,21 @@ export var showDiffDeletedNodeStylesNew = css(_defineProperty(_defineProperty(_d
174
238
  borderColor: 'transparent'
175
239
  }), "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER), {
176
240
  opacity: 0.8
241
+ }), "&.show-diff-deleted-node-vars .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
242
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
243
+ boxShadow: "0 0 0 1px var(--diff-delete-media-ring-color)",
244
+ borderColor: 'transparent'
245
+ }), "&.show-diff-deleted-node-vars.show-diff-deleted-outline-new .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
246
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
247
+ boxShadow: "0 0 0 4px var(--diff-delete-color-new)",
248
+ borderColor: 'transparent'
249
+ }), "&.show-diff-deleted-node-vars.show-diff-deleted-active .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
250
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
251
+ boxShadow: "0 0 0 4px var(--diff-delete-color-active)",
252
+ borderColor: 'transparent'
253
+ }), "&.show-diff-deleted-node-vars .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER), {
254
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
255
+ opacity: "var(--diff-delete-opacity, 0.8)"
177
256
  })), '.show-diff-deleted-node .media-card-wrapper', {
178
257
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
179
258
  '& > div': {
@@ -214,12 +293,46 @@ export var showDiffDeletedNodeStylesNew = css(_defineProperty(_defineProperty(_d
214
293
  }), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node', {
215
294
  textDecoration: 'line-through'
216
295
  }), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional', {
217
- textDecoration: 'line-through',
218
- textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")")
296
+ textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
297
+ textDecorationLine: 'line-through'
219
298
  }), '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-traditional', {
220
- textDecoration: 'line-through',
221
- textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")")
222
- }));
299
+ textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
300
+ textDecorationLine: 'line-through'
301
+ }), '.show-diff-deleted-node-vars .media-card-wrapper', {
302
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
303
+ '& > div': {
304
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
305
+ boxShadow: "0 0 0 var(--diff-delete-ring-width, 1px) var(--diff-delete-media-ring-color)",
306
+ borderRadius: "var(--ds-radius-small, 4px)",
307
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
308
+ opacity: "var(--diff-delete-opacity, 0.8)"
309
+ }
310
+ }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_css4, '.show-diff-deleted-node-vars.show-diff-deleted-outline-new .media-card-wrapper', {
311
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
312
+ '& > div': {
313
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
314
+ boxShadow: "0 0 0 4px var(--diff-delete-color-new)",
315
+ borderRadius: "var(--ds-radius-small, 4px)"
316
+ }
317
+ }), '.show-diff-deleted-node-vars.show-diff-deleted-active .media-card-wrapper', {
318
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
319
+ '& > div': {
320
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
321
+ boxShadow: "0 0 0 4px var(--diff-delete-color-active)",
322
+ borderRadius: "var(--ds-radius-small, 4px)",
323
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
324
+ opacity: "var(--diff-delete-opacity, 0.8)"
325
+ }
326
+ }), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-vars', {
327
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
328
+ textDecorationColor: "var(--diff-delete-text-decoration-color, currentColor)",
329
+ textDecorationLine: 'line-through'
330
+ }), '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-vars', {
331
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
332
+ textDecorationColor: "var(--diff-delete-text-decoration-color, currentColor)",
333
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
334
+ textDecorationLine: "var(--diff-delete-embed-strike-line)"
335
+ })));
223
336
  /**
224
337
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
225
338
  * If you need to make changes here, also update the corresponding style in
@@ -11,10 +11,9 @@ import { css } from '@emotion/react';
11
11
  export var statusStyles = css({
12
12
  // Show diff: status attr change highlight. Keep this with status node styles so the highlight
13
13
  // targets the lozenge shape rather than the decoration wrapper.
14
- // The plugin may set --show-diff-atomic-inline-changed-border-color inline on the decoration,
15
- // which overrides the declarations below. EDITOR-8281: this two-scheme colour table is superseded
16
- // by that inline variable and will be removed once
17
- // platform_editor_show_diff_color_scheme_refactor is cleaned up.
14
+ // The ON cohort of platform_editor_show_diff_color_scheme_refactor sets
15
+ // --show-diff-atomic-inline-changed-border-color inline, overriding the table below; the OFF
16
+ // cohort picks its colour with the `-traditional` class. Drop the table at cleanup (EDITOR-8281).
18
17
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
19
18
  '.show-diff-atomic-inline-changed-status': {
20
19
  '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"
@@ -53,6 +53,22 @@ export var vanillaUnsupportedStyles = css({
53
53
  justifyContent: 'center'
54
54
  },
55
55
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
56
+ '.unsupported-inline-vanilla-inner': {
57
+ alignItems: 'center',
58
+ background: "var(--ds-background-disabled, #0515240F)",
59
+ border: "var(--ds-border-width, 1px)".concat(" dashed ", "var(--ds-border-disabled, #0515240F)"),
60
+ borderRadius: "var(--ds-radius-small, 3px)",
61
+ boxSizing: 'border-box',
62
+ cursor: 'default',
63
+ display: 'inline-flex',
64
+ font: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
65
+ margin: "0 ".concat("var(--ds-space-025, 2px)"),
66
+ minHeight: '24px',
67
+ padding: "0 ".concat("var(--ds-space-100, 8px)"),
68
+ verticalAlign: 'middle',
69
+ whiteSpace: 'nowrap'
70
+ },
71
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
56
72
  '.unsupported-vanilla-icon': {
57
73
  padding: "var(--ds-space-050, 4px)",
58
74
  display: 'inline-flex',
@@ -0,0 +1,34 @@
1
+ /* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
2
+ @repo/internal/deprecations/deprecation-ticket-required,
3
+ @atlaskit/ui-styling-standard/no-exported-styles */
4
+ import { css } from '@emotion/react';
5
+ /**
6
+ * Default look for tooltips created by `VanillaTooltip` (`editor-common/vanilla-tooltip`).
7
+ * Opt in by adding `ak-editor-vanilla-tooltip-default` to the tooltip's class name.
8
+ *
9
+ * The tooltip is a `[popover]`: the browser paints it in the top layer but leaves it in the
10
+ * DOM, so this descendant selector still matches. `VanillaTooltip` sets `opacity`,
11
+ * `visibility` and `transition` inline for the show/hide animation;
12
+ */
13
+ export var vanillaTooltipDefaultStyles = css({
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
15
+ '.ProseMirror': {
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
17
+ '.ak-editor-vanilla-tooltip-default': {
18
+ boxSizing: 'border-box',
19
+ maxWidth: '240px',
20
+ backgroundColor: "var(--ds-background-neutral-bold, #292A2E)",
21
+ border: 'none',
22
+ borderRadius: "var(--ds-radius-small, 3px)",
23
+ color: "var(--ds-text-inverse, #FFFFFF)",
24
+ font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
25
+ fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
26
+ insetBlockStart: "var(--ds-space-0, 0px)",
27
+ insetInlineStart: "var(--ds-space-0, 0px)",
28
+ overflowWrap: 'break-word',
29
+ paddingBlock: "var(--ds-space-050, 4px)",
30
+ paddingInline: "var(--ds-space-075, 6px)",
31
+ whiteSpace: 'normal'
32
+ }
33
+ }
34
+ });
@@ -24,12 +24,11 @@ export var getExtensionQuickInsertComponents = function getExtensionQuickInsertC
24
24
  };
25
25
  }),
26
26
  component: function component(props) {
27
- var onInsert = typeof props.onInsert === 'function' ? props.onInsert : undefined;
28
27
  return /*#__PURE__*/React.createElement(ExtensionQuickInsertMenuItem, {
29
28
  apiRef: apiRef,
30
29
  createAnalyticsEvent: createAnalyticsEvent,
31
30
  item: item,
32
- onInsert: onInsert
31
+ onInsert: props.onInsert
33
32
  });
34
33
  }
35
34
  };
@@ -1,3 +1,3 @@
1
1
  export var name = "@atlaskit/editor-core";
2
2
  // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
3
- export var version = "225.0.0";
3
+ export var version = "226.0.1";
@@ -45,6 +45,18 @@ export declare const smartCardDiffStyles: SerializedStyles;
45
45
  * If you need to make changes here, also update the corresponding style in
46
46
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
47
47
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
48
+ *
49
+ * Two rule sets, one per cohort of `platform_editor_show_diff_color_scheme_refactor`. Their base
50
+ * classes are disjoint — `wrapBlockNodeView` emits `-node`/`-node-traditional` when the gate is off
51
+ * and `-node-vars` when it is on — so only one set can ever match an element.
52
+ *
53
+ * The OFF set is the pre-refactor CSS, kept verbatim: that cohort emits no custom properties, so the
54
+ * tokens in its `var()` fallbacks are the live values. Delete it at experiment cleanup.
55
+ *
56
+ * The ON set reads the `--diff-delete-*` properties the factory emits inline, with no `var()`
57
+ * fallback — `wrapBlockNodeView` sets the class and the properties in the same step. The fallbacks
58
+ * it does keep are the ones standard leaves unset on purpose: `--diff-delete-opacity`,
59
+ * `--diff-delete-ring-width`, and `--diff-delete-text-decoration-color`.
48
60
  */
49
61
  export declare const showDiffDeletedNodeStyles: SerializedStyles;
50
62
  /**
@@ -52,6 +64,8 @@ export declare const showDiffDeletedNodeStyles: SerializedStyles;
52
64
  * If you need to make changes here, also update the corresponding style in
53
65
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
54
66
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
67
+ *
68
+ * The a11y-fixes variant of `showDiffDeletedNodeStyles`; same two-cohort split — see its note.
55
69
  */
56
70
  export declare const showDiffDeletedNodeStylesNew: SerializedStyles;
57
71
  /**
@@ -0,0 +1,10 @@
1
+ import type { SerializedStyles } from '@emotion/react';
2
+ /**
3
+ * Default look for tooltips created by `VanillaTooltip` (`editor-common/vanilla-tooltip`).
4
+ * Opt in by adding `ak-editor-vanilla-tooltip-default` to the tooltip's class name.
5
+ *
6
+ * The tooltip is a `[popover]`: the browser paints it in the top layer but leaves it in the
7
+ * DOM, so this descendant selector still matches. `VanillaTooltip` sets `opacity`,
8
+ * `visibility` and `transition` inline for the show/hide animation;
9
+ */
10
+ export declare const vanillaTooltipDefaultStyles: SerializedStyles;
@@ -3,9 +3,13 @@ import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
3
3
  import type { MenuItem } from '@atlaskit/editor-common/extensions';
4
4
  import type { PublicPluginAPI } from '@atlaskit/editor-common/types';
5
5
  import type { ExtensionPlugin } from '@atlaskit/editor-plugins/extension';
6
- import type { RegisterMenuItem } from '@atlaskit/editor-ui-control-model/types';
6
+ import type { CommonComponentProps, RegisterMenuItem } from '@atlaskit/editor-ui-control-model/types';
7
+ type ExtensionQuickInsertComponentProps = CommonComponentProps & {
8
+ onInsert?: () => void;
9
+ };
7
10
  export declare const getExtensionQuickInsertComponents: ({ apiRef, createAnalyticsEvent, items, }: {
8
11
  apiRef: React.MutableRefObject<PublicPluginAPI<[ExtensionPlugin]> | undefined>;
9
12
  createAnalyticsEvent?: CreateUIAnalyticsEvent;
10
13
  items: MenuItem[];
11
- }) => RegisterMenuItem[];
14
+ }) => RegisterMenuItem<ExtensionQuickInsertComponentProps>[];
15
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "226.0.0",
3
+ "version": "226.0.2",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -49,7 +49,7 @@
49
49
  "@atlaskit/editor-performance-metrics": "^3.2.0",
50
50
  "@atlaskit/editor-plugin-block-menu": "^15.0.0",
51
51
  "@atlaskit/editor-plugin-connectivity": "^16.0.0",
52
- "@atlaskit/editor-plugin-quick-insert": "^16.0.0",
52
+ "@atlaskit/editor-plugin-quick-insert": "^16.1.0",
53
53
  "@atlaskit/editor-plugin-selection-extension": "^19.0.0",
54
54
  "@atlaskit/editor-plugin-user-preferences": "^14.0.0",
55
55
  "@atlaskit/editor-plugins": "^16.1.0",
@@ -62,7 +62,6 @@
62
62
  "@atlaskit/feature-gate-js-client": "^6.0.0",
63
63
  "@atlaskit/heading": "^7.1.0",
64
64
  "@atlaskit/icon": "^37.5.0",
65
- "@atlaskit/insm": "^2.0.0",
66
65
  "@atlaskit/link": "^5.1.0",
67
66
  "@atlaskit/media-card": "^81.8.0",
68
67
  "@atlaskit/mention": "^27.18.0",
@@ -74,7 +73,7 @@
74
73
  "@atlaskit/react-compiler-gating": "^0.2.0",
75
74
  "@atlaskit/react-ufo": "^7.7.0",
76
75
  "@atlaskit/task-decision": "^21.8.0",
77
- "@atlaskit/tmp-editor-statsig": "^161.0.0",
76
+ "@atlaskit/tmp-editor-statsig": "^162.0.0",
78
77
  "@atlaskit/tokens": "^16.8.0",
79
78
  "@atlaskit/tooltip": "^24.2.0",
80
79
  "@atlaskit/width-detector": "^7.1.0",
@@ -92,7 +91,7 @@
92
91
  "uuid": "^3.1.0"
93
92
  },
94
93
  "peerDependencies": {
95
- "@atlaskit/editor-common": "^120.0.0",
94
+ "@atlaskit/editor-common": "^120.2.0",
96
95
  "@atlaskit/link-provider": "^5.4.0",
97
96
  "@atlaskit/media-core": "^38.0.0",
98
97
  "react": "^18.2.0",
@@ -165,7 +164,7 @@
165
164
  "@atlassian/editor-rovo-bridge": "^14.0.0",
166
165
  "@atlassian/experiment-test-utils": "^0.2.0",
167
166
  "@atlassian/feature-flags-test-utils": "^1.2.0",
168
- "@atlassian/search-client": "^2.16.0",
167
+ "@atlassian/search-client": "^2.17.0",
169
168
  "@atlassian/search-provider": "^17.0.0",
170
169
  "@atlassian/structured-docs-types": "workspace:^",
171
170
  "@atlassian/testing-library": "^0.11.0",