@atlaskit/editor-core 215.21.0 → 215.21.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.
Files changed (16) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +1 -1
  3. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +1 -3
  4. package/dist/cjs/ui/EditorContentContainer/styles/resizerStyles.js +1 -123
  5. package/dist/cjs/version-wrapper.js +1 -1
  6. package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +1 -1
  7. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +2 -4
  8. package/dist/es2019/ui/EditorContentContainer/styles/resizerStyles.js +0 -122
  9. package/dist/es2019/version-wrapper.js +1 -1
  10. package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +1 -1
  11. package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +2 -4
  12. package/dist/esm/ui/EditorContentContainer/styles/resizerStyles.js +0 -122
  13. package/dist/esm/version-wrapper.js +1 -1
  14. package/dist/types/ui/EditorContentContainer/styles/resizerStyles.d.ts +0 -1
  15. package/dist/types-ts4.5/ui/EditorContentContainer/styles/resizerStyles.d.ts +0 -1
  16. package/package.json +2 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 215.21.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`d0a60ac78aa7e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d0a60ac78aa7e) -
8
+ Remove platform_editor_breakout_resizing_width_changes FG
9
+ - Updated dependencies
10
+
3
11
  ## 215.21.0
4
12
 
5
13
  ### Minor Changes
package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js CHANGED
@@ -260,7 +260,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
260
260
  }, (0, _react2.jsx)("div", {
261
261
  css: [editorContentAreaNew, editorContentAreaProsemirrorStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
262
262
  // for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
263
- (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes') ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
263
+ (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
264
264
  style: {
265
265
  '--ak-editor-content-area-max-width': !fullWidthMode ? Boolean(maxWidthMode) && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) ? // @ts-ignore
266
266
  "".concat(akEditorUltraWideLayoutWidth + getTotalPadding(), "px") : // @ts-ignore
package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -384,9 +384,7 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
384
384
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
385
385
  _link.linkStyles,
386
386
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
387
- browser.safari && _list.listsStylesSafariFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ? (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes') ?
388
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
389
- _resizerStyles.pragmaticResizerStylesNew :
387
+ browser.safari && _list.listsStylesSafariFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ?
390
388
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
391
389
  _resizerStyles.pragmaticResizerStyles : undefined, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
392
390
  // 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.pragmaticResizerStylesNew = 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.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");
@@ -204,128 +204,6 @@ var pragmaticStylesLayoutFirstNodeResizeHandleFix = exports.pragmaticStylesLayou
204
204
 
205
205
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
206
206
  var pragmaticResizerStyles = exports.pragmaticResizerStyles = (0, _react.css)({
207
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
208
- '.fabric-editor-breakout-mark': {
209
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
210
- '&:has([data-prosemirror-node-name="codeBlock"])': {
211
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
212
- '> .pm-breakout-resize-handle-container--left': {
213
- left: '-12px'
214
- },
215
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
216
- '> .pm-breakout-resize-handle-container--right': {
217
- right: '-12px'
218
- },
219
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
220
- '> .pm-breakout-resize-handle-container': {
221
- height: 'calc(100% - 12px)'
222
- }
223
- },
224
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
225
- '&:has([data-prosemirror-node-name="expand"]), &:has([data-prosemirror-node-name="layoutSection"])': {
226
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
227
- '> .pm-breakout-resize-handle-container--left': {
228
- left: '-32px'
229
- },
230
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
231
- '> .pm-breakout-resize-handle-container--right': {
232
- right: '-32px'
233
- }
234
- },
235
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
236
- '&:has([data-prosemirror-node-name="expand"])': {
237
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
238
- '> .pm-breakout-resize-handle-container': {
239
- height: 'calc(100% - 4px)'
240
- }
241
- },
242
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
243
- '&:has([data-prosemirror-node-name="layoutSection"])': {
244
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
245
- '> .pm-breakout-resize-handle-container': {
246
- height: 'calc(100% - 8px)'
247
- }
248
- },
249
- // the first node in the document always has margin-top = 0
250
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
251
- '&:has(.first-node-in-document)': {
252
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
253
- '> .pm-breakout-resize-handle-container': {
254
- height: '100%'
255
- }
256
- }
257
- },
258
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
259
- '.pm-breakout-resize-handle-container': {
260
- position: 'relative',
261
- alignSelf: 'end',
262
- gridRow: 1,
263
- gridColumn: 1,
264
- height: '100%',
265
- width: 7
266
- },
267
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
268
- '.pm-breakout-resize-handle-container--left': {
269
- justifySelf: 'start'
270
- },
271
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
272
- '.pm-breakout-resize-handle-container--right': {
273
- justifySelf: 'end'
274
- },
275
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
276
- '.pm-breakout-resize-handle-rail': {
277
- position: 'relative',
278
- display: 'flex',
279
- alignItems: 'center',
280
- justifyContent: 'center',
281
- height: '100%',
282
- cursor: 'col-resize',
283
- borderRadius: "var(--ds-radius-small, 4px)",
284
- transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
285
- zIndex: 2,
286
- opacity: 0,
287
- '&:hover': {
288
- background: "var(--ds-background-selected, #E9F2FE)",
289
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
290
- '.pm-breakout-resize-handle-thumb': {
291
- background: "var(--ds-border-focused, #4688EC)"
292
- }
293
- }
294
- },
295
- // same as 'hover' styles above
296
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
297
- '.pm-breakout-resize-handle-container--active': {
298
- background: "var(--ds-background-selected, #E9F2FE)",
299
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
300
- '.pm-breakout-resize-handle-thumb': {
301
- background: "var(--ds-border-focused, #4688EC)"
302
- }
303
- },
304
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
305
- '.pm-breakout-resize-handle-hit-box': {
306
- position: 'absolute',
307
- top: 0,
308
- bottom: 0,
309
- left: -20,
310
- right: -20,
311
- zIndex: 0
312
- },
313
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
314
- '.pm-breakout-resize-handle-thumb': {
315
- minWidth: resizerHandleThumbWidth,
316
- // copied from resizeStyles.clamped
317
- height: 'clamp(27px, calc(100% - 32px), 96px)',
318
- background: "var(--ds-border, #0B120E24)",
319
- borderRadius: "var(--ds-radius-medium, 6px)",
320
- // sticky styles
321
- position: 'sticky',
322
- top: "var(--ds-space-150, 12px)",
323
- bottom: "var(--ds-space-150, 12px)"
324
- }
325
- });
326
-
327
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
328
- var pragmaticResizerStylesNew = exports.pragmaticResizerStylesNew = (0, _react.css)({
329
207
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
330
208
  '.fabric-editor-breakout-mark': {
331
209
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-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 = "215.20.2";
8
+ var version = exports.version = "215.21.0";
package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js CHANGED
@@ -252,7 +252,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
252
252
  }, jsx("div", {
253
253
  css: [editorContentAreaNew, editorContentAreaProsemirrorStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
254
254
  // for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
255
- expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && fg('platform_editor_breakout_resizing_width_changes') ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
255
+ expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
256
256
  style: {
257
257
  '--ak-editor-content-area-max-width': !fullWidthMode ? Boolean(maxWidthMode) && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) ?
258
258
  // @ts-ignore
package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -50,7 +50,7 @@ import { mentionsStyles, mentionsSelectionStyles, mentionNodeStyles, mentionsSel
50
50
  import { panelStyles, panelStylesMixin, nestedPanelBorderStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles, nestedPanelDangerStyles } 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, pragmaticResizerStylesNew, pragmaticResizerStylesSyncedBlock, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, pragmaticResizerStylesWithReducedEditorGutter, resizerStyles } from './styles/resizerStyles';
53
+ import { pragmaticResizerStyles, pragmaticResizerStylesSyncedBlock, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, pragmaticResizerStylesWithReducedEditorGutter, 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';
@@ -380,9 +380,7 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
380
380
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
381
381
  linkStyles,
382
382
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
383
- browser.safari && listsStylesSafariFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? fg('platform_editor_breakout_resizing_width_changes') ?
384
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
385
- pragmaticResizerStylesNew :
383
+ browser.safari && listsStylesSafariFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
386
384
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
387
385
  pragmaticResizerStyles : undefined, editorExperiment('platform_synced_block', true) &&
388
386
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/es2019/ui/EditorContentContainer/styles/resizerStyles.js CHANGED
@@ -251,128 +251,6 @@ export const pragmaticStylesLayoutFirstNodeResizeHandleFix = css({
251
251
 
252
252
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
253
253
  export const pragmaticResizerStyles = css({
254
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
255
- '.fabric-editor-breakout-mark': {
256
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
257
- '&:has([data-prosemirror-node-name="codeBlock"])': {
258
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
259
- '> .pm-breakout-resize-handle-container--left': {
260
- left: '-12px'
261
- },
262
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
263
- '> .pm-breakout-resize-handle-container--right': {
264
- right: '-12px'
265
- },
266
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
267
- '> .pm-breakout-resize-handle-container': {
268
- height: 'calc(100% - 12px)'
269
- }
270
- },
271
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
272
- '&:has([data-prosemirror-node-name="expand"]), &:has([data-prosemirror-node-name="layoutSection"])': {
273
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
274
- '> .pm-breakout-resize-handle-container--left': {
275
- left: '-32px'
276
- },
277
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
278
- '> .pm-breakout-resize-handle-container--right': {
279
- right: '-32px'
280
- }
281
- },
282
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
283
- '&:has([data-prosemirror-node-name="expand"])': {
284
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
285
- '> .pm-breakout-resize-handle-container': {
286
- height: 'calc(100% - 4px)'
287
- }
288
- },
289
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
290
- '&:has([data-prosemirror-node-name="layoutSection"])': {
291
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
292
- '> .pm-breakout-resize-handle-container': {
293
- height: 'calc(100% - 8px)'
294
- }
295
- },
296
- // the first node in the document always has margin-top = 0
297
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
298
- '&:has(.first-node-in-document)': {
299
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
300
- '> .pm-breakout-resize-handle-container': {
301
- height: '100%'
302
- }
303
- }
304
- },
305
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
306
- '.pm-breakout-resize-handle-container': {
307
- position: 'relative',
308
- alignSelf: 'end',
309
- gridRow: 1,
310
- gridColumn: 1,
311
- height: '100%',
312
- width: 7
313
- },
314
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
315
- '.pm-breakout-resize-handle-container--left': {
316
- justifySelf: 'start'
317
- },
318
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
319
- '.pm-breakout-resize-handle-container--right': {
320
- justifySelf: 'end'
321
- },
322
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
323
- '.pm-breakout-resize-handle-rail': {
324
- position: 'relative',
325
- display: 'flex',
326
- alignItems: 'center',
327
- justifyContent: 'center',
328
- height: '100%',
329
- cursor: 'col-resize',
330
- borderRadius: "var(--ds-radius-small, 4px)",
331
- transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
332
- zIndex: 2,
333
- opacity: 0,
334
- '&:hover': {
335
- background: "var(--ds-background-selected, #E9F2FE)",
336
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
337
- '.pm-breakout-resize-handle-thumb': {
338
- background: "var(--ds-border-focused, #4688EC)"
339
- }
340
- }
341
- },
342
- // same as 'hover' styles above
343
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
344
- '.pm-breakout-resize-handle-container--active': {
345
- background: "var(--ds-background-selected, #E9F2FE)",
346
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
347
- '.pm-breakout-resize-handle-thumb': {
348
- background: "var(--ds-border-focused, #4688EC)"
349
- }
350
- },
351
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
352
- '.pm-breakout-resize-handle-hit-box': {
353
- position: 'absolute',
354
- top: 0,
355
- bottom: 0,
356
- left: -20,
357
- right: -20,
358
- zIndex: 0
359
- },
360
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
361
- '.pm-breakout-resize-handle-thumb': {
362
- minWidth: resizerHandleThumbWidth,
363
- // copied from resizeStyles.clamped
364
- height: 'clamp(27px, calc(100% - 32px), 96px)',
365
- background: "var(--ds-border, #0B120E24)",
366
- borderRadius: "var(--ds-radius-medium, 6px)",
367
- // sticky styles
368
- position: 'sticky',
369
- top: "var(--ds-space-150, 12px)",
370
- bottom: "var(--ds-space-150, 12px)"
371
- }
372
- });
373
-
374
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
375
- export const pragmaticResizerStylesNew = css({
376
254
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
377
255
  '.fabric-editor-breakout-mark': {
378
256
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "215.20.2";
2
+ export const version = "215.21.0";
package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js CHANGED
@@ -250,7 +250,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
250
250
  }, jsx("div", {
251
251
  css: [editorContentAreaNew, editorContentAreaProsemirrorStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
252
252
  // for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
253
- expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && fg('platform_editor_breakout_resizing_width_changes') ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
253
+ expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
254
254
  style: {
255
255
  '--ak-editor-content-area-max-width': !fullWidthMode ? Boolean(maxWidthMode) && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) ? // @ts-ignore
256
256
  "".concat(akEditorUltraWideLayoutWidth + getTotalPadding(), "px") : // @ts-ignore
package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -51,7 +51,7 @@ import { mentionsStyles, mentionsSelectionStyles, mentionNodeStyles, mentionsSel
51
51
  import { panelStyles, panelStylesMixin, nestedPanelBorderStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles, nestedPanelDangerStyles } from './styles/panelStyles';
52
52
  import { paragraphStylesOld, paragraphStylesOldWithScaledMargin, paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
53
53
  import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
54
- import { pragmaticResizerStyles, pragmaticResizerStylesNew, pragmaticResizerStylesSyncedBlock, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, pragmaticResizerStylesWithReducedEditorGutter, resizerStyles } from './styles/resizerStyles';
54
+ import { pragmaticResizerStyles, pragmaticResizerStylesSyncedBlock, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, pragmaticResizerStylesWithReducedEditorGutter, resizerStyles } from './styles/resizerStyles';
55
55
  import { dangerRuleStyles, ruleStyles } from './styles/rule';
56
56
  import { scrollbarStyles } from './styles/scrollbarStyles';
57
57
  import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
@@ -376,9 +376,7 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
376
376
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
377
377
  linkStyles,
378
378
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
379
- browser.safari && listsStylesSafariFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? fg('platform_editor_breakout_resizing_width_changes') ?
380
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
381
- pragmaticResizerStylesNew :
379
+ browser.safari && listsStylesSafariFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
382
380
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
383
381
  pragmaticResizerStyles : undefined, editorExperiment('platform_synced_block', true) &&
384
382
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/esm/ui/EditorContentContainer/styles/resizerStyles.js CHANGED
@@ -196,128 +196,6 @@ export var pragmaticStylesLayoutFirstNodeResizeHandleFix = css({
196
196
 
197
197
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
198
198
  export var pragmaticResizerStyles = css({
199
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
200
- '.fabric-editor-breakout-mark': {
201
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
202
- '&:has([data-prosemirror-node-name="codeBlock"])': {
203
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
204
- '> .pm-breakout-resize-handle-container--left': {
205
- left: '-12px'
206
- },
207
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
208
- '> .pm-breakout-resize-handle-container--right': {
209
- right: '-12px'
210
- },
211
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
212
- '> .pm-breakout-resize-handle-container': {
213
- height: 'calc(100% - 12px)'
214
- }
215
- },
216
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
217
- '&:has([data-prosemirror-node-name="expand"]), &:has([data-prosemirror-node-name="layoutSection"])': {
218
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
219
- '> .pm-breakout-resize-handle-container--left': {
220
- left: '-32px'
221
- },
222
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
223
- '> .pm-breakout-resize-handle-container--right': {
224
- right: '-32px'
225
- }
226
- },
227
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
228
- '&:has([data-prosemirror-node-name="expand"])': {
229
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
230
- '> .pm-breakout-resize-handle-container': {
231
- height: 'calc(100% - 4px)'
232
- }
233
- },
234
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
235
- '&:has([data-prosemirror-node-name="layoutSection"])': {
236
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
237
- '> .pm-breakout-resize-handle-container': {
238
- height: 'calc(100% - 8px)'
239
- }
240
- },
241
- // the first node in the document always has margin-top = 0
242
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
243
- '&:has(.first-node-in-document)': {
244
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
245
- '> .pm-breakout-resize-handle-container': {
246
- height: '100%'
247
- }
248
- }
249
- },
250
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
251
- '.pm-breakout-resize-handle-container': {
252
- position: 'relative',
253
- alignSelf: 'end',
254
- gridRow: 1,
255
- gridColumn: 1,
256
- height: '100%',
257
- width: 7
258
- },
259
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
260
- '.pm-breakout-resize-handle-container--left': {
261
- justifySelf: 'start'
262
- },
263
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
264
- '.pm-breakout-resize-handle-container--right': {
265
- justifySelf: 'end'
266
- },
267
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
268
- '.pm-breakout-resize-handle-rail': {
269
- position: 'relative',
270
- display: 'flex',
271
- alignItems: 'center',
272
- justifyContent: 'center',
273
- height: '100%',
274
- cursor: 'col-resize',
275
- borderRadius: "var(--ds-radius-small, 4px)",
276
- transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
277
- zIndex: 2,
278
- opacity: 0,
279
- '&:hover': {
280
- background: "var(--ds-background-selected, #E9F2FE)",
281
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
282
- '.pm-breakout-resize-handle-thumb': {
283
- background: "var(--ds-border-focused, #4688EC)"
284
- }
285
- }
286
- },
287
- // same as 'hover' styles above
288
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
289
- '.pm-breakout-resize-handle-container--active': {
290
- background: "var(--ds-background-selected, #E9F2FE)",
291
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
292
- '.pm-breakout-resize-handle-thumb': {
293
- background: "var(--ds-border-focused, #4688EC)"
294
- }
295
- },
296
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
297
- '.pm-breakout-resize-handle-hit-box': {
298
- position: 'absolute',
299
- top: 0,
300
- bottom: 0,
301
- left: -20,
302
- right: -20,
303
- zIndex: 0
304
- },
305
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
306
- '.pm-breakout-resize-handle-thumb': {
307
- minWidth: resizerHandleThumbWidth,
308
- // copied from resizeStyles.clamped
309
- height: 'clamp(27px, calc(100% - 32px), 96px)',
310
- background: "var(--ds-border, #0B120E24)",
311
- borderRadius: "var(--ds-radius-medium, 6px)",
312
- // sticky styles
313
- position: 'sticky',
314
- top: "var(--ds-space-150, 12px)",
315
- bottom: "var(--ds-space-150, 12px)"
316
- }
317
- });
318
-
319
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
320
- export var pragmaticResizerStylesNew = css({
321
199
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
322
200
  '.fabric-editor-breakout-mark': {
323
201
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
package/dist/esm/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "215.20.2";
2
+ export var version = "215.21.0";
package/dist/types/ui/EditorContentContainer/styles/resizerStyles.d.ts CHANGED
@@ -12,6 +12,5 @@ export declare const resizerStyles: SerializedStyles;
12
12
  export declare const pragmaticResizerStylesForTooltip: SerializedStyles;
13
13
  export declare const pragmaticStylesLayoutFirstNodeResizeHandleFix: SerializedStyles;
14
14
  export declare const pragmaticResizerStyles: SerializedStyles;
15
- export declare const pragmaticResizerStylesNew: SerializedStyles;
16
15
  export declare const pragmaticResizerStylesSyncedBlock: SerializedStyles;
17
16
  export declare const pragmaticResizerStylesWithReducedEditorGutter: SerializedStyles;
package/dist/types-ts4.5/ui/EditorContentContainer/styles/resizerStyles.d.ts CHANGED
@@ -12,6 +12,5 @@ export declare const resizerStyles: SerializedStyles;
12
12
  export declare const pragmaticResizerStylesForTooltip: SerializedStyles;
13
13
  export declare const pragmaticStylesLayoutFirstNodeResizeHandleFix: SerializedStyles;
14
14
  export declare const pragmaticResizerStyles: SerializedStyles;
15
- export declare const pragmaticResizerStylesNew: SerializedStyles;
16
15
  export declare const pragmaticResizerStylesSyncedBlock: SerializedStyles;
17
16
  export declare const pragmaticResizerStylesWithReducedEditorGutter: SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "215.21.0",
3
+ "version": "215.21.1",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -65,7 +65,7 @@
65
65
  "@atlaskit/platform-feature-flags-react": "^0.4.0",
66
66
  "@atlaskit/react-ufo": "^4.15.0",
67
67
  "@atlaskit/task-decision": "^19.2.0",
68
- "@atlaskit/tmp-editor-statsig": "^15.8.0",
68
+ "@atlaskit/tmp-editor-statsig": "^15.9.0",
69
69
  "@atlaskit/tokens": "^8.4.0",
70
70
  "@atlaskit/tooltip": "^20.11.0",
71
71
  "@atlaskit/width-detector": "^5.0.0",
@@ -309,9 +309,6 @@
309
309
  "type": "boolean",
310
310
  "referenceOnly": true
311
311
  },
312
- "platform_editor_breakout_resizing_width_changes": {
313
- "type": "boolean"
314
- },
315
312
  "platform_editor_tables_table_selector": {
316
313
  "type": "boolean",
317
314
  "referenceOnly": true