@atlaskit/editor-core 221.17.2 → 221.17.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 (18) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -2
  3. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +3 -1
  4. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +5 -1
  5. package/dist/cjs/ui/EditorContentContainer/styles/emoji.js +82 -64
  6. package/dist/cjs/version-wrapper.js +1 -1
  7. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -2
  8. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +3 -1
  9. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +6 -2
  10. package/dist/es2019/ui/EditorContentContainer/styles/emoji.js +88 -68
  11. package/dist/es2019/version-wrapper.js +1 -1
  12. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -2
  13. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +3 -1
  14. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +6 -2
  15. package/dist/esm/ui/EditorContentContainer/styles/emoji.js +81 -63
  16. package/dist/esm/version-wrapper.js +1 -1
  17. package/dist/types/ui/EditorContentContainer/styles/emoji.d.ts +14 -0
  18. package/package.json +2 -2
package/dist/esm/ui/EditorContentContainer/styles/emoji.js CHANGED
@@ -12,7 +12,7 @@ import { akEditorFullPageDefaultFontSize, akEditorSelectedNodeClassName } from '
12
12
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
13
13
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
14
14
  */
15
- export var emojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
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
18
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -74,36 +74,7 @@ export var emojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_de
74
74
  userSelect: 'all'
75
75
  }), ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
76
76
  cursor: 'pointer'
77
- }), ".ProseMirror .".concat(akEditorSelectedNodeClassName), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
78
- borderRadius: "var(--ds-radius-xsmall, 2px)",
79
- position: 'relative',
80
- WebkitUserSelect: 'text',
81
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
82
- boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)"),
83
- borderColor: 'transparent',
84
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
85
- '&::selection,*::selection': {
86
- backgroundColor: 'transparent'
87
- },
88
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
89
- '&::-moz-selection,*::-moz-selection': {
90
- backgroundColor: 'transparent'
91
- },
92
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
93
- '&::before': {
94
- position: 'absolute',
95
- content: "''",
96
- left: 0,
97
- right: 0,
98
- top: 0,
99
- bottom: 0,
100
- width: '100%',
101
- pointerEvents: 'none',
102
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
103
- zIndex: 12,
104
- backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
105
- }
106
- })));
77
+ }));
107
78
  /**
108
79
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
109
80
  * If you need to make changes here, also update the corresponding style in
@@ -111,7 +82,7 @@ export var emojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_de
111
82
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
112
83
  */
113
84
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
114
- export var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
85
+ export var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
115
86
  // Show diff: emoji attr change highlight. Keep this with scaled emoji node styles too,
116
87
  // because scaled emoji styles replace the base emoji style bucket when enabled.
117
88
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -179,7 +150,41 @@ export var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProper
179
150
  userSelect: 'all'
180
151
  }), ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
181
152
  cursor: 'pointer'
182
- }), ".ProseMirror .".concat(akEditorSelectedNodeClassName), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
153
+ }), ".ProseMirror h1 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
154
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
155
+ height: "".concat(scaledEmojiHeightH1, "px"),
156
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
157
+ width: "".concat(scaledEmojiHeightH1, "px")
158
+ }), ".ProseMirror h2 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
159
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
160
+ height: "".concat(scaledEmojiHeightH2, "px"),
161
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
162
+ width: "".concat(scaledEmojiHeightH2, "px")
163
+ }), ".ProseMirror h3 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
164
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
165
+ height: "".concat(scaledEmojiHeightH3, "px"),
166
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
167
+ width: "".concat(scaledEmojiHeightH3, "px")
168
+ }), ".ProseMirror h4 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
169
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
170
+ height: "".concat(scaledEmojiHeightH4, "px"),
171
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
172
+ width: "".concat(scaledEmojiHeightH4, "px")
173
+ }), ".ProseMirror :is(h5, h6, p) .".concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
174
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
175
+ height: "".concat(defaultEmojiHeight, "px"),
176
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
177
+ width: "".concat(defaultEmojiHeight, "px")
178
+ }));
179
+
180
+ /**
181
+ * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
182
+ * If you need to make changes here, also update the corresponding style in
183
+ * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
184
+ * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
185
+ */
186
+ // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
187
+ export var emojiSelectionStyles = css(_defineProperty({}, ".ProseMirror .".concat(akEditorSelectedNodeClassName), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
183
188
  borderRadius: "var(--ds-radius-xsmall, 2px)",
184
189
  position: 'relative',
185
190
  WebkitUserSelect: 'text',
@@ -208,32 +213,45 @@ export var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProper
208
213
  zIndex: 12,
209
214
  backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
210
215
  }
211
- })), ".ProseMirror h1 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
212
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
213
- height: "".concat(scaledEmojiHeightH1, "px"),
214
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
215
- width: "".concat(scaledEmojiHeightH1, "px")
216
- }), ".ProseMirror h2 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
217
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
218
- height: "".concat(scaledEmojiHeightH2, "px"),
219
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
220
- width: "".concat(scaledEmojiHeightH2, "px")
221
- }), ".ProseMirror h3 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
222
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
223
- height: "".concat(scaledEmojiHeightH3, "px"),
224
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
225
- width: "".concat(scaledEmojiHeightH3, "px")
226
- }), ".ProseMirror h4 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
227
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
228
- height: "".concat(scaledEmojiHeightH4, "px"),
229
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
230
- width: "".concat(scaledEmojiHeightH4, "px")
231
- }), ".ProseMirror :is(h5, h6, p) .".concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
232
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
233
- height: "".concat(defaultEmojiHeight, "px"),
234
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
235
- width: "".concat(defaultEmojiHeight, "px")
236
- }));
216
+ })));
217
+
218
+ /**
219
+ * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
220
+ * If you need to make changes here, also update the corresponding style in
221
+ * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
222
+ * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
223
+ */
224
+ // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
225
+ export var directEmojiSelectionStyles = css(_defineProperty({}, ".ProseMirror .".concat(akEditorSelectedNodeClassName, "[data-emoji-id]"), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
226
+ borderRadius: "var(--ds-radius-xsmall, 2px)",
227
+ position: 'relative',
228
+ WebkitUserSelect: 'text',
229
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
230
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)"),
231
+ borderColor: 'transparent',
232
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
233
+ '&::selection,*::selection': {
234
+ backgroundColor: 'transparent'
235
+ },
236
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
237
+ '&::-moz-selection,*::-moz-selection': {
238
+ backgroundColor: 'transparent'
239
+ },
240
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
241
+ '&::before': {
242
+ position: 'absolute',
243
+ content: "''",
244
+ left: 0,
245
+ right: 0,
246
+ top: 0,
247
+ bottom: 0,
248
+ width: '100%',
249
+ pointerEvents: 'none',
250
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
251
+ zIndex: 12,
252
+ backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
253
+ }
254
+ })));
237
255
 
238
256
  /**
239
257
  * Gets scaled dense emoji styles that adjust emoji sizes for dense mode headings.
@@ -244,11 +262,11 @@ export var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProper
244
262
  */
245
263
  // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
246
264
  export var getScaledDenseEmojiStyles = function getScaledDenseEmojiStyles(baseFontSize) {
247
- var _css3;
265
+ var _css5;
248
266
  if (!baseFontSize || baseFontSize === akEditorFullPageDefaultFontSize) {
249
267
  return css({});
250
268
  }
251
- return css((_css3 = {
269
+ return css((_css5 = {
252
270
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
253
271
  '.ProseMirror [data-emoji-type="unicode"]': {
254
272
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -279,7 +297,7 @@ export var getScaledDenseEmojiStyles = function getScaledDenseEmojiStyles(baseFo
279
297
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
280
298
  '--emoji-common-unicode-size': "".concat(defaultDenseEmojiHeight, "px")
281
299
  }
282
- }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css3, ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
300
+ }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css5, ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
283
301
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
284
302
  width: defaultDenseEmojiHeight,
285
303
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -343,7 +361,7 @@ export var getScaledDenseEmojiStyles = function getScaledDenseEmojiStyles(baseFo
343
361
  height: "".concat(denseEmojiHeightH4, "px"),
344
362
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
345
363
  width: "".concat(denseEmojiHeightH4, "px")
346
- }), _defineProperty(_css3, ".ProseMirror :is(h5, h6, p) .".concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
364
+ }), _defineProperty(_css5, ".ProseMirror :is(h5, h6, p) .".concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
347
365
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
348
366
  height: "".concat(defaultDenseEmojiHeight, "px"),
349
367
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
package/dist/esm/version-wrapper.js CHANGED
@@ -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 = "221.17.1";
3
+ export var version = "221.17.2";
package/dist/types/ui/EditorContentContainer/styles/emoji.d.ts CHANGED
@@ -13,6 +13,20 @@ export declare const emojiStyles: SerializedStyles;
13
13
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
14
14
  */
15
15
  export declare const scaledEmojiStyles: SerializedStyles;
16
+ /**
17
+ * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
18
+ * If you need to make changes here, also update the corresponding style in
19
+ * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
20
+ * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
21
+ */
22
+ export declare const emojiSelectionStyles: SerializedStyles;
23
+ /**
24
+ * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
25
+ * If you need to make changes here, also update the corresponding style in
26
+ * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
27
+ * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
28
+ */
29
+ export declare const directEmojiSelectionStyles: SerializedStyles;
16
30
  /**
17
31
  * Gets scaled dense emoji styles that adjust emoji sizes for dense mode headings.
18
32
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "221.17.2",
3
+ "version": "221.17.3",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -67,7 +67,7 @@
67
67
  "@atlaskit/react-compiler-gating": "^0.2.0",
68
68
  "@atlaskit/react-ufo": "^7.3.0",
69
69
  "@atlaskit/task-decision": "^21.8.0",
70
- "@atlaskit/tmp-editor-statsig": "^135.10.0",
70
+ "@atlaskit/tmp-editor-statsig": "^135.11.0",
71
71
  "@atlaskit/tokens": "^16.3.0",
72
72
  "@atlaskit/tooltip": "^24.0.0",
73
73
  "@atlaskit/width-detector": "^6.2.0",