@atlaskit/editor-core 221.4.0 → 221.5.0

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 +32 -0
  2. package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +17 -2
  3. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +34 -0
  4. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +5 -5
  5. package/dist/cjs/ui/EditorContentContainer/styles/emoji.js +200 -30
  6. package/dist/cjs/version-wrapper.js +1 -1
  7. package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +17 -2
  8. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +34 -0
  9. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +5 -5
  10. package/dist/es2019/ui/EditorContentContainer/styles/emoji.js +199 -29
  11. package/dist/es2019/version-wrapper.js +1 -1
  12. package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +17 -2
  13. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +34 -0
  14. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +5 -5
  15. package/dist/esm/ui/EditorContentContainer/styles/emoji.js +200 -30
  16. package/dist/esm/version-wrapper.js +1 -1
  17. package/dist/types/ui/EditorContentContainer/styles/emoji.d.ts +3 -4
  18. package/package.json +33 -33
package/dist/esm/ui/EditorContentContainer/styles/emoji.js CHANGED
@@ -5,11 +5,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
5
5
  import { css } from '@emotion/react';
6
6
  import { defaultEmojiHeight, EmojiSharedCssClassName, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4 } from '@atlaskit/editor-common/emoji';
7
7
  import { akEditorFullPageDefaultFontSize, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
8
- import { blanketSelectionStyles, boxShadowSelectionStyles, dangerBackgroundStyles, dangerBorderStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
9
- var emojiSelectionStyles = css({
10
- borderRadius: "var(--ds-radius-xsmall, 2px)"
11
- });
12
-
13
8
  // Emoji node view styles
14
9
  /**
15
10
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
@@ -17,7 +12,38 @@ var emojiSelectionStyles = css({
17
12
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
18
13
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
19
14
  */
20
- export var emojiStyles = css(_defineProperty(_defineProperty(_defineProperty({}, ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_CONTAINER), {
15
+ export var emojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
17
+ '.ProseMirror [data-emoji-type="unicode"]': {
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
19
+ '--emoji-common-unicode-size': "".concat(defaultEmojiHeight, "px")
20
+ },
21
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
22
+ '.ProseMirror h1 [data-emoji-type="unicode"]': {
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
24
+ '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH1, "px")
25
+ },
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
27
+ '.ProseMirror h2 [data-emoji-type="unicode"]': {
28
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
29
+ '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH2, "px")
30
+ },
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
32
+ '.ProseMirror h3 [data-emoji-type="unicode"]': {
33
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
34
+ '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH3, "px")
35
+ },
36
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
37
+ '.ProseMirror h4 [data-emoji-type="unicode"]': {
38
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
39
+ '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH4, "px")
40
+ },
41
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
42
+ '.ProseMirror :is(h5, h6, p) [data-emoji-type="unicode"]': {
43
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
44
+ '--emoji-common-unicode-size': "".concat(defaultEmojiHeight, "px")
45
+ }
46
+ }, ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_CONTAINER), {
21
47
  display: 'inline-block'
22
48
  }), ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
23
49
  background: 'no-repeat transparent',
@@ -29,13 +55,38 @@ export var emojiStyles = css(_defineProperty(_defineProperty(_defineProperty({},
29
55
  cursor: 'pointer',
30
56
  verticalAlign: 'middle',
31
57
  userSelect: 'all'
32
- }), ".ProseMirror .".concat(akEditorSelectedNodeClassName), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE), [emojiSelectionStyles,
33
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
34
- blanketSelectionStyles,
35
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
36
- boxShadowSelectionStyles,
37
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
38
- hideNativeBrowserTextSelectionStyles])));
58
+ }), ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
59
+ cursor: 'pointer'
60
+ }), ".ProseMirror .".concat(akEditorSelectedNodeClassName), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
61
+ borderRadius: "var(--ds-radius-xsmall, 2px)",
62
+ position: 'relative',
63
+ WebkitUserSelect: 'text',
64
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
65
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)"),
66
+ borderColor: 'transparent',
67
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
68
+ '&::selection,*::selection': {
69
+ backgroundColor: 'transparent'
70
+ },
71
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
72
+ '&::-moz-selection,*::-moz-selection': {
73
+ backgroundColor: 'transparent'
74
+ },
75
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
76
+ '&::before': {
77
+ position: 'absolute',
78
+ content: "''",
79
+ left: 0,
80
+ right: 0,
81
+ top: 0,
82
+ bottom: 0,
83
+ width: '100%',
84
+ pointerEvents: 'none',
85
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
86
+ zIndex: 12,
87
+ backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
88
+ }
89
+ })));
39
90
  /**
40
91
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
41
92
  * If you need to make changes here, also update the corresponding style in
@@ -43,7 +94,38 @@ hideNativeBrowserTextSelectionStyles])));
43
94
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
44
95
  */
45
96
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
46
- export var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_CONTAINER), {
97
+ export var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
98
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
99
+ '.ProseMirror [data-emoji-type="unicode"]': {
100
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
101
+ '--emoji-common-unicode-size': "".concat(defaultEmojiHeight, "px")
102
+ },
103
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
104
+ '.ProseMirror h1 [data-emoji-type="unicode"]': {
105
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
106
+ '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH1, "px")
107
+ },
108
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
109
+ '.ProseMirror h2 [data-emoji-type="unicode"]': {
110
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
111
+ '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH2, "px")
112
+ },
113
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
114
+ '.ProseMirror h3 [data-emoji-type="unicode"]': {
115
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
116
+ '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH3, "px")
117
+ },
118
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
119
+ '.ProseMirror h4 [data-emoji-type="unicode"]': {
120
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
121
+ '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH4, "px")
122
+ },
123
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
124
+ '.ProseMirror :is(h5, h6, p) [data-emoji-type="unicode"]': {
125
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
126
+ '--emoji-common-unicode-size': "".concat(defaultEmojiHeight, "px")
127
+ }
128
+ }, ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_CONTAINER), {
47
129
  display: 'inline-block'
48
130
  }), ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
49
131
  background: 'no-repeat transparent',
@@ -61,13 +143,38 @@ export var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProper
61
143
  cursor: 'pointer',
62
144
  verticalAlign: 'middle',
63
145
  userSelect: 'all'
64
- }), ".ProseMirror .".concat(akEditorSelectedNodeClassName), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE), [emojiSelectionStyles,
65
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
66
- blanketSelectionStyles,
67
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
68
- boxShadowSelectionStyles,
69
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
70
- hideNativeBrowserTextSelectionStyles])), ".ProseMirror h1 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
146
+ }), ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
147
+ cursor: 'pointer'
148
+ }), ".ProseMirror .".concat(akEditorSelectedNodeClassName), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
149
+ borderRadius: "var(--ds-radius-xsmall, 2px)",
150
+ position: 'relative',
151
+ WebkitUserSelect: 'text',
152
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
153
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)"),
154
+ borderColor: 'transparent',
155
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
156
+ '&::selection,*::selection': {
157
+ backgroundColor: 'transparent'
158
+ },
159
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
160
+ '&::-moz-selection,*::-moz-selection': {
161
+ backgroundColor: 'transparent'
162
+ },
163
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
164
+ '&::before': {
165
+ position: 'absolute',
166
+ content: "''",
167
+ left: 0,
168
+ right: 0,
169
+ top: 0,
170
+ bottom: 0,
171
+ width: '100%',
172
+ pointerEvents: 'none',
173
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
174
+ zIndex: 12,
175
+ backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
176
+ }
177
+ })), ".ProseMirror h1 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
71
178
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
72
179
  height: "".concat(scaledEmojiHeightH1, "px"),
73
180
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -95,6 +202,7 @@ hideNativeBrowserTextSelectionStyles])), ".ProseMirror h1 :is(.".concat(EmojiSha
95
202
  }));
96
203
 
97
204
  /**
205
+ * Gets scaled dense emoji styles that adjust emoji sizes for dense mode headings.
98
206
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
99
207
  * If you need to make changes here, also update the corresponding style in
100
208
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
@@ -106,7 +214,38 @@ export var getScaledDenseEmojiStyles = function getScaledDenseEmojiStyles(baseFo
106
214
  if (!baseFontSize || baseFontSize === akEditorFullPageDefaultFontSize) {
107
215
  return css({});
108
216
  }
109
- return css((_css3 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css3, ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
217
+ return css((_css3 = {
218
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
219
+ '.ProseMirror [data-emoji-type="unicode"]': {
220
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
221
+ '--emoji-common-unicode-size': "".concat(defaultDenseEmojiHeight, "px")
222
+ },
223
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
224
+ '.ProseMirror h1 [data-emoji-type="unicode"]': {
225
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
226
+ '--emoji-common-unicode-size': "".concat(denseEmojiHeightH1, "px")
227
+ },
228
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
229
+ '.ProseMirror h2 [data-emoji-type="unicode"]': {
230
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
231
+ '--emoji-common-unicode-size': "".concat(denseEmojiHeightH2, "px")
232
+ },
233
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
234
+ '.ProseMirror h3 [data-emoji-type="unicode"]': {
235
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
236
+ '--emoji-common-unicode-size': "".concat(denseEmojiHeightH3, "px")
237
+ },
238
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
239
+ '.ProseMirror h4 [data-emoji-type="unicode"]': {
240
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
241
+ '--emoji-common-unicode-size': "".concat(denseEmojiHeightH4, "px")
242
+ },
243
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
244
+ '.ProseMirror :is(h5, h6, p) [data-emoji-type="unicode"]': {
245
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
246
+ '--emoji-common-unicode-size': "".concat(defaultDenseEmojiHeight, "px")
247
+ }
248
+ }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css3, ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
110
249
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
111
250
  width: defaultDenseEmojiHeight,
112
251
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -181,14 +320,12 @@ export var getScaledDenseEmojiStyles = function getScaledDenseEmojiStyles(baseFo
181
320
  /**
182
321
  * Gets dynamic emoji styles that scale emoji size based on the base font size.
183
322
  * This allows emojis to scale proportionally when the base font size changes.
184
- * @param baseFontSize - The base font size in pixels (e.g., 16 for default, 13 for dense mode)
185
- * @returns SerializedStyles with emoji size overrides if baseFontSize is provided and different from default.
186
- */
187
- /**
188
323
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
189
324
  * If you need to make changes here, also update the corresponding style in
190
325
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
191
326
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
327
+ * @param baseFontSize - The base font size in pixels (e.g., 16 for default, 13 for dense mode)
328
+ * @returns SerializedStyles with emoji size overrides if baseFontSize is provided and different from default.
192
329
  */
193
330
  // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
194
331
  export var getDenseEmojiStyles = function getDenseEmojiStyles(baseFontSize) {
@@ -201,7 +338,38 @@ export var getDenseEmojiStyles = function getDenseEmojiStyles(baseFontSize) {
201
338
  // Scaled: 20px * (baseFontSize/16)
202
339
  // E.g., dense mode (13px base): 20px * (13/16) = 16.25px
203
340
  var emojiSize = defaultEmojiHeight * baseFontSize / akEditorFullPageDefaultFontSize;
204
- return css(_defineProperty(_defineProperty({}, ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
341
+ return css(_defineProperty(_defineProperty({
342
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
343
+ '.ProseMirror [data-emoji-type="unicode"]': {
344
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
345
+ '--emoji-common-unicode-size': "".concat(defaultDenseEmojiHeight, "px")
346
+ },
347
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
348
+ '.ProseMirror h1 [data-emoji-type="unicode"]': {
349
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
350
+ '--emoji-common-unicode-size': "".concat(denseEmojiHeightH1, "px")
351
+ },
352
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
353
+ '.ProseMirror h2 [data-emoji-type="unicode"]': {
354
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
355
+ '--emoji-common-unicode-size': "".concat(denseEmojiHeightH2, "px")
356
+ },
357
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
358
+ '.ProseMirror h3 [data-emoji-type="unicode"]': {
359
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
360
+ '--emoji-common-unicode-size': "".concat(denseEmojiHeightH3, "px")
361
+ },
362
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
363
+ '.ProseMirror h4 [data-emoji-type="unicode"]': {
364
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
365
+ '--emoji-common-unicode-size': "".concat(denseEmojiHeightH4, "px")
366
+ },
367
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
368
+ '.ProseMirror :is(h5, h6, p) [data-emoji-type="unicode"]': {
369
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
370
+ '--emoji-common-unicode-size': "".concat(defaultDenseEmojiHeight, "px")
371
+ }
372
+ }, ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
205
373
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
206
374
  width: emojiSize,
207
375
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
@@ -228,6 +396,8 @@ export var getDenseEmojiStyles = function getDenseEmojiStyles(baseFontSize) {
228
396
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
229
397
  */
230
398
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
231
- export var emojiDangerStyles = css(_defineProperty({}, ".ProseMirror .".concat(akEditorSelectedNodeClassName, ".danger"), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE), [
232
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
233
- [dangerBorderStyles, dangerBackgroundStyles]])));
399
+ export var emojiDangerStyles = css(_defineProperty({}, ".ProseMirror .".concat(akEditorSelectedNodeClassName, ".danger"), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
400
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
401
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
402
+ backgroundColor: "var(--ds-background-danger, #FFECEB)"
403
+ })));
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.3.7";
3
+ export var version = "221.4.1";
package/dist/types/ui/EditorContentContainer/styles/emoji.d.ts CHANGED
@@ -14,6 +14,7 @@ export declare const emojiStyles: SerializedStyles;
14
14
  */
15
15
  export declare const scaledEmojiStyles: SerializedStyles;
16
16
  /**
17
+ * Gets scaled dense emoji styles that adjust emoji sizes for dense mode headings.
17
18
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
18
19
  * If you need to make changes here, also update the corresponding style in
19
20
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
@@ -23,14 +24,12 @@ export declare const getScaledDenseEmojiStyles: (baseFontSize?: number) => Seria
23
24
  /**
24
25
  * Gets dynamic emoji styles that scale emoji size based on the base font size.
25
26
  * This allows emojis to scale proportionally when the base font size changes.
26
- * @param baseFontSize - The base font size in pixels (e.g., 16 for default, 13 for dense mode)
27
- * @returns SerializedStyles with emoji size overrides if baseFontSize is provided and different from default.
28
- */
29
- /**
30
27
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
31
28
  * If you need to make changes here, also update the corresponding style in
32
29
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
33
30
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
31
+ * @param baseFontSize - The base font size in pixels (e.g., 16 for default, 13 for dense mode)
32
+ * @returns SerializedStyles with emoji size overrides if baseFontSize is provided and different from default.
34
33
  */
35
34
  export declare const getDenseEmojiStyles: (baseFontSize?: number) => SerializedStyles;
36
35
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "221.4.0",
3
+ "version": "221.5.0",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -40,37 +40,37 @@
40
40
  "@atlaskit/activity-provider": "^3.0.0",
41
41
  "@atlaskit/adf-schema": "^56.0.0",
42
42
  "@atlaskit/afm-i18n-platform-editor-editor-core": "2.168.0",
43
- "@atlaskit/analytics-namespaced-context": "^8.0.0",
44
- "@atlaskit/analytics-next": "^12.0.0",
43
+ "@atlaskit/analytics-namespaced-context": "^8.1.0",
44
+ "@atlaskit/analytics-next": "^12.1.0",
45
45
  "@atlaskit/analytics-next-stable-react-context": "1.0.1",
46
- "@atlaskit/button": "^24.1.0",
46
+ "@atlaskit/button": "^24.2.0",
47
47
  "@atlaskit/css": "^1.0.0",
48
48
  "@atlaskit/editor-json-transformer": "^9.0.0",
49
- "@atlaskit/editor-performance-metrics": "^3.0.0",
49
+ "@atlaskit/editor-performance-metrics": "^3.1.0",
50
50
  "@atlaskit/editor-plugin-connectivity": "^12.0.0",
51
51
  "@atlaskit/editor-plugin-quick-insert": "^12.0.0",
52
52
  "@atlaskit/editor-plugin-user-preferences": "^10.0.0",
53
53
  "@atlaskit/editor-plugins": "^14.0.0",
54
54
  "@atlaskit/editor-prosemirror": "^8.0.0",
55
55
  "@atlaskit/editor-shared-styles": "^4.0.0",
56
- "@atlaskit/editor-ssr-renderer": "^7.0.0",
57
- "@atlaskit/editor-toolbar": "^2.0.0",
58
- "@atlaskit/editor-toolbar-model": "^1.0.0",
56
+ "@atlaskit/editor-ssr-renderer": "^7.1.0",
57
+ "@atlaskit/editor-toolbar": "^2.1.0",
58
+ "@atlaskit/editor-toolbar-model": "^1.1.0",
59
59
  "@atlaskit/emoji": "^71.6.0",
60
60
  "@atlaskit/feature-gate-js-client": "^6.0.0",
61
- "@atlaskit/icon": "^36.0.0",
62
- "@atlaskit/link": "^4.0.0",
63
- "@atlaskit/media-card": "^81.1.0",
64
- "@atlaskit/mention": "^27.4.0",
61
+ "@atlaskit/icon": "^36.1.0",
62
+ "@atlaskit/link": "^4.1.0",
63
+ "@atlaskit/media-card": "^81.2.0",
64
+ "@atlaskit/mention": "^27.5.0",
65
65
  "@atlaskit/platform-feature-flags": "^2.0.0",
66
- "@atlaskit/platform-feature-flags-react": "^1.0.0",
66
+ "@atlaskit/platform-feature-flags-react": "^1.1.0",
67
67
  "@atlaskit/react-compiler-gating": "^0.2.0",
68
- "@atlaskit/react-ufo": "^7.2.0",
69
- "@atlaskit/task-decision": "^21.3.0",
68
+ "@atlaskit/react-ufo": "^7.3.0",
69
+ "@atlaskit/task-decision": "^21.4.0",
70
70
  "@atlaskit/tmp-editor-statsig": "^114.0.0",
71
- "@atlaskit/tokens": "^15.0.0",
72
- "@atlaskit/tooltip": "^23.0.0",
73
- "@atlaskit/width-detector": "^6.0.0",
71
+ "@atlaskit/tokens": "^15.1.0",
72
+ "@atlaskit/tooltip": "^23.1.0",
73
+ "@atlaskit/width-detector": "^6.1.0",
74
74
  "@babel/runtime": "^7.0.0",
75
75
  "@compiled/react": "^0.20.0",
76
76
  "@emotion/react": "^11.7.1",
@@ -85,8 +85,8 @@
85
85
  "uuid": "^3.1.0"
86
86
  },
87
87
  "peerDependencies": {
88
- "@atlaskit/editor-common": "^116.14.0",
89
- "@atlaskit/link-provider": "^5.0.0",
88
+ "@atlaskit/editor-common": "^116.15.0",
89
+ "@atlaskit/link-provider": "^5.1.0",
90
90
  "@atlaskit/media-core": "^38.0.0",
91
91
  "react": "^18.2.0",
92
92
  "react-dom": "^18.2.0",
@@ -97,34 +97,34 @@
97
97
  "@af/suppress-react-warnings": "workspace:^",
98
98
  "@af/visual-regression": "workspace:^",
99
99
  "@atlaskit/adf-utils": "^20.0.0",
100
- "@atlaskit/analytics-listeners": "^11.0.0",
101
- "@atlaskit/code": "^18.1.0",
100
+ "@atlaskit/analytics-listeners": "^11.1.0",
101
+ "@atlaskit/code": "^18.2.0",
102
102
  "@atlaskit/collab-provider": "^21.0.0",
103
103
  "@atlaskit/editor-plugin-annotation": "^12.0.0",
104
104
  "@atlaskit/editor-plugin-card": "^18.0.0",
105
105
  "@atlaskit/editor-plugin-list": "^14.1.0",
106
106
  "@atlaskit/editor-plugin-paste": "^13.3.0",
107
107
  "@atlaskit/editor-test-helpers": "workspace:^",
108
- "@atlaskit/link-provider": "^5.0.0",
108
+ "@atlaskit/link-provider": "^5.1.0",
109
109
  "@atlaskit/linking-common": "^11.0.0",
110
- "@atlaskit/logo": "^21.1.0",
110
+ "@atlaskit/logo": "^21.2.0",
111
111
  "@atlaskit/media-core": "^38.0.0",
112
112
  "@atlaskit/media-integration-test-helpers": "workspace:^",
113
- "@atlaskit/media-test-helpers": "^42.0.0",
114
- "@atlaskit/modal-dialog": "^16.0.0",
115
- "@atlaskit/popper": "^8.1.0",
116
- "@atlaskit/portal": "^6.0.0",
117
- "@atlaskit/renderer": "^133.6.0",
118
- "@atlaskit/section-message": "^9.1.0",
113
+ "@atlaskit/media-test-helpers": "^42.1.0",
114
+ "@atlaskit/modal-dialog": "^16.1.0",
115
+ "@atlaskit/popper": "^8.2.0",
116
+ "@atlaskit/portal": "^6.1.0",
117
+ "@atlaskit/renderer": "^133.7.0",
118
+ "@atlaskit/section-message": "^9.2.0",
119
119
  "@atlaskit/synchrony-test-helpers": "workspace:^",
120
- "@atlaskit/toggle": "^17.0.0",
121
- "@atlaskit/util-data-test": "^19.0.0",
120
+ "@atlaskit/toggle": "^17.1.0",
121
+ "@atlaskit/util-data-test": "^19.1.0",
122
122
  "@atlassian/a11y-jest-testing": "^0.13.0",
123
123
  "@atlassian/a11y-playwright-testing": "^0.10.0",
124
124
  "@atlassian/adf-schema-json": "^1.33.0",
125
125
  "@atlassian/editor-rovo-bridge": "^10.2.0",
126
126
  "@atlassian/feature-flags-test-utils": "^1.1.0",
127
- "@atlassian/search-client": "^1.18.0",
127
+ "@atlassian/search-client": "^1.19.0",
128
128
  "@atlassian/search-provider": "^13.0.0",
129
129
  "@atlassian/structured-docs-types": "workspace:^",
130
130
  "@atlassian/user-profile-card": "^1.15.0",