@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
package/CHANGELOG.md CHANGED
@@ -1,5 +1,28 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 221.17.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`04f47b1369740`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/04f47b1369740) -
8
+ Clarify source synced block labels and show more of referenced titles
9
+ - Updated dependencies
10
+
11
+ ## 221.17.0
12
+
13
+ ### Minor Changes
14
+
15
+ - [`cb252ca7235fa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cb252ca7235fa) -
16
+ Clean up fully rolled-out feature gate `platform_editor_typography_ugc`. UGC typography paragraph
17
+ styles are now always applied.
18
+
19
+ ### Patch Changes
20
+
21
+ - [`109c3998554f2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/109c3998554f2) -
22
+ Add SSR-safe, experiment-gated CSS overflow shadows for editor tables and keep renderer shadows
23
+ within table bounds when sticky scrollbars are present.
24
+ - Updated dependencies
25
+
3
26
  ## 221.16.4
4
27
 
5
28
  ### Patch Changes
@@ -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
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -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
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -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
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -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
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -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
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -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
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -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
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -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
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -38,6 +38,7 @@ var akEditorCalculatedWideLayoutWidthSmallViewport = 905;
38
38
  var akEditorGutterPadding = 32;
39
39
  var akEditorDefaultLayoutWidth = 760;
40
40
  var akEditorFullWidthLayoutWidth = 1800;
41
+ var tableOverflowShadowWidthWide = 32;
41
42
  // The breakpoint for small devices is 1266px, copied from getBreakpoint in platform/packages/editor/editor-common/src/ui/WidthProvider/index.tsx
42
43
  var akEditorBreakpointForSmallDevice = "1266px";
43
44
  var akEditorGutterPaddingReduced = 24;
@@ -89,6 +90,8 @@ var editorAreaLayoutFixedWidthMaxWidthContainerQuery = "@container editor-area (
89
90
  var editorAreaLayoutResizedMaxWidthContainerQuery = "@container editor-area (max-width: ".concat(akEditorLayoutResizedBreakpoint, "px)");
90
91
  var placeholderFadeInKeyframes = null;
91
92
  var fadeIn = null;
93
+ var tableInlineStartShadow = null;
94
+ var tableInlineEndShadow = null;
92
95
  var hideNativeBrowserTextSelectionStyles = null;
93
96
  var boxShadowSelectionStyles = null;
94
97
 
@@ -285,8 +288,6 @@ var editorContentStyles = {
285
288
  panelStylesMixin: "cc-h7dall",
286
289
  panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes: "cc-pnl8g",
287
290
  panelViewStyles: "cc-4fs4h7",
288
- paragraphStylesOld: "cc-1w6keww",
289
- paragraphStylesOldWithScaledMargin: "cc-10wncs9",
290
291
  paragraphStylesUGCRefreshed: "cc-cc1o06",
291
292
  paragraphStylesWithScaledMargin: "cc-9s11ni",
292
293
  placeholderOverflowStyles: "cc-j698ed",
@@ -327,6 +328,7 @@ var editorContentStyles = {
327
328
  tableCellBackgroundColorOverrides: "cc-cvmfbc",
328
329
  tableCommentEditorStyles: "cc-qmh5x7",
329
330
  tableContainerStyles: "cc-1c98076",
331
+ tableScrollInlineShadowStyles: "cc-1b7tx95",
330
332
  tableContentModeStyles: "cc-4d6xg1",
331
333
  tableContentModeNestedTableStyles: "cc-19w908l",
332
334
  tableEmptyRowStyles: "cc-1fi1exx",
@@ -423,7 +425,7 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
423
425
  }) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.codeMarkStyles, (0, _expValEquals.expValEquals)('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, (0, _platformFeatureFlags.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 */
424
426
  editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, (0, _platformFeatureFlags.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, (0, _expValEquals.expValEquals)('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, (0, _platformFeatureFlags.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, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !(0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? (0, _expValEqualsNoExposure.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 : (0, _expValEqualsNoExposure.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' && (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? (0, _experiments.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_controls', 'cohort', 'variant1') || (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
425
427
  // Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
426
- !useStandardNodeWidth && editorContentStyles.syncBlockStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && !(0, _platformFeatureFlags.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !(0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed : contentMode === 'compact' ? editorContentStyles.paragraphStylesOldWithScaledMargin : editorContentStyles.paragraphStylesOld, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && !(0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _experiments.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.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' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && (0, _platformFeatureFlags.fg)('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, (0, _expValEquals.expValEquals)('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.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, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
428
+ !useStandardNodeWidth && editorContentStyles.syncBlockStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && !(0, _platformFeatureFlags.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !(0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, (0, _platformFeatureFlags.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, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && !(0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _experiments.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.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' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && (0, _platformFeatureFlags.fg)('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, (0, _expValEquals.expValEquals)('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (0, _expValEquals.expValEquals)('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
427
429
  ref: ref,
428
430
  "data-editor-scroll-container": isScrollable ? 'true' : undefined,
429
431
  "data-testid": "editor-content-container"
@@ -442,19 +442,11 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
442
442
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
443
443
  _smartCardStyles.linkingVisualRefreshV1Styles,
444
444
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
445
- _dateStyles.dateVanillaStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ?
446
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
447
- contentMode === 'compact' ?
445
+ _dateStyles.dateVanillaStyles, contentMode === 'compact' ?
448
446
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
449
447
  _paragraphStyles.paragraphStylesWithScaledMargin :
450
448
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
451
- _paragraphStyles.paragraphStylesUGCRefreshed :
452
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
453
- contentMode === 'compact' ?
454
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
455
- _paragraphStyles.paragraphStylesOldWithScaledMargin :
456
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
457
- _paragraphStyles.paragraphStylesOld,
449
+ _paragraphStyles.paragraphStylesUGCRefreshed,
458
450
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
459
451
  _link.linkStyles,
460
452
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -550,7 +542,9 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
550
542
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
551
543
  _tableStyles.tableContainerStyles,
552
544
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
553
- (0, _styles.tableSharedStyle)(),
545
+ (0, _styles.tableSharedStyle)(), (0, _expValEquals.expValEquals)('platform_editor_table_css_overflow_shadow', 'isEnabled', true) &&
546
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
547
+ _tableStyles.tableScrollInlineShadowStyles,
554
548
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
555
549
  _tableStyles.tableEmptyRowStyles,
556
550
  // SSR-safe rounded corners (see tableRoundedCornerStyles). Gated to match the table plugin
@@ -10,7 +10,7 @@ var _react = require("@emotion/react");
10
10
  @atlaskit/ui-styling-standard/no-exported-styles */
11
11
 
12
12
  /**
13
- * Use when fg('platform_editor_typography_ugc') is enabled, but the following are not enabled:
13
+ * Use when the following is not enabled:
14
14
  * - fg('atlas_editor_typography_refreshed')
15
15
  */
16
16
  /**
@@ -32,7 +32,7 @@ var editorUGCTokensModernized = exports.editorUGCTokensModernized = (0, _react.c
32
32
  });
33
33
 
34
34
  /**
35
- * Use when fg('platform_editor_typography_ugc') is enabled and the following is enabled:
35
+ * Use when the following is enabled:
36
36
  * - fg('atlas_editor_typography_refreshed')
37
37
  */
38
38
  /**
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.paragraphStylesWithScaledMargin = exports.paragraphStylesUGCRefreshed = exports.paragraphStylesUGCModernized = exports.paragraphStylesOldWithScaledMargin = exports.paragraphStylesOld = void 0;
6
+ exports.paragraphStylesWithScaledMargin = exports.paragraphStylesUGCRefreshed = exports.paragraphStylesUGCModernized = void 0;
7
7
  var _react = require("@emotion/react");
8
8
  /* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
9
9
  @repo/internal/deprecations/deprecation-ticket-required,
@@ -31,27 +31,6 @@ var paragraphStylesWithScaledMargin = exports.paragraphStylesWithScaledMargin =
31
31
  }
32
32
  });
33
33
 
34
- /**
35
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
36
- * If you need to make changes here, also update the corresponding style in
37
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
38
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
39
- */
40
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
41
- var paragraphStylesOldWithScaledMargin = exports.paragraphStylesOldWithScaledMargin = (0, _react.css)({
42
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
43
- '.ProseMirror p': {
44
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
45
- fontSize: '1em',
46
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
47
- lineHeight: 1.714,
48
- fontWeight: "var(--ds-font-weight-regular, 400)",
49
- marginTop: scaledBlockNodesVerticalMargin,
50
- marginBottom: 0,
51
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
52
- letterSpacing: '-0.005em'
53
- }
54
- });
55
34
  /**
56
35
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
57
36
  * If you need to make changes here, also update the corresponding style in
@@ -89,25 +68,4 @@ var paragraphStylesUGCModernized = exports.paragraphStylesUGCModernized = (0, _r
89
68
  marginTop: blockNodesVerticalMargin,
90
69
  marginBottom: 0
91
70
  }
92
- });
93
- /**
94
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
95
- * If you need to make changes here, also update the corresponding style in
96
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
97
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
98
- */
99
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
100
- var paragraphStylesOld = exports.paragraphStylesOld = (0, _react.css)({
101
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
102
- '.ProseMirror p': {
103
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
104
- fontSize: '1em',
105
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
106
- lineHeight: 1.714,
107
- fontWeight: "var(--ds-font-weight-regular, 400)",
108
- marginTop: blockNodesVerticalMargin,
109
- marginBottom: 0,
110
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
111
- letterSpacing: '-0.005em'
112
- }
113
71
  });
@@ -13,9 +13,11 @@ var _syncBlock = require("@atlaskit/editor-common/sync-block");
13
13
  @atlaskit/ui-styling-standard/no-exported-styles */
14
14
 
15
15
  /**
16
- * Interactive elements (e.g. the link in the unpublished error card) show the
17
- * pointer cursor to signal they are clickable, rather than inheriting the text
18
- * cursor from the selectable sync block content.
16
+ * Styles for the synced block activation experience:
17
+ * - Interactive elements show a pointer cursor rather than inheriting the
18
+ * selectable content's text cursor.
19
+ * - Border labels can show substantially more reference-title text without
20
+ * overflowing narrow synced blocks.
19
21
  *
20
22
  * Kept as the sole export of this file, and separate from
21
23
  * syncBlockTextSelectionStyles, so it can be gated behind the
@@ -29,9 +31,11 @@ var _syncBlock = require("@atlaskit/editor-common/sync-block");
29
31
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
30
32
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
31
33
  */
32
- var syncBlockInteractiveCursorStyles = exports.syncBlockInteractiveCursorStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.renderer), {
34
+ var syncBlockInteractiveCursorStyles = exports.syncBlockInteractiveCursorStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.renderer), {
33
35
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
34
36
  'a[href], button, [role="button"], [role="link"]': {
35
37
  cursor: 'pointer'
36
38
  }
39
+ }), ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
40
+ maxWidth: "min(300px, calc(100% - ".concat("var(--ds-space-300, 24px)", "))")
37
41
  }));
@@ -4,14 +4,34 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.tableRoundedCornerStyles = exports.tableLayoutFixesWithFontSize = exports.tableLayoutFixes = exports.tableEmptyRowStyles = exports.tableContentModeStyles = exports.tableContentModeNestedTableStyles = exports.tableContainerStyles = exports.tableCommentEditorStyles = exports.tableCommentEditorMarginOverride = void 0;
7
+ exports.tableScrollInlineShadowStyles = exports.tableRoundedCornerStyles = exports.tableLayoutFixesWithFontSize = exports.tableLayoutFixes = exports.tableEmptyRowStyles = exports.tableContentModeStyles = exports.tableContentModeNestedTableStyles = exports.tableContainerStyles = exports.tableCommentEditorStyles = exports.tableCommentEditorMarginOverride = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _react = require("@emotion/react");
10
+ var _styles = require("@atlaskit/editor-common/styles");
11
+ var _constants = require("@atlaskit/editor-shared-styles/constants");
10
12
  var _scrollbarStyles = require("./scrollbarStyles");
11
13
  /* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
12
14
  @repo/internal/deprecations/deprecation-ticket-required,
13
15
  @atlaskit/ui-styling-standard/no-exported-styles */
14
16
 
17
+ var tableOverflowShadowWidthWide = 32;
18
+ var tableInlineStartShadow = (0, _react.keyframes)({
19
+ '0%': {
20
+ opacity: 0
21
+ },
22
+ '0.0001%, 100%': {
23
+ opacity: 1
24
+ }
25
+ });
26
+ var tableInlineEndShadow = (0, _react.keyframes)({
27
+ '0%, 99.9999%': {
28
+ opacity: 1
29
+ },
30
+ '100%': {
31
+ opacity: 0
32
+ }
33
+ });
34
+
15
35
  /**
16
36
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
17
37
  * If you need to make changes here, also update the corresponding style in
@@ -101,6 +121,63 @@ var tableContainerStyles = exports.tableContainerStyles = (0, _react.css)({
101
121
  minWidth: 'auto'
102
122
  }
103
123
  });
124
+
125
+ /**
126
+ * SSR-safe foreground overflow shadows driven by the table wrapper's horizontal scroll timeline.
127
+ * The overlays are siblings of the scrollport, so they stay anchored to its edges without
128
+ * modifying table-cell surfaces or interaction overlays.
129
+ *
130
+ * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
131
+ * If you need to make changes here, also update the corresponding style in
132
+ * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
133
+ * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
134
+ */
135
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
136
+ var tableScrollInlineShadowStyles = exports.tableScrollInlineShadowStyles = (0, _react.css)({
137
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
138
+ '.ProseMirror .pm-table-container:has(> .pm-table-scroll-inline-shadow)': {
139
+ timelineScope: '--editor-table-inline-scroll'
140
+ },
141
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
142
+ '.ProseMirror .pm-table-scroll-inline-shadow': {
143
+ scrollTimelineName: '--editor-table-inline-scroll',
144
+ scrollTimelineAxis: 'inline'
145
+ },
146
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
147
+ '.ProseMirror .pm-table-container > [data-table-overflow-shadow]': {
148
+ position: 'absolute',
149
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
150
+ zIndex: _constants.akEditorShadowZIndex,
151
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
152
+ top: _styles.tableMarginTop,
153
+ bottom: 0,
154
+ width: tableOverflowShadowWidthWide,
155
+ opacity: 0,
156
+ pointerEvents: 'none',
157
+ animationDuration: '1ms',
158
+ animationFillMode: 'both',
159
+ animationTimingFunction: 'linear',
160
+ animationTimeline: '--editor-table-inline-scroll'
161
+ },
162
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
163
+ ".ProseMirror .pm-table-container > [data-table-overflow-shadow='start']": {
164
+ left: 0,
165
+ 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)"),
166
+ animationName: tableInlineStartShadow
167
+ },
168
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
169
+ ".ProseMirror .pm-table-container[data-number-column='true'] > [data-table-overflow-shadow='start']": {
170
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
171
+ left: _constants.akEditorTableNumberColumnWidth - 1
172
+ },
173
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
174
+ ".ProseMirror .pm-table-container > [data-table-overflow-shadow='end']": {
175
+ right: 0,
176
+ 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)"),
177
+ animationName: tableInlineEndShadow
178
+ }
179
+ });
180
+
104
181
  /**
105
182
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
106
183
  * 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
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* ToolbarComponentsWrapper-compiled.tsx generated by @compiled/babel-plugin v0.40.0 */
1
+ /* ToolbarComponentsWrapper-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 `ToolbarInner.tsx`.
@@ -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
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -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`.