@atlaskit/editor-core 213.5.5 → 213.6.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/editor-core
 
+## 213.6.0
+
+### Minor Changes
+
+- [`9af8b5101d35f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9af8b5101d35f) -
+  [https://product-fabric.atlassian.net/browse/ED-29411](ED-29411) - clean up
+  platform_editor_memoized_node_check experiment
+- [`687c1b8fa7801`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/687c1b8fa7801) -
+  EDITOR-1566 bump adf-schema + update validator
+
+### Patch Changes
+
+- [`2c4405f422ac7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2c4405f422ac7) -
+  clean up feature flag for static emotion
+- [`a11b4fec9c5d4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a11b4fec9c5d4) -
+  [FD-90806] Clean up platform_editor_remove_drag_handle_fix
+- Updated dependencies
+
+## 213.5.6
+
+### Patch Changes
+
+- [`fba5acd7818c3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fba5acd7818c3) -
+  ED-29392: fix scroll gutter hydration issue
+- Updated dependencies
+
 ## 213.5.5
 
 ### Patch Changes

package/dist/cjs/ui/Appearance/Comment/Comment.js

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.CommentEditorWithIntl = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -20,7 +19,6 @@ var _messages = _interopRequireDefault(require("@atlaskit/editor-common/messages
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _ClickAreaBlock = _interopRequireDefault(require("../../Addon/ClickAreaBlock"));
 var _contentComponentWrapper = require("../../Addon/ClickAreaBlock/contentComponentWrapper");
@@ -31,15 +29,17 @@ var _ToolbarWithSizeDetector = require("../../Toolbar/ToolbarWithSizeDetector");
 var _WithFlash = _interopRequireDefault(require("../../WithFlash"));
 var _CommentToolbar = require("./CommentToolbar");
 var _Toolbar = require("./Toolbar");
-var _templateObject;
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+
 var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 490;
 var commentEditorStyles = (0, _react2.css)({
   display: 'flex',
@@ -65,12 +65,6 @@ var secondaryToolbarStyles = (0, _react2.css)({
   display: 'flex',
   padding: "var(--ds-space-150, 12px)".concat(" ", "var(--ds-space-025, 2px)")
 });
-var mainToolbarCustomComponentsSlotStyle = function mainToolbarCustomComponentsSlotStyle() {
-  var isTwoLineEditorToolbar = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  return (// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
-    (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\tdisplay: flex;\n\t\tjustify-content: flex-end;\n\t\talign-items: center;\n\t\tflex-grow: 1;\n\t\tpadding-right: ", ";\n\t\t> div {\n\t\t\tdisplay: flex;\n\t\t\tflex-shrink: 0;\n\t\t}\n\t\t", "\n\t"])), "var(--ds-space-250, 20px)", isTwoLineEditorToolbar && "\n    @media (max-width: ".concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px) {\n      {\n        padding-right: 0;\n      }\n    }\n  "))
-  );
-};
 var mainToolbarCustomComponentsSlotStyleNew = (0, _react2.css)({
   display: 'flex',
   justifyContent: 'flex-end',
@@ -176,8 +170,7 @@ var CommentEditorWithIntl = exports.CommentEditorWithIntl = function CommentEdit
     primaryToolbarComponents = primaryToolbarState.components.concat(primaryToolbarComponents);
   }
   var customToolbarSlot = (0, _react2.jsx)("div", {
-    css: (0, _expValEquals.expValEquals)('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [mainToolbarCustomComponentsSlotStyleNew, isTwoLineToolbarEnabled && mainToolbarCustomComponentsSlotStyleTwoLineToolbarNew] : /* eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766 */
-    mainToolbarCustomComponentsSlotStyle(isTwoLineToolbarEnabled)
+    css: [mainToolbarCustomComponentsSlotStyleNew, isTwoLineToolbarEnabled && mainToolbarCustomComponentsSlotStyleTwoLineToolbarNew]
   }, customPrimaryToolbarComponents);
   var isToolbarAIFCEnabled = Boolean(editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.toolbar) && (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true);
   return (0, _react2.jsx)(_WithFlash.default, {

package/dist/cjs/ui/Appearance/Comment/Toolbar.js

@@ -10,26 +10,20 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _templateObject, _templateObject2;
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+
 var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 490;
 var akEditorMenuZIndex = 500;
 var akEditorToolbarKeylineHeight = 2;
-var mainToolbarWrapperStyle = function mainToolbarWrapperStyle() {
-  var isTwoLineEditorToolbar = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  var isToolbarAifcEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tposition: relative;\n\talign-items: center;\n\tpadding: ", " ", " 0;\n\tdisplay: flex;\n\theight: auto;\n\tbackground-color: ", ";\n\tbox-shadow: none;\n\t", "\n\n\t& > div {\n\t\t> :first-child:not(style),\n\t\t> style:first-child + * {\n\t\t\tmargin-left: 0;\n\t\t}\n\t\t", "\n\t}\n\n\t.block-type-btn {\n\t\tpadding-left: 0;\n\t}\n\n\t", "\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-surface, white)", isToolbarAifcEnabled ? '' : "padding-left: ".concat("var(--ds-space-250, 20px)", ";"), isTwoLineEditorToolbar && "\n        @media (max-width: ".concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px) {\n          flex-direction: column-reverse;\n          align-items: end;\n          display: flex;\n          justify-content: flex-end;\n        }\n\n        /* make this more explicit for a toolbar */\n        > *:nth-child(1) {\n          @media (max-width: ").concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px) {\n            > div:nth-child(2) {\n              justify-content: flex-end;\n              display: flex;\n            }\n          }\n        }\n    "), (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && 'span svg { max-width: 100%; }');
-};
 var mainToolbarWrapperStyleNew = (0, _react2.css)({
   position: 'relative',
   alignItems: 'center',
@@ -77,11 +71,6 @@ var mainToolbarWrapperStylesVisualRefresh = (0, _react2.css)({
     maxWidth: '100%'
   }
 });
-
-/* eslint-enable @atlaskit/platform/ensure-feature-flag-registration */
-
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-var stickyToolbarWrapperStyle = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t/* stylelint-disable declaration-block-no-duplicate-properties */\n\tposition: relative;\n\tposition: sticky;\n\t/* stylelint-enable declaration-block-no-duplicate-properties */\n\tpadding-bottom: ", ";\n\tz-index: ", ";\n\ttransition: box-shadow ease-in-out 0.2s;\n\t&.show-keyline {\n\t\tbox-shadow: 0 ", "px 0 0\n\t\t\t", ";\n\t}\n"])), "var(--ds-space-100, 8px)", akEditorMenuZIndex, akEditorToolbarKeylineHeight, "var(--ds-background-accent-gray-subtlest, #F1F2F4)");
 var stickyToolbarWrapperStyleNew = (0, _react2.css)({
   position: 'sticky',
   paddingBottom: "var(--ds-space-100, 8px)",
@@ -112,11 +101,7 @@ var StickyToolbar = function StickyToolbar(props) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     (0, _react2.jsx)("div", {
-      css: (0, _expValEquals.expValEquals)('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding] : [
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-      mainToolbarWrapperStyle(props.twoLineEditorToolbar,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-      props.isNewToolbarEnabled), stickyToolbarWrapperStyle]
+      css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding]
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
       ,
       style: {
@@ -133,11 +118,7 @@ var FixedToolbar = function FixedToolbar(props) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     (0, _react2.jsx)("div", {
-      css: (0, _expValEquals.expValEquals)('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding] :
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-      mainToolbarWrapperStyle(props.twoLineEditorToolbar,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-      props.isNewToolbarEnabled),
+      css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding],
       "data-testid": "ak-editor-main-toolbar"
     }, props.children)
   );

package/dist/cjs/ui/Appearance/FullPage/CustomToolbarWrapper.js

@@ -7,9 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.MainToolbarForSecondChildWrapper = exports.MainToolbarForFirstChildWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _MainToolbar = require("./MainToolbar");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -55,7 +52,7 @@ var secondChildStaticTwoLine = (0, _react2.css)({
 });
 
 // ---------------- First child wrapper ----------------
-var FirstChildWrapperStatic = function FirstChildWrapperStatic(_ref) {
+var MainToolbarForFirstChildWrapper = exports.MainToolbarForFirstChildWrapper = function MainToolbarForFirstChildWrapper(_ref) {
   var twoLineEditorToolbar = _ref.twoLineEditorToolbar,
     children = _ref.children,
     role = _ref.role,
@@ -68,52 +65,18 @@ var FirstChildWrapperStatic = function FirstChildWrapperStatic(_ref) {
     "data-testid": testId
   }, children);
 };
-var FirstChildWrapperDynamic = function FirstChildWrapperDynamic(_ref2) {
+
+// ---------------- Second child wrapper ----------------
+var MainToolbarForSecondChildWrapper = exports.MainToolbarForSecondChildWrapper = function MainToolbarForSecondChildWrapper(_ref2) {
   var twoLineEditorToolbar = _ref2.twoLineEditorToolbar,
     children = _ref2.children,
     role = _ref2.role,
     ariaLabel = _ref2['aria-label'],
     testId = _ref2['data-testid'];
-  return (0, _react2.jsx)("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
-    css: (0, _MainToolbar.mainToolbarFirstChildStyle)(twoLineEditorToolbar),
-    role: role,
-    "aria-label": ariaLabel,
-    "data-testid": testId
-  }, children);
-};
-var MainToolbarForFirstChildWrapper = exports.MainToolbarForFirstChildWrapper = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
-  return (0, _expValEquals.expValEquals)('platform_editor_core_static_emotion_non_central', 'isEnabled', true);
-}, FirstChildWrapperStatic, FirstChildWrapperDynamic);
-
-// ---------------- Second child wrapper ----------------
-var SecondChildWrapperStatic = function SecondChildWrapperStatic(_ref3) {
-  var twoLineEditorToolbar = _ref3.twoLineEditorToolbar,
-    children = _ref3.children,
-    role = _ref3.role,
-    ariaLabel = _ref3['aria-label'],
-    testId = _ref3['data-testid'];
   return (0, _react2.jsx)("div", {
     css: [secondChildStaticBase, twoLineEditorToolbar && secondChildStaticTwoLine],
     role: role,
     "aria-label": ariaLabel,
     "data-testid": testId
   }, children);
-};
-var SecondChildWrapperDynamic = function SecondChildWrapperDynamic(_ref4) {
-  var twoLineEditorToolbar = _ref4.twoLineEditorToolbar,
-    children = _ref4.children,
-    role = _ref4.role,
-    ariaLabel = _ref4['aria-label'],
-    testId = _ref4['data-testid'];
-  return (0, _react2.jsx)("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
-    css: (0, _MainToolbar.mainToolbarSecondChildStyle)(twoLineEditorToolbar),
-    role: role,
-    "aria-label": ariaLabel,
-    "data-testid": testId
-  }, children);
-};
-var MainToolbarForSecondChildWrapper = exports.MainToolbarForSecondChildWrapper = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
-  return (0, _expValEquals.expValEquals)('platform_editor_core_static_emotion_non_central', 'isEnabled', true);
-}, SecondChildWrapperStatic, SecondChildWrapperDynamic);
+};

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

@@ -7,19 +7,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FullPageContentArea = exports.EDITOR_CONTAINER = exports.CONTENT_AREA_TEST_ID = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactIntlNext = require("react-intl-next");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _messages = require("@atlaskit/editor-common/messages");
-var _commonStyles = require("@atlaskit/editor-plugins/table/ui/common-styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 var _ClickAreaBlock = _interopRequireDefault(require("../../Addon/ClickAreaBlock"));
 var _contentComponentWrapper = require("../../Addon/ClickAreaBlock/contentComponentWrapper");
 var _ContextPanel = require("../../ContextPanel");
@@ -46,104 +44,6 @@ var AK_NESTED_DND_GUTTER_OFFSET = 8;
 var getTotalPadding = function getTotalPadding() {
   return (0, _editorSharedStyles.akEditorGutterPaddingDynamic)() * 2;
 };
-
-// old styles - to be deleted when cleaning up experiment `platform_editor_core_static_emotion_non_central`
-var editorContentAreaStyle = function editorContentAreaStyle(_ref) {
-  var layoutMaxWidth = _ref.layoutMaxWidth,
-    fullWidthMode = _ref.fullWidthMode,
-    isEditorToolbarHidden = _ref.isEditorToolbarHidden;
-  return [editorContentArea, editorContentAreaProsemirrorStyle, fullWidthNonChromelessBreakoutBlockTableStyle, !fullWidthMode && editorContentAreaWithLayoutWith(layoutMaxWidth),
-  // 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) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes') ? editorContentAreaContainerStyleExcludeCodeBlock() : editorContentAreaContainerStyle()].concat((0, _toConsumableArray2.default)((0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') ? [] : [(0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') &&
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-  contentAreaReducedHeaderSpace, isEditorToolbarHidden && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') &&
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-  contentAreaReservedPrimaryToolbarSpace]));
-};
-var editorContentAreaWithLayoutWith = function editorContentAreaWithLayoutWith(layoutMaxWidth) {
-  return (0, _react2.css)({
-    // this restricts max width
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    maxWidth: "".concat(layoutMaxWidth + getTotalPadding(), "px")
-  });
-};
-
-/* Prevent horizontal scroll on page in full width mode */
-var editorContentAreaContainerStyleExcludeCodeBlock = function editorContentAreaContainerStyleExcludeCodeBlock() {
-  return (0, _react2.css)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '.fabric-editor--full-width-mode': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '.extension-container, .multiBodiedExtension--container': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-        maxWidth: "calc(100% - ".concat(tableMarginFullWidthMode * 2, "px)")
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '.extension-container.inline': {
-        maxWidth: '100%'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      'td .extension-container.inline': {
-        maxWidth: 'inherit'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '[data-layout-section]': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-        maxWidth: "calc(100% + ".concat((akLayoutGutterOffset + ((0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? AK_NESTED_DND_GUTTER_OFFSET : 0)) * 2, "px)")
-      }
-    }
-  });
-};
-
-/* Prevent horizontal scroll on page in full width mode */
-var editorContentAreaContainerStyle = function editorContentAreaContainerStyle() {
-  return (0, _react2.css)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '.fabric-editor--full-width-mode': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '.code-block, .extension-container, .multiBodiedExtension--container': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-        maxWidth: "calc(100% - ".concat(tableMarginFullWidthMode * 2, "px)")
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '.extension-container.inline': {
-        maxWidth: '100%'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      'td .extension-container.inline': {
-        maxWidth: 'inherit'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '[data-layout-section]': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-        maxWidth: "calc(100% + ".concat((akLayoutGutterOffset + ((0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? AK_NESTED_DND_GUTTER_OFFSET : 0)) * 2, "px)")
-      }
-    }
-  });
-};
-var editorContentArea = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '24px',
-  paddingTop: "var(--ds-space-600, 48px)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.ak-editor-content-area-no-toolbar &': {
-    // When the toolbar is hidden, we don't want content to jump up
-    // the extra 1px is to account for the border on the toolbar
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,  @atlaskit/ui-styling-standard/no-unsafe-values
-    paddingTop: "calc(".concat("var(--ds-space-600, 48px)", " + ", (0, _editorSharedStyles.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT)(), " + 1px)")
-  },
-  paddingBottom: "var(--ds-space-600, 48px)",
-  height: 'calc( 100% - 105px )',
-  width: '100%',
-  margin: 'auto',
-  flexDirection: 'column',
-  flexGrow: 1,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  maxWidth: "".concat(akEditorFullWidthLayoutWidth + getTotalPadding(), "px"),
-  transition: "max-width ".concat(SWOOP_ANIMATION)
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-_commonStyles.tableFullPageEditorStyles);
 var editorContentAreaProsemirrorStyle = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& .ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)({
@@ -189,26 +89,6 @@ var contentAreaReservedPrimaryToolbarSpace = (0, _react2.css)({
 var contentAreaReducedHeaderSpace = (0, _react2.css)({
   paddingTop: "var(--ds-space-400, 32px)"
 });
-var editorContentGutterStyle = function editorContentGutterStyle() {
-  if ((0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
-    exposure: true
-  })) {
-    return (0, _react2.css)((0, _defineProperty2.default)({
-      boxSizing: 'border-box',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      padding: "0 ".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px")
-    }, "@container editor-area (max-width: ".concat(_editorSharedStyles.akEditorFullPageNarrowBreakout, "px)"), {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      padding: "0 ".concat(_editorSharedStyles.akEditorGutterPaddingReduced, "px")
-    }));
-  } else {
-    return (0, _react2.css)({
-      boxSizing: 'border-box',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      padding: "0 ".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px")
-    });
-  }
-};
 
 // new styles
 var editorContentAreaNew = (0, _react2.css)({
@@ -240,6 +120,10 @@ var tableFullPageEditorStylesNew = (0, _react2.css)({
     width: '100%'
   }
 });
+var scrollGutter = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  display: 'none'
+});
 var editorContentAreaContainerNestedDndStyle = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.fabric-editor--full-width-mode': {
@@ -361,11 +245,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     return (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1');
   };
   return (0, _react2.jsx)("div", {
-    css: (0, _expValEquals.expValEquals)('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar] : [
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    _StyledComponents.contentArea,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
+    css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
     "data-testid": CONTENT_AREA_TEST_ID,
     ref: containerRef
   }, (0, _react2.jsx)("div", {
@@ -387,13 +267,9 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     editorView: props.editorView,
     editorDisabled: props.disabled
   }, (0, _react2.jsx)("div", {
-    css: (0, _expValEquals.expValEquals)('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [editorContentAreaNew, editorContentAreaProsemirrorStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
+    css: [editorContentAreaNew, editorContentAreaProsemirrorStyle, 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) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes') ? 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, _toConsumableArray2.default)(editorContentAreaStyle({
-      fullWidthMode: fullWidthMode,
-      layoutMaxWidth: theme.layoutMaxWidth,
-      isEditorToolbarHidden: props.isEditorToolbarHidden
-    })),
+    (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes') ? 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],
     style: {
       '--ak-editor-content-area-max-width': !fullWidthMode ? "".concat(theme.layoutMaxWidth + getTotalPadding(), "px") : "".concat(akEditorFullWidthLayoutWidth + getTotalPadding(), "px")
     }
@@ -406,13 +282,11 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     "aria-label": props.intl.formatMessage(_messages.fullPageMessages.editableContentLabel),
     ref: contentAreaRef
   }, (0, _react2.jsx)("div", {
-    css: (0, _expValEquals.expValEquals)('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [editorContentGutterStyles,
+    css: [editorContentGutterStyles,
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
     (0, _platformFeatureFlags.fg)('platform_editor_controls_increase_full_page_gutter') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && editorContentGutterStyleFG, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
       exposure: true
-    }) && editorContentReducedGutterStyles] : [
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    editorContentGutterStyle()]
+    }) && editorContentReducedGutterStyles]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: (0, _classnames.default)('ak-editor-content-area', 'appearance-full-page', {
@@ -435,7 +309,11 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     containerElement: scrollContainerRef.current,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
     wrapperElement: props.wrapperElement
-  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? (0, _contentComponentWrapper.contentComponentClickWrapper)(props.customContentComponents.after) : null))))), (0, _react2.jsx)("div", {
+  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? (0, _contentComponentWrapper.contentComponentClickWrapper)(props.customContentComponents.after) : null, (0, _expVal.expVal)('platform_editor_hydratable_ui', 'isEnabled', false) && (0, _react2.jsx)("div", {
+    id: "editor-scroll-gutter",
+    css: scrollGutter,
+    "data-vc": "scroll-gutter"
+  })))))), (0, _react2.jsx)("div", {
     css: _StyledComponents.sidebarArea
   }, props.contextPanel || (0, _react2.jsx)(_ContextPanel.ContextPanel, {
     editorAPI: props.editorAPI,

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

@@ -4,68 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.nonCustomToolbarWrapperStyle = exports.mainToolbarStyle = exports.mainToolbarSecondChildStyle = exports.mainToolbarIconBeforeStyle = exports.mainToolbarFirstChildStyle = exports.customToolbarWrapperStyle = exports.MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = void 0;
+exports.nonCustomToolbarWrapperStyle = exports.mainToolbarSecondChildStyle = exports.mainToolbarIconBeforeStyle = exports.mainToolbarFirstChildStyle = exports.customToolbarWrapperStyle = exports.MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = exports.MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
 
-// box-shadow is overriden by the mainToolbar
-var mainToolbarWithKeyline = (0, _react.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 #091E4228, 0px 0px 1px #091E421e)"
-});
-var mainToolbarTwoLineStyle = function mainToolbarTwoLineStyle() {
-  var editorToolbarHeight = (0, _editorSharedStyles.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT)();
-  return (0, _react.css)((0, _defineProperty2.default)({}, "@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(".concat(editorToolbarHeight, " * 2)")
-  }));
-};
-var flexibleIconSize = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '& span svg': {
-    maxWidth: '100%'
-  }
-});
-var mainToolbar = function mainToolbar() {
-  var editorToolbarHeight = (0, _editorSharedStyles.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT)();
-  return (0, _react.css)((0, _defineProperty2.default)({
-    position: 'relative',
-    alignItems: 'center',
-    boxShadow: 'none',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #091E4224)"),
-    // 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(_editorSharedStyles.akEditorSwoopCubicBezier),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    zIndex: _editorSharedStyles.akEditorFloatingDialogZIndex,
-    display: 'flex',
-    // 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,
-    flexShrink: 0,
-    backgroundColor: "var(--ds-surface, white)",
-    // 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'
-    }
-  }, "@media (max-width: ".concat(_editorSharedStyles.akEditorMobileMaxWidth, "px)"), {
-    display: 'grid',
-    // 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(".concat(editorToolbarHeight, " * 2)")
-  }),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/platform/ensure-feature-flag-registration, @atlaskit/ui-styling-standard/no-unsafe-values
-  (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && flexibleIconSize);
-};
-var mainToolbarStyle = exports.mainToolbarStyle = function mainToolbarStyle(showKeyline, twoLineEditorToolbar) {
-  return [mainToolbar, showKeyline && mainToolbarWithKeyline, twoLineEditorToolbar && mainToolbarTwoLineStyle];
-};
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var mainToolbarIconBeforeStyle = exports.mainToolbarIconBeforeStyle = (0, _react.css)((0, _defineProperty2.default)({
   margin: "var(--ds-space-200, 16px)",

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

@@ -10,8 +10,6 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _MainToolbar = require("./MainToolbar");
 /**
  * @jsxRuntime classic
@@ -57,7 +55,7 @@ var mainToolbarTwoLineStyle = (0, _react2.css)((0, _defineProperty2.default)({},
   // 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)"
 }));
-var MainToolbarWrapperNext = function MainToolbarWrapperNext(_ref) {
+var MainToolbarWrapper = exports.MainToolbarWrapper = function MainToolbarWrapper(_ref) {
   var showKeyline = _ref.showKeyline,
     twoLineEditorToolbar = _ref.twoLineEditorToolbar,
     children = _ref.children,
@@ -67,31 +65,4 @@ var MainToolbarWrapperNext = function MainToolbarWrapperNext(_ref) {
     css: [baseToolbarStyles, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && flexibleIconSize, showKeyline && mainToolbarWithKeyline, twoLineEditorToolbar && mainToolbarTwoLineStyle],
     "data-testid": testId
   }, children);
-};
-
-/**
- * Original version of the toolbar wrapper using dynamic styles
- */
-var MainToolbarWrapperOld = function MainToolbarWrapperOld(_ref2) {
-  var showKeyline = _ref2.showKeyline,
-    twoLineEditorToolbar = _ref2.twoLineEditorToolbar,
-    children = _ref2.children,
-    testId = _ref2['data-testid'];
-  return (0, _react2.jsx)("div", {
-    css:
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-    (0, _MainToolbar.mainToolbarStyle)(showKeyline, twoLineEditorToolbar),
-    "data-testid": testId
-  }, children);
-};
-
-/**
- * Wrapper component for the main toolbar that handles feature flag based styling
- * @example
- * <MainToolbarWrapper showKeyline={true} twoLineEditorToolbar={false}>
- *   <ToolbarContent />
- * </MainToolbarWrapper>
- */
-var MainToolbarWrapper = exports.MainToolbarWrapper = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
-  return (0, _expValEquals.expValEquals)('platform_editor_core_static_emotion_non_central', 'isEnabled', true);
-}, MainToolbarWrapperNext, MainToolbarWrapperOld);
+};

package/dist/cjs/ui/Appearance/FullPage/StyledComponents.js

@@ -3,9 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sidebarArea = exports.fullPageEditorWrapper = exports.editorContentAreaHideContainer = exports.contentAreaWrapper = exports.contentArea = void 0;
+exports.sidebarArea = exports.fullPageEditorWrapper = exports.editorContentAreaHideContainer = exports.contentAreaWrapper = void 0;
 var _react = require("@emotion/react");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -17,29 +16,6 @@ var fullPageEditorWrapper = exports.fullPageEditorWrapper = (0, _react.css)({
   boxSizing: 'border-box'
 });
 
-// delete when cleaning up experiment `platform_editor_core_static_emotion_non_central`
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var contentArea = exports.contentArea = function contentArea() {
-  var editorToolbarHeight = (0, _editorSharedStyles.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT)();
-  return (0, _react.css)({
-    display: 'flex',
-    flexDirection: 'row',
-    // 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(100% - ".concat(editorToolbarHeight, ")"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
-    '&.ak-editor-content-area-no-toolbar': {
-      // The editor toolbar height is 1px off (from the border) -- so we need to add 1px to the height
-      // to match the toolbar height
-      height: "calc(100% + 1px)"
-    },
-    boxSizing: 'border-box',
-    margin: 0,
-    padding: 0,
-    // 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: "padding 0ms ".concat(_editorSharedStyles.akEditorSwoopCubicBezier)
-  });
-};
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var contentAreaWrapper = exports.contentAreaWrapper = (0, _react.css)({
   width: '100%',