@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
- /* 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
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
8
  // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
9
- var version = exports.version = "221.16.3";
9
+ var version = exports.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 "./clickAreaBlock-compiled.compiled.css";
4
4
  import * as React from 'react';
@@ -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
  /**
3
3
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
4
4
  * Used via `componentWithCondition` in `Comment.tsx`.
@@ -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
  /**
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
- /* 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 _extends from "@babel/runtime/helpers/extends";
3
3
  import "./ChromeCollapsed-compiled.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -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 "./index-compiled.compiled.css";
4
4
  import * as React from 'react';
@@ -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
  // oxlint-disable-next-line typescript-eslint/triple-slash-reference
3
3
  /// <reference path="../../types/compiled-shims.d.ts" />
4
4
  // TODO: EDITOR-6833 - Expected across this entire file, future violations are expected. Will try to remove them later after fully migration
@@ -13,10 +13,10 @@ import { getBrowserInfo } from '@atlaskit/editor-common/browser';
13
13
  // TODO: add back tableSharedStyle when migrate table styles
14
14
  // import { richMediaClassName, tableSharedStyle } from '@atlaskit/editor-common/styles';
15
15
  import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
16
- import { AnnotationSharedClassNames, richMediaClassName, expandClassNames, SmartCardSharedCssClassName, CodeBlockSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
16
+ import { AnnotationSharedClassNames, richMediaClassName, expandClassNames, SmartCardSharedCssClassName, CodeBlockSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, tableMarginTop, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
17
17
  import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/sync-block';
18
18
  import { tableCellBackgroundColorVariablesForCompiled } from '@atlaskit/editor-common/table-cell-background-for-compiled';
19
- import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorGutterPaddingDynamic, akEditorSwoopCubicBezier, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
19
+ import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorGutterPaddingDynamic, akEditorShadowZIndex, akEditorSwoopCubicBezier, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
20
20
  import { overflowShadowForCompiled } from '@atlaskit/editor-shared-styles/overflow-shadow-for-compiled';
21
21
  import { fg } from '@atlaskit/platform-feature-flags';
22
22
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -32,6 +32,7 @@ const akEditorCalculatedWideLayoutWidthSmallViewport = 905;
32
32
  const akEditorGutterPadding = 32;
33
33
  const akEditorDefaultLayoutWidth = 760;
34
34
  const akEditorFullWidthLayoutWidth = 1800;
35
+ const tableOverflowShadowWidthWide = 32;
35
36
  // The breakpoint for small devices is 1266px, copied from getBreakpoint in platform/packages/editor/editor-common/src/ui/WidthProvider/index.tsx
36
37
  const akEditorBreakpointForSmallDevice = `1266px`;
37
38
  const akEditorGutterPaddingReduced = 24;
@@ -86,6 +87,8 @@ const editorAreaLayoutFixedWidthMaxWidthContainerQuery = `@container editor-area
86
87
  const editorAreaLayoutResizedMaxWidthContainerQuery = `@container editor-area (max-width: ${akEditorLayoutResizedBreakpoint}px)`;
87
88
  const placeholderFadeInKeyframes = null;
88
89
  const fadeIn = null;
90
+ const tableInlineStartShadow = null;
91
+ const tableInlineEndShadow = null;
89
92
  const hideNativeBrowserTextSelectionStyles = null;
90
93
  const boxShadowSelectionStyles = null;
91
94
 
@@ -336,8 +339,6 @@ const editorContentStyles = {
336
339
  panelStylesMixin: "cc-h7dall",
337
340
  panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes: "cc-pnl8g",
338
341
  panelViewStyles: "cc-4fs4h7",
339
- paragraphStylesOld: "cc-1w6keww",
340
- paragraphStylesOldWithScaledMargin: "cc-10wncs9",
341
342
  paragraphStylesUGCRefreshed: "cc-cc1o06",
342
343
  paragraphStylesWithScaledMargin: "cc-9s11ni",
343
344
  placeholderOverflowStyles: "cc-j698ed",
@@ -378,6 +379,7 @@ const editorContentStyles = {
378
379
  tableCellBackgroundColorOverrides: "cc-cvmfbc",
379
380
  tableCommentEditorStyles: "cc-qmh5x7",
380
381
  tableContainerStyles: "cc-1c98076",
382
+ tableScrollInlineShadowStyles: "cc-1b7tx95",
381
383
  tableContentModeStyles: "cc-4d6xg1",
382
384
  tableContentModeNestedTableStyles: "cc-19w908l",
383
385
  tableEmptyRowStyles: "cc-1fi1exx",
@@ -480,7 +482,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
480
482
  }) && 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 */
481
483
  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) &&
482
484
  // Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
483
- !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]),
485
+ !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]),
484
486
  ref: ref,
485
487
  "data-editor-scroll-container": isScrollable ? 'true' : undefined,
486
488
  "data-testid": "editor-content-container"
@@ -50,7 +50,7 @@ import { diffListStyles, getDenseListStyles, listItemHiddenMarkerStyles, listsSt
50
50
  import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
51
51
  import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentionsSelectionStylesWithSearchMatch, mentionsStyles } from './styles/mentions';
52
52
  import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles } from './styles/panelStyles';
53
- import { paragraphStylesOld, paragraphStylesOldWithScaledMargin, paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
53
+ import { paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
54
54
  import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
55
55
  import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockLegacy, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesForTooltip, pragmaticResizerStylesPanelAndRule, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerBottomHandleStyles, resizerStyles } from './styles/resizerStyles';
56
56
  import { dangerRuleStyles, ruleStyles } from './styles/rule';
@@ -62,7 +62,7 @@ import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDe
62
62
  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';
63
63
  import { syncBlockInteractiveCursorStyles } from './styles/syncBlockInteractiveCursorStyles';
64
64
  import { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles, syncBlockTextSelectionStyles } from './styles/syncBlockStyles';
65
- import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes, tableRoundedCornerStyles, tableLayoutFixesWithFontSize, tableContentModeStyles, tableContentModeNestedTableStyles } from './styles/tableStyles';
65
+ import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes, tableRoundedCornerStyles, tableScrollInlineShadowStyles, tableLayoutFixesWithFontSize, tableContentModeStyles, tableContentModeNestedTableStyles } from './styles/tableStyles';
66
66
  import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
67
67
  import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
68
68
  import { textColorStyles } from './styles/textColorStyles';
@@ -446,19 +446,11 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
446
446
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
447
447
  linkingVisualRefreshV1Styles,
448
448
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
449
- dateVanillaStyles, fg('platform_editor_typography_ugc') ?
450
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
451
- contentMode === 'compact' ?
449
+ dateVanillaStyles, contentMode === 'compact' ?
452
450
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
453
451
  paragraphStylesWithScaledMargin :
454
452
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
455
- paragraphStylesUGCRefreshed :
456
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
457
- contentMode === 'compact' ?
458
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
459
- paragraphStylesOldWithScaledMargin :
460
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
461
- paragraphStylesOld,
453
+ paragraphStylesUGCRefreshed,
462
454
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
463
455
  linkStyles,
464
456
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -554,7 +546,9 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
554
546
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
555
547
  tableContainerStyles,
556
548
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
557
- tableSharedStyle(),
549
+ tableSharedStyle(), expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) &&
550
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
551
+ tableScrollInlineShadowStyles,
558
552
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
559
553
  tableEmptyRowStyles,
560
554
  // 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 const 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 const 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 const 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 const 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 const 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
  });
@@ -2,12 +2,13 @@
2
2
  @repo/internal/deprecations/deprecation-ticket-required,
3
3
  @atlaskit/ui-styling-standard/no-exported-styles */
4
4
  import { css } from '@emotion/react';
5
- import { SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
6
-
5
+ import { SyncBlockLabelSharedCssClassName, SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
7
6
  /**
8
- * Interactive elements (e.g. the link in the unpublished error card) show the
9
- * pointer cursor to signal they are clickable, rather than inheriting the text
10
- * cursor from the selectable sync block content.
7
+ * Styles for the synced block activation experience:
8
+ * - Interactive elements show a pointer cursor rather than inheriting the
9
+ * selectable content's text cursor.
10
+ * - Border labels can show substantially more reference-title text without
11
+ * overflowing narrow synced blocks.
11
12
  *
12
13
  * Kept as the sole export of this file, and separate from
13
14
  * syncBlockTextSelectionStyles, so it can be gated behind the
@@ -28,5 +29,9 @@ export const syncBlockInteractiveCursorStyles = css({
28
29
  'a[href], button, [role="button"], [role="link"]': {
29
30
  cursor: 'pointer'
30
31
  }
32
+ },
33
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
34
+ [`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
35
+ maxWidth: `min(300px, calc(100% - ${"var(--ds-space-300, 24px)"}))`
31
36
  }
32
37
  });
@@ -1,8 +1,28 @@
1
1
  /* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
2
2
  @repo/internal/deprecations/deprecation-ticket-required,
3
3
  @atlaskit/ui-styling-standard/no-exported-styles */
4
- import { css } from '@emotion/react';
4
+ import { css, keyframes } from '@emotion/react';
5
+ import { tableMarginTop } from '@atlaskit/editor-common/styles';
6
+ import { akEditorShadowZIndex, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles/constants';
5
7
  import { scrollbarStyles } from './scrollbarStyles';
8
+ const tableOverflowShadowWidthWide = 32;
9
+ const tableInlineStartShadow = keyframes({
10
+ '0%': {
11
+ opacity: 0
12
+ },
13
+ '0.0001%, 100%': {
14
+ opacity: 1
15
+ }
16
+ });
17
+ const tableInlineEndShadow = keyframes({
18
+ '0%, 99.9999%': {
19
+ opacity: 1
20
+ },
21
+ '100%': {
22
+ opacity: 0
23
+ }
24
+ });
25
+
6
26
  /**
7
27
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
8
28
  * If you need to make changes here, also update the corresponding style in
@@ -96,6 +116,81 @@ export const tableContainerStyles = css({
96
116
  minWidth: 'auto'
97
117
  }
98
118
  });
119
+
120
+ /**
121
+ * SSR-safe foreground overflow shadows driven by the table wrapper's horizontal scroll timeline.
122
+ * The overlays are siblings of the scrollport, so they stay anchored to its edges without
123
+ * modifying table-cell surfaces or interaction overlays.
124
+ *
125
+ * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
126
+ * If you need to make changes here, also update the corresponding style in
127
+ * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
128
+ * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
129
+ */
130
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
131
+ export const tableScrollInlineShadowStyles = css({
132
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
133
+ '.ProseMirror .pm-table-container:has(> .pm-table-scroll-inline-shadow)': {
134
+ timelineScope: '--editor-table-inline-scroll'
135
+ },
136
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
137
+ '.ProseMirror .pm-table-scroll-inline-shadow': {
138
+ scrollTimelineName: '--editor-table-inline-scroll',
139
+ scrollTimelineAxis: 'inline'
140
+ },
141
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
142
+ '.ProseMirror .pm-table-container > [data-table-overflow-shadow]': {
143
+ position: 'absolute',
144
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
145
+ zIndex: akEditorShadowZIndex,
146
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
147
+ top: tableMarginTop,
148
+ bottom: 0,
149
+ width: tableOverflowShadowWidthWide,
150
+ opacity: 0,
151
+ pointerEvents: 'none',
152
+ animationDuration: '1ms',
153
+ animationFillMode: 'both',
154
+ animationTimingFunction: 'linear',
155
+ animationTimeline: '--editor-table-inline-scroll'
156
+ },
157
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
158
+ ".ProseMirror .pm-table-container > [data-table-overflow-shadow='start']": {
159
+ left: 0,
160
+ backgroundImage: `linear-gradient(
161
+ to left,
162
+ transparent 0,
163
+ ${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 140%
164
+ ),
165
+ linear-gradient(
166
+ to right,
167
+ ${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
168
+ transparent 1px
169
+ )`,
170
+ animationName: tableInlineStartShadow
171
+ },
172
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
173
+ ".ProseMirror .pm-table-container[data-number-column='true'] > [data-table-overflow-shadow='start']": {
174
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
175
+ left: akEditorTableNumberColumnWidth - 1
176
+ },
177
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
178
+ ".ProseMirror .pm-table-container > [data-table-overflow-shadow='end']": {
179
+ right: 0,
180
+ backgroundImage: `linear-gradient(
181
+ to right,
182
+ transparent 0,
183
+ ${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 140%
184
+ ),
185
+ linear-gradient(
186
+ to left,
187
+ ${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
188
+ transparent 1px
189
+ )`,
190
+ animationName: tableInlineEndShadow
191
+ }
192
+ });
193
+
99
194
  /**
100
195
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
101
196
  * 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 "./PluginSlot-compiled.compiled.css";
4
4
  import * as React from 'react';
@@ -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`.