@atlaskit/editor-common 110.9.0 → 110.9.2

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 (148) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/cjs/messages/block-menu.js +5 -0
  3. package/dist/cjs/monitoring/error.js +1 -1
  4. package/dist/cjs/panel.js +0 -12
  5. package/dist/cjs/styles/index.js +0 -204
  6. package/dist/cjs/styles/shared/annotation.js +1 -68
  7. package/dist/cjs/styles/shared/code-block.js +2 -17
  8. package/dist/cjs/styles/shared/date.js +2 -12
  9. package/dist/cjs/styles/shared/grid.js +2 -41
  10. package/dist/cjs/styles/shared/lists.js +2 -10
  11. package/dist/cjs/styles/shared/panel.js +1 -39
  12. package/dist/cjs/styles/shared/resizer.js +2 -202
  13. package/dist/cjs/styles/shared/smart-card.js +1 -6
  14. package/dist/cjs/styles/shared/smartCard.js +2 -16
  15. package/dist/cjs/styles/shared/task-decision.js +2 -12
  16. package/dist/cjs/styles/shared/unsupported-content.js +2 -12
  17. package/dist/cjs/ui/DropList/index.js +1 -1
  18. package/dist/cjs/ui/Expand/sharedStyles.js +2 -97
  19. package/dist/cjs/ui/index.js +0 -7
  20. package/dist/es2019/messages/block-menu.js +5 -0
  21. package/dist/es2019/monitoring/error.js +1 -1
  22. package/dist/es2019/panel.js +1 -1
  23. package/dist/es2019/styles/index.js +11 -23
  24. package/dist/es2019/styles/shared/annotation.js +1 -106
  25. package/dist/es2019/styles/shared/code-block.js +1 -164
  26. package/dist/es2019/styles/shared/date.js +1 -11
  27. package/dist/es2019/styles/shared/grid.js +1 -39
  28. package/dist/es2019/styles/shared/lists.js +1 -121
  29. package/dist/es2019/styles/shared/panel.js +1 -138
  30. package/dist/es2019/styles/shared/resizer.js +2 -211
  31. package/dist/es2019/styles/shared/smart-card.js +1 -24
  32. package/dist/es2019/styles/shared/smartCard.js +1 -151
  33. package/dist/es2019/styles/shared/task-decision.js +1 -63
  34. package/dist/es2019/styles/shared/unsupported-content.js +1 -27
  35. package/dist/es2019/ui/DropList/index.js +1 -1
  36. package/dist/es2019/ui/Expand/sharedStyles.js +1 -113
  37. package/dist/es2019/ui/index.js +0 -1
  38. package/dist/esm/messages/block-menu.js +5 -0
  39. package/dist/esm/monitoring/error.js +1 -1
  40. package/dist/esm/panel.js +1 -1
  41. package/dist/esm/styles/index.js +11 -23
  42. package/dist/esm/styles/shared/annotation.js +0 -67
  43. package/dist/esm/styles/shared/code-block.js +1 -15
  44. package/dist/esm/styles/shared/date.js +1 -9
  45. package/dist/esm/styles/shared/grid.js +1 -39
  46. package/dist/esm/styles/shared/lists.js +1 -10
  47. package/dist/esm/styles/shared/panel.js +0 -37
  48. package/dist/esm/styles/shared/resizer.js +2 -202
  49. package/dist/esm/styles/shared/smart-card.js +0 -5
  50. package/dist/esm/styles/shared/smartCard.js +1 -15
  51. package/dist/esm/styles/shared/task-decision.js +1 -10
  52. package/dist/esm/styles/shared/unsupported-content.js +1 -11
  53. package/dist/esm/ui/DropList/index.js +1 -1
  54. package/dist/esm/ui/Expand/sharedStyles.js +1 -96
  55. package/dist/esm/ui/index.js +0 -1
  56. package/dist/types/messages/block-menu.d.ts +5 -0
  57. package/dist/types/panel.d.ts +1 -1
  58. package/dist/types/styles/index.d.ts +11 -23
  59. package/dist/types/styles/shared/annotation.d.ts +0 -30
  60. package/dist/types/styles/shared/code-block.d.ts +0 -3
  61. package/dist/types/styles/shared/date.d.ts +0 -2
  62. package/dist/types/styles/shared/grid.d.ts +0 -2
  63. package/dist/types/styles/shared/lists.d.ts +0 -2
  64. package/dist/types/styles/shared/panel.d.ts +0 -2
  65. package/dist/types/styles/shared/resizer.d.ts +0 -4
  66. package/dist/types/styles/shared/smart-card.d.ts +0 -2
  67. package/dist/types/styles/shared/smartCard.d.ts +0 -1
  68. package/dist/types/styles/shared/task-decision.d.ts +0 -2
  69. package/dist/types/styles/shared/unsupported-content.d.ts +0 -2
  70. package/dist/types/ui/Expand/sharedStyles.d.ts +0 -6
  71. package/dist/types/ui/index.d.ts +0 -2
  72. package/dist/types-ts4.5/messages/block-menu.d.ts +5 -0
  73. package/dist/types-ts4.5/panel.d.ts +1 -1
  74. package/dist/types-ts4.5/styles/index.d.ts +11 -23
  75. package/dist/types-ts4.5/styles/shared/annotation.d.ts +0 -30
  76. package/dist/types-ts4.5/styles/shared/code-block.d.ts +0 -3
  77. package/dist/types-ts4.5/styles/shared/date.d.ts +0 -2
  78. package/dist/types-ts4.5/styles/shared/grid.d.ts +0 -2
  79. package/dist/types-ts4.5/styles/shared/lists.d.ts +0 -2
  80. package/dist/types-ts4.5/styles/shared/panel.d.ts +0 -2
  81. package/dist/types-ts4.5/styles/shared/resizer.d.ts +0 -4
  82. package/dist/types-ts4.5/styles/shared/smart-card.d.ts +0 -2
  83. package/dist/types-ts4.5/styles/shared/smartCard.d.ts +0 -1
  84. package/dist/types-ts4.5/styles/shared/task-decision.d.ts +0 -2
  85. package/dist/types-ts4.5/styles/shared/unsupported-content.d.ts +0 -2
  86. package/dist/types-ts4.5/ui/Expand/sharedStyles.d.ts +0 -6
  87. package/dist/types-ts4.5/ui/index.d.ts +0 -2
  88. package/package.json +2 -2
  89. package/dist/cjs/styles/shared/background-color.js +0 -33
  90. package/dist/cjs/styles/shared/block-marks.js +0 -14
  91. package/dist/cjs/styles/shared/code-mark.js +0 -32
  92. package/dist/cjs/styles/shared/column-layout.js +0 -70
  93. package/dist/cjs/styles/shared/embedCard.js +0 -42
  94. package/dist/cjs/styles/shared/indentation.js +0 -40
  95. package/dist/cjs/styles/shared/link.js +0 -24
  96. package/dist/cjs/styles/shared/paragraph.js +0 -39
  97. package/dist/cjs/styles/shared/rule.js +0 -24
  98. package/dist/cjs/styles/shared/shadow.js +0 -64
  99. package/dist/cjs/styles/shared/text-color.js +0 -20
  100. package/dist/cjs/styles/shared/whitespace.js +0 -15
  101. package/dist/es2019/styles/shared/background-color.js +0 -26
  102. package/dist/es2019/styles/shared/block-marks.js +0 -37
  103. package/dist/es2019/styles/shared/code-mark.js +0 -25
  104. package/dist/es2019/styles/shared/column-layout.js +0 -66
  105. package/dist/es2019/styles/shared/embedCard.js +0 -33
  106. package/dist/es2019/styles/shared/indentation.js +0 -34
  107. package/dist/es2019/styles/shared/link.js +0 -18
  108. package/dist/es2019/styles/shared/paragraph.js +0 -32
  109. package/dist/es2019/styles/shared/rule.js +0 -15
  110. package/dist/es2019/styles/shared/shadow.js +0 -69
  111. package/dist/es2019/styles/shared/text-color.js +0 -14
  112. package/dist/es2019/styles/shared/whitespace.js +0 -9
  113. package/dist/esm/styles/shared/background-color.js +0 -26
  114. package/dist/esm/styles/shared/block-marks.js +0 -8
  115. package/dist/esm/styles/shared/code-mark.js +0 -25
  116. package/dist/esm/styles/shared/column-layout.js +0 -63
  117. package/dist/esm/styles/shared/embedCard.js +0 -35
  118. package/dist/esm/styles/shared/indentation.js +0 -34
  119. package/dist/esm/styles/shared/link.js +0 -18
  120. package/dist/esm/styles/shared/paragraph.js +0 -32
  121. package/dist/esm/styles/shared/rule.js +0 -17
  122. package/dist/esm/styles/shared/shadow.js +0 -57
  123. package/dist/esm/styles/shared/text-color.js +0 -14
  124. package/dist/esm/styles/shared/whitespace.js +0 -9
  125. package/dist/types/styles/shared/background-color.d.ts +0 -1
  126. package/dist/types/styles/shared/block-marks.d.ts +0 -2
  127. package/dist/types/styles/shared/code-mark.d.ts +0 -1
  128. package/dist/types/styles/shared/column-layout.d.ts +0 -4
  129. package/dist/types/styles/shared/embedCard.d.ts +0 -3
  130. package/dist/types/styles/shared/indentation.d.ts +0 -2
  131. package/dist/types/styles/shared/link.d.ts +0 -2
  132. package/dist/types/styles/shared/paragraph.d.ts +0 -1
  133. package/dist/types/styles/shared/rule.d.ts +0 -1
  134. package/dist/types/styles/shared/shadow.d.ts +0 -15
  135. package/dist/types/styles/shared/text-color.d.ts +0 -2
  136. package/dist/types/styles/shared/whitespace.d.ts +0 -2
  137. package/dist/types-ts4.5/styles/shared/background-color.d.ts +0 -1
  138. package/dist/types-ts4.5/styles/shared/block-marks.d.ts +0 -2
  139. package/dist/types-ts4.5/styles/shared/code-mark.d.ts +0 -1
  140. package/dist/types-ts4.5/styles/shared/column-layout.d.ts +0 -4
  141. package/dist/types-ts4.5/styles/shared/embedCard.d.ts +0 -3
  142. package/dist/types-ts4.5/styles/shared/indentation.d.ts +0 -2
  143. package/dist/types-ts4.5/styles/shared/link.d.ts +0 -2
  144. package/dist/types-ts4.5/styles/shared/paragraph.d.ts +0 -1
  145. package/dist/types-ts4.5/styles/shared/rule.d.ts +0 -1
  146. package/dist/types-ts4.5/styles/shared/shadow.d.ts +0 -15
  147. package/dist/types-ts4.5/styles/shared/text-color.d.ts +0 -2
  148. package/dist/types-ts4.5/styles/shared/whitespace.d.ts +0 -2
@@ -1,8 +1,6 @@
1
1
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
2
  import { css } from '@emotion/react';
3
- import { akEditorDeleteIconColor, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
4
- import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
5
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
3
+ import { akEditorDeleteIconColor } from '@atlaskit/editor-shared-styles';
6
4
  /*
7
5
  Styles in this file are based on
8
6
  packages/editor/editor-core/src/plugins/media/styles.ts
@@ -217,211 +215,4 @@ export const resizerStyles = css`
217
215
  padding: unset;
218
216
  left: unset;
219
217
  }
220
- `;
221
-
222
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
223
- export const pragmaticResizerStylesForTooltip = () => {
224
- if (expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) {
225
- return css({
226
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
227
- '.pm-breakout-resize-handle-rail-wrapper': {
228
- display: 'flex',
229
- alignItems: 'center',
230
- justifyContent: 'center',
231
- height: '100%',
232
- cursor: 'col-resize',
233
- borderRadius: "var(--ds-radius-small, 4px)",
234
- zIndex: 2,
235
- // Tootip element
236
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
237
- '[role="presentation"]': {
238
- height: '100%',
239
- width: '100%'
240
- },
241
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
242
- '.pm-breakout-resize-handle-rail-inside-tooltip': {
243
- height: '100%'
244
- }
245
- }
246
- });
247
- }
248
- };
249
- export const pragmaticStylesLayoutFirstNodeResizeHandleFix = () => {
250
- if (editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) {
251
- return css({
252
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
253
- '.fabric-editor-breakout-mark': {
254
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
255
- '&:has([data-prosemirror-node-name="layoutSection"].first-node-in-document)': {
256
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
257
- '> .pm-breakout-resize-handle-container': {
258
- height: 'calc(100% - 8px)'
259
- }
260
- }
261
- }
262
- });
263
- }
264
- };
265
-
266
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
267
- export const pragmaticResizerStyles = () => {
268
- if (!expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) {
269
- return;
270
- }
271
- return css({
272
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
273
- '.fabric-editor-breakout-mark': {
274
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
275
- '&:has([data-prosemirror-node-name="codeBlock"])': {
276
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
277
- '> .pm-breakout-resize-handle-container--left': {
278
- left: '-5px'
279
- },
280
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
281
- '> .pm-breakout-resize-handle-container--right': {
282
- right: '-5px'
283
- },
284
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
285
- '> .pm-breakout-resize-handle-container': {
286
- height: 'calc(100% - 12px)'
287
- }
288
- },
289
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
290
- '&:has([data-prosemirror-node-name="expand"]), &:has([data-prosemirror-node-name="layoutSection"])': {
291
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
292
- '> .pm-breakout-resize-handle-container--left': {
293
- left: '-25px'
294
- },
295
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
296
- '> .pm-breakout-resize-handle-container--right': {
297
- right: '-25px'
298
- }
299
- },
300
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
301
- '&:has([data-prosemirror-node-name="expand"])': {
302
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
303
- '> .pm-breakout-resize-handle-container': {
304
- height: 'calc(100% - 4px)'
305
- }
306
- },
307
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
308
- '&:has([data-prosemirror-node-name="layoutSection"])': {
309
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
310
- '> .pm-breakout-resize-handle-container': {
311
- height: 'calc(100% - 8px)'
312
- }
313
- },
314
- // the first node in the document always has margin-top = 0
315
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
316
- '&:has(.first-node-in-document)': {
317
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
318
- '> .pm-breakout-resize-handle-container': {
319
- height: '100%'
320
- }
321
- }
322
- },
323
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
324
- '.pm-breakout-resize-handle-container': {
325
- position: 'relative',
326
- alignSelf: 'end',
327
- gridRow: 1,
328
- gridColumn: 1,
329
- height: '100%',
330
- width: 7
331
- },
332
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
333
- '.pm-breakout-resize-handle-container--left': {
334
- justifySelf: 'start'
335
- },
336
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
337
- '.pm-breakout-resize-handle-container--right': {
338
- justifySelf: 'end'
339
- },
340
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
341
- '.pm-breakout-resize-handle-rail': {
342
- position: 'relative',
343
- display: 'flex',
344
- alignItems: 'center',
345
- justifyContent: 'center',
346
- height: '100%',
347
- cursor: 'col-resize',
348
- borderRadius: "var(--ds-radius-small, 4px)",
349
- transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
350
- zIndex: 2,
351
- opacity: 0,
352
- '&:hover': {
353
- background: "var(--ds-background-selected, #E9F2FF)",
354
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
355
- '.pm-breakout-resize-handle-thumb': {
356
- background: "var(--ds-border-focused, #388BFF)"
357
- }
358
- }
359
- },
360
- // same as 'hover' styles above
361
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
362
- '.pm-breakout-resize-handle-container--active': {
363
- background: "var(--ds-background-selected, #E9F2FF)",
364
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
365
- '.pm-breakout-resize-handle-thumb': {
366
- background: "var(--ds-border-focused, #388BFF)"
367
- }
368
- },
369
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
370
- '.pm-breakout-resize-handle-hit-box': {
371
- position: 'absolute',
372
- top: 0,
373
- bottom: 0,
374
- left: -20,
375
- right: -20,
376
- zIndex: 0
377
- },
378
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
379
- '.pm-breakout-resize-handle-thumb': {
380
- minWidth: resizerHandleThumbWidth,
381
- // copied from resizeStyles.clamped
382
- height: 'clamp(27px, calc(100% - 32px), 96px)',
383
- background: "var(--ds-border, #091E4224)",
384
- borderRadius: "var(--ds-radius-medium, 6px)",
385
- // sticky styles
386
- position: 'sticky',
387
- top: "var(--ds-space-150, 12px)",
388
- bottom: "var(--ds-space-150, 12px)"
389
- }
390
- });
391
- };
392
- export const pragmaticResizerStylesWithReducedEditorGutter = () => {
393
- if (editorExperiment('platform_editor_preview_panel_responsiveness', true) && (expValEqualsNoExposure('advanced_layouts', 'isEnabled', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true))) {
394
- return css({
395
- /* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */
396
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
397
- [`@container editor-area (max-width: ${akEditorFullPageNarrowBreakout}px)`]: {
398
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
399
- '.fabric-editor-breakout-mark': {
400
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
401
- '&:has([data-prosemirror-node-name="expand"]), &:has([data-prosemirror-node-name="layoutSection"])': {
402
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
403
- '> .pm-breakout-resize-handle-container': {
404
- opacity: 0,
405
- visibility: 'hidden'
406
- }
407
- },
408
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
409
- '&:has([data-prosemirror-node-name="layoutSection"])': {
410
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
411
- [`.${resizerItemClassName}`]: {
412
- willChange: 'width',
413
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
414
- '&:hover, &.display-handle': {
415
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
416
- [`& > .${handleWrapperClass} > .${resizerHandleClassName}`]: {
417
- visibility: 'hidden',
418
- opacity: 0
419
- }
420
- }
421
- }
422
- }
423
- }
424
- }
425
- });
426
- }
427
- };
218
+ `;
@@ -1,30 +1,7 @@
1
- import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
2
1
  export const SmartCardSharedCssClassName = {
3
2
  INLINE_CARD_CONTAINER: 'inlineCardView-content-wrap',
4
3
  BLOCK_CARD_CONTAINER: 'blockCardView-content-wrap',
5
4
  EMBED_CARD_CONTAINER: 'embedCardView-content-wrap',
6
5
  DATASOURCE_CONTAINER: 'datasourceView-content-wrap',
7
6
  LOADER_WRAPPER: 'loader-wrapper'
8
- };
9
- export const smartCardSharedStyles = `
10
- .${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER} {
11
- display: block;
12
- margin: ${blockNodesVerticalMargin} 0 0;
13
- max-width: ${8 * 95}px;
14
- }
15
- `;
16
- export const getSmartCardSharedStyles = () => `
17
- .${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER} {
18
- display: block;
19
- margin: ${blockNodesVerticalMargin} 0 0;
20
- max-width: ${8 * 95}px;
21
- }
22
-
23
- .${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER} {
24
- /* EDM-11991: Fix list plugin adding padding to ADS AvatarGroup start */
25
- ul, ol {
26
- padding-left: inherit;
27
- }
28
- /* EDM-11991: Fix list plugin add padding to ADS AvatarGroup end */
29
- }
30
- `;
7
+ };
@@ -1,152 +1,2 @@
1
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
- import { css } from '@emotion/react';
3
- import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
4
- import { fg } from '@atlaskit/platform-feature-flags';
5
- import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
6
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
7
- import { SmartCardSharedCssClassName } from './smart-card';
8
1
  export const DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
9
- export const FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';
10
-
11
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
12
- export const smartCardStyles = () => css`
13
- .${SmartCardSharedCssClassName.INLINE_CARD_CONTAINER} {
14
- max-width: calc(100% - 20px);
15
- vertical-align: top;
16
- word-break: break-all;
17
- ${fg('editor_inline_comments_on_inline_nodes') ? `.card-with-comment {
18
- background: ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"};
19
- border-bottom: 2px solid ${"var(--ds-border-accent-yellow, #B38600)"};
20
- box-shadow: ${"var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)"};
21
- }` : ''}
22
- .card {
23
- padding-left: ${"var(--ds-space-025, 2px)"};
24
- padding-right: ${"var(--ds-space-025, 2px)"};
25
- padding-top: 0.5em;
26
- padding-bottom: 0.5em;
27
- margin-bottom: -0.5em;
28
-
29
- .${SmartCardSharedCssClassName.LOADER_WRAPPER} > a:focus {
30
- ${getSelectionStyles([SelectionStyle.BoxShadow])}
31
- }
32
- }
33
-
34
- ${editorExperiment('platform_editor_controls', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true) ? `[data-inlinecard-button-overlay='icon-wrapper-line-height'] span {
35
- line-height: 0;
36
- }` : ''}
37
-
38
- ${expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? `
39
- &.${akEditorSelectedNodeClassName}:not(.search-match-block) .${SmartCardSharedCssClassName.LOADER_WRAPPER} > a {
40
- ${getSelectionStyles([SelectionStyle.BoxShadow])}
41
- }` : `
42
- &.${akEditorSelectedNodeClassName} .${SmartCardSharedCssClassName.LOADER_WRAPPER} > a {
43
- ${getSelectionStyles([SelectionStyle.BoxShadow])}
44
- }`}
45
- .${SmartCardSharedCssClassName.LOADER_WRAPPER} > a {
46
- /* EDM-1717: box-shadow Safari fix start */
47
- z-index: 1;
48
- position: relative;
49
- /* EDM-1717: box-shadow Safari fix end */
50
- }
51
-
52
- &.danger {
53
- .${SmartCardSharedCssClassName.LOADER_WRAPPER} > a {
54
- box-shadow: 0 0 0 1px ${`var(--ds-border-danger, ${akEditorDeleteBorder})`};
55
- /* EDM-1717: box-shadow Safari fix start */
56
- z-index: 2;
57
- /* EDM-1717: box-shadow Safari fix end */
58
- }
59
- }
60
- }
61
-
62
- .${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER} {
63
- .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div {
64
- cursor: pointer;
65
-
66
- a {
67
- cursor: auto;
68
- }
69
- }
70
-
71
- &.${akEditorSelectedNodeClassName} .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div {
72
- ${getSelectionStyles([SelectionStyle.BoxShadow])}
73
- border-radius: ${"var(--ds-radius-large, 8px)"};
74
- }
75
-
76
- &.danger {
77
- .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div {
78
- box-shadow: 0 0 0 1px ${`var(--ds-border-danger, ${akEditorDeleteBorder})`} !important;
79
- }
80
- }
81
- }
82
-
83
- .${SmartCardSharedCssClassName.DATASOURCE_CONTAINER}.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER} {
84
- max-width: 100%;
85
- display: flex;
86
- justify-content: center;
87
-
88
- .${DATASOURCE_INNER_CONTAINER_CLASSNAME} {
89
- cursor: pointer;
90
- background-color: ${"var(--ds-background-neutral-subtle, #00000000)"};
91
- border-radius: ${"var(--ds-radius-large, 8px)"};
92
- border: 1px solid ${"var(--ds-border, #091E4224)"};
93
- overflow: hidden;
94
- }
95
-
96
- &.${akEditorSelectedNodeClassName} {
97
- .${DATASOURCE_INNER_CONTAINER_CLASSNAME} {
98
- ${getSelectionStyles([SelectionStyle.BoxShadow])}
99
-
100
- input::selection {
101
- background-color: ${"var(--ds-background-selected-hovered, #CCE0FF)"};
102
- }
103
- input::-moz-selection {
104
- background-color: ${"var(--ds-background-selected-hovered, #CCE0FF)"};
105
- }
106
- }
107
- }
108
-
109
- &.danger {
110
- .${DATASOURCE_INNER_CONTAINER_CLASSNAME} {
111
- box-shadow: 0 0 0 1px ${`var(--ds-border-danger, ${akEditorDeleteBorder})`};
112
- }
113
- }
114
- }
115
-
116
- .${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER} {
117
- .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div {
118
- cursor: pointer;
119
- a {
120
- cursor: auto;
121
- }
122
- &::after {
123
- transition: box-shadow 0s;
124
- }
125
- }
126
-
127
- ${expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? `
128
- &.${akEditorSelectedNodeClassName}:not(.search-match-block) .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after {
129
- ${getSelectionStyles([SelectionStyle.BoxShadow])}
130
- }
131
- ` : `
132
- &.${akEditorSelectedNodeClassName} .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after {
133
- ${getSelectionStyles([SelectionStyle.BoxShadow])}
134
- }
135
- `}
136
-
137
- &.danger {
138
- .media-card-frame::after {
139
- box-shadow: 0 0 0 1px ${`var(--ds-border-danger, ${akEditorDeleteBorder})`} !important;
140
- background: ${`var(--ds-background-danger, ${akEditorDeleteBackground})`} !important;
141
- }
142
- .richMedia-resize-handle-right::after,
143
- .richMedia-resize-handle-left::after {
144
- background: ${`var(--ds-border-danger, ${akEditorDeleteBorder})`};
145
- }
146
- }
147
- }
148
-
149
- .${FLOATING_TOOLBAR_LINKPICKER_CLASSNAME} {
150
- padding: 0;
151
- }
152
- `;
2
+ export const FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';
@@ -1,68 +1,6 @@
1
- /* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression */
2
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
- import { css } from '@emotion/react';
4
- import { akEditorLineHeight, akEditorTableCellMinWidth } from '@atlaskit/editor-shared-styles';
5
1
  export const TaskDecisionSharedCssClassName = {
6
2
  DECISION_CONTAINER: 'decisionItemView-content-wrap',
7
3
  TASK_CONTAINER: 'taskItemView-content-wrap',
8
4
  TASK_ITEM: 'task-item',
9
5
  TASK_CHECKBOX_CONTAINER: 'task-item-checkbox-wrap'
10
- };
11
-
12
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
13
- export const tasksAndDecisionsStyles = css`
14
- .ProseMirror {
15
- .taskItemView-content-wrap,
16
- .${TaskDecisionSharedCssClassName.DECISION_CONTAINER} {
17
- position: relative;
18
- min-width: ${akEditorTableCellMinWidth}px;
19
- }
20
-
21
- .${TaskDecisionSharedCssClassName.DECISION_CONTAINER} {
22
- margin-top: 0;
23
- }
24
-
25
- .${TaskDecisionSharedCssClassName.TASK_CONTAINER} {
26
- span[contenteditable='false'] {
27
- height: ${akEditorLineHeight}em;
28
- }
29
- }
30
-
31
- .${TaskDecisionSharedCssClassName.TASK_ITEM} {
32
- line-height: ${akEditorLineHeight};
33
- }
34
- }
35
-
36
- div[data-task-local-id] {
37
- span[contenteditable='false'] {
38
- height: ${akEditorLineHeight}em;
39
- }
40
- span[contenteditable='false'] + div {
41
- line-height: ${akEditorLineHeight}em;
42
- }
43
- }
44
-
45
- div[data-task-list-local-id] {
46
- margin: ${"var(--ds-space-150, 12px)"} 0 0 0;
47
- }
48
-
49
- div[data-task-list-local-id] {
50
- /* If task item is not first in the list then set margin top to 4px. */
51
- div + div {
52
- margin-top: ${"var(--ds-space-050, 4px)"};
53
- }
54
- }
55
-
56
- /* If task list is not first in the document then set margin top to 4px. */
57
- div[data-task-list-local-id] div[data-task-list-local-id] {
58
- margin-top: ${"var(--ds-space-050, 4px)"};
59
- margin-left: ${"var(--ds-space-300, 24px)"};
60
- }
61
-
62
- /* When action list is inside panel */
63
- .ak-editor-panel__content {
64
- > div[data-task-list-local-id]:first-child {
65
- margin: 0 0 0 0 !important;
66
- }
67
- }
68
- `;
6
+ };
@@ -1,30 +1,4 @@
1
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
- import { css } from '@emotion/react';
3
- import { akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
4
1
  export const UnsupportedSharedCssClassName = {
5
2
  BLOCK_CONTAINER: 'unsupportedBlockView-content-wrap',
6
3
  INLINE_CONTAINER: 'unsupportedInlineView-content-wrap'
7
- };
8
- const inlineUnsupportedSelector = `.${UnsupportedSharedCssClassName.INLINE_CONTAINER} > span:nth-of-type(2)`;
9
- const blockUnsupportedSelector = `.${UnsupportedSharedCssClassName.BLOCK_CONTAINER} > div`;
10
-
11
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
12
- export const unsupportedStyles = css`
13
- ${blockUnsupportedSelector}, ${inlineUnsupportedSelector} {
14
- cursor: pointer;
15
- }
16
-
17
- .${akEditorSelectedNodeClassName}${blockUnsupportedSelector},
18
- .${akEditorSelectedNodeClassName}${inlineUnsupportedSelector} {
19
- ${getSelectionStyles([SelectionStyle.Background, SelectionStyle.Border])}
20
- }
21
-
22
- .danger {
23
- .${akEditorSelectedNodeClassName}${blockUnsupportedSelector},
24
- .${akEditorSelectedNodeClassName}${inlineUnsupportedSelector} {
25
- border: ${akEditorSelectedBorderSize}px solid
26
- ${`var(--ds-border-danger, ${akEditorDeleteBorder})`};
27
- background-color: ${`var(--ds-blanket-danger, ${akEditorDeleteBackgroundWithOpacity})`};
28
- }
29
- }
30
- `;
4
+ };
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
14
14
  import { fg } from '@atlaskit/platform-feature-flags';
15
15
  import Layer from '../Layer';
16
16
  const packageName = "@atlaskit/editor-common";
17
- const packageVersion = "110.8.0";
17
+ const packageVersion = "110.9.2";
18
18
  const halfFocusRing = 1;
19
19
  const dropOffset = '0, 8';
20
20
  const fadeIn = keyframes({
@@ -1,113 +1 @@
1
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
- import { css } from '@emotion/react';
3
- import { akEditorLineHeight, akEditorSwoopCubicBezier, akLayoutGutterOffset, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
4
- import { fg } from '@atlaskit/platform-feature-flags';
5
- const BORDER_RADIUS = "var(--ds-radius-small, 4px)";
6
- const EXPAND_COLLAPSED_BACKGROUND = "var(--ds-background-neutral-subtle, transparent)";
7
- const EXPAND_SELECTED_BACKGROUND = "var(--ds-surface, rgba(255, 255, 255, 0.6))";
8
- const EXPAND_FOCUSED_BORDER_COLOR = "var(--ds-border-focused, #388BFF)";
9
- const EXPAND_COLLAPSED_BORDER_COLOR = 'transparent';
10
- const EXPAND_EXPANDED_BORDER_COLOR = "var(--ds-border, #091E4224)";
11
- export const EXPAND_CONTAINER_PADDING = 8;
12
- const containerStyles = styleProps => {
13
- const {
14
- expanded,
15
- focused
16
- } = styleProps;
17
- const marginTop = "var(--ds-space-050, 0.25rem)";
18
- const marginBottom = 0;
19
- // Only only these margins if the expand isn't editable
20
- // and is the root level expand.
21
- const marginHorizontal = styleProps['data-node-type'] === 'expand' ? `-${akLayoutGutterOffset}px` : 0;
22
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
23
- const margin = `${marginTop} ${marginHorizontal} ${marginBottom}`;
24
- return () => css({
25
- borderWidth: "var(--ds-border-width, 1px)",
26
- borderStyle: 'solid',
27
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
28
- borderColor: focused ? EXPAND_FOCUSED_BORDER_COLOR : expanded ? EXPAND_EXPANDED_BORDER_COLOR : EXPAND_COLLAPSED_BORDER_COLOR,
29
- borderRadius: BORDER_RADIUS,
30
- minHeight: '25px',
31
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
32
- background: !expanded ? EXPAND_COLLAPSED_BACKGROUND : EXPAND_SELECTED_BACKGROUND,
33
- margin: margin,
34
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
35
- transition: `background 0.3s ${akEditorSwoopCubicBezier}, border-color 0.3s ${akEditorSwoopCubicBezier}`,
36
- padding: `var(--ds-space-100, ${`${EXPAND_CONTAINER_PADDING}px`})`,
37
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
38
- 'td > :not(style):first-child, td > style:first-child + *': {
39
- marginTop: 0
40
- }
41
- });
42
- };
43
- const contentStyles = styleProps => () =>
44
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
45
- css`
46
- padding-top: ${styleProps.expanded ? "var(--ds-space-100, 8px)" : "var(--ds-space-0, 0px)"};
47
- padding-right: ${"var(--ds-space-100, 8px)"};
48
- padding-left: ${"var(--ds-space-300, 24px)"};
49
- margin-left: ${"var(--ds-space-050, 4px)"};
50
- display: flow-root;
51
-
52
- /* The follow rules inside @supports block are added as a part of ED-8893
53
- The fix is targeting mobile bridge on iOS 12 or below,
54
- We should consider remove this fix when we no longer support iOS 12 */
55
- @supports not (display: flow-root) {
56
- width: 100%;
57
- box-sizing: border-box;
58
- }
59
-
60
- ${!styleProps.expanded ? `
61
- .expand-content-wrapper, .nestedExpand-content-wrapper {
62
- /* We visually hide the content here to preserve the content during copy+paste */
63
- /* Do not add text nowrap here because inline comment navigation depends on the location of the text */
64
- width: 100%;
65
- display: block;
66
- height: 0;
67
- overflow: hidden;
68
- clip: rect(1px, 1px, 1px, 1px);
69
- user-select: none;
70
- }
71
- ` : ''}
72
- `;
73
- const titleInputStyles = () => css({
74
- outline: 'none',
75
- border: 'none',
76
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
77
- fontSize: relativeFontSizeToBase16(14),
78
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
79
- lineHeight: fg('platform-visual-refresh-icons') ? 1 : akEditorLineHeight,
80
- fontWeight: "var(--ds-font-weight-regular, 400)",
81
- color: "var(--ds-text-subtlest, #626F86)",
82
- background: 'transparent',
83
- display: 'flex',
84
- flex: 1,
85
- padding: `0 0 0 ${"var(--ds-space-050, 4px)"}`,
86
- width: '100%',
87
- '&::placeholder': {
88
- opacity: 1,
89
- color: "var(--ds-text-subtlest, #626F86)"
90
- }
91
- });
92
- const titleContainerStyles = () => css({
93
- padding: 0,
94
- display: 'flex',
95
- alignItems: 'flex-start',
96
- background: 'none',
97
- border: 'none',
98
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
99
- fontSize: relativeFontSizeToBase16(14),
100
- width: '100%',
101
- color: "var(--ds-text-subtle, #44546F)",
102
- overflow: 'hidden',
103
- cursor: 'pointer',
104
- '&:focus': {
105
- outline: 0
106
- }
107
- });
108
- export const sharedExpandStyles = {
109
- titleInputStyles,
110
- titleContainerStyles,
111
- containerStyles,
112
- contentStyles
113
- };
1
+ export const EXPAND_CONTAINER_PADDING = 8;
@@ -18,7 +18,6 @@ export { default as overflowShadow, shadowClassNames } from './OverflowShadow';
18
18
  export { shadowObserverClassNames, ShadowObserver } from './OverflowShadow/shadowObserver';
19
19
  export { WithCreateAnalyticsEvent } from './WithCreateAnalyticsEvent';
20
20
  export { messages as expandMessages, ExpandIconWrapper, expandLayoutWrapperStyle, ExpandLayoutWrapperWithRef } from './Expand';
21
- export { sharedExpandStyles } from './Expand/sharedStyles';
22
21
  export { ErrorMessage, HelperMessage, ValidMessage } from './Messages';
23
22
  export { clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle } from './clear-next-sibling-margin-top';
24
23
  export { IntlErrorBoundary, REACT_INTL_ERROR_MESSAGE } from './IntlErrorBoundary';
@@ -59,5 +59,10 @@ export var messages = defineMessages({
59
59
  id: 'fabric.editor.block.menu.create.synced.block',
60
60
  defaultMessage: 'Create synced block',
61
61
  description: 'Create a synced block at this empty line'
62
+ },
63
+ convertToSyncedBlock: {
64
+ id: 'fabric.editor.block.menu.convert.to.synced.block',
65
+ defaultMessage: 'Convert to synced block',
66
+ description: 'Convert the selection to a synced block by putting all of the content inside a new synced block'
62
67
  }
63
68
  });
@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import { isFedRamp } from './environment';
8
8
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
9
9
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
10
- var packageVersion = "110.8.0";
10
+ var packageVersion = "110.9.2";
11
11
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
12
12
  // Remove URL as it has UGC
13
13
  // Ignored via go/ees007
package/dist/esm/panel.js CHANGED
@@ -1,4 +1,4 @@
1
1
  // Disable no-re-export rule for entry point files
2
2
  /* eslint-disable @atlaskit/editor/no-re-export */
3
3
 
4
- export { getPanelTypeBackground, getPanelTypeBackgroundNoTokens, darkPanelColors, panelSharedStyles, panelSharedStylesWithoutPrefix, PanelSharedCssClassName, PanelSharedSelectors } from './styles/shared/panel';
4
+ export { getPanelTypeBackground, getPanelTypeBackgroundNoTokens, darkPanelColors, PanelSharedCssClassName, PanelSharedSelectors } from './styles/shared/panel';