@atlaskit/editor-core 219.9.15 → 219.9.17

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

@@ -1,66 +1,14 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766 */
-import { css } from '@emotion/react';
-import { akEditorMobileMaxWidth, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT } from '@atlaskit/editor-shared-styles';
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { CustomToolbarWrapperCompiled, MainToolbarIconBeforeCompiled, NonCustomToolbarWrapperCompiled } from './MainToolbar-compiled';
+import { CustomToolbarWrapperEmotion, MainToolbarIconBeforeEmotion, NonCustomToolbarWrapperEmotion } from './MainToolbar-emotion';
 export var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var mainToolbarIconBeforeStyle = css(_defineProperty({
-  margin: "var(--ds-space-200, 16px)",
-  height: "var(--ds-space-400, 32px)",
-  width: "var(--ds-space-400, 32px)"
-}, "@media (max-width: ".concat(akEditorMobileMaxWidth, "px)"), {
-  gridColumn: 1,
-  gridRow: 1
-}));
-var mainToolbarFirstChild = css(_defineProperty({
-  display: 'flex',
-  flexGrow: 1
-}, "@media (max-width: ".concat(akEditorMobileMaxWidth, "px)"), {
-  gridColumn: 1,
-  gridRow: 1
-}));
-var mainToolbarFirstChildTowLine = function mainToolbarFirstChildTowLine() {
-  var editorToolbarHeight = FULL_PAGE_EDITOR_TOOLBAR_HEIGHT();
-  return css(_defineProperty({}, "@media (max-width: ".concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px)"), {
-    flex: '1 1 100%',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    height: editorToolbarHeight,
-    justifyContent: 'flex-end',
-    minWidth: 'fit-content'
-  }));
-};
-export var mainToolbarFirstChildStyle = function mainToolbarFirstChildStyle(twoLineEditorToolbar) {
-  return [mainToolbarFirstChild, twoLineEditorToolbar && mainToolbarFirstChildTowLine];
-};
-var mainToolbarSecondChild = css({
-  minWidth: 'fit-content'
-});
-var mainToolbarSecondChildTwoLine = function mainToolbarSecondChildTwoLine() {
-  var editorToolbarHeight = FULL_PAGE_EDITOR_TOOLBAR_HEIGHT();
-  return css(_defineProperty({}, "@media (max-width: ".concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px)"), {
-    display: 'flex',
-    flexGrow: 1,
-    flex: '1 1 100%',
-    margin: 'auto',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    height: editorToolbarHeight,
-    minWidth: 0
-  }));
-};
-export var mainToolbarSecondChildStyle = function mainToolbarSecondChildStyle(twoLineEditorToolbar) {
-  return [mainToolbarSecondChild, twoLineEditorToolbar && mainToolbarSecondChildTwoLine];
-};
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var nonCustomToolbarWrapperStyle = css({
-  alignItems: 'center',
-  display: 'flex',
-  flexGrow: 1
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var customToolbarWrapperStyle = css({
-  alignItems: 'center',
-  display: 'flex'
-});
+export var NonCustomToolbarWrapperMigration = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, NonCustomToolbarWrapperCompiled, NonCustomToolbarWrapperEmotion);
+export var CustomToolbarWrapperMigration = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, CustomToolbarWrapperCompiled, CustomToolbarWrapperEmotion);
+export var MainToolbarIconBeforeMigration = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, MainToolbarIconBeforeCompiled, MainToolbarIconBeforeEmotion);

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

@@ -0,0 +1,14 @@
+
+._v56419ab{transition:box-shadow .2s cubic-bezier(.15,1,.3,1)}
+._n7zlia51{border-bottom:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}._16qs1nax{box-shadow:var(--ds-shadow-overflow,0 0 8px #1e1f2128,0 0 1px #1e1f211e)}
+._16qsglyw{box-shadow:none}
+._1e0c1txw{display:flex}
+._1krdgrf3 object{height:0!important}
+._1o9zidpf{flex-shrink:0}
+._1pby16oo{z-index:510}
+._3pwj1osq span svg{max-width:100%}
+._4cvr1h6o{align-items:center}
+._4t3i17qo{height:var(--ak-editor-fullpage-toolbar-height)}
+._bfhkvuon{background-color:var(--ds-surface,#fff)}
+._kqswh2mm{position:relative}
+@media (max-width:868px){._1s5v1g80{flex-wrap:wrap}._8o38zpre{height:calc(var(--ak-editor-fullpage-toolbar-height)*2)}}

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

@@ -0,0 +1,29 @@
+/* MainToolbarWrapper-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 `MainToolbarWrapper.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import "./MainToolbarWrapper-compiled.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
+
+var styles = {
+  base: "_v56419ab _n7zlia51 _kqswh2mm _4cvr1h6o _16qsglyw _1pby16oo _1e0c1txw _4t3i17qo _1o9zidpf _bfhkvuon _1krdgrf3",
+  flexibleIconSize: "_3pwj1osq",
+  keyline: "_16qs1nax",
+  twoLine: "_1s5v1g80 _8o38zpre"
+};
+export var MainToolbarWrapperCompiled = function MainToolbarWrapperCompiled(_ref) {
+  var showKeyline = _ref.showKeyline,
+    twoLineEditorToolbar = _ref.twoLineEditorToolbar,
+    children = _ref.children,
+    testId = _ref['data-testid'];
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId,
+    className: ax([styles.base, styles.flexibleIconSize, showKeyline && styles.keyline, twoLineEditorToolbar && styles.twoLine])
+  }, children);
+};

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

@@ -0,0 +1,62 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `MainToolbarWrapper.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 for compiled migration
+import { css, jsx } from '@emotion/react';
+import { akEditorFloatingDialogZIndex, akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
+import { MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT } from './MainToolbar';
+var baseToolbarStyles = css({
+  position: 'relative',
+  alignItems: 'center',
+  boxShadow: 'none',
+  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  transition: "box-shadow 200ms ".concat(akEditorSwoopCubicBezier),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  zIndex: akEditorFloatingDialogZIndex,
+  display: 'flex',
+  height: 'var(--ak-editor-fullpage-toolbar-height)',
+  flexShrink: 0,
+  backgroundColor: "var(--ds-surface, #FFFFFF)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '& object': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
+    height: '0 !important'
+  }
+});
+var flexibleIconSize = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '& span svg': {
+    maxWidth: '100%'
+  }
+});
+var mainToolbarWithKeyline = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  boxShadow: "var(--ds-shadow-overflow, 0px 0px 8px #1E1F2128, 0px 0px 1px #1E1F211e)"
+});
+var mainToolbarTwoLineStyle = css(_defineProperty({}, "@media (max-width: ".concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px)"), {
+  flexWrap: 'wrap',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  height: "calc(var(--ak-editor-fullpage-toolbar-height) * 2)"
+}));
+export var MainToolbarWrapperEmotion = function MainToolbarWrapperEmotion(_ref) {
+  var showKeyline = _ref.showKeyline,
+    twoLineEditorToolbar = _ref.twoLineEditorToolbar,
+    children = _ref.children,
+    testId = _ref['data-testid'];
+  return jsx("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    css: [baseToolbarStyles, flexibleIconSize, showKeyline && mainToolbarWithKeyline, twoLineEditorToolbar && mainToolbarTwoLineStyle],
+    "data-testid": testId
+  }, children);
+};

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

@@ -1,60 +1,7 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React 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 { css, jsx } from '@emotion/react';
-import { akEditorFloatingDialogZIndex, akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
-import { MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT } from './MainToolbar';
-
-// Base styles that don't depend on feature flags
-var baseToolbarStyles = css({
-  position: 'relative',
-  alignItems: 'center',
-  boxShadow: 'none',
-  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  transition: "box-shadow 200ms ".concat(akEditorSwoopCubicBezier),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
-  zIndex: akEditorFloatingDialogZIndex,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
-  display: 'flex',
-  height: 'var(--ak-editor-fullpage-toolbar-height)',
-  flexShrink: 0,
-  backgroundColor: "var(--ds-surface, #FFFFFF)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '& object': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-    height: '0 !important'
-  }
-});
-var flexibleIconSize = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '& span svg': {
-    maxWidth: '100%'
-  }
-});
-// box-shadow is overriden by the mainToolbar
-var mainToolbarWithKeyline = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  boxShadow: "var(--ds-shadow-overflow, 0px 0px 8px #1E1F2128, 0px 0px 1px #1E1F211e)"
-});
-var mainToolbarTwoLineStyle = css(_defineProperty({}, "@media (max-width: ".concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px)"), {
-  flexWrap: 'wrap',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  height: "calc(var(--ak-editor-fullpage-toolbar-height) * 2)"
-}));
-export var MainToolbarWrapper = function MainToolbarWrapper(_ref) {
-  var showKeyline = _ref.showKeyline,
-    twoLineEditorToolbar = _ref.twoLineEditorToolbar,
-    children = _ref.children,
-    testId = _ref['data-testid'];
-  return jsx("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-    css: [baseToolbarStyles, flexibleIconSize, showKeyline && mainToolbarWithKeyline, twoLineEditorToolbar && mainToolbarTwoLineStyle],
-    "data-testid": testId
-  }, children);
-};
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { MainToolbarWrapperCompiled } from './MainToolbarWrapper-compiled';
+import { MainToolbarWrapperEmotion } from './MainToolbarWrapper-emotion';
+export var MainToolbarWrapper = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, MainToolbarWrapperCompiled, MainToolbarWrapperEmotion);

package/dist/esm/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/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js

@@ -204,7 +204,7 @@ var 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/esm/ui/EditorContentContainer/styles/layout.js

@@ -499,22 +499,20 @@ export var 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/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "219.9.14";
+export var version = "219.9.16";

package/dist/types/composable-editor/core-editor.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+import React from 'react';
 import type { EditorNextProps } from '../types/editor-props';
 import type { WithAppearanceComponent } from '../types/with-appearance-component';
 /**
@@ -6,7 +6,7 @@ import type { WithAppearanceComponent } from '../types/with-appearance-component
  * @param props
  * @example
  */
-export declare function CoreEditor(props: EditorNextProps & WithAppearanceComponent): jsx.JSX.Element;
+export declare function CoreEditor(props: EditorNextProps & WithAppearanceComponent): React.JSX.Element;
 export declare namespace CoreEditor {
     var propTypes: {
         minHeight: ({ appearance, minHeight, }: Pick<EditorNextProps, 'appearance' | 'minHeight'>) => Error | null;

package/dist/types/composable-editor/editor-internal-compiled.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `editor-internal.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { ReactNode } from 'react';
+export declare const EditorInternalContainerCompiled: ({ children }: {
+    children?: ReactNode;
+}) => React.JSX.Element;

package/dist/types/composable-editor/editor-internal-emotion.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `editor-internal.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { ReactNode } from 'react';
+export declare const EditorInternalContainerEmotion: ({ children }: {
+    children?: ReactNode;
+}) => React.JSX.Element;

package/dist/types/composable-editor/editor-internal.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { MemoExoticComponent } from 'react';
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
 import type { FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';

package/dist/types/ui/Appearance/FullPage/{FullPageToolbar-compiled.d.ts → MainToolbar-compiled.d.ts}

@@ -4,17 +4,18 @@
  */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
- * Used via `componentWithCondition` in `FullPageToolbar.tsx`.
+ * Used via `componentWithCondition` in `MainToolbar.tsx`.
  *
  * Cleanup: delete this file once the experiment has shipped.
  */
-import type { ReactNode } from 'react';
+import React from 'react';
+import { jsx } from '@compiled/react';
 export declare const NonCustomToolbarWrapperCompiled: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
-export declare const MainToolbarIconBeforeCompiled: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
+    children: React.ReactNode;
+}) => jsx.JSX.Element;
 export declare const CustomToolbarWrapperCompiled: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
+    children: React.ReactNode;
+}) => jsx.JSX.Element;
+export declare const MainToolbarIconBeforeCompiled: ({ children, }: {
+    children: React.ReactNode;
+}) => jsx.JSX.Element;

package/dist/{types-ts4.5/ui/Appearance/FullPage/FullPageToolbar-emotion.d.ts → types/ui/Appearance/FullPage/MainToolbar-emotion.d.ts}

@@ -4,17 +4,18 @@
  */
 /**
  * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
- * Used via `componentWithCondition` in `FullPageToolbar.tsx`.
+ * Used via `componentWithCondition` in `MainToolbar.tsx`.
  *
  * Cleanup: delete this file once the experiment has shipped.
  */
-import type { ReactNode } from 'react';
+import React from 'react';
+import { jsx } from '@emotion/react';
 export declare const NonCustomToolbarWrapperEmotion: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
-export declare const MainToolbarIconBeforeEmotion: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
+    children: React.ReactNode;
+}) => jsx.JSX.Element;
 export declare const CustomToolbarWrapperEmotion: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
+    children: React.ReactNode;
+}) => jsx.JSX.Element;
+export declare const MainToolbarIconBeforeEmotion: ({ children, }: {
+    children: React.ReactNode;
+}) => jsx.JSX.Element;

package/dist/types/ui/Appearance/FullPage/MainToolbar.d.ts

@@ -1,7 +1,11 @@
-import type { SerializedStyles } from '@emotion/react';
+import type React from 'react';
 export declare const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
-export declare const mainToolbarIconBeforeStyle: SerializedStyles;
-export declare const mainToolbarFirstChildStyle: (twoLineEditorToolbar: boolean) => (false | SerializedStyles | (() => SerializedStyles))[];
-export declare const mainToolbarSecondChildStyle: (twoLineEditorToolbar: boolean) => (false | SerializedStyles | (() => SerializedStyles))[];
-export declare const nonCustomToolbarWrapperStyle: SerializedStyles;
-export declare const customToolbarWrapperStyle: SerializedStyles;
+export declare const NonCustomToolbarWrapperMigration: React.ComponentType<{
+    children: React.ReactNode;
+}>;
+export declare const CustomToolbarWrapperMigration: React.ComponentType<{
+    children: React.ReactNode;
+}>;
+export declare const MainToolbarIconBeforeMigration: React.ComponentType<{
+    children: React.ReactNode;
+}>;

package/dist/types/ui/Appearance/FullPage/MainToolbarWrapper-compiled.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `MainToolbarWrapper.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+import { jsx } from '@compiled/react';
+export interface MainToolbarWrapperCompiledProps {
+    children: React.ReactNode;
+    'data-testid'?: string;
+    showKeyline: boolean;
+    twoLineEditorToolbar: boolean;
+}
+export declare const MainToolbarWrapperCompiled: ({ showKeyline, twoLineEditorToolbar, children, "data-testid": testId, }: MainToolbarWrapperCompiledProps) => jsx.JSX.Element;

package/dist/types/ui/Appearance/FullPage/MainToolbarWrapper-emotion.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `MainToolbarWrapper.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+import { jsx } from '@emotion/react';
+export interface MainToolbarWrapperEmotionProps {
+    children: React.ReactNode;
+    'data-testid'?: string;
+    showKeyline: boolean;
+    twoLineEditorToolbar: boolean;
+}
+export declare const MainToolbarWrapperEmotion: ({ showKeyline, twoLineEditorToolbar, children, "data-testid": testId, }: MainToolbarWrapperEmotionProps) => jsx.JSX.Element;

package/dist/types/ui/Appearance/FullPage/MainToolbarWrapper.d.ts

@@ -1,14 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { jsx } from '@emotion/react';
-interface MainToolbarWrapperProps {
-    children: React.ReactNode;
-    'data-testid'?: string;
-    showKeyline: boolean;
-    twoLineEditorToolbar: boolean;
-}
-export declare const MainToolbarWrapper: ({ showKeyline, twoLineEditorToolbar, children, "data-testid": testId, }: MainToolbarWrapperProps) => jsx.JSX.Element;
-export {};
+import type React from 'react';
+import { type MainToolbarWrapperCompiledProps } from './MainToolbarWrapper-compiled';
+export declare const MainToolbarWrapper: React.ComponentType<MainToolbarWrapperCompiledProps>;

package/dist/types-ts4.5/composable-editor/core-editor.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+import React from 'react';
 import type { EditorNextProps } from '../types/editor-props';
 import type { WithAppearanceComponent } from '../types/with-appearance-component';
 /**
@@ -6,7 +6,7 @@ import type { WithAppearanceComponent } from '../types/with-appearance-component
  * @param props
  * @example
  */
-export declare function CoreEditor(props: EditorNextProps & WithAppearanceComponent): jsx.JSX.Element;
+export declare function CoreEditor(props: EditorNextProps & WithAppearanceComponent): React.JSX.Element;
 export declare namespace CoreEditor {
     var propTypes: {
         minHeight: ({ appearance, minHeight, }: Pick<EditorNextProps, 'appearance' | 'minHeight'>) => Error | null;

package/dist/types-ts4.5/composable-editor/editor-internal-compiled.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `editor-internal.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { ReactNode } from 'react';
+export declare const EditorInternalContainerCompiled: ({ children }: {
+    children?: ReactNode;
+}) => React.JSX.Element;

package/dist/types-ts4.5/composable-editor/editor-internal-emotion.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `editor-internal.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { ReactNode } from 'react';
+export declare const EditorInternalContainerEmotion: ({ children }: {
+    children?: ReactNode;
+}) => React.JSX.Element;

package/dist/types-ts4.5/composable-editor/editor-internal.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { MemoExoticComponent } from 'react';
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
 import type { FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';

package/dist/types-ts4.5/ui/Appearance/FullPage/{FullPageToolbar-compiled.d.ts → MainToolbar-compiled.d.ts}

@@ -4,17 +4,18 @@
  */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
- * Used via `componentWithCondition` in `FullPageToolbar.tsx`.
+ * Used via `componentWithCondition` in `MainToolbar.tsx`.
  *
  * Cleanup: delete this file once the experiment has shipped.
  */
-import type { ReactNode } from 'react';
+import React from 'react';
+import { jsx } from '@compiled/react';
 export declare const NonCustomToolbarWrapperCompiled: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
-export declare const MainToolbarIconBeforeCompiled: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
+    children: React.ReactNode;
+}) => jsx.JSX.Element;
 export declare const CustomToolbarWrapperCompiled: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
+    children: React.ReactNode;
+}) => jsx.JSX.Element;
+export declare const MainToolbarIconBeforeCompiled: ({ children, }: {
+    children: React.ReactNode;
+}) => jsx.JSX.Element;