@atlaskit/editor-core 221.16.4 → 221.17.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 (90) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/cjs/composable-editor/editor-internal-compiled.js +1 -1
  3. package/dist/cjs/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.js +1 -1
  4. package/dist/cjs/ui/Appearance/Chromeless-compiled.js +1 -1
  5. package/dist/cjs/ui/Appearance/Comment/Comment-compiled.js +1 -1
  6. package/dist/cjs/ui/Appearance/Comment/FixedToolbar-compiled.js +1 -1
  7. package/dist/cjs/ui/Appearance/Comment/StickyToolbar-compiled.js +1 -1
  8. package/dist/cjs/ui/Appearance/FullPage/BeforeWrapper-compiled.js +1 -1
  9. package/dist/cjs/ui/Appearance/FullPage/CustomToolbarWrapper-compiled.js +1 -1
  10. package/dist/cjs/ui/Appearance/FullPage/FullPage-compiled.js +1 -1
  11. package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-compiled.js +1 -1
  12. package/dist/cjs/ui/Appearance/FullPage/FullPageToolbarNext.js +1 -1
  13. package/dist/cjs/ui/Appearance/FullPage/MainToolbar-compiled.js +1 -1
  14. package/dist/cjs/ui/Appearance/FullPage/MainToolbarWrapper-compiled.js +1 -1
  15. package/dist/cjs/ui/ChromeCollapsed/ChromeCollapsed-compiled.js +1 -1
  16. package/dist/cjs/ui/ContextPanel/index-compiled.js +1 -1
  17. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -4
  18. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +6 -4
  19. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +5 -11
  20. package/dist/cjs/ui/EditorContentContainer/styles/editorUGCTokenStyles.js +2 -2
  21. package/dist/cjs/ui/EditorContentContainer/styles/paragraphStyles.js +1 -43
  22. package/dist/cjs/ui/EditorContentContainer/styles/syncBlockInteractiveCursorStyles.js +8 -4
  23. package/dist/cjs/ui/EditorContentContainer/styles/tableStyles.js +78 -1
  24. package/dist/cjs/ui/PluginSlot/PluginSlot-compiled.js +1 -1
  25. package/dist/cjs/ui/Toolbar/ToolbarComponentsWrapper-compiled.js +1 -1
  26. package/dist/cjs/ui/Toolbar/ToolbarPortal.js +1 -1
  27. package/dist/cjs/ui/Toolbar/ToolbarSizeDetectorWrapper-compiled.js +1 -1
  28. package/dist/cjs/ui/WithFlash/withFlash-compiled.js +1 -1
  29. package/dist/cjs/version-wrapper.js +1 -1
  30. package/dist/es2019/composable-editor/editor-internal-compiled.js +1 -1
  31. package/dist/es2019/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.js +1 -1
  32. package/dist/es2019/ui/Appearance/Chromeless-compiled.js +1 -1
  33. package/dist/es2019/ui/Appearance/Comment/Comment-compiled.js +1 -1
  34. package/dist/es2019/ui/Appearance/Comment/FixedToolbar-compiled.js +1 -1
  35. package/dist/es2019/ui/Appearance/Comment/StickyToolbar-compiled.js +1 -1
  36. package/dist/es2019/ui/Appearance/FullPage/BeforeWrapper-compiled.js +1 -1
  37. package/dist/es2019/ui/Appearance/FullPage/CustomToolbarWrapper-compiled.js +1 -1
  38. package/dist/es2019/ui/Appearance/FullPage/FullPage-compiled.js +1 -1
  39. package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.js +1 -1
  40. package/dist/es2019/ui/Appearance/FullPage/FullPageToolbarNext.js +1 -1
  41. package/dist/es2019/ui/Appearance/FullPage/MainToolbar-compiled.js +1 -1
  42. package/dist/es2019/ui/Appearance/FullPage/MainToolbarWrapper-compiled.js +1 -1
  43. package/dist/es2019/ui/ChromeCollapsed/ChromeCollapsed-compiled.js +1 -1
  44. package/dist/es2019/ui/ContextPanel/index-compiled.js +1 -1
  45. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -4
  46. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +8 -6
  47. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +7 -13
  48. package/dist/es2019/ui/EditorContentContainer/styles/editorUGCTokenStyles.js +2 -2
  49. package/dist/es2019/ui/EditorContentContainer/styles/paragraphStyles.js +0 -42
  50. package/dist/es2019/ui/EditorContentContainer/styles/syncBlockInteractiveCursorStyles.js +10 -5
  51. package/dist/es2019/ui/EditorContentContainer/styles/tableStyles.js +96 -1
  52. package/dist/es2019/ui/PluginSlot/PluginSlot-compiled.js +1 -1
  53. package/dist/es2019/ui/Toolbar/ToolbarComponentsWrapper-compiled.js +1 -1
  54. package/dist/es2019/ui/Toolbar/ToolbarPortal.js +1 -1
  55. package/dist/es2019/ui/Toolbar/ToolbarSizeDetectorWrapper-compiled.js +1 -1
  56. package/dist/es2019/ui/WithFlash/withFlash-compiled.js +1 -1
  57. package/dist/es2019/version-wrapper.js +1 -1
  58. package/dist/esm/composable-editor/editor-internal-compiled.js +1 -1
  59. package/dist/esm/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.js +1 -1
  60. package/dist/esm/ui/Appearance/Chromeless-compiled.js +1 -1
  61. package/dist/esm/ui/Appearance/Comment/Comment-compiled.js +1 -1
  62. package/dist/esm/ui/Appearance/Comment/FixedToolbar-compiled.js +1 -1
  63. package/dist/esm/ui/Appearance/Comment/StickyToolbar-compiled.js +1 -1
  64. package/dist/esm/ui/Appearance/FullPage/BeforeWrapper-compiled.js +1 -1
  65. package/dist/esm/ui/Appearance/FullPage/CustomToolbarWrapper-compiled.js +1 -1
  66. package/dist/esm/ui/Appearance/FullPage/FullPage-compiled.js +1 -1
  67. package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-compiled.js +1 -1
  68. package/dist/esm/ui/Appearance/FullPage/FullPageToolbarNext.js +1 -1
  69. package/dist/esm/ui/Appearance/FullPage/MainToolbar-compiled.js +1 -1
  70. package/dist/esm/ui/Appearance/FullPage/MainToolbarWrapper-compiled.js +1 -1
  71. package/dist/esm/ui/ChromeCollapsed/ChromeCollapsed-compiled.js +1 -1
  72. package/dist/esm/ui/ContextPanel/index-compiled.js +1 -1
  73. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -4
  74. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +8 -6
  75. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +7 -13
  76. package/dist/esm/ui/EditorContentContainer/styles/editorUGCTokenStyles.js +2 -2
  77. package/dist/esm/ui/EditorContentContainer/styles/paragraphStyles.js +0 -42
  78. package/dist/esm/ui/EditorContentContainer/styles/syncBlockInteractiveCursorStyles.js +9 -6
  79. package/dist/esm/ui/EditorContentContainer/styles/tableStyles.js +78 -1
  80. package/dist/esm/ui/PluginSlot/PluginSlot-compiled.js +1 -1
  81. package/dist/esm/ui/Toolbar/ToolbarComponentsWrapper-compiled.js +1 -1
  82. package/dist/esm/ui/Toolbar/ToolbarPortal.js +1 -1
  83. package/dist/esm/ui/Toolbar/ToolbarSizeDetectorWrapper-compiled.js +1 -1
  84. package/dist/esm/ui/WithFlash/withFlash-compiled.js +1 -1
  85. package/dist/esm/version-wrapper.js +1 -1
  86. package/dist/types/ui/EditorContentContainer/styles/editorUGCTokenStyles.d.ts +2 -2
  87. package/dist/types/ui/EditorContentContainer/styles/paragraphStyles.d.ts +0 -14
  88. package/dist/types/ui/EditorContentContainer/styles/syncBlockInteractiveCursorStyles.d.ts +5 -3
  89. package/dist/types/ui/EditorContentContainer/styles/tableStyles.d.ts +11 -0
  90. package/package.json +23 -27
@@ -1,4 +1,4 @@
1
- /* ToolbarPortal.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* ToolbarPortal.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  import "./ToolbarPortal.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -1,4 +1,4 @@
1
- /* ToolbarSizeDetectorWrapper-compiled.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* ToolbarSizeDetectorWrapper-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  /**
3
3
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
4
4
  * Used via `componentWithCondition` in `ToolbarWithSizeDetector.tsx`.
@@ -1,4 +1,4 @@
1
- /* withFlash-compiled.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* withFlash-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import "./withFlash-compiled.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,3 +1,3 @@
1
1
  export const name = "@atlaskit/editor-core";
2
2
  // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
3
- export const version = "221.16.3";
3
+ export const version = "221.17.0";
@@ -1,4 +1,4 @@
1
- /* editor-internal-compiled.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* editor-internal-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  /**
3
3
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
4
4
  * Used via `componentWithCondition` in `editor-internal.tsx`.
@@ -1,4 +1,4 @@
1
- /* clickAreaBlock-compiled.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* clickAreaBlock-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["children"];
@@ -1,4 +1,4 @@
1
- /* Chromeless-compiled.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* Chromeless-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  /**
3
3
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
4
4
  * Used via `componentWithCondition` in `Chromeless.tsx`.
@@ -1,4 +1,4 @@
1
- /* Comment-compiled.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* Comment-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
4
  import "./Comment-compiled.compiled.css";
@@ -1,4 +1,4 @@
1
- /* FixedToolbar-compiled.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* FixedToolbar-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  /**
3
3
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
4
4
  * Used via `componentWithCondition` in `Toolbar.tsx`.
@@ -1,4 +1,4 @@
1
- /* StickyToolbar-compiled.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* StickyToolbar-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import "./StickyToolbar-compiled.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* BeforeWrapper-compiled.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* BeforeWrapper-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  /**
3
3
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
4
4
  * Used via `componentWithCondition` in `BeforeWrapper.tsx`.
@@ -1,4 +1,4 @@
1
- /* CustomToolbarWrapper-compiled.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* CustomToolbarWrapper-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  /**
3
3
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
4
4
  * Used via `componentWithCondition` in `CustomToolbarWrapper.tsx`.
@@ -1,4 +1,4 @@
1
- /* FullPage-compiled.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* FullPage-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  /**
3
3
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
4
4
  * Used via `componentWithCondition` in `FullPage.tsx`.
@@ -1,4 +1,4 @@
1
- /* FullPageContentArea-compiled.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* FullPageContentArea-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  import "./FullPageContentArea-compiled.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useImperativeHandle, useRef } from 'react';
@@ -1,4 +1,4 @@
1
- /* FullPageToolbarNext.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* FullPageToolbarNext.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  import "./FullPageToolbarNext.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useCallback, useMemo } from 'react';
@@ -1,4 +1,4 @@
1
- /* MainToolbar-compiled.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* MainToolbar-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  /**
3
3
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
4
4
  * Used via `componentWithCondition` in `MainToolbar.tsx`.
@@ -1,4 +1,4 @@
1
- /* MainToolbarWrapper-compiled.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* MainToolbarWrapper-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  /**
3
3
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
4
4
  * Used via `componentWithCondition` in `MainToolbarWrapper.tsx`.
@@ -1,4 +1,4 @@
1
- /* ChromeCollapsed-compiled.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* ChromeCollapsed-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
3
3
  import _extends from "@babel/runtime/helpers/extends";
4
4
  import "./ChromeCollapsed-compiled.compiled.css";
@@ -1,4 +1,4 @@
1
- /* index-compiled.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* index-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["children", "customWidth", "visible", "disableAnimation"],
@@ -123,8 +123,6 @@
123
123
  .cc-h7dall .ProseMirror .ak-editor-panel[data-panel-type=info] .ak-editor-panel__icon[data-panel-type=info]{color:var(--ds-icon-information,#357de8)}.cc-h7dall .ProseMirror .ak-editor-panel[data-panel-type=note] .ak-editor-panel__icon[data-panel-type=note]{color:var(--ds-icon-discovery,#af59e1)}.cc-h7dall .ProseMirror .ak-editor-panel[data-panel-type=tip] .ak-editor-panel__icon[data-panel-type=tip]{color:var(--ds-icon-success,#6a9a23)}.cc-h7dall .ProseMirror .ak-editor-panel[data-panel-type=warning] .ak-editor-panel__icon[data-panel-type=warning]{color:var(--ds-icon-warning,#e06c00)}.cc-h7dall .ProseMirror .ak-editor-panel[data-panel-type=error] .ak-editor-panel__icon[data-panel-type=error]{color:var(--ds-icon-danger,#c9372c)}.cc-h7dall .ProseMirror .ak-editor-panel[data-panel-type=success] .ak-editor-panel__icon[data-panel-type=success]{color:var(--ds-icon-success,#6a9a23)}
124
124
  .cc-pnl8g .ProseMirror .ak-editor-panel.ak-editor-panel__no-icon{padding-right:var(--ds-space-150,9pt);padding-left:var(--ds-space-150,9pt)}.cc-pnl8g .ak-editor-content-area.appearance-full-page .ProseMirror .ak-editor-panel .ak-editor-panel__icon{padding-right:var(--ds-space-150,9pt)}.cc-pnl8g .ak-editor-content-area.appearance-full-page .ProseMirror .ak-editor-panel.ak-editor-panel__no-icon{padding-left:var(--ds-space-250,20px);padding-right:var(--ds-space-250,20px)}.cc-pnl8g .ak-editor-content-area .ak-editor-content-area .ProseMirror .ak-editor-panel .ak-editor-panel__icon{padding-right:var(--ds-space-100,8px)}.cc-pnl8g .ak-editor-content-area .ak-editor-content-area .ProseMirror .ak-editor-panel.ak-editor-panel__no-icon{padding-right:var(--ds-space-150,9pt);padding-left:var(--ds-space-150,9pt)}
125
125
  .cc-4fs4h7 .panelView-content-wrap{box-sizing:border-box}
126
- .cc-1w6keww .ProseMirror p{font-size:1em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);margin-top:.75rem;margin-bottom:0;letter-spacing:-.005em}
127
- .cc-10wncs9 .ProseMirror p{font-size:1em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);margin-top:.75em;margin-bottom:0;letter-spacing:-.005em}
128
126
  .cc-cc1o06 .ProseMirror p{font:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif;margin-top:.75rem;margin-bottom:0}
129
127
  .cc-9s11ni .ProseMirror p{font:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif;margin-top:.75em;margin-bottom:0}
130
128
  .cc-j698ed .ProseMirror p:has(.placeholder-decoration-hide-overflow){overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis}.cc-1g9vzfc .ProseMirror .placeholder-decoration{color:var(--ds-text-subtlest,#6b6e76);width:100%;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1g9vzfc .ProseMirror .placeholder-decoration .placeholder-android{pointer-events:none;outline-color:currentColor;outline-style:none;outline-width:medium;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:absolute}.cc-1g9vzfc .ProseMirror .placeholder-decoration-fade-in{animation-name:kgnpaw5;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards}
@@ -156,12 +154,12 @@
156
154
  .cc-1xbql87 .blockCardView-content-wrap .loader-wrapper>div{cursor:pointer}.cc-1xbql87 .blockCardView-content-wrap .loader-wrapper>div a{cursor:auto}.cc-1xbql87 .embedCardView-content-wrap .loader-wrapper>div a{cursor:auto}
157
155
  .cc-948d37 .ProseMirror>.fabric-editor-breakout-mark:first-child .ak-editor-bodied-sync-block, .cc-948d37 .ProseMirror>.fabric-editor-breakout-mark:first-child .ak-editor-sync-block{margin-top:0}
158
156
  .cc-1rgu3l5 .ak-editor-sync-block__renderer{cursor:text;outline-color:currentColor;outline-style:none;outline-width:medium;caret-color:transparent}.cc-1rgu3l5 .ak-editor-sync-block__renderer [data-layout-section]{cursor:text}.cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id], .cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id] span{box-shadow:none!important}.cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id] span:before, .cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id]:before{background-color:transparent!important}
159
- .cc-54hos9 .ak-editor-sync-block__renderer [role=button], .cc-54hos9 .ak-editor-sync-block__renderer [role=link], .cc-54hos9 .ak-editor-sync-block__renderer a[href], .cc-54hos9 .ak-editor-sync-block__renderer button{cursor:pointer}
157
+ .cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer [role=button], .cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer [role=link], .cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer a[href], .cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer button{cursor:pointer}.cc-54hos9 .ProseMirror .ak-editor-sync-block__label{max-width:min(300px,calc(100% - var(--ds-space-300, 24px)))}
160
158
  .cc-7kpyvk .ProseMirror .ak-editor-bodied-sync-block__content{display:flow-root}.cc-7kpyvk .ProseMirror .ak-editor-sync-block__renderer{display:flow-root}
161
159
  .cc-d5z442 .ProseMirror .ak-editor-bodied-sync-block, .cc-d5z442 .ProseMirror .ak-editor-sync-block{margin-right:-19px;margin-left:-19px}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block, .cc-btp579 .ProseMirror .ak-editor-sync-block{position:relative;cursor:pointer;border-radius:var(--ds-radius-small,3px);margin-bottom:0;margin-top:var(--ds-space-075,6px);padding-block:var(--ds-space-150,9pt);color:inherit}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:hover, .cc-btp579 .ProseMirror .ak-editor-sync-block:hover{box-shadow:0 0 0 1px var(--ds-border,#0b120e24);transition:box-shadow .2s ease-in}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:hover .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block:hover .ak-editor-sync-block__label{opacity:1;visibility:visible;transition:opacity .2s ease-in,visibility .2s ease-in}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-bodied-sync-block__selection_inside, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-bodied-sync-block__selection_inside{box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-bodied-sync-block__selection_inside .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-bodied-sync-block__selection_inside .ak-editor-sync-block__label{opacity:1;visibility:visible}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-selected-node, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node{box-shadow:0 0 0 1px var(--ds-border-focused,#4688ec)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-selected-node .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node .ak-editor-sync-block__label{opacity:1;visibility:visible;background-color:var(--ds-background-selected,#e9f2fe);top:-14px;padding-bottom:var(--ds-space-050,4px);padding-top:var(--ds-space-050,4px)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-selected-node .ak-editor-sync-block__label>span, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node .ak-editor-sync-block__label>span{color:var(--ds-text-selected,#1868db)!important}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-panel__icon, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger .ak-editor-panel__icon{color:var(--ds-icon-danger,#c9372c)!important}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger .ak-editor-sync-block__label{background-color:var(--ds-background-danger,#ffeceb);top:-14px;padding-bottom:var(--ds-space-050,4px);padding-top:var(--ds-space-050,4px)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-sync-block__label>span, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger .ak-editor-sync-block__label>span{color:var(--ds-text-danger,#ae2e24)!important}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.disabled, .cc-btp579 .ProseMirror .ak-editor-sync-block.disabled{background-color:var(--ds-background-disabled,#0515240f);box-shadow:0 0 0 1px var(--ds-border-disabled,#0515240f);-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.disabled .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.disabled .ak-editor-sync-block__label{background-color:var(--ds-surface,#fff)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.disabled .ak-editor-sync-block__label:before, .cc-btp579 .ProseMirror .ak-editor-sync-block.disabled .ak-editor-sync-block__label:before{border:none}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.creation-loading, .cc-btp579 .ProseMirror .ak-editor-sync-block.creation-loading{animation-name:k1r6lcmc;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;border:1px solid transparent;background:linear-gradient(var(--ds-surface,#fff),var(--ds-surface,#fff)) padding-box,conic-gradient(from var(--angle),#1868db,var(--ds-background-accent-purple-subtlest-pressed,#e3bdfa),#3279e0,#1868db) border-box;background-clip:padding-box,border-box;box-shadow:none;transition:box-shadow .2s ease-in}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.creation-loading .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.creation-loading .ak-editor-sync-block__label{display:none}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:has(.ak-editor-sync-block__error_state), .cc-btp579 .ProseMirror .ak-editor-sync-block:has(.ak-editor-sync-block__error_state){background-color:var(--ds-background-disabled,#0515240f)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:has(.ak-editor-sync-block__loading_state), .cc-btp579 .ProseMirror .ak-editor-sync-block:has(.ak-editor-sync-block__loading_state){box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:has(.ak-editor-sync-block__loading_state) .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block:has(.ak-editor-sync-block__loading_state) .ak-editor-sync-block__label{opacity:0;visibility:hidden}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.view-mode, .cc-btp579 .ProseMirror .ak-editor-sync-block.view-mode{box-shadow:none;background-color:unset}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.view-mode .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.view-mode .ak-editor-sync-block__label{opacity:0;visibility:hidden}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.user-is-dragging, .cc-btp579 .ProseMirror .ak-editor-sync-block.user-is-dragging{box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.user-is-dragging .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.user-is-dragging .ak-editor-sync-block__label{opacity:1;visibility:visible}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block .ak-editor-bodied-sync-block__content, .cc-btp579 .ProseMirror .ak-editor-sync-block .ak-editor-bodied-sync-block__content{padding-top:0;padding-bottom:0;padding-left:19px;padding-right:18px;cursor:text}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block .ak-editor-sync-block__renderer, .cc-btp579 .ProseMirror .ak-editor-sync-block .ak-editor-sync-block__renderer{padding-top:0;padding-bottom:0;padding-left:19px;padding-right:18px}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block__content>:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span)){margin-top:0}.cc-btp579 .ProseMirror .ak-editor-sync-block__renderer .ak-renderer-document>:first-child{margin-top:0}.cc-btp579 .ak-editor-sync-block__label{border-radius:var(--ds-radius-small,3px);position:absolute;gap:var(--ds-space-050,4px);justify-content:center;align-items:center;display:flex;opacity:0;visibility:hidden;box-shadow:none;z-index:1;padding-left:var(--ds-space-100,8px);padding-right:var(--ds-space-100,8px);top:-10px;right:var(--ds-space-150,9pt);background-color:var(--ds-surface,#fff);max-width:140px}
162
160
  .cc-cvmfbc td[colorname=white i], .cc-cvmfbc th[colorname=white i]{background-color:var(--ak-editor-table-cell-background-white)!important}.cc-cvmfbc td[colorname="light blue" i], .cc-cvmfbc th[colorname="light blue" i]{background-color:var(--ak-editor-table-cell-background-light-blue)!important}.cc-cvmfbc td[colorname="light teal" i], .cc-cvmfbc th[colorname="light teal" i]{background-color:var(--ak-editor-table-cell-background-light-teal)!important}.cc-cvmfbc td[colorname="light green" i], .cc-cvmfbc th[colorname="light green" i]{background-color:var(--ak-editor-table-cell-background-light-green)!important}.cc-cvmfbc td[colorname="light yellow" i], .cc-cvmfbc th[colorname="light yellow" i]{background-color:var(--ak-editor-table-cell-background-light-yellow)!important}.cc-cvmfbc td[colorname="light red" i], .cc-cvmfbc th[colorname="light red" i]{background-color:var(--ak-editor-table-cell-background-light-red)!important}.cc-cvmfbc td[colorname="light purple" i], .cc-cvmfbc th[colorname="light purple" i]{background-color:var(--ak-editor-table-cell-background-light-purple)!important}.cc-cvmfbc td[colorname="light gray" i], .cc-cvmfbc th[colorname="light gray" i]{background-color:var(--ak-editor-table-cell-background-light-gray)!important}.cc-cvmfbc td[colorname=blue i], .cc-cvmfbc th[colorname=blue i]{background-color:var(--ak-editor-table-cell-background-blue)!important}.cc-cvmfbc td[colorname=teal i], .cc-cvmfbc th[colorname=teal i]{background-color:var(--ak-editor-table-cell-background-teal)!important}.cc-cvmfbc td[colorname=green i], .cc-cvmfbc th[colorname=green i]{background-color:var(--ak-editor-table-cell-background-green)!important}.cc-cvmfbc td[colorname=yellow i], .cc-cvmfbc th[colorname=yellow i]{background-color:var(--ak-editor-table-cell-background-yellow)!important}.cc-cvmfbc td[colorname=red i], .cc-cvmfbc th[colorname=red i]{background-color:var(--ak-editor-table-cell-background-red)!important}.cc-cvmfbc td[colorname=purple i], .cc-cvmfbc th[colorname=purple i]{background-color:var(--ak-editor-table-cell-background-purple)!important}.cc-cvmfbc td[colorname=gray i], .cc-cvmfbc th[colorname=gray i]{background-color:var(--ak-editor-table-cell-background-gray)!important}.cc-cvmfbc td[colorname="dark blue" i], .cc-cvmfbc th[colorname="dark blue" i]{background-color:var(--ak-editor-table-cell-background-dark-blue)!important}.cc-cvmfbc td[colorname="dark teal" i], .cc-cvmfbc th[colorname="dark teal" i]{background-color:var(--ak-editor-table-cell-background-dark-teal)!important}.cc-cvmfbc td[colorname="dark green" i], .cc-cvmfbc th[colorname="dark green" i]{background-color:var(--ak-editor-table-cell-background-dark-green)!important}.cc-cvmfbc td[colorname="dark yellow" i], .cc-cvmfbc th[colorname="dark yellow" i]{background-color:var(--ak-editor-table-cell-background-dark-yellow)!important}.cc-cvmfbc td[colorname="dark red" i], .cc-cvmfbc th[colorname="dark red" i]{background-color:var(--ak-editor-table-cell-background-dark-red)!important}.cc-cvmfbc td[colorname="dark purple" i], .cc-cvmfbc th[colorname="dark purple" i]{background-color:var(--ak-editor-table-cell-background-dark-purple)!important}
163
161
  .cc-qmh5x7 .ProseMirror .pm-table-wrapper>table{margin-left:0;margin-right:0;ms-overflow-style:-ms-autohiding-scrollbar}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table::-webkit-scrollbar-corner{display:none}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-subtle,#00000000)}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table:hover::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-bold,#292a2e);border-radius:var(--ds-radius-large,8px)}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table::-webkit-scrollbar-thumb:hover{background-color:var(--ds-background-neutral-bold-hovered,#3b3d42)}
164
- .cc-1c98076 .ProseMirror .pm-table-wrapper{max-width:100%;overflow-x:auto;width:100%;box-sizing:border-box}.cc-1c98076 .ProseMirror .pm-table-wrapper.pm-table-wrapper-no-overflow{overflow-x:visible}.cc-1c98076 .ProseMirror .pm-table-wrapper table{max-width:100%;width:100%;table-layout:fixed;min-width:auto}
162
+ .cc-1c98076 .ProseMirror .pm-table-wrapper{max-width:100%;overflow-x:auto;width:100%;box-sizing:border-box}.cc-1c98076 .ProseMirror .pm-table-wrapper.pm-table-wrapper-no-overflow{overflow-x:visible}.cc-1c98076 .ProseMirror .pm-table-wrapper table{max-width:100%;width:100%;table-layout:fixed;min-width:auto}.cc-1b7tx95 .ProseMirror .pm-table-container:has(>.pm-table-scroll-inline-shadow){timeline-scope:--editor-table-inline-scroll}.cc-1b7tx95 .ProseMirror .pm-table-scroll-inline-shadow{scroll-timeline-name:--editor-table-inline-scroll;scroll-timeline-axis:inline}.cc-1b7tx95 .ProseMirror .pm-table-container>[data-table-overflow-shadow]{position:absolute;z-index:2;top:24px;bottom:0;width:2pc;opacity:0;pointer-events:none;animation-duration:1ms;animation-fill-mode:both;animation-timing-function:linear;animation-timeline:--editor-table-inline-scroll}.cc-1b7tx95 .ProseMirror .pm-table-container>[data-table-overflow-shadow=start]{left:0;background-image:linear-gradient(to left,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to right,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);animation-name:kdz7omp}.cc-1b7tx95 .ProseMirror .pm-table-container[data-number-column=true]>[data-table-overflow-shadow=start]{left:41px}.cc-1b7tx95 .ProseMirror .pm-table-container>[data-table-overflow-shadow=end]{right:0;background-image:linear-gradient(to right,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to left,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);animation-name:k1sevukb}
165
163
  .cc-4d6xg1 .pm-table-resizer-container:has(table[data-initial-width-mode=content]){width:max-content!important;--ak-editor-table-width:max-content}.cc-4d6xg1 .resizer-item:has(table[data-initial-width-mode=content]){width:max-content!important}.cc-4d6xg1 .resizer-item:has(table[data-initial-width-mode=content])>.resizer-hover-zone.resizer-is-extended{padding-top:unset;padding-right:unset;padding-bottom:unset;padding-left:unset;left:unset}.cc-4d6xg1 .ProseMirror .pm-table-wrapper table[data-initial-width-mode=content]{table-layout:auto;width:max-content!important}.cc-4d6xg1 .ProseMirror .pm-table-wrapper table[data-initial-width-mode=content]>colgroup>col{width:unset!important}
166
164
  .cc-19w908l .ProseMirror .pm-table-wrapper table[data-initial-width-mode=content]{max-width:none;margin-right:0}.cc-19w908l .pm-table-container:has(>.pm-table-wrapper>table[data-initial-width-mode=content]), .cc-19w908l .pm-table-wrapper:has(>table[data-initial-width-mode=content]), .cc-19w908l .resizer-item:has(table[data-initial-width-mode=content]){width:max-content!important;max-width:var(--ak-editor-table-max-width)!important}.cc-19w908l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper>table{width:max-content!important;max-width:none;margin-right:0}.cc-19w908l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper>table>colgroup>col{width:unset!important}.cc-19w908l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container, .cc-19w908l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper{width:max-content!important;max-width:none;overflow-x:visible}
167
165
  .cc-1fi1exx .ProseMirror .pm-table-wrapper .pm-table-cell-content-wrap p:empty, .cc-1fi1exx .ProseMirror .pm-table-wrapper .pm-table-header-content-wrap p:empty{min-height:1.714em}
@@ -200,11 +198,13 @@
200
198
  @keyframes k1eqwm1p{0%{--panel-gradient-angle:0deg;background-position:100%}to{--panel-gradient-angle:360deg;background-position:-100%}}
201
199
  @keyframes k1g8d6yk{to{transform:scaleX(1);opacity:1}0%,90%{transform:scaleX(0);opacity:0}}
202
200
  @keyframes k1r6lcmc{0%{--angle:0deg}to{--angle:360deg}}
201
+ @keyframes k1sevukb{0%,99.9999%{opacity:1}to{opacity:0}}
203
202
  @keyframes k1xe95hp{0%{opacity:0;transform:translateY(1pc)}to{opacity:1;transform:translateY(0)}}
204
203
  @keyframes k1xnqtye{0%,to{opacity:0}50%{opacity:1}}
205
204
  @keyframes k3895my{0%,95%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:0}}
206
205
  @keyframes k7wtbat{0%{--panel-gradient-angle:0deg}to{--panel-gradient-angle:360deg}}
207
206
  @keyframes k7xl0d6{0%,90%,to{transform:scaleX(1);opacity:1}10%,80%{transform:scaleX(0);opacity:0}}
207
+ @keyframes kdz7omp{0%{opacity:0}0.0001%,to{opacity:1}}
208
208
  @keyframes kgnpaw5{0%{opacity:0}to{opacity:1}}
209
209
  @keyframes kufr8jz{0%{background-position:200% 0}to{background-position:-200% 0}}
210
210
  @keyframes kxlv1hz{0%,to{transform:scaleX(0);opacity:0}10%{transform:scaleX(1.4);opacity:1}15%,85%{transform:scaleX(1);opacity:1}}
@@ -1,4 +1,4 @@
1
- /* EditorContentContainer-compiled.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* EditorContentContainer-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import "./EditorContentContainer-compiled.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -18,10 +18,10 @@ import { getBrowserInfo } from '@atlaskit/editor-common/browser';
18
18
  // TODO: add back tableSharedStyle when migrate table styles
19
19
  // import { richMediaClassName, tableSharedStyle } from '@atlaskit/editor-common/styles';
20
20
  import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
21
- import { AnnotationSharedClassNames, richMediaClassName, expandClassNames, SmartCardSharedCssClassName, CodeBlockSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
21
+ import { AnnotationSharedClassNames, richMediaClassName, expandClassNames, SmartCardSharedCssClassName, CodeBlockSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, tableMarginTop, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
22
22
  import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/sync-block';
23
23
  import { tableCellBackgroundColorVariablesForCompiled } from '@atlaskit/editor-common/table-cell-background-for-compiled';
24
- import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorGutterPaddingDynamic, akEditorSwoopCubicBezier, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
24
+ import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorGutterPaddingDynamic, akEditorShadowZIndex, akEditorSwoopCubicBezier, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
25
25
  import { overflowShadowForCompiled } from '@atlaskit/editor-shared-styles/overflow-shadow-for-compiled';
26
26
  import { fg } from '@atlaskit/platform-feature-flags';
27
27
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -37,6 +37,7 @@ var akEditorCalculatedWideLayoutWidthSmallViewport = 905;
37
37
  var akEditorGutterPadding = 32;
38
38
  var akEditorDefaultLayoutWidth = 760;
39
39
  var akEditorFullWidthLayoutWidth = 1800;
40
+ var tableOverflowShadowWidthWide = 32;
40
41
  // The breakpoint for small devices is 1266px, copied from getBreakpoint in platform/packages/editor/editor-common/src/ui/WidthProvider/index.tsx
41
42
  var akEditorBreakpointForSmallDevice = "1266px";
42
43
  var akEditorGutterPaddingReduced = 24;
@@ -88,6 +89,8 @@ var editorAreaLayoutFixedWidthMaxWidthContainerQuery = "@container editor-area (
88
89
  var editorAreaLayoutResizedMaxWidthContainerQuery = "@container editor-area (max-width: ".concat(akEditorLayoutResizedBreakpoint, "px)");
89
90
  var placeholderFadeInKeyframes = null;
90
91
  var fadeIn = null;
92
+ var tableInlineStartShadow = null;
93
+ var tableInlineEndShadow = null;
91
94
  var hideNativeBrowserTextSelectionStyles = null;
92
95
  var boxShadowSelectionStyles = null;
93
96
 
@@ -284,8 +287,6 @@ var editorContentStyles = {
284
287
  panelStylesMixin: "cc-h7dall",
285
288
  panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes: "cc-pnl8g",
286
289
  panelViewStyles: "cc-4fs4h7",
287
- paragraphStylesOld: "cc-1w6keww",
288
- paragraphStylesOldWithScaledMargin: "cc-10wncs9",
289
290
  paragraphStylesUGCRefreshed: "cc-cc1o06",
290
291
  paragraphStylesWithScaledMargin: "cc-9s11ni",
291
292
  placeholderOverflowStyles: "cc-j698ed",
@@ -326,6 +327,7 @@ var editorContentStyles = {
326
327
  tableCellBackgroundColorOverrides: "cc-cvmfbc",
327
328
  tableCommentEditorStyles: "cc-qmh5x7",
328
329
  tableContainerStyles: "cc-1c98076",
330
+ tableScrollInlineShadowStyles: "cc-1b7tx95",
329
331
  tableContentModeStyles: "cc-4d6xg1",
330
332
  tableContentModeNestedTableStyles: "cc-19w908l",
331
333
  tableEmptyRowStyles: "cc-1fi1exx",
@@ -422,7 +424,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
422
424
  }) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
423
425
  editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes : editorContentStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorExperiment('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh : expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
424
426
  // Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
425
- !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, fg('platform_editor_typography_ugc') ? contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed : contentMode === 'compact' ? editorContentStyles.paragraphStylesOldWithScaledMargin : editorContentStyles.paragraphStylesOld, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && fg('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
427
+ !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && fg('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
426
428
  ref: ref,
427
429
  "data-editor-scroll-container": isScrollable ? 'true' : undefined,
428
430
  "data-testid": "editor-content-container"
@@ -53,7 +53,7 @@ import { diffListStyles, getDenseListStyles, listItemHiddenMarkerStyles, listsSt
53
53
  import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
54
54
  import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentionsSelectionStylesWithSearchMatch, mentionsStyles } from './styles/mentions';
55
55
  import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles } from './styles/panelStyles';
56
- import { paragraphStylesOld, paragraphStylesOldWithScaledMargin, paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
56
+ import { paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
57
57
  import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
58
58
  import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockLegacy, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesForTooltip, pragmaticResizerStylesPanelAndRule, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerBottomHandleStyles, resizerStyles } from './styles/resizerStyles';
59
59
  import { dangerRuleStyles, ruleStyles } from './styles/rule';
@@ -65,7 +65,7 @@ import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDe
65
65
  import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, statusStylesTeam26 } from './styles/statusStyles';
66
66
  import { syncBlockInteractiveCursorStyles } from './styles/syncBlockInteractiveCursorStyles';
67
67
  import { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles, syncBlockTextSelectionStyles } from './styles/syncBlockStyles';
68
- import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes, tableRoundedCornerStyles, tableLayoutFixesWithFontSize, tableContentModeStyles, tableContentModeNestedTableStyles } from './styles/tableStyles';
68
+ import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes, tableRoundedCornerStyles, tableScrollInlineShadowStyles, tableLayoutFixesWithFontSize, tableContentModeStyles, tableContentModeNestedTableStyles } from './styles/tableStyles';
69
69
  import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
70
70
  import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
71
71
  import { textColorStyles } from './styles/textColorStyles';
@@ -439,19 +439,11 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
439
439
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
440
440
  linkingVisualRefreshV1Styles,
441
441
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
442
- dateVanillaStyles, fg('platform_editor_typography_ugc') ?
443
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
444
- contentMode === 'compact' ?
442
+ dateVanillaStyles, contentMode === 'compact' ?
445
443
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
446
444
  paragraphStylesWithScaledMargin :
447
445
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
448
- paragraphStylesUGCRefreshed :
449
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
450
- contentMode === 'compact' ?
451
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
452
- paragraphStylesOldWithScaledMargin :
453
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
454
- paragraphStylesOld,
446
+ paragraphStylesUGCRefreshed,
455
447
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
456
448
  linkStyles,
457
449
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -547,7 +539,9 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
547
539
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
548
540
  tableContainerStyles,
549
541
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
550
- tableSharedStyle(),
542
+ tableSharedStyle(), expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) &&
543
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
544
+ tableScrollInlineShadowStyles,
551
545
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
552
546
  tableEmptyRowStyles,
553
547
  // SSR-safe rounded corners (see tableRoundedCornerStyles). Gated to match the table plugin
@@ -3,7 +3,7 @@
3
3
  @atlaskit/ui-styling-standard/no-exported-styles */
4
4
  import { css } from '@emotion/react';
5
5
  /**
6
- * Use when fg('platform_editor_typography_ugc') is enabled, but the following are not enabled:
6
+ * Use when the following is not enabled:
7
7
  * - fg('atlas_editor_typography_refreshed')
8
8
  */
9
9
  /**
@@ -25,7 +25,7 @@ export var editorUGCTokensModernized = css({
25
25
  });
26
26
 
27
27
  /**
28
- * Use when fg('platform_editor_typography_ugc') is enabled and the following is enabled:
28
+ * Use when the following is enabled:
29
29
  * - fg('atlas_editor_typography_refreshed')
30
30
  */
31
31
  /**
@@ -24,27 +24,6 @@ export var paragraphStylesWithScaledMargin = css({
24
24
  }
25
25
  });
26
26
 
27
- /**
28
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
29
- * If you need to make changes here, also update the corresponding style in
30
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
31
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
32
- */
33
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
34
- export var paragraphStylesOldWithScaledMargin = css({
35
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
36
- '.ProseMirror p': {
37
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
38
- fontSize: '1em',
39
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
40
- lineHeight: 1.714,
41
- fontWeight: "var(--ds-font-weight-regular, 400)",
42
- marginTop: scaledBlockNodesVerticalMargin,
43
- marginBottom: 0,
44
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
45
- letterSpacing: '-0.005em'
46
- }
47
- });
48
27
  /**
49
28
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
50
29
  * If you need to make changes here, also update the corresponding style in
@@ -82,25 +61,4 @@ export var paragraphStylesUGCModernized = css({
82
61
  marginTop: blockNodesVerticalMargin,
83
62
  marginBottom: 0
84
63
  }
85
- });
86
- /**
87
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
88
- * If you need to make changes here, also update the corresponding style in
89
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
90
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
91
- */
92
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
93
- export var paragraphStylesOld = css({
94
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
95
- '.ProseMirror p': {
96
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
97
- fontSize: '1em',
98
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
99
- lineHeight: 1.714,
100
- fontWeight: "var(--ds-font-weight-regular, 400)",
101
- marginTop: blockNodesVerticalMargin,
102
- marginBottom: 0,
103
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
104
- letterSpacing: '-0.005em'
105
- }
106
64
  });
@@ -3,12 +3,13 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  @repo/internal/deprecations/deprecation-ticket-required,
4
4
  @atlaskit/ui-styling-standard/no-exported-styles */
5
5
  import { css } from '@emotion/react';
6
- import { SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
7
-
6
+ import { SyncBlockLabelSharedCssClassName, SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
8
7
  /**
9
- * Interactive elements (e.g. the link in the unpublished error card) show the
10
- * pointer cursor to signal they are clickable, rather than inheriting the text
11
- * cursor from the selectable sync block content.
8
+ * Styles for the synced block activation experience:
9
+ * - Interactive elements show a pointer cursor rather than inheriting the
10
+ * selectable content's text cursor.
11
+ * - Border labels can show substantially more reference-title text without
12
+ * overflowing narrow synced blocks.
12
13
  *
13
14
  * Kept as the sole export of this file, and separate from
14
15
  * syncBlockTextSelectionStyles, so it can be gated behind the
@@ -22,9 +23,11 @@ import { SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block'
22
23
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
23
24
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
24
25
  */
25
- export var syncBlockInteractiveCursorStyles = css(_defineProperty({}, ".".concat(SyncBlockSharedCssClassName.renderer), {
26
+ export var syncBlockInteractiveCursorStyles = css(_defineProperty(_defineProperty({}, ".".concat(SyncBlockSharedCssClassName.renderer), {
26
27
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
27
28
  'a[href], button, [role="button"], [role="link"]': {
28
29
  cursor: 'pointer'
29
30
  }
31
+ }), ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
32
+ maxWidth: "min(300px, calc(100% - ".concat("var(--ds-space-300, 24px)", "))")
30
33
  }));
@@ -2,8 +2,28 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  /* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
3
3
  @repo/internal/deprecations/deprecation-ticket-required,
4
4
  @atlaskit/ui-styling-standard/no-exported-styles */
5
- import { css } from '@emotion/react';
5
+ import { css, keyframes } from '@emotion/react';
6
+ import { tableMarginTop } from '@atlaskit/editor-common/styles';
7
+ import { akEditorShadowZIndex, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles/constants';
6
8
  import { scrollbarStyles } from './scrollbarStyles';
9
+ var tableOverflowShadowWidthWide = 32;
10
+ var tableInlineStartShadow = keyframes({
11
+ '0%': {
12
+ opacity: 0
13
+ },
14
+ '0.0001%, 100%': {
15
+ opacity: 1
16
+ }
17
+ });
18
+ var tableInlineEndShadow = keyframes({
19
+ '0%, 99.9999%': {
20
+ opacity: 1
21
+ },
22
+ '100%': {
23
+ opacity: 0
24
+ }
25
+ });
26
+
7
27
  /**
8
28
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
9
29
  * If you need to make changes here, also update the corresponding style in
@@ -93,6 +113,63 @@ export var tableContainerStyles = css({
93
113
  minWidth: 'auto'
94
114
  }
95
115
  });
116
+
117
+ /**
118
+ * SSR-safe foreground overflow shadows driven by the table wrapper's horizontal scroll timeline.
119
+ * The overlays are siblings of the scrollport, so they stay anchored to its edges without
120
+ * modifying table-cell surfaces or interaction overlays.
121
+ *
122
+ * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
123
+ * If you need to make changes here, also update the corresponding style in
124
+ * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
125
+ * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
126
+ */
127
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
128
+ export var tableScrollInlineShadowStyles = css({
129
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
130
+ '.ProseMirror .pm-table-container:has(> .pm-table-scroll-inline-shadow)': {
131
+ timelineScope: '--editor-table-inline-scroll'
132
+ },
133
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
134
+ '.ProseMirror .pm-table-scroll-inline-shadow': {
135
+ scrollTimelineName: '--editor-table-inline-scroll',
136
+ scrollTimelineAxis: 'inline'
137
+ },
138
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
139
+ '.ProseMirror .pm-table-container > [data-table-overflow-shadow]': {
140
+ position: 'absolute',
141
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
142
+ zIndex: akEditorShadowZIndex,
143
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
144
+ top: tableMarginTop,
145
+ bottom: 0,
146
+ width: tableOverflowShadowWidthWide,
147
+ opacity: 0,
148
+ pointerEvents: 'none',
149
+ animationDuration: '1ms',
150
+ animationFillMode: 'both',
151
+ animationTimingFunction: 'linear',
152
+ animationTimeline: '--editor-table-inline-scroll'
153
+ },
154
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
155
+ ".ProseMirror .pm-table-container > [data-table-overflow-shadow='start']": {
156
+ left: 0,
157
+ backgroundImage: "linear-gradient(\n\t\t\tto left,\n\t\t\ttransparent 0,\n\t\t\t".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 140%\n\t\t),\n\t\tlinear-gradient(\n\t\t\tto right,\n\t\t\t", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0,\n\t\t\ttransparent 1px\n\t\t)"),
158
+ animationName: tableInlineStartShadow
159
+ },
160
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
161
+ ".ProseMirror .pm-table-container[data-number-column='true'] > [data-table-overflow-shadow='start']": {
162
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
163
+ left: akEditorTableNumberColumnWidth - 1
164
+ },
165
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
166
+ ".ProseMirror .pm-table-container > [data-table-overflow-shadow='end']": {
167
+ right: 0,
168
+ backgroundImage: "linear-gradient(\n\t\t\tto right,\n\t\t\ttransparent 0,\n\t\t\t".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 140%\n\t\t),\n\t\tlinear-gradient(\n\t\t\tto left,\n\t\t\t", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0,\n\t\t\ttransparent 1px\n\t\t)"),
169
+ animationName: tableInlineEndShadow
170
+ }
171
+ });
172
+
96
173
  /**
97
174
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
98
175
  * If you need to make changes here, also update the corresponding style in
@@ -1,4 +1,4 @@
1
- /* PluginSlot-compiled.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* PluginSlot-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["children"];