@atlaskit/editor-core 225.0.0 → 226.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +49 -0
- package/afm-cc/tsconfig.json +0 -3
- package/dist/cjs/create-editor/ReactEditorView.js +0 -24
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-compiled.compiled.css +1 -0
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-compiled.js +22 -12
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-emotion.js +25 -14
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -3
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +4 -5
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +6 -5
- package/dist/cjs/ui/EditorContentContainer/styles/dateStyles.js +3 -4
- package/dist/cjs/ui/EditorContentContainer/styles/emoji.js +6 -8
- package/dist/cjs/ui/EditorContentContainer/styles/mentions.js +3 -4
- package/dist/cjs/ui/EditorContentContainer/styles/smartCardStyles.js +125 -13
- package/dist/cjs/ui/EditorContentContainer/styles/statusStyles.js +3 -4
- package/dist/cjs/ui/EditorContentContainer/styles/unsupportedStyles.js +16 -0
- package/dist/cjs/ui/EditorContentContainer/styles/vanillaTooltipStyles.js +41 -0
- package/dist/cjs/ui/quick-insert/getExtensionQuickInsertComponents.js +1 -2
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/create-editor/ReactEditorView.js +0 -24
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.compiled.css +1 -0
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.js +22 -12
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-emotion.js +25 -14
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -3
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +3 -5
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +5 -5
- package/dist/es2019/ui/EditorContentContainer/styles/dateStyles.js +3 -4
- package/dist/es2019/ui/EditorContentContainer/styles/emoji.js +6 -8
- package/dist/es2019/ui/EditorContentContainer/styles/mentions.js +3 -4
- package/dist/es2019/ui/EditorContentContainer/styles/smartCardStyles.js +183 -8
- package/dist/es2019/ui/EditorContentContainer/styles/statusStyles.js +3 -4
- package/dist/es2019/ui/EditorContentContainer/styles/unsupportedStyles.js +16 -0
- package/dist/es2019/ui/EditorContentContainer/styles/vanillaTooltipStyles.js +34 -0
- package/dist/es2019/ui/quick-insert/getExtensionQuickInsertComponents.js +1 -2
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/create-editor/ReactEditorView.js +0 -24
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-compiled.compiled.css +1 -0
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-compiled.js +22 -12
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-emotion.js +25 -14
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -3
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +4 -5
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +6 -5
- package/dist/esm/ui/EditorContentContainer/styles/dateStyles.js +3 -4
- package/dist/esm/ui/EditorContentContainer/styles/emoji.js +6 -8
- package/dist/esm/ui/EditorContentContainer/styles/mentions.js +3 -4
- package/dist/esm/ui/EditorContentContainer/styles/smartCardStyles.js +125 -12
- package/dist/esm/ui/EditorContentContainer/styles/statusStyles.js +3 -4
- package/dist/esm/ui/EditorContentContainer/styles/unsupportedStyles.js +16 -0
- package/dist/esm/ui/EditorContentContainer/styles/vanillaTooltipStyles.js +34 -0
- package/dist/esm/ui/quick-insert/getExtensionQuickInsertComponents.js +1 -2
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/types/editor-props.d.ts +0 -1
- package/dist/types/ui/EditorContentContainer/EditorContentContainer-compiled.d.ts +0 -1
- package/dist/types/ui/EditorContentContainer/EditorContentContainer-emotion.d.ts +0 -1
- package/dist/types/ui/EditorContentContainer/styles/smartCardStyles.d.ts +14 -0
- package/dist/types/ui/EditorContentContainer/styles/vanillaTooltipStyles.d.ts +10 -0
- package/dist/types/ui/quick-insert/getExtensionQuickInsertComponents.d.ts +6 -2
- package/package.json +6 -7
|
@@ -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(
|
|
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
|
-
|
|
142
|
-
|
|
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
|
-
|
|
145
|
-
|
|
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(
|
|
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
|
-
|
|
218
|
-
|
|
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
|
-
|
|
221
|
-
|
|
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
|
|
15
|
-
//
|
|
16
|
-
//
|
|
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
|
};
|
|
@@ -43,7 +43,6 @@ export type PrimaryToolbarComponents = BeforeAndAfterToolbarComponents | ReactCo
|
|
|
43
43
|
export type BeforeAndAfterContentComponents = {
|
|
44
44
|
after: ReactComponents;
|
|
45
45
|
before: ReactComponents;
|
|
46
|
-
UNSAFE_outside?: ReactComponents;
|
|
47
46
|
};
|
|
48
47
|
export type ContentComponents = BeforeAndAfterContentComponents | ReactComponents;
|
|
49
48
|
interface EditorBaseProps {
|
|
@@ -12,7 +12,6 @@ export type EditorContentContainerProps = {
|
|
|
12
12
|
contentMode?: EditorContentMode;
|
|
13
13
|
featureFlags?: FeatureFlags;
|
|
14
14
|
isScrollable?: boolean;
|
|
15
|
-
UNSAFE_containLayout?: boolean;
|
|
16
15
|
/**
|
|
17
16
|
* When true, nodes maintain their standard width without negative margins
|
|
18
17
|
* For when the drag handle is visible and the editor has limited space.
|
|
@@ -11,7 +11,6 @@ export type EditorContentContainerProps = {
|
|
|
11
11
|
contentMode?: EditorContentMode;
|
|
12
12
|
featureFlags?: FeatureFlags;
|
|
13
13
|
isScrollable?: boolean;
|
|
14
|
-
UNSAFE_containLayout?: boolean;
|
|
15
14
|
/**
|
|
16
15
|
* When true, nodes maintain their standard width without negative margins
|
|
17
16
|
* For when the drag handle is visible and the editor has limited space.
|
|
@@ -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": "
|
|
3
|
+
"version": "226.0.1",
|
|
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.
|
|
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": "^
|
|
76
|
+
"@atlaskit/tmp-editor-statsig": "^161.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.
|
|
94
|
+
"@atlaskit/editor-common": "^120.1.0",
|
|
96
95
|
"@atlaskit/link-provider": "^5.4.0",
|
|
97
96
|
"@atlaskit/media-core": "^38.0.0",
|
|
98
97
|
"react": "^18.2.0",
|
|
@@ -151,7 +150,7 @@
|
|
|
151
150
|
"@atlaskit/portal": "^6.3.0",
|
|
152
151
|
"@atlaskit/profilecard": "^26.19.0",
|
|
153
152
|
"@atlaskit/radio": "^10.1.0",
|
|
154
|
-
"@atlaskit/renderer": "^137.
|
|
153
|
+
"@atlaskit/renderer": "^137.1.0",
|
|
155
154
|
"@atlaskit/section-message": "^10.1.0",
|
|
156
155
|
"@atlaskit/spinner": "^20.3.0",
|
|
157
156
|
"@atlaskit/synchrony-test-helpers": "workspace:^",
|
|
@@ -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.
|
|
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",
|