@atlaskit/editor-core 221.16.3 → 221.17.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/editor-core
 
+## 221.17.0
+
+### Minor Changes
+
+- [`cb252ca7235fa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cb252ca7235fa) -
+  Clean up fully rolled-out feature gate `platform_editor_typography_ugc`. UGC typography paragraph
+  styles are now always applied.
+
+### Patch Changes
+
+- [`109c3998554f2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/109c3998554f2) -
+  Add SSR-safe, experiment-gated CSS overflow shadows for editor tables and keep renderer shadows
+  within table bounds when sticky scrollbars are present.
+- Updated dependencies
+
+## 221.16.4
+
+### Patch Changes
+
+- [`5ee00c9dc4881`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5ee00c9dc4881) -
+  Clean up feature gate `platform_editor_controls_no_toolbar_space`
+- Updated dependencies
+
 ## 221.16.3
 
 ### Patch Changes

package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-compiled.compiled.css

@@ -17,7 +17,6 @@
 ._19bvt9kd{padding-left:72px}
 ._19pk1wug{margin-top:auto}
 ._19pkidpf{margin-top:0}
-._19pknm9q{margin-top:calc(var(--ds-space-500, 40px) + 1px)}
 ._1a1d1osq >.ak-editor-content-area{height:100%}
 ._1b7c1kw7 .fabric-editor--full-width-mode td .extension-container.inline{max-width:inherit}
 ._1bsb1osq{width:100%}
@@ -57,7 +56,6 @@
 ._boivkb7n >.ak-editor-content-area>[data-testid=plugins-components-wrapper]{flex-shrink:1}
 ._ca0qidpf{padding-top:0}
 ._ca0qoahv{padding-top:var(--ds-space-600,3pc)}
-._ca0qxy5q{padding-top:var(--ds-space-400,2pc)}
 ._evz0idpf >.ak-editor-content-area{padding-bottom:0}
 ._fh67idpf >.ak-editor-content-area{padding-top:0}
 ._i92uagmp .fabric-editor--full-width-mode:not(:has(#chromeless-editor)) .fabric-editor-breakout-mark{transform:none!important}

package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-compiled.js

@@ -44,8 +44,6 @@ var compiledStyles = {
   hideEditorContentAreaScrollGutterWithAttributeStyle: "_amwgglyw",
   hideEditorScrollGutterStyle: "_1e0cglyw",
   fullWidthNonChromelessBreakoutBlockTableStyle: "_xpemaq80 _pnffaq80 _zr7faq80 _qkfz261p _i92uagmp",
-  contentAreaReservedPrimaryToolbarSpace: "_19pknm9q",
-  contentAreaReducedHeaderSpace: "_ca0qxy5q",
   editorContentAreaNew: "_19pk1wug _2hwx1wug _otyr1wug _18u01wug _v5641fxv _vwz41tcg _ca0qoahv _n3tdoahv _4t3i1ap5 _1bsb1osq _2lx21bp4 _16jlkb7n _p12f5kin _1uizkqmb",
   tableFullPageEditorStylesNew: "_1tb2idpf _8vye1n1a _1k8i1osq",
   editorContentAreaContainerNestedDndStyle: "_tynl4diq",
@@ -129,7 +127,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)([compiledStyles.editorContentAreaNew, compiledStyles.editorContentAreaProsemirrorStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorContentAreaScrollGutterWithAttributeStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContentAreaStyle, compiledStyles.tableFullPageEditorStylesNew, compiledStyles.fullWidthNonChromelessBreakoutBlockTableStyle, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ? compiledStyles.editorContentAreaContainerStyleExcludeCodeBlockNew : compiledStyles.editorContentAreaContainerStyleNew, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && compiledStyles.editorContentAreaContainerNestedDndStyle, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && compiledStyles.contentAreaReducedHeaderSpace, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && compiledStyles.contentAreaReservedPrimaryToolbarSpace, "ak-editor-content-area-region"]),
+    className: (0, _runtime.ax)([compiledStyles.editorContentAreaNew, compiledStyles.editorContentAreaProsemirrorStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorContentAreaScrollGutterWithAttributeStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContentAreaStyle, compiledStyles.tableFullPageEditorStylesNew, compiledStyles.fullWidthNonChromelessBreakoutBlockTableStyle, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ? compiledStyles.editorContentAreaContainerStyleExcludeCodeBlockNew : compiledStyles.editorContentAreaContainerStyleNew, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && compiledStyles.editorContentAreaContainerNestedDndStyle, "ak-editor-content-area-region"]),
     "data-editor-editable-content": true,
     role: "region",
     "aria-label": props.intl.formatMessage(_messages.fullPageMessages.editableContentLabel),

package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-emotion.js

@@ -99,19 +99,6 @@ var fullWidthNonChromelessBreakoutBlockTableStyle = (0, _react2.css)({
   }
 });
 
-// An additional spacing applied at the top of the content area reserving space when the primary toolbar
-// is hidden – this avoids layout shift when the toolbar is toggled under the editor controls feature
-var contentAreaReservedPrimaryToolbarSpace = (0, _react2.css)({
-  // extra 1px to account for the bottom border on the toolbar
-  marginTop: "calc(".concat("var(--ds-space-500, 40px)", " + 1px)")
-});
-
-// A reduced top spacing applied to the content area to compensate for the reserved space at the top
-// of the page when the primary toolbar is hidden under the editor controls feature
-var contentAreaReducedHeaderSpace = (0, _react2.css)({
-  paddingTop: "var(--ds-space-400, 32px)"
-});
-
 // new styles
 var editorContentAreaNew = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
@@ -357,7 +344,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     // reports a non-WYSIWYG view.
     shouldHideProseMirrorForMarkdownMode && hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && hideEditorContentAreaScrollGutterWithAttributeStyle, shouldHideProseMirrorForMarkdownMode && markdownModeContentAreaStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
     // for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
-    (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
+    (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle],
     style: {
       '--ak-editor-content-area-max-width': "".concat(contentAreaMaxWidth, "px")
     }

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css

@@ -123,8 +123,6 @@
 .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)}
 .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)}
 .cc-4fs4h7 .panelView-content-wrap{box-sizing:border-box}
-.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}
-.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}
 .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}
 .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}
 .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}
@@ -161,7 +159,7 @@
 .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}
 .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}
 .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)}
-.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-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}
 .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}
 .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}
 .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 @@
 @keyframes k1eqwm1p{0%{--panel-gradient-angle:0deg;background-position:100%}to{--panel-gradient-angle:360deg;background-position:-100%}}
 @keyframes k1g8d6yk{to{transform:scaleX(1);opacity:1}0%,90%{transform:scaleX(0);opacity:0}}
 @keyframes k1r6lcmc{0%{--angle:0deg}to{--angle:360deg}}
+@keyframes k1sevukb{0%,99.9999%{opacity:1}to{opacity:0}}
 @keyframes k1xe95hp{0%{opacity:0;transform:translateY(1pc)}to{opacity:1;transform:translateY(0)}}
 @keyframes k1xnqtye{0%,to{opacity:0}50%{opacity:1}}
 @keyframes k3895my{0%,95%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:0}}
 @keyframes k7wtbat{0%{--panel-gradient-angle:0deg}to{--panel-gradient-angle:360deg}}
 @keyframes k7xl0d6{0%,90%,to{transform:scaleX(1);opacity:1}10%,80%{transform:scaleX(0);opacity:0}}
+@keyframes kdz7omp{0%{opacity:0}0.0001%,to{opacity:1}}
 @keyframes kgnpaw5{0%{opacity:0}to{opacity:1}}
 @keyframes kufr8jz{0%{background-position:200% 0}to{background-position:-200% 0}}
 @keyframes kxlv1hz{0%,to{transform:scaleX(0);opacity:0}10%{transform:scaleX(1.4);opacity:1}15%,85%{transform:scaleX(1);opacity:1}}

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js

@@ -38,6 +38,7 @@ var akEditorCalculatedWideLayoutWidthSmallViewport = 905;
 var akEditorGutterPadding = 32;
 var akEditorDefaultLayoutWidth = 760;
 var akEditorFullWidthLayoutWidth = 1800;
+var tableOverflowShadowWidthWide = 32;
 // The breakpoint for small devices is 1266px, copied from getBreakpoint in platform/packages/editor/editor-common/src/ui/WidthProvider/index.tsx
 var akEditorBreakpointForSmallDevice = "1266px";
 var akEditorGutterPaddingReduced = 24;
@@ -89,6 +90,8 @@ var editorAreaLayoutFixedWidthMaxWidthContainerQuery = "@container editor-area (
 var editorAreaLayoutResizedMaxWidthContainerQuery = "@container editor-area (max-width: ".concat(akEditorLayoutResizedBreakpoint, "px)");
 var placeholderFadeInKeyframes = null;
 var fadeIn = null;
+var tableInlineStartShadow = null;
+var tableInlineEndShadow = null;
 var hideNativeBrowserTextSelectionStyles = null;
 var boxShadowSelectionStyles = null;
 
@@ -285,8 +288,6 @@ var editorContentStyles = {
   panelStylesMixin: "cc-h7dall",
   panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes: "cc-pnl8g",
   panelViewStyles: "cc-4fs4h7",
-  paragraphStylesOld: "cc-1w6keww",
-  paragraphStylesOldWithScaledMargin: "cc-10wncs9",
   paragraphStylesUGCRefreshed: "cc-cc1o06",
   paragraphStylesWithScaledMargin: "cc-9s11ni",
   placeholderOverflowStyles: "cc-j698ed",
@@ -327,6 +328,7 @@ var editorContentStyles = {
   tableCellBackgroundColorOverrides: "cc-cvmfbc",
   tableCommentEditorStyles: "cc-qmh5x7",
   tableContainerStyles: "cc-1c98076",
+  tableScrollInlineShadowStyles: "cc-1b7tx95",
   tableContentModeStyles: "cc-4d6xg1",
   tableContentModeNestedTableStyles: "cc-19w908l",
   tableEmptyRowStyles: "cc-1fi1exx",
@@ -423,7 +425,7 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
     }) && 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 */
     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) &&
     // Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
-    !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]),
+    !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]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js

@@ -442,19 +442,11 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _smartCardStyles.linkingVisualRefreshV1Styles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _dateStyles.dateVanillaStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ?
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    contentMode === 'compact' ?
+    _dateStyles.dateVanillaStyles, contentMode === 'compact' ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _paragraphStyles.paragraphStylesWithScaledMargin :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _paragraphStyles.paragraphStylesUGCRefreshed :
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    contentMode === 'compact' ?
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _paragraphStyles.paragraphStylesOldWithScaledMargin :
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _paragraphStyles.paragraphStylesOld,
+    _paragraphStyles.paragraphStylesUGCRefreshed,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _link.linkStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -550,7 +542,9 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _tableStyles.tableContainerStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    (0, _styles.tableSharedStyle)(),
+    (0, _styles.tableSharedStyle)(), (0, _expValEquals.expValEquals)('platform_editor_table_css_overflow_shadow', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _tableStyles.tableScrollInlineShadowStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _tableStyles.tableEmptyRowStyles,
     // SSR-safe rounded corners (see tableRoundedCornerStyles). Gated to match the table plugin

package/dist/cjs/ui/EditorContentContainer/styles/editorUGCTokenStyles.js

@@ -10,7 +10,7 @@ var _react = require("@emotion/react");
 	@atlaskit/ui-styling-standard/no-exported-styles */
 
 /**
- * Use when fg('platform_editor_typography_ugc') is enabled, but the following are not enabled:
+ * Use when the following is not enabled:
  * - fg('atlas_editor_typography_refreshed')
  */
 /**
@@ -32,7 +32,7 @@ var editorUGCTokensModernized = exports.editorUGCTokensModernized = (0, _react.c
 });
 
 /**
- * Use when fg('platform_editor_typography_ugc') is enabled and the following is enabled:
+ * Use when the following is enabled:
  * - fg('atlas_editor_typography_refreshed')
  */
 /**

package/dist/cjs/ui/EditorContentContainer/styles/paragraphStyles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.paragraphStylesWithScaledMargin = exports.paragraphStylesUGCRefreshed = exports.paragraphStylesUGCModernized = exports.paragraphStylesOldWithScaledMargin = exports.paragraphStylesOld = void 0;
+exports.paragraphStylesWithScaledMargin = exports.paragraphStylesUGCRefreshed = exports.paragraphStylesUGCModernized = void 0;
 var _react = require("@emotion/react");
 /* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
 	@repo/internal/deprecations/deprecation-ticket-required,
@@ -31,27 +31,6 @@ var paragraphStylesWithScaledMargin = exports.paragraphStylesWithScaledMargin =
   }
 });
 
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-var paragraphStylesOldWithScaledMargin = exports.paragraphStylesOldWithScaledMargin = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ProseMirror p': {
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: '1em',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    lineHeight: 1.714,
-    fontWeight: "var(--ds-font-weight-regular, 400)",
-    marginTop: scaledBlockNodesVerticalMargin,
-    marginBottom: 0,
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    letterSpacing: '-0.005em'
-  }
-});
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
  * If you need to make changes here, also update the corresponding style in
@@ -89,25 +68,4 @@ var paragraphStylesUGCModernized = exports.paragraphStylesUGCModernized = (0, _r
     marginTop: blockNodesVerticalMargin,
     marginBottom: 0
   }
-});
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-var paragraphStylesOld = exports.paragraphStylesOld = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ProseMirror p': {
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: '1em',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    lineHeight: 1.714,
-    fontWeight: "var(--ds-font-weight-regular, 400)",
-    marginTop: blockNodesVerticalMargin,
-    marginBottom: 0,
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    letterSpacing: '-0.005em'
-  }
 });

package/dist/cjs/ui/EditorContentContainer/styles/tableStyles.js

@@ -4,14 +4,34 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tableRoundedCornerStyles = exports.tableLayoutFixesWithFontSize = exports.tableLayoutFixes = exports.tableEmptyRowStyles = exports.tableContentModeStyles = exports.tableContentModeNestedTableStyles = exports.tableContainerStyles = exports.tableCommentEditorStyles = exports.tableCommentEditorMarginOverride = void 0;
+exports.tableScrollInlineShadowStyles = exports.tableRoundedCornerStyles = exports.tableLayoutFixesWithFontSize = exports.tableLayoutFixes = exports.tableEmptyRowStyles = exports.tableContentModeStyles = exports.tableContentModeNestedTableStyles = exports.tableContainerStyles = exports.tableCommentEditorStyles = exports.tableCommentEditorMarginOverride = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
+var _styles = require("@atlaskit/editor-common/styles");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _scrollbarStyles = require("./scrollbarStyles");
 /* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
 	@repo/internal/deprecations/deprecation-ticket-required,
 	@atlaskit/ui-styling-standard/no-exported-styles */
 
+var tableOverflowShadowWidthWide = 32;
+var tableInlineStartShadow = (0, _react.keyframes)({
+  '0%': {
+    opacity: 0
+  },
+  '0.0001%, 100%': {
+    opacity: 1
+  }
+});
+var tableInlineEndShadow = (0, _react.keyframes)({
+  '0%, 99.9999%': {
+    opacity: 1
+  },
+  '100%': {
+    opacity: 0
+  }
+});
+
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
  * If you need to make changes here, also update the corresponding style in
@@ -101,6 +121,63 @@ var tableContainerStyles = exports.tableContainerStyles = (0, _react.css)({
     minWidth: 'auto'
   }
 });
+
+/**
+ * SSR-safe foreground overflow shadows driven by the table wrapper's horizontal scroll timeline.
+ * The overlays are siblings of the scrollport, so they stay anchored to its edges without
+ * modifying table-cell surfaces or interaction overlays.
+ *
+ * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
+ * If you need to make changes here, also update the corresponding style in
+ * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
+ * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
+var tableScrollInlineShadowStyles = exports.tableScrollInlineShadowStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ProseMirror .pm-table-container:has(> .pm-table-scroll-inline-shadow)': {
+    timelineScope: '--editor-table-inline-scroll'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror .pm-table-scroll-inline-shadow': {
+    scrollTimelineName: '--editor-table-inline-scroll',
+    scrollTimelineAxis: 'inline'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror .pm-table-container > [data-table-overflow-shadow]': {
+    position: 'absolute',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+    zIndex: _constants.akEditorShadowZIndex,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+    top: _styles.tableMarginTop,
+    bottom: 0,
+    width: tableOverflowShadowWidthWide,
+    opacity: 0,
+    pointerEvents: 'none',
+    animationDuration: '1ms',
+    animationFillMode: 'both',
+    animationTimingFunction: 'linear',
+    animationTimeline: '--editor-table-inline-scroll'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  ".ProseMirror .pm-table-container > [data-table-overflow-shadow='start']": {
+    left: 0,
+    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)"),
+    animationName: tableInlineStartShadow
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  ".ProseMirror .pm-table-container[data-number-column='true'] > [data-table-overflow-shadow='start']": {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+    left: _constants.akEditorTableNumberColumnWidth - 1
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  ".ProseMirror .pm-table-container > [data-table-overflow-shadow='end']": {
+    right: 0,
+    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)"),
+    animationName: tableInlineEndShadow
+  }
+});
+
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
  * If you need to make changes here, also update the corresponding style in

package/dist/cjs/version-wrapper.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-var version = exports.version = "221.16.2";
+var version = exports.version = "221.16.4";

package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.compiled.css

@@ -17,7 +17,6 @@
 ._19bvt9kd{padding-left:72px}
 ._19pk1wug{margin-top:auto}
 ._19pkidpf{margin-top:0}
-._19pknm9q{margin-top:calc(var(--ds-space-500, 40px) + 1px)}
 ._1a1d1osq >.ak-editor-content-area{height:100%}
 ._1b7c1kw7 .fabric-editor--full-width-mode td .extension-container.inline{max-width:inherit}
 ._1bsb1osq{width:100%}
@@ -57,7 +56,6 @@
 ._boivkb7n >.ak-editor-content-area>[data-testid=plugins-components-wrapper]{flex-shrink:1}
 ._ca0qidpf{padding-top:0}
 ._ca0qoahv{padding-top:var(--ds-space-600,3pc)}
-._ca0qxy5q{padding-top:var(--ds-space-400,2pc)}
 ._evz0idpf >.ak-editor-content-area{padding-bottom:0}
 ._fh67idpf >.ak-editor-content-area{padding-top:0}
 ._i92uagmp .fabric-editor--full-width-mode:not(:has(#chromeless-editor)) .fabric-editor-breakout-mark{transform:none!important}

package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.js

@@ -35,8 +35,6 @@ const compiledStyles = {
   hideEditorContentAreaScrollGutterWithAttributeStyle: "_amwgglyw",
   hideEditorScrollGutterStyle: "_1e0cglyw",
   fullWidthNonChromelessBreakoutBlockTableStyle: "_xpemaq80 _pnffaq80 _zr7faq80 _qkfz261p _i92uagmp",
-  contentAreaReservedPrimaryToolbarSpace: "_19pknm9q",
-  contentAreaReducedHeaderSpace: "_ca0qxy5q",
   editorContentAreaNew: "_19pk1wug _2hwx1wug _otyr1wug _18u01wug _v5641fxv _vwz41tcg _ca0qoahv _n3tdoahv _4t3i1ap5 _1bsb1osq _2lx21bp4 _16jlkb7n _p12f5kin _1uizkqmb",
   tableFullPageEditorStylesNew: "_1tb2idpf _8vye1n1a _1k8i1osq",
   editorContentAreaContainerNestedDndStyle: "_tynl4diq",
@@ -118,7 +116,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     }
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([compiledStyles.editorContentAreaNew, compiledStyles.editorContentAreaProsemirrorStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorContentAreaScrollGutterWithAttributeStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContentAreaStyle, compiledStyles.tableFullPageEditorStylesNew, compiledStyles.fullWidthNonChromelessBreakoutBlockTableStyle, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? compiledStyles.editorContentAreaContainerStyleExcludeCodeBlockNew : compiledStyles.editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && compiledStyles.editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && compiledStyles.contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && compiledStyles.contentAreaReservedPrimaryToolbarSpace, "ak-editor-content-area-region"]),
+    className: ax([compiledStyles.editorContentAreaNew, compiledStyles.editorContentAreaProsemirrorStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorContentAreaScrollGutterWithAttributeStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContentAreaStyle, compiledStyles.tableFullPageEditorStylesNew, compiledStyles.fullWidthNonChromelessBreakoutBlockTableStyle, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? compiledStyles.editorContentAreaContainerStyleExcludeCodeBlockNew : compiledStyles.editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && compiledStyles.editorContentAreaContainerNestedDndStyle, "ak-editor-content-area-region"]),
     "data-editor-editable-content": true,
     role: "region",
     "aria-label": props.intl.formatMessage(messages.editableContentLabel),

package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-emotion.js

@@ -90,19 +90,6 @@ const fullWidthNonChromelessBreakoutBlockTableStyle = css({
   }
 });
 
-// An additional spacing applied at the top of the content area reserving space when the primary toolbar
-// is hidden – this avoids layout shift when the toolbar is toggled under the editor controls feature
-const contentAreaReservedPrimaryToolbarSpace = css({
-  // extra 1px to account for the bottom border on the toolbar
-  marginTop: `calc(${"var(--ds-space-500, 40px)"} + 1px)`
-});
-
-// A reduced top spacing applied to the content area to compensate for the reserved space at the top
-// of the page when the primary toolbar is hidden under the editor controls feature
-const contentAreaReducedHeaderSpace = css({
-  paddingTop: "var(--ds-space-400, 32px)"
-});
-
 // new styles
 const editorContentAreaNew = css({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
@@ -349,7 +336,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     // reports a non-WYSIWYG view.
     shouldHideProseMirrorForMarkdownMode && hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && hideEditorContentAreaScrollGutterWithAttributeStyle, shouldHideProseMirrorForMarkdownMode && markdownModeContentAreaStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
     // for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
-    expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
+    expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle],
     style: {
       '--ak-editor-content-area-max-width': `${contentAreaMaxWidth}px`
     }