@atlaskit/editor-core 216.7.20 → 216.7.22

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 (13) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +5 -1
  3. package/dist/cjs/ui/EditorContentContainer/styles/resizerStyles.js +52 -2
  4. package/dist/cjs/version-wrapper.js +1 -1
  5. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +6 -2
  6. package/dist/es2019/ui/EditorContentContainer/styles/resizerStyles.js +51 -1
  7. package/dist/es2019/version-wrapper.js +1 -1
  8. package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +6 -2
  9. package/dist/esm/ui/EditorContentContainer/styles/resizerStyles.js +51 -1
  10. package/dist/esm/version-wrapper.js +1 -1
  11. package/dist/types/ui/EditorContentContainer/styles/resizerStyles.d.ts +2 -0
  12. package/dist/types-ts4.5/ui/EditorContentContainer/styles/resizerStyles.d.ts +2 -0
  13. package/package.json +8 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 216.7.22
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 216.7.21
10
+
11
+ ### Patch Changes
12
+
13
+ - [`9552556113c53`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9552556113c53) -
14
+ Fix breakout mark style on code blocks within synced blocks
15
+ - Updated dependencies
16
+
3
17
  ## 216.7.20
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -418,7 +418,11 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
418
418
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
419
419
  _resizerStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ?
420
420
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
421
- _resizerStyles.pragmaticResizerStyles : undefined, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) &&
421
+ _resizerStyles.pragmaticResizerStyles : undefined, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ? (0, _platformFeatureFlags.fg)('platform_synced_block_patch_1') ?
422
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
423
+ _resizerStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch :
424
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
425
+ _resizerStyles.pragmaticResizerStylesCodeBlockLegacy : undefined, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) &&
422
426
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
423
427
  _resizerStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) &&
424
428
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/cjs/ui/EditorContentContainer/styles/resizerStyles.js CHANGED
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.resizerStyles = exports.resizerItemClassName = exports.resizerHoverZoneClassName = exports.resizerHandleTrackClassName = exports.resizerHandleThumbWidth = exports.resizerHandleThumbClassName = exports.resizerHandleClassName = exports.resizerExtendedZone = exports.resizerDangerClassName = exports.pragmaticStylesLayoutFirstNodeResizeHandleFix = exports.pragmaticResizerStylesWithReducedEditorGutter = exports.pragmaticResizerStylesSyncedBlock = exports.pragmaticResizerStylesForTooltip = exports.pragmaticResizerStyles = exports.handleWrapperClass = void 0;
7
+ exports.resizerStyles = exports.resizerItemClassName = exports.resizerHoverZoneClassName = exports.resizerHandleTrackClassName = exports.resizerHandleThumbWidth = exports.resizerHandleThumbClassName = exports.resizerHandleClassName = exports.resizerExtendedZone = exports.resizerDangerClassName = exports.pragmaticStylesLayoutFirstNodeResizeHandleFix = exports.pragmaticResizerStylesWithReducedEditorGutter = exports.pragmaticResizerStylesSyncedBlock = exports.pragmaticResizerStylesForTooltip = exports.pragmaticResizerStylesCodeBlockSyncedBlockPatch = exports.pragmaticResizerStylesCodeBlockLegacy = exports.pragmaticResizerStyles = exports.handleWrapperClass = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _react = require("@emotion/react");
10
10
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -202,8 +202,10 @@ var pragmaticStylesLayoutFirstNodeResizeHandleFix = exports.pragmaticStylesLayou
202
202
  }
203
203
  });
204
204
 
205
+ // Code block resizer position: legacy selector (matches any descendant code block).
206
+ // When synced block contains a code block, this incorrectly applies -5px and the handle appears inside the border.
205
207
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
206
- var pragmaticResizerStyles = exports.pragmaticResizerStyles = (0, _react.css)({
208
+ var pragmaticResizerStylesCodeBlockLegacy = exports.pragmaticResizerStylesCodeBlockLegacy = (0, _react.css)({
207
209
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
208
210
  '.fabric-editor-breakout-mark': {
209
211
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
@@ -221,6 +223,54 @@ var pragmaticResizerStyles = exports.pragmaticResizerStyles = (0, _react.css)({
221
223
  height: 'calc(100% - 12px)'
222
224
  }
223
225
  },
226
+ // the first node in the document always has margin-top = 0
227
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
228
+ '&:has(.first-node-in-document)': {
229
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
230
+ '> .pm-breakout-resize-handle-container': {
231
+ height: '100%'
232
+ }
233
+ }
234
+ }
235
+ });
236
+
237
+ // Code block resizer position: only when breakout directly wraps a code block (platform_synced_block_patch_1).
238
+ // Synced block containing code block keeps -24px from pragmaticResizerStylesSyncedBlock so the handle stays outside.
239
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
240
+ var pragmaticResizerStylesCodeBlockSyncedBlockPatch = exports.pragmaticResizerStylesCodeBlockSyncedBlockPatch = (0, _react.css)({
241
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
242
+ '.fabric-editor-breakout-mark': {
243
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
244
+ '&:has(> .fabric-editor-breakout-mark-dom > [data-prosemirror-node-name="codeBlock"])': {
245
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
246
+ '> .pm-breakout-resize-handle-container--left': {
247
+ left: '-5px'
248
+ },
249
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
250
+ '> .pm-breakout-resize-handle-container--right': {
251
+ right: '-5px'
252
+ },
253
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
254
+ '> .pm-breakout-resize-handle-container': {
255
+ height: 'calc(100% - 12px)'
256
+ }
257
+ },
258
+ // the first node in the document always has margin-top = 0
259
+ // class name is duplicated to boost specificity
260
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
261
+ '&:has(.first-node-in-document.first-node-in-document)': {
262
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
263
+ '> .pm-breakout-resize-handle-container': {
264
+ height: '100%'
265
+ }
266
+ }
267
+ }
268
+ });
269
+
270
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
271
+ var pragmaticResizerStyles = exports.pragmaticResizerStyles = (0, _react.css)({
272
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
273
+ '.fabric-editor-breakout-mark': {
224
274
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
225
275
  '&:has([data-prosemirror-node-name="expand"]), &:has([data-prosemirror-node-name="layoutSection"])': {
226
276
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
package/dist/cjs/version-wrapper.js CHANGED
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "216.7.19";
8
+ var version = exports.version = "216.7.21";
package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -49,7 +49,7 @@ import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentio
49
49
  import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles } from './styles/panelStyles';
50
50
  import { paragraphStylesOld, paragraphStylesOldWithScaledMargin, paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
51
51
  import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
52
- import { pragmaticResizerStyles, pragmaticResizerStylesForTooltip, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerStyles } from './styles/resizerStyles';
52
+ import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockLegacy, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesForTooltip, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerStyles } from './styles/resizerStyles';
53
53
  import { dangerRuleStyles, ruleStyles } from './styles/rule';
54
54
  import { scrollbarStyles } from './styles/scrollbarStyles';
55
55
  import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
@@ -414,7 +414,11 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
414
414
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
415
415
  pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
416
416
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
417
- pragmaticResizerStyles : undefined, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
417
+ pragmaticResizerStyles : undefined, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? fg('platform_synced_block_patch_1') ?
418
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
419
+ pragmaticResizerStylesCodeBlockSyncedBlockPatch :
420
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
421
+ pragmaticResizerStylesCodeBlockLegacy : undefined, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
418
422
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
419
423
  pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
420
424
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/es2019/ui/EditorContentContainer/styles/resizerStyles.js CHANGED
@@ -249,8 +249,10 @@ export const pragmaticStylesLayoutFirstNodeResizeHandleFix = css({
249
249
  }
250
250
  });
251
251
 
252
+ // Code block resizer position: legacy selector (matches any descendant code block).
253
+ // When synced block contains a code block, this incorrectly applies -5px and the handle appears inside the border.
252
254
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
253
- export const pragmaticResizerStyles = css({
255
+ export const pragmaticResizerStylesCodeBlockLegacy = css({
254
256
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
255
257
  '.fabric-editor-breakout-mark': {
256
258
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
@@ -268,6 +270,54 @@ export const pragmaticResizerStyles = css({
268
270
  height: 'calc(100% - 12px)'
269
271
  }
270
272
  },
273
+ // the first node in the document always has margin-top = 0
274
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
275
+ '&:has(.first-node-in-document)': {
276
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
277
+ '> .pm-breakout-resize-handle-container': {
278
+ height: '100%'
279
+ }
280
+ }
281
+ }
282
+ });
283
+
284
+ // Code block resizer position: only when breakout directly wraps a code block (platform_synced_block_patch_1).
285
+ // Synced block containing code block keeps -24px from pragmaticResizerStylesSyncedBlock so the handle stays outside.
286
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
287
+ export const pragmaticResizerStylesCodeBlockSyncedBlockPatch = css({
288
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
289
+ '.fabric-editor-breakout-mark': {
290
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
291
+ '&:has(> .fabric-editor-breakout-mark-dom > [data-prosemirror-node-name="codeBlock"])': {
292
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
293
+ '> .pm-breakout-resize-handle-container--left': {
294
+ left: '-5px'
295
+ },
296
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
297
+ '> .pm-breakout-resize-handle-container--right': {
298
+ right: '-5px'
299
+ },
300
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
301
+ '> .pm-breakout-resize-handle-container': {
302
+ height: 'calc(100% - 12px)'
303
+ }
304
+ },
305
+ // the first node in the document always has margin-top = 0
306
+ // class name is duplicated to boost specificity
307
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
308
+ '&:has(.first-node-in-document.first-node-in-document)': {
309
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
310
+ '> .pm-breakout-resize-handle-container': {
311
+ height: '100%'
312
+ }
313
+ }
314
+ }
315
+ });
316
+
317
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
318
+ export const pragmaticResizerStyles = css({
319
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
320
+ '.fabric-editor-breakout-mark': {
271
321
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
272
322
  '&:has([data-prosemirror-node-name="expand"]), &:has([data-prosemirror-node-name="layoutSection"])': {
273
323
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "216.7.19";
2
+ export const version = "216.7.21";
package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -50,7 +50,7 @@ import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentio
50
50
  import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles } from './styles/panelStyles';
51
51
  import { paragraphStylesOld, paragraphStylesOldWithScaledMargin, paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
52
52
  import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
53
- import { pragmaticResizerStyles, pragmaticResizerStylesForTooltip, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerStyles } from './styles/resizerStyles';
53
+ import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockLegacy, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesForTooltip, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerStyles } from './styles/resizerStyles';
54
54
  import { dangerRuleStyles, ruleStyles } from './styles/rule';
55
55
  import { scrollbarStyles } from './styles/scrollbarStyles';
56
56
  import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
@@ -410,7 +410,11 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
410
410
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
411
411
  pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
412
412
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
413
- pragmaticResizerStyles : undefined, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
413
+ pragmaticResizerStyles : undefined, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? fg('platform_synced_block_patch_1') ?
414
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
415
+ pragmaticResizerStylesCodeBlockSyncedBlockPatch :
416
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
417
+ pragmaticResizerStylesCodeBlockLegacy : undefined, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
414
418
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
415
419
  pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
416
420
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/esm/ui/EditorContentContainer/styles/resizerStyles.js CHANGED
@@ -194,8 +194,10 @@ export var pragmaticStylesLayoutFirstNodeResizeHandleFix = css({
194
194
  }
195
195
  });
196
196
 
197
+ // Code block resizer position: legacy selector (matches any descendant code block).
198
+ // When synced block contains a code block, this incorrectly applies -5px and the handle appears inside the border.
197
199
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
198
- export var pragmaticResizerStyles = css({
200
+ export var pragmaticResizerStylesCodeBlockLegacy = css({
199
201
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
200
202
  '.fabric-editor-breakout-mark': {
201
203
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
@@ -213,6 +215,54 @@ export var pragmaticResizerStyles = css({
213
215
  height: 'calc(100% - 12px)'
214
216
  }
215
217
  },
218
+ // the first node in the document always has margin-top = 0
219
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
220
+ '&:has(.first-node-in-document)': {
221
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
222
+ '> .pm-breakout-resize-handle-container': {
223
+ height: '100%'
224
+ }
225
+ }
226
+ }
227
+ });
228
+
229
+ // Code block resizer position: only when breakout directly wraps a code block (platform_synced_block_patch_1).
230
+ // Synced block containing code block keeps -24px from pragmaticResizerStylesSyncedBlock so the handle stays outside.
231
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
232
+ export var pragmaticResizerStylesCodeBlockSyncedBlockPatch = css({
233
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
234
+ '.fabric-editor-breakout-mark': {
235
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
236
+ '&:has(> .fabric-editor-breakout-mark-dom > [data-prosemirror-node-name="codeBlock"])': {
237
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
238
+ '> .pm-breakout-resize-handle-container--left': {
239
+ left: '-5px'
240
+ },
241
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
242
+ '> .pm-breakout-resize-handle-container--right': {
243
+ right: '-5px'
244
+ },
245
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
246
+ '> .pm-breakout-resize-handle-container': {
247
+ height: 'calc(100% - 12px)'
248
+ }
249
+ },
250
+ // the first node in the document always has margin-top = 0
251
+ // class name is duplicated to boost specificity
252
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
253
+ '&:has(.first-node-in-document.first-node-in-document)': {
254
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
255
+ '> .pm-breakout-resize-handle-container': {
256
+ height: '100%'
257
+ }
258
+ }
259
+ }
260
+ });
261
+
262
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
263
+ export var pragmaticResizerStyles = css({
264
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
265
+ '.fabric-editor-breakout-mark': {
216
266
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
217
267
  '&:has([data-prosemirror-node-name="expand"]), &:has([data-prosemirror-node-name="layoutSection"])': {
218
268
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
package/dist/esm/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "216.7.19";
2
+ export var version = "216.7.21";
package/dist/types/ui/EditorContentContainer/styles/resizerStyles.d.ts CHANGED
@@ -11,6 +11,8 @@ export declare const handleWrapperClass = "resizer-handle-wrapper";
11
11
  export declare const resizerStyles: SerializedStyles;
12
12
  export declare const pragmaticResizerStylesForTooltip: SerializedStyles;
13
13
  export declare const pragmaticStylesLayoutFirstNodeResizeHandleFix: SerializedStyles;
14
+ export declare const pragmaticResizerStylesCodeBlockLegacy: SerializedStyles;
15
+ export declare const pragmaticResizerStylesCodeBlockSyncedBlockPatch: SerializedStyles;
14
16
  export declare const pragmaticResizerStyles: SerializedStyles;
15
17
  export declare const pragmaticResizerStylesSyncedBlock: SerializedStyles;
16
18
  export declare const pragmaticResizerStylesWithReducedEditorGutter: SerializedStyles;
package/dist/types-ts4.5/ui/EditorContentContainer/styles/resizerStyles.d.ts CHANGED
@@ -11,6 +11,8 @@ export declare const handleWrapperClass = "resizer-handle-wrapper";
11
11
  export declare const resizerStyles: SerializedStyles;
12
12
  export declare const pragmaticResizerStylesForTooltip: SerializedStyles;
13
13
  export declare const pragmaticStylesLayoutFirstNodeResizeHandleFix: SerializedStyles;
14
+ export declare const pragmaticResizerStylesCodeBlockLegacy: SerializedStyles;
15
+ export declare const pragmaticResizerStylesCodeBlockSyncedBlockPatch: SerializedStyles;
14
16
  export declare const pragmaticResizerStyles: SerializedStyles;
15
17
  export declare const pragmaticResizerStylesSyncedBlock: SerializedStyles;
16
18
  export declare const pragmaticResizerStylesWithReducedEditorGutter: SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "216.7.20",
3
+ "version": "216.7.22",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -51,8 +51,8 @@
51
51
  "@atlaskit/editor-plugin-connectivity": "^7.0.0",
52
52
  "@atlaskit/editor-plugin-quick-insert": "^7.1.0",
53
53
  "@atlaskit/editor-plugin-user-preferences": "^5.0.0",
54
- "@atlaskit/editor-plugins": "^11.3.0",
55
- "@atlaskit/editor-prosemirror": "^7.2.0",
54
+ "@atlaskit/editor-plugins": "^11.4.0",
55
+ "@atlaskit/editor-prosemirror": "^7.3.0",
56
56
  "@atlaskit/editor-shared-styles": "^3.10.0",
57
57
  "@atlaskit/editor-ssr-renderer": "^2.1.0",
58
58
  "@atlaskit/editor-toolbar": "^0.19.0",
@@ -66,7 +66,7 @@
66
66
  "@atlaskit/platform-feature-flags-react": "^0.4.0",
67
67
  "@atlaskit/react-ufo": "^5.0.0",
68
68
  "@atlaskit/task-decision": "^19.2.0",
69
- "@atlaskit/tmp-editor-statsig": "^17.11.0",
69
+ "@atlaskit/tmp-editor-statsig": "^18.0.0",
70
70
  "@atlaskit/tokens": "^11.0.0",
71
71
  "@atlaskit/tooltip": "^20.14.0",
72
72
  "@atlaskit/width-detector": "^5.0.0",
@@ -107,7 +107,7 @@
107
107
  "@atlaskit/media-integration-test-helpers": "workspace:^",
108
108
  "@atlaskit/media-test-helpers": "^39.0.0",
109
109
  "@atlaskit/modal-dialog": "^14.10.0",
110
- "@atlaskit/renderer": "^126.5.0",
110
+ "@atlaskit/renderer": "^126.6.0",
111
111
  "@atlaskit/section-message": "^8.12.0",
112
112
  "@atlaskit/synchrony-test-helpers": "workspace:^",
113
113
  "@atlaskit/toggle": "^15.2.0",
@@ -352,6 +352,9 @@
352
352
  },
353
353
  "platform_editor_a11y_9262": {
354
354
  "type": "boolean"
355
+ },
356
+ "platform_synced_block_patch_1": {
357
+ "type": "boolean"
355
358
  }
356
359
  },
357
360
  "stricter": {