@atlaskit/editor-core 219.9.14 → 219.9.16

package/dist/es2019/ui/Appearance/FullPage/FullPage.js

@@ -1,11 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
-import { jsx } from '@emotion/react';
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { SSRRenderMeasure } from '@atlaskit/editor-common/performance/ssr-measures';
@@ -13,14 +6,17 @@ import { ContextPanelWidthProvider } from '@atlaskit/editor-common/ui';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { FULL_PAGE_EDITOR_TOOLBAR_HEIGHT } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getPrimaryToolbarComponents } from '../../Toolbar/getPrimaryToolbarComponents';
+import { FullPageEditorWrapperCompiled } from './FullPage-compiled';
+import { FullPageEditorWrapperEmotion } from './FullPage-emotion';
 import { FullPageContentArea } from './FullPageContentArea';
 import { FullPageToolbar } from './FullPageToolbar';
 import { FullPageToolbarNext } from './FullPageToolbarNext';
-import { fullPageEditorWrapper } from './StyledComponents';
 const SSR_TRACE_SEGMENT_NAME = 'reactEditorView/fullPageAppearance';
+const FullPageEditorWrapperMigration = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), FullPageEditorWrapperCompiled, FullPageEditorWrapperEmotion);
 const useShowKeyline = contentAreaRef => {
   const [showKeyline, setShowKeyline] = useState(false);
   useEffect(() => {
@@ -139,23 +135,25 @@ export const FullPageEditor = props => {
   }
   const isToolbarAIFCEnabled = Boolean(editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.toolbar);
   const popupsBoundariesElement = props.popupsBoundariesElement || (scrollContentContainerRef === null || scrollContentContainerRef === void 0 ? void 0 : (_scrollContentContain = scrollContentContainerRef.current) === null || _scrollContentContain === void 0 ? void 0 : _scrollContentContain.containerArea) || undefined;
-  return jsx(SSRRenderMeasure, {
+  return /*#__PURE__*/React.createElement(SSRRenderMeasure, {
     segmentName: SSR_TRACE_SEGMENT_NAME,
     startTimestampRef: firstRenderStartTimestampRef,
     onSSRMeasure: props.onSSRMeasure
-  }, jsx(ContextPanelWidthProvider, null, jsx("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css: fullPageEditorWrapper
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
+  }, /*#__PURE__*/React.createElement(ContextPanelWidthProvider, null, /*#__PURE__*/React.createElement(FullPageEditorWrapperMigration
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  , {
     className: "akEditor",
-    ref: wrapperElementRef,
-    style: {
+    ref: wrapperElementRef
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
+    style:
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props
+    {
       '--ak-editor-fullpage-toolbar-height':
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
       FULL_PAGE_EDITOR_TOOLBAR_HEIGHT(isToolbarAIFCEnabled)
     }
-  }, !isEditorToolbarHidden && (isToolbarAIFCEnabled ? jsx(FullPageToolbarNext, {
+  }, !isEditorToolbarHidden && (isToolbarAIFCEnabled ? /*#__PURE__*/React.createElement(FullPageToolbarNext, {
     disabled: !!props.disabled || !hasHadInteraction && expValEquals('platform_editor_default_toolbar_state', 'isEnabled', true),
     disabledWithoutInteractionLogic: !!props.disabled,
     toolbarDockingPosition: (_toolbarDockingPositi = toolbarDockingPosition) !== null && _toolbarDockingPositi !== void 0 ? _toolbarDockingPositi : toolbarDocking,
@@ -167,7 +165,7 @@ export const FullPageEditor = props => {
     popupsScrollableElement: props.popupsScrollableElement,
     showKeyline: showKeyline,
     customPrimaryToolbarComponents: props.customPrimaryToolbarComponents
-  }) : jsx(FullPageToolbar, {
+  }) : /*#__PURE__*/React.createElement(FullPageToolbar, {
     appearance: props.appearance,
     editorAPI: editorAPI,
     beforeIcon: props.primaryToolbarIconBefore,
@@ -194,7 +192,7 @@ export const FullPageEditor = props => {
     providerFactory: props.providerFactory,
     showKeyline: showKeyline,
     featureFlags: props.featureFlags
-  })), jsx(FullPageContentArea, {
+  })), /*#__PURE__*/React.createElement(FullPageContentArea, {
     editorAPI: editorAPI,
     ref: scrollContentContainerRef,
     appearance: props.appearance,

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

@@ -0,0 +1,10 @@
+._16jlkb7n{flex-grow:1}
+._18u0pxbi{margin-left:var(--ds-space-200,1pc)}
+._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
+._1bsbxy5q{width:var(--ds-space-400,2pc)}
+._1e0c1txw{display:flex}
+._2hwxpxbi{margin-right:var(--ds-space-200,1pc)}
+._4cvr1h6o{align-items:center}
+._4t3ixy5q{height:var(--ds-space-400,2pc)}
+._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
+@media (max-width:0px){._mlgzkb7n{grid-column:1}._tuuhkb7n{grid-row:1}}

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

@@ -0,0 +1,34 @@
+/* FullPageToolbar-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `FullPageToolbar.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import "./FullPageToolbar-compiled.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const nonCustomToolbarCompiledStyles = {
+  root: "_4cvr1h6o _1e0c1txw _16jlkb7n"
+};
+const mainToolbarIconBeforeCompiledStyles = {
+  root: "_19pkpxbi _2hwxpxbi _otyrpxbi _18u0pxbi _4t3ixy5q _1bsbxy5q _mlgzkb7n _tuuhkb7n"
+};
+const customToolbarCompiledStyles = {
+  root: "_4cvr1h6o _1e0c1txw"
+};
+export const NonCustomToolbarWrapperCompiled = ({
+  children
+}) => /*#__PURE__*/React.createElement("div", {
+  className: ax([nonCustomToolbarCompiledStyles.root])
+}, children);
+export const MainToolbarIconBeforeCompiled = ({
+  children
+}) => /*#__PURE__*/React.createElement("div", {
+  className: ax([mainToolbarIconBeforeCompiledStyles.root])
+}, children);
+export const CustomToolbarWrapperCompiled = ({
+  children
+}) => /*#__PURE__*/React.createElement("div", {
+  className: ax([customToolbarCompiledStyles.root])
+}, children);

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

@@ -0,0 +1,48 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `FullPageToolbar.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback; jsx required at runtime for @jsxRuntime classic
+import { css, jsx } from '@emotion/react';
+import { akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
+const nonCustomToolbarWrapperStyle = css({
+  alignItems: 'center',
+  display: 'flex',
+  flexGrow: 1
+});
+const mainToolbarIconBeforeStyle = css({
+  margin: "var(--ds-space-200, 16px)",
+  height: "var(--ds-space-400, 32px)",
+  width: "var(--ds-space-400, 32px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  [`@media (max-width: ${akEditorMobileMaxWidth}px)`]: {
+    gridColumn: 1,
+    gridRow: 1
+  }
+});
+const customToolbarWrapperStyle = css({
+  alignItems: 'center',
+  display: 'flex'
+});
+export const NonCustomToolbarWrapperEmotion = ({
+  children
+}) => jsx("div", {
+  css: nonCustomToolbarWrapperStyle
+}, children);
+export const MainToolbarIconBeforeEmotion = ({
+  children
+}) => jsx("div", {
+  css: mainToolbarIconBeforeStyle
+}, children);
+export const CustomToolbarWrapperEmotion = ({
+  children
+}) => jsx("div", {
+  css: customToolbarWrapperStyle
+}, children);

package/dist/es2019/ui/Appearance/FullPage/FullPageToolbar.js

@@ -1,23 +1,22 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
 import React, { useEffect, useCallback, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
-import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl';
 import { ContextPanelConsumer } from '@atlaskit/editor-common/context-panel';
 import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
 import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ToolbarPortalMountPoint, useToolbarPortal } from '../../Toolbar/ToolbarPortal';
 import { ToolbarWithSizeDetector as Toolbar } from '../../Toolbar/ToolbarWithSizeDetector';
 import { BeforePrimaryToolbarWrapper } from './BeforeWrapper';
 import { MainToolbarForFirstChildWrapper, MainToolbarForSecondChildWrapper } from './CustomToolbarWrapper';
-import { customToolbarWrapperStyle, mainToolbarIconBeforeStyle, MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, nonCustomToolbarWrapperStyle } from './MainToolbar';
+import { CustomToolbarWrapperCompiled, MainToolbarIconBeforeCompiled, NonCustomToolbarWrapperCompiled } from './FullPageToolbar-compiled';
+import { CustomToolbarWrapperEmotion, MainToolbarIconBeforeEmotion, NonCustomToolbarWrapperEmotion } from './FullPageToolbar-emotion';
+import { MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT } from './MainToolbar';
 import { MainToolbarWrapper } from './MainToolbarWrapper';
+const NonCustomToolbarWrapperMigration = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), NonCustomToolbarWrapperCompiled, NonCustomToolbarWrapperEmotion);
+const MainToolbarIconBeforeMigration = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), MainToolbarIconBeforeCompiled, MainToolbarIconBeforeEmotion);
+const CustomToolbarWrapperMigration = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), CustomToolbarWrapperCompiled, CustomToolbarWrapperEmotion);
 export const EditorToolbar = /*#__PURE__*/React.memo(props => {
   var _props$primaryToolbar, _useToolbarPortal, _props$customPrimaryT;
   const [shouldSplitToolbar, setShouldSplitToolbar] = useState(false);
@@ -37,13 +36,7 @@ export const EditorToolbar = /*#__PURE__*/React.memo(props => {
   };
   const hasToolbarPortal = ToolbarPortal !== React.Fragment;
   const popupsMountPoint = hasToolbarPortal ? undefined : props.popupsMountPoint;
-  const nonCustomToolbar =
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  jsx("div", {
-    css: nonCustomToolbarWrapperStyle
-  }, props.beforeIcon && jsx("div", {
-    css: mainToolbarIconBeforeStyle
-  }, props.beforeIcon), jsx(Toolbar, {
+  const nonCustomToolbar = /*#__PURE__*/React.createElement(NonCustomToolbarWrapperMigration, null, props.beforeIcon && /*#__PURE__*/React.createElement(MainToolbarIconBeforeMigration, null, props.beforeIcon), /*#__PURE__*/React.createElement(Toolbar, {
     editorView: props.editorView,
     editorActions: props.editorActions,
     eventDispatcher: props.eventDispatcher,
@@ -59,11 +52,7 @@ export const EditorToolbar = /*#__PURE__*/React.memo(props => {
     hasMinWidth: props.hasMinWidth,
     twoLineEditorToolbar: twoLineEditorToolbar
   }));
-  const customToolbar =
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  jsx("div", {
-    css: customToolbarWrapperStyle
-  }, !!props.customPrimaryToolbarComponents && 'before' in props.customPrimaryToolbarComponents ? jsx(BeforePrimaryToolbarWrapper, {
+  const customToolbar = /*#__PURE__*/React.createElement(CustomToolbarWrapperMigration, null, !!props.customPrimaryToolbarComponents && 'before' in props.customPrimaryToolbarComponents ? /*#__PURE__*/React.createElement(BeforePrimaryToolbarWrapper, {
     beforePrimaryToolbarComponents: (_props$customPrimaryT = props.customPrimaryToolbarComponents) === null || _props$customPrimaryT === void 0 ? void 0 : _props$customPrimaryT.before
   }) : null, !editorExperiment('platform_editor_controls', 'variant1') && editorAPI !== null && editorAPI !== void 0 && editorAPI.findReplace && twoLineEditorToolbar ? editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.findReplace.actions.registerToolbarButton({
     popupsBoundariesElement: props.popupsBoundariesElement,
@@ -100,28 +89,28 @@ export const EditorToolbar = /*#__PURE__*/React.memo(props => {
     event.preventDefault();
     event.stopPropagation();
   }, [props.editorView]);
-  return jsx(ContextPanelConsumer, null, ({
+  return /*#__PURE__*/React.createElement(ContextPanelConsumer, null, ({
     width: contextPanelWidth
-  }) => jsx(ToolbarArrowKeyNavigationProvider, {
+  }) => /*#__PURE__*/React.createElement(ToolbarArrowKeyNavigationProvider, {
     editorView: props.editorView,
     childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
     isShortcutToFocusToolbar: isShortcutToFocusToolbar,
     handleEscape: handleEscape,
     intl: props.intl
-  }, jsx(ToolbarPortal, null, jsx(MainToolbarWrapper, {
+  }, /*#__PURE__*/React.createElement(ToolbarPortal, null, /*#__PURE__*/React.createElement(MainToolbarWrapper, {
     showKeyline: props.showKeyline || contextPanelWidth > 0,
     twoLineEditorToolbar: twoLineEditorToolbar,
     "data-testid": "ak-editor-main-toolbar"
-  }, jsx(MainToolbarForFirstChildWrapper, {
+  }, /*#__PURE__*/React.createElement(MainToolbarForFirstChildWrapper, {
     twoLineEditorToolbar: twoLineEditorToolbar,
     role: "toolbar",
     "aria-label": props.intl.formatMessage(messages.toolbarLabel)
-  }, shouldSplitToolbar ? customToolbar : nonCustomToolbar), jsx(MainToolbarForSecondChildWrapper, {
+  }, shouldSplitToolbar ? customToolbar : nonCustomToolbar), /*#__PURE__*/React.createElement(MainToolbarForSecondChildWrapper, {
     twoLineEditorToolbar: twoLineEditorToolbar,
     "data-testid": "avatar-group-outside-plugin",
     role: "region",
     "aria-label": props.intl.formatMessage(messages.pageActionsLabel)
-  }, shouldSplitToolbar ? nonCustomToolbar : customToolbar), jsx(ToolbarPortalMountPoint, null)))));
+  }, shouldSplitToolbar ? nonCustomToolbar : customToolbar), /*#__PURE__*/React.createElement(ToolbarPortalMountPoint, null)))));
 });
 
 // eslint-disable-next-line @typescript-eslint/ban-types

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

@@ -606,6 +606,7 @@
 ._15pyjp4b .pm-table-wrapper>table>tbody>tr>th{vertical-align:top}
 ._15q4m0zr .ProseMirror [layout^=wrap-]+[layout^=wrap-]+div[class^=fabric-editor-align]{clear:both!important}
 ._15r21s89 .search-match-block.search-match-block-selected .loader-wrapper>a{box-shadow:0 0 0 4px var(--ds-background-accent-magenta-subtlest-pressed,#fcb6e1),0 0 0 5px var(--ds-background-accent-magenta-bolder-hovered,#943d73)}
+._15sh1bp4 .ProseMirror [data-layout-section] [data-layout-column][data-valign=bottom]>[data-layout-content]{flex-direction:column}
 ._15t1i7a9 .pm-table-sticky-wrapper>table>tbody>tr>td{font-weight:var(--ds-font-weight-regular,400)}
 ._15uri7a9 .ak-editor-expand__title-input{font-weight:var(--ds-font-weight-regular,400)}
 ._15ve1gly .ProseMirror .danger .code-block .line-number-gutter{background-color:var(--ds-background-danger,#ffeceb)}
@@ -627,6 +628,7 @@
 ._16am1j28 .ProseMirror [data-layout-section].ak-editor-selected-node:not(.danger) [data-layout-column] ::-moz-selection{background-color:transparent}
 ._16atr4us .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive.mention-self{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}
 ._16d4idpf .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h4:first-child:not(style){margin-top:0}
+._16df1txw .ProseMirror [data-layout-section] [data-layout-column][data-valign=middle]>[data-layout-content]{display:flex}
 ._16e11mi1 .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container--left{left:-25px}
 ._16fuidpf .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child p style:first-child+*{margin-top:0}
 ._16fx73ad .ProseMirror [data-layout-section]{cursor:default}
@@ -1835,6 +1837,7 @@
 ._1ybf1nka .search-match-block [data-smart-link-container=true]{box-shadow:inset 0 0 0 1px var(--ds-border-accent-magenta,#cd519d),inset 0 0 0 5px var(--ds-background-accent-magenta-subtler,#fdd0ec)}
 ._1ybwjocv .search-match-text.selected-search-match{background-color:var(--ds-background-accent-magenta-subtlest-pressed,#fcb6e1)!important}
 ._1yd8i8nm .pm-table-wrapper>table th:not(.danger) .code-block:not(.danger) .line-number-gutter{background-color:var(--ds-background-neutral,#0515240f)}
+._1ydd1bp4 .ProseMirror [data-layout-section] [data-layout-column][data-valign=middle]>[data-layout-content]{flex-direction:column}
 ._1ydjglyw .ProseMirror .ak-editor-panel .ak-editor-panel__icon{-webkit-user-select:none}
 ._1ydu1up9 .search-match-block .loader-wrapper>a{box-shadow:0 0 0 4px var(--ds-background-accent-magenta-subtler,#fdd0ec),0 0 0 5px var(--ds-border-accent-magenta,#cd519d)}
 ._1yg7azsu .ak-editor-selected-node>.editor-mention-primitive.mention-self{color:var(--ds-text-subtle,#505258)}
@@ -2265,6 +2268,7 @@
 ._as951j5o .ProseMirror h2 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}
 ._at5bidpf .ProseMirror .code-block{margin-right:0}
 ._atbw16ux .ProseMirror [data-layout-section].ak-editor-selected-node:not(.danger) [data-layout-column]:after{content:"\00a0"}
+._av0z1h6o .ProseMirror [data-layout-section] [data-layout-column][data-valign=middle]>[data-layout-content]{justify-content:center}
 ._awp7f705 [layout=wrap-left]+.ProseMirror-gapcursor+span+[layout=wrap-right]:after{content:" "}
 ._ay2w187o{--local-background-disabled:var(--ds-background-disabled,#0515240f)}
 ._ay4r7mnp .ak-editor-expand__content .expand-content-wrapper{clip:rect(1px,1px,1px,1px)}
@@ -2752,6 +2756,7 @@
 ._ksblidpf .fabric-editor-alignment:first-of-type:first-child p:first-child:not(style){margin-top:0}
 ._ksg217vv .ProseMirror h1>.media-inline-image-wrapper{transform:translateY(-3px)}
 ._ktc91e5h .pm-table-sticky-wrapper>table th{text-align:left}
+._ktyiesu3 .ProseMirror [data-layout-section] [data-layout-column][data-valign=bottom]>[data-layout-content]{justify-content:flex-end}
 ._kw4vglyw .ProseMirror .ak-editor-panel .ak-editor-panel__icon{ms-user-select:none}
 ._kxdfidpf .ProseMirror .ak-editor-selected-node .emoji-common-emoji-image:before{left:0}
 ._ky807vkz [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]{width:1pc}
@@ -3304,6 +3309,7 @@
 ._wg06idpf [data-prosemirror-node-name=date] .date-lozenger-container span{margin-top:0}
 ._wgjz10yn .ProseMirror h3>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper{height:25px}
 ._wgub1j28 .ProseMirror span.pm-placeholder.ak-editor-selected-node ::selection{background-color:transparent}
+._whzv1txw .ProseMirror [data-layout-section] [data-layout-column][data-valign=bottom]>[data-layout-content]{display:flex}
 ._wi0pglyw .ak-editor-sync-block__label{box-shadow:none}
 ._wi4l1j28 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span ::-moz-selection{background-color:transparent}
 ._wiz6tlke .embedCardView-content-wrap .loader-wrapper>div{cursor:pointer}

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

@@ -261,7 +261,7 @@ const editorContentStyles = {
   hyperLinkFloatingToolbarStyles: "_14olidpf _1499idpf _w11vidpf _162zidpf",
   indentationStyles: "_10pe1ul9 _ygai1wqb _1czel1r9 _126j68cl _cnga1w81 _14uamgvx",
   InlineNodeViewSharedStyles: "_omad1nu9 _64cs1rj4 _fukv1q9c _1rhx1jtm _1bbqglyw _1v741j28 _17xw1j28 _kdjsglyw _6q1jryon",
-  layoutBaseStyles: "_o2as1f61 _3t6qixl8 _19z7kb7n _e6qzkb7n _c9uhf1ug _19eyia51 _1r5q12b0 _cx2xutpp _2wy7h2mm _14hwidpf _1ed8usvi _navqidpf _84fsidpf _gt3aidpf _13jnidpf _1iuzidpf _15nuidpf _4fc0idpf _cs4didpf _1iwn1osq _10q81kdv _i6821hrf _16fxtlke _ez6hglyw _17igidpf _1ayiyh40 _x1d2idpf _9m42yh40",
+  layoutBaseStyles: "_o2as1f61 _3t6qixl8 _19z7kb7n _e6qzkb7n _c9uhf1ug _19eyia51 _1r5q12b0 _cx2xutpp _2wy7h2mm _14hwidpf _1ed8usvi _navqidpf _84fsidpf _gt3aidpf _13jnidpf _1iuzidpf _15nuidpf _4fc0idpf _cs4didpf _1iwn1osq _10q81kdv _i6821hrf _whzv1txw _16df1txw _15sh1bp4 _1ydd1bp4 _av0z1h6o _ktyiesu3 _16fxtlke _ez6hglyw _17igidpf _1ayiyh40 _x1d2idpf _9m42yh40",
   layoutBaseStylesAdvanced: "_19eyidpf",
   layoutBaseStylesFixesUnderNestedDnDFG: "_o2as17in _1v5d1crf _5jfcgktf _3mtd1crf _c82wgktf",
   layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync: "_o2as17in _157i1f61 _1v5d1crf _5jfcgktf _3mtd1crf _c82wgktf",

package/dist/es2019/ui/EditorContentContainer/styles/layout.js

@@ -604,22 +604,20 @@ export const layoutBaseStyles = css({
             clear: 'both'
           }
         },
+        // Keep the editable content wrapper stretched so blank column space remains a text hit area.
+        // Apply vertical alignment to the wrapper contents rather than shrinking the wrapper itself.
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '&[data-valign="middle"], &[data-valign="bottom"]': {
+        '&[data-valign="middle"] > [data-layout-content], &[data-valign="bottom"] > [data-layout-content]': {
           display: 'flex',
           flexDirection: 'column'
         },
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '&[data-valign="middle"]': {
+        '&[data-valign="middle"] > [data-layout-content]': {
           justifyContent: 'center'
         },
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '&[data-valign="bottom"]': {
+        '&[data-valign="bottom"] > [data-layout-content]': {
           justifyContent: 'flex-end'
-        },
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '&[data-valign="middle"] > [data-layout-content], &[data-valign="bottom"] > [data-layout-content]': {
-          height: 'auto'
         }
       }
     }

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "219.9.13";
+export const version = "219.9.15";

package/dist/esm/ui/Appearance/FullPage/BeforeWrapper-compiled.compiled.css

@@ -0,0 +1,4 @@
+._16jlkb7n{flex-grow:1}
+._1bahesu3{justify-content:flex-end}
+._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}

package/dist/esm/ui/Appearance/FullPage/BeforeWrapper-compiled.js

@@ -0,0 +1,21 @@
+/* BeforeWrapper-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `BeforeWrapper.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import "./BeforeWrapper-compiled.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+var styles = {
+  beforePrimaryToolbarPluginWrapper: "_1e0c1txw _16jlkb7n _1bahesu3 _4cvr1h6o"
+};
+// Duplicate of the wrapper from `editor-plugins/before-primary-toolbar` used
+// only in `FullPageToolbar` to decouple the plugin from the main toolbar
+export var BeforePrimaryToolbarWrapperCompiled = function BeforePrimaryToolbarWrapperCompiled(props) {
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": 'before-primary-toolbar-components-plugin',
+    className: ax([styles.beforePrimaryToolbarPluginWrapper])
+  }, props.beforePrimaryToolbarComponents);
+};

package/dist/esm/ui/Appearance/FullPage/BeforeWrapper-emotion.js

@@ -0,0 +1,27 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `BeforeWrapper.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback; jsx required at runtime for @jsxRuntime classic
+import { css, jsx } from '@emotion/react';
+var beforePrimaryToolbarPluginWrapperStyles = css({
+  display: 'flex',
+  flexGrow: 1,
+  justifyContent: 'flex-end',
+  alignItems: 'center'
+});
+// Duplicate of the wrapper from `editor-plugins/before-primary-toolbar` used
+// only in `FullPageToolbar` to decouple the plugin from the main toolbar
+export var BeforePrimaryToolbarWrapperEmotion = function BeforePrimaryToolbarWrapperEmotion(props) {
+  return jsx("div", {
+    css: beforePrimaryToolbarPluginWrapperStyles,
+    "data-testid": 'before-primary-toolbar-components-plugin'
+  }, props.beforePrimaryToolbarComponents);
+};

package/dist/esm/ui/Appearance/FullPage/BeforeWrapper.js

@@ -1,21 +1,9 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
-import { css, jsx } from '@emotion/react';
-var beforePrimaryToolbarPluginWrapperStyles = css({
-  display: 'flex',
-  flexGrow: 1,
-  justifyContent: 'flex-end',
-  alignItems: 'center'
-});
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { BeforePrimaryToolbarWrapperCompiled } from './BeforeWrapper-compiled';
+import { BeforePrimaryToolbarWrapperEmotion } from './BeforeWrapper-emotion';
 // Duplicate of the wrapper from `editor-plugins/before-primary-toolbar` used
 // only in `FullPageToolbar` to decouple the plugin from the main toolbar
-export var BeforePrimaryToolbarWrapper = function BeforePrimaryToolbarWrapper(props) {
-  return jsx("div", {
-    css: beforePrimaryToolbarPluginWrapperStyles,
-    "data-testid": 'before-primary-toolbar-components-plugin'
-  }, props.beforePrimaryToolbarComponents);
-};
+export var BeforePrimaryToolbarWrapper = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, BeforePrimaryToolbarWrapperCompiled, BeforePrimaryToolbarWrapperEmotion);

package/dist/esm/ui/Appearance/FullPage/CustomToolbarWrapper-compiled.compiled.css

@@ -0,0 +1,4 @@
+._16jlkb7n{flex-grow:1}
+._1e0c1txw{display:flex}
+._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
+@media (max-width:868px){._u89dkb7n{flex-grow:1}._9gudkb7n{flex-shrink:1}._1hoh1osq{flex-basis:100%}._1tjb1wug{margin-top:auto}._1rg31wug{margin-right:auto}._1jzq1wug{margin-bottom:auto}._cn5x1wug{margin-left:auto}._87t41txw{display:flex}._8o3817qo{height:var(--ak-editor-fullpage-toolbar-height)}._1s2pidpf{min-width:0}._lhl4esu3{justify-content:flex-end}._1s2p1ns9{min-width:-moz-fit-content;min-width:fit-content}}

package/dist/esm/ui/Appearance/FullPage/CustomToolbarWrapper-compiled.js

@@ -0,0 +1,48 @@
+/* CustomToolbarWrapper-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `CustomToolbarWrapper.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import "./CustomToolbarWrapper-compiled.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+var firstChildStyles = {
+  base: "_1e0c1txw _16jlkb7n",
+  twoLine: "_u89dkb7n _9gudkb7n _1hoh1osq _8o3817qo _lhl4esu3 _1s2p1ns9"
+};
+var secondChildStyles = {
+  base: "_1ul91ns9",
+  twoLine: "_u89dkb7n _9gudkb7n _1hoh1osq _1tjb1wug _1rg31wug _1jzq1wug _cn5x1wug _87t41txw _8o3817qo _1s2pidpf"
+};
+
+// ---------------- First child wrapper ----------------
+export var MainToolbarForFirstChildWrapperCompiled = function MainToolbarForFirstChildWrapperCompiled(_ref) {
+  var twoLineEditorToolbar = _ref.twoLineEditorToolbar,
+    children = _ref.children,
+    role = _ref.role,
+    ariaLabel = _ref['aria-label'],
+    testId = _ref['data-testid'];
+  return /*#__PURE__*/React.createElement("div", {
+    role: role,
+    "aria-label": ariaLabel,
+    "data-testid": testId,
+    className: ax([firstChildStyles.base, twoLineEditorToolbar && firstChildStyles.twoLine])
+  }, children);
+};
+
+// ---------------- Second child wrapper ----------------
+export var MainToolbarForSecondChildWrapperCompiled = function MainToolbarForSecondChildWrapperCompiled(_ref2) {
+  var twoLineEditorToolbar = _ref2.twoLineEditorToolbar,
+    children = _ref2.children,
+    role = _ref2.role,
+    ariaLabel = _ref2['aria-label'],
+    testId = _ref2['data-testid'];
+  return /*#__PURE__*/React.createElement("div", {
+    role: role,
+    "aria-label": ariaLabel,
+    "data-testid": testId,
+    className: ax([secondChildStyles.base, twoLineEditorToolbar && secondChildStyles.twoLine])
+  }, children);
+};

package/dist/esm/ui/Appearance/FullPage/CustomToolbarWrapper-emotion.js

@@ -0,0 +1,80 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `CustomToolbarWrapper.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback; jsx required at runtime for @jsxRuntime classic
+import { css, jsx } from '@emotion/react';
+// Pre-computed static styles for first- and second-child wrappers.
+// These contain no runtime logic and are safe for static-emotion mode.
+
+var firstChildStaticBase = css({
+  display: 'flex',
+  flexGrow: 1
+});
+
+// we can't avoid some kind of function call here, so we need to disable the rule
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+var firstChildStaticTwoLine = css({
+  '@media (max-width: 868px)': {
+    flex: '1 1 100%',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    height: 'var(--ak-editor-fullpage-toolbar-height)',
+    justifyContent: 'flex-end',
+    minWidth: 'fit-content'
+  }
+});
+var secondChildStaticBase = css({
+  minWidth: 'fit-content'
+});
+
+// we can't avoid some kind of function call here, so we need to disable the rule
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+var secondChildStaticTwoLine = css({
+  '@media (max-width: 868px)': {
+    display: 'flex',
+    flexGrow: 1,
+    flex: '1 1 100%',
+    margin: 'auto',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    height: 'var(--ak-editor-fullpage-toolbar-height)',
+    minWidth: 0
+  }
+});
+
+// ---------------- First child wrapper ----------------
+export var MainToolbarForFirstChildWrapperEmotion = function MainToolbarForFirstChildWrapperEmotion(_ref) {
+  var twoLineEditorToolbar = _ref.twoLineEditorToolbar,
+    children = _ref.children,
+    role = _ref.role,
+    ariaLabel = _ref['aria-label'],
+    testId = _ref['data-testid'];
+  return jsx("div", {
+    css: [firstChildStaticBase, twoLineEditorToolbar && firstChildStaticTwoLine],
+    role: role,
+    "aria-label": ariaLabel,
+    "data-testid": testId
+  }, children);
+};
+
+// ---------------- Second child wrapper ----------------
+export var MainToolbarForSecondChildWrapperEmotion = function MainToolbarForSecondChildWrapperEmotion(_ref2) {
+  var twoLineEditorToolbar = _ref2.twoLineEditorToolbar,
+    children = _ref2.children,
+    role = _ref2.role,
+    ariaLabel = _ref2['aria-label'],
+    testId = _ref2['data-testid'];
+  return jsx("div", {
+    css: [secondChildStaticBase, twoLineEditorToolbar && secondChildStaticTwoLine],
+    role: role,
+    "aria-label": ariaLabel,
+    "data-testid": testId
+  }, children);
+};