@atlaskit/editor-core 213.5.6 → 213.6.0

package/dist/cjs/ui/Toolbar/ToolbarWithSizeDetector.js

@@ -6,16 +6,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ToolbarWithSizeDetector = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _coreUtils = require("@atlaskit/editor-common/core-utils");
 var _types = require("@atlaskit/editor-common/types");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _widthDetector = require("@atlaskit/width-detector");
 var _isFullPage = require("../../utils/is-full-page");
@@ -30,30 +25,11 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-// Remove when platform_editor_core_static_emotion_non_central is cleaned up
-var toolbar = (0, _react2.css)((0, _defineProperty2.default)({
+var toolbar = (0, _react2.css)({
   width: '100%',
   position: 'relative'
-}, "@media (max-width: ".concat(_editorSharedStyles.akEditorMobileMaxWidth, "px)"), {
-  gridColumn: '1 / 2',
-  gridRow: 2,
-  width: 'calc(100% - 30px)',
-  margin: "0 ".concat("var(--ds-space-200, 16px)")
-}));
-
-// Rename to toolbar when platform_editor_core_static_emotion_non_central is cleaned up
-var staticToolbar = (0, _react2.css)({
-  width: '100%',
-  position: 'relative'
-  // The media query below has been commented out as akEditorMobileMaxWidth is 0px  and thus the styles are never applied.
-  // [`@media (max-width: ${akEditorMobileMaxWidth}px)`]: {
-  //   gridColumn: '1 / 2',
-  //   gridRow: 2,
-  //   width: 'calc(100% - 30px)',
-  //   margin: `0 ${token('space.200', '16px')}`,
-  // },
 });
-var DynamicStyleToolbarWithSizeDetector = function DynamicStyleToolbarWithSizeDetector(props) {
+var ToolbarWithSizeDetector = exports.ToolbarWithSizeDetector = function ToolbarWithSizeDetector(props) {
   var ref = _react.default.useRef(null);
   var _React$useState = _react.default.useState(undefined),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
@@ -67,45 +43,6 @@ var DynamicStyleToolbarWithSizeDetector = function DynamicStyleToolbarWithSizeDe
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   (0, _toolbarSize.widthToToolbarSize)(width || elementWidth, props.appearance);
-  var toolbarStyle = (0, _react.useMemo)(function () {
-    var toolbarWidth = (0, _isFullPage.isFullPage)(props.appearance) && props.twoLineEditorToolbar ? _types.ToolbarSize.S : _types.ToolbarSize.M;
-    var toolbarMinWidth = (0, _toolbarSize.toolbarSizeToWidth)(toolbarWidth, props.appearance);
-    var isPreviewPanelResponsivenessEnabled = (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
-      exposure: true
-    });
-    var minWidth = "min-width: ".concat(props.hasMinWidth ? "".concat(toolbarMinWidth, "px") : isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px');
-    return [toolbar, minWidth];
-  }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
-  return (
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    (0, _react2.jsx)("div", {
-      css: toolbarStyle
-    }, (0, _react2.jsx)(_widthDetector.WidthObserver, {
-      setWidth: setWidth
-    }), props.editorView && toolbarSize ?
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    (0, _react2.jsx)(_Toolbar.Toolbar, (0, _extends2.default)({}, props, {
-      toolbarSize: toolbarSize
-    })) : (0, _react2.jsx)("div", {
-      ref: ref
-    }))
-  );
-};
-var StaticStyleToolbarWithSizeDetector = function StaticStyleToolbarWithSizeDetector(props) {
-  var ref = _react.default.useRef(null);
-  var _React$useState3 = _react.default.useState(undefined),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    width = _React$useState4[0],
-    setWidth = _React$useState4[1];
-  var elementWidth = (0, _hooks.useElementWidth)(ref, {
-    skip: typeof width !== 'undefined'
-  });
-  var defaultToolbarSize = (0, _coreUtils.isSSR)() && (0, _isFullPage.isFullPage)(props.appearance) ? _types.ToolbarSize.XXL : undefined;
-  var toolbarSize = typeof width === 'undefined' && typeof elementWidth === 'undefined' ? defaultToolbarSize :
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  (0, _toolbarSize.widthToToolbarSize)(width || elementWidth, props.appearance);
   var minWidthValue = (0, _react.useMemo)(function () {
     if (props.hasMinWidth) {
       var toolbarWidth = (0, _isFullPage.isFullPage)(props.appearance) && props.twoLineEditorToolbar ? _types.ToolbarSize.S : _types.ToolbarSize.M;
@@ -118,7 +55,7 @@ var StaticStyleToolbarWithSizeDetector = function StaticStyleToolbarWithSizeDete
     }
   }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
   return (0, _react2.jsx)("div", {
-    css: staticToolbar,
+    css: toolbar,
     style: {
       minWidth: minWidthValue
     }
@@ -143,7 +80,4 @@ var StaticStyleToolbarWithSizeDetector = function StaticStyleToolbarWithSizeDete
   }) : (0, _react2.jsx)("div", {
     ref: ref
   }));
-};
-var ToolbarWithSizeDetector = exports.ToolbarWithSizeDetector = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
-  return (0, _expValEquals.expValEquals)('platform_editor_core_static_emotion_non_central', 'isEnabled', true);
-}, StaticStyleToolbarWithSizeDetector, DynamicStyleToolbarWithSizeDetector);
+};

package/dist/cjs/utils/validateNodes.js

@@ -4,54 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.validateNodes = exports.validNode = void 0;
-var _model = require("@atlaskit/editor-prosemirror/model");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-// We don't want to use memoize from lodash, because we need to use WeakMap or WeakSet
-// to avoid memory leaks, but lodash allow to change the cache type only globally
-// like `memoize.Cache = WeakMap`, and we don't want to do that.
-// So we use our own cache implementation.
-var cache = new WeakSet();
-
-// See https://github.com/ProseMirror/prosemirror-model/blob/20d26c9843d6a69a1d417d937c401537ee0b2342/src/node.ts#L303
-function checkNode(node) {
-  if (cache.has(node)) {
-    return;
-  }
-
-  // @ts-expect-error - This is internal ProseMirror API, but we okay with it
-  node.type.checkContent(node.content);
-  // @ts-expect-error - This is internal ProseMirror API, but we okay with it
-  node.type.checkAttrs(node.attrs);
-  var copy = _model.Mark.none;
-  for (var i = 0; i < node.marks.length; i++) {
-    var mark = node.marks[i];
-    // @ts-expect-error - This is internal ProseMirror API, but we okay with it
-    mark.type.checkAttrs(mark.attrs);
-    copy = mark.addToSet(copy);
-  }
-  if (!_model.Mark.sameSet(copy, node.marks)) {
-    throw new RangeError("Invalid collection of marks for node ".concat(node.type.name, ": ").concat(node.marks.map(function (m) {
-      return m.type.name;
-    })));
-  }
-  node.content.forEach(function (node) {
-    return checkNode(node);
-  });
-
-  // The set value should be added in the end of the function,
-  // because any previous check can throw an error,
-  // and we don't want to add invalid node to the cache.
-  cache.add(node);
-}
 var validNode = exports.validNode = function validNode(node) {
   try {
-    if ((0, _experiments.editorExperiment)('platform_editor_memoized_node_check', true, {
-      exposure: true
-    })) {
-      checkNode(node);
-    } else {
-      node.check();
-    }
+    node.check();
   } catch (error) {
     return false;
   }

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "213.5.5";
+var version = exports.version = "213.5.6";

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

@@ -15,7 +15,6 @@ import messages from '@atlaskit/editor-common/messages';
 import { WidthConsumer, WidthProvider } from '@atlaskit/editor-common/ui';
 import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
 import { akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
@@ -53,26 +52,6 @@ const secondaryToolbarStyles = css({
   display: 'flex',
   padding: `${"var(--ds-space-150, 12px)"} ${"var(--ds-space-025, 2px)"}`
 });
-const mainToolbarCustomComponentsSlotStyle = (isTwoLineEditorToolbar = false) =>
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
-css`
-		display: flex;
-		justify-content: flex-end;
-		align-items: center;
-		flex-grow: 1;
-		padding-right: ${"var(--ds-space-250, 20px)"};
-		> div {
-			display: flex;
-			flex-shrink: 0;
-		}
-		${isTwoLineEditorToolbar && `
-    @media (max-width: ${MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT}px) {
-      {
-        padding-right: 0;
-      }
-    }
-  `}
-	`;
 const mainToolbarCustomComponentsSlotStyleNew = css({
   display: 'flex',
   justifyContent: 'flex-end',
@@ -179,8 +158,7 @@ export const CommentEditorWithIntl = props => {
     primaryToolbarComponents = primaryToolbarState.components.concat(primaryToolbarComponents);
   }
   const customToolbarSlot = jsx("div", {
-    css: 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);
   const isToolbarAIFCEnabled = Boolean(editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.toolbar) && editorExperiment('platform_editor_toolbar_aifc', true);
   return jsx(WithFlash, {

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

@@ -9,54 +9,9 @@ import React, { useEffect, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 490;
 const akEditorMenuZIndex = 500;
 const akEditorToolbarKeylineHeight = 2;
-const mainToolbarWrapperStyle = (isTwoLineEditorToolbar = false, isToolbarAifcEnabled = false
-/* eslint-disable @atlaskit/platform/ensure-feature-flag-registration */
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
-) => css`
-	position: relative;
-	align-items: center;
-	padding: ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"} 0;
-	display: flex;
-	height: auto;
-	background-color: ${"var(--ds-surface, white)"};
-	box-shadow: none;
-	${isToolbarAifcEnabled ? '' : `padding-left: ${"var(--ds-space-250, 20px)"};`}
-
-	& > div {
-		> :first-child:not(style),
-		> style:first-child + * {
-			margin-left: 0;
-		}
-		${isTwoLineEditorToolbar && `
-        @media (max-width: ${MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT}px) {
-          flex-direction: column-reverse;
-          align-items: end;
-          display: flex;
-          justify-content: flex-end;
-        }
-
-        /* make this more explicit for a toolbar */
-        > *:nth-child(1) {
-          @media (max-width: ${MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT}px) {
-            > div:nth-child(2) {
-              justify-content: flex-end;
-              display: flex;
-            }
-          }
-        }
-    `}
-	}
-
-	.block-type-btn {
-		padding-left: 0;
-	}
-
-	${fg('platform-visual-refresh-icons') && 'span svg { max-width: 100%; }'}
-`;
 const mainToolbarWrapperStyleNew = css({
   position: 'relative',
   alignItems: 'center',
@@ -113,23 +68,6 @@ const mainToolbarWrapperStylesVisualRefresh = 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
-const stickyToolbarWrapperStyle = css`
-	/* stylelint-disable declaration-block-no-duplicate-properties */
-	position: relative;
-	position: sticky;
-	/* stylelint-enable declaration-block-no-duplicate-properties */
-	padding-bottom: ${"var(--ds-space-100, 8px)"};
-	z-index: ${akEditorMenuZIndex};
-	transition: box-shadow ease-in-out 0.2s;
-	&.show-keyline {
-		box-shadow: 0 ${akEditorToolbarKeylineHeight}px 0 0
-			${"var(--ds-background-accent-gray-subtlest, #F1F2F4)"};
-	}
-`;
 const stickyToolbarWrapperStyleNew = css({
   position: 'sticky',
   paddingBottom: "var(--ds-space-100, 8px)",
@@ -157,11 +95,7 @@ const StickyToolbar = props => {
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     jsx("div", {
-      css: expValEquals('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, 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, fg('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding]
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
       ,
       style: {
@@ -177,11 +111,7 @@ const StickyToolbar = props => {
 const FixedToolbar = props =>
 // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
 jsx("div", {
-  css: expValEquals('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, 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, fg('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding],
   "data-testid": "ak-editor-main-toolbar"
 }, props.children);
 

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

@@ -6,9 +6,6 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { mainToolbarFirstChildStyle, mainToolbarSecondChildStyle } from './MainToolbar';
 // Pre-computed static styles for first- and second-child wrappers.
 // These contain no runtime logic and are safe for static-emotion mode.
 
@@ -47,7 +44,7 @@ const secondChildStaticTwoLine = css({
 });
 
 // ---------------- First child wrapper ----------------
-const FirstChildWrapperStatic = ({
+export const MainToolbarForFirstChildWrapper = ({
   twoLineEditorToolbar,
   children,
   role,
@@ -59,23 +56,9 @@ const FirstChildWrapperStatic = ({
   "aria-label": ariaLabel,
   "data-testid": testId
 }, children);
-const FirstChildWrapperDynamic = ({
-  twoLineEditorToolbar,
-  children,
-  role,
-  'aria-label': ariaLabel,
-  'data-testid': testId
-}) => 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: mainToolbarFirstChildStyle(twoLineEditorToolbar),
-  role: role,
-  "aria-label": ariaLabel,
-  "data-testid": testId
-}, children);
-export const MainToolbarForFirstChildWrapper = componentWithCondition(() => expValEquals('platform_editor_core_static_emotion_non_central', 'isEnabled', true), FirstChildWrapperStatic, FirstChildWrapperDynamic);
 
 // ---------------- Second child wrapper ----------------
-const SecondChildWrapperStatic = ({
+export const MainToolbarForSecondChildWrapper = ({
   twoLineEditorToolbar,
   children,
   role,
@@ -86,18 +69,4 @@ const SecondChildWrapperStatic = ({
   role: role,
   "aria-label": ariaLabel,
   "data-testid": testId
-}, children);
-const SecondChildWrapperDynamic = ({
-  twoLineEditorToolbar,
-  children,
-  role,
-  'aria-label': ariaLabel,
-  'data-testid': testId
-}) => 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: mainToolbarSecondChildStyle(twoLineEditorToolbar),
-  role: role,
-  "aria-label": ariaLabel,
-  "data-testid": testId
-}, children);
-export const MainToolbarForSecondChildWrapper = componentWithCondition(() => expValEquals('platform_editor_core_static_emotion_non_central', 'isEnabled', true), SecondChildWrapperStatic, SecondChildWrapperDynamic);
+}, children);

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

@@ -11,10 +11,8 @@ import classnames from 'classnames';
 import { injectIntl } from 'react-intl-next';
 import { decisionListSelector, taskListSelector } from '@atlaskit/adf-schema';
 import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
-import { tableFullPageEditorStyles } from '@atlaskit/editor-plugins/table/ui/common-styles';
-import { FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
+import { akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
@@ -25,7 +23,7 @@ import { contentComponentClickWrapper } from '../../Addon/ClickAreaBlock/content
 import { ContextPanel } from '../../ContextPanel';
 import EditorContentContainer from '../../EditorContentContainer/EditorContentContainer';
 import PluginSlot from '../../PluginSlot';
-import { contentArea, contentAreaWrapper, sidebarArea } from './StyledComponents';
+import { contentAreaWrapper, sidebarArea } from './StyledComponents';
 const akEditorFullWidthLayoutWidth = 1800;
 const akEditorSwoopCubicBezier = `cubic-bezier(0.15, 1, 0.3, 1)`;
 const tableMarginFullWidthMode = 2;
@@ -33,97 +31,6 @@ const akLayoutGutterOffset = 12;
 const SWOOP_ANIMATION = `0.5s ${akEditorSwoopCubicBezier}`;
 const AK_NESTED_DND_GUTTER_OFFSET = 8;
 const getTotalPadding = () => akEditorGutterPaddingDynamic() * 2;
-
-// old styles - to be deleted when cleaning up experiment `platform_editor_core_static_emotion_non_central`
-const editorContentAreaStyle = ({
-  layoutMaxWidth,
-  fullWidthMode,
-  isEditorToolbarHidden
-}) => [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
-expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && fg('platform_editor_breakout_resizing_width_changes') ? editorContentAreaContainerStyleExcludeCodeBlock() : editorContentAreaContainerStyle(), ...(fg('platform_editor_controls_no_toolbar_space') ? [] : [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 && 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])];
-const editorContentAreaWithLayoutWith = layoutMaxWidth => css({
-  // this restricts max width
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  maxWidth: `${layoutMaxWidth + getTotalPadding()}px`
-});
-
-/* Prevent horizontal scroll on page in full width mode */
-const editorContentAreaContainerStyleExcludeCodeBlock = () => 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% - ${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% + ${(akLayoutGutterOffset + (fg('platform_editor_nested_dnd_styles_changes') ? AK_NESTED_DND_GUTTER_OFFSET : 0)) * 2}px)`
-    }
-  }
-});
-
-/* Prevent horizontal scroll on page in full width mode */
-const editorContentAreaContainerStyle = () => 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% - ${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% + ${(akLayoutGutterOffset + (fg('platform_editor_nested_dnd_styles_changes') ? AK_NESTED_DND_GUTTER_OFFSET : 0)) * 2}px)`
-    }
-  }
-});
-const editorContentArea = 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(${"var(--ds-space-600, 48px)"} + ${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: `${akEditorFullWidthLayoutWidth + getTotalPadding()}px`,
-  transition: `max-width ${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
-tableFullPageEditorStyles);
 const editorContentAreaProsemirrorStyle = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& .ProseMirror': {
@@ -173,28 +80,6 @@ const contentAreaReservedPrimaryToolbarSpace = css({
 const contentAreaReducedHeaderSpace = css({
   paddingTop: "var(--ds-space-400, 32px)"
 });
-const editorContentGutterStyle = () => {
-  if (editorExperiment('platform_editor_preview_panel_responsiveness', true, {
-    exposure: true
-  })) {
-    return 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 ${akEditorGutterPaddingDynamic()}px`,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-      [`@container editor-area (max-width: ${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 ${akEditorGutterPaddingReduced}px`
-      }
-    });
-  } else {
-    return 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 ${akEditorGutterPaddingDynamic()}px`
-    });
-  }
-};
 
 // new styles
 const editorContentAreaNew = css({
@@ -352,11 +237,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     return editorExperiment('platform_editor_controls', 'variant1');
   };
   return jsx("div", {
-    css: 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
-    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
   }, jsx("div", {
@@ -378,15 +259,9 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     editorView: props.editorView,
     editorDisabled: props.disabled
   }, jsx("div", {
-    css: 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
-    expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && fg('platform_editor_breakout_resizing_width_changes') ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace] : [
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    ...editorContentAreaStyle({
-      fullWidthMode,
-      layoutMaxWidth: theme.layoutMaxWidth,
-      isEditorToolbarHidden: props.isEditorToolbarHidden
-    })],
+    expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && fg('platform_editor_breakout_resizing_width_changes') ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
     style: {
       '--ak-editor-content-area-max-width': !fullWidthMode ? `${theme.layoutMaxWidth + getTotalPadding()}px` : `${akEditorFullWidthLayoutWidth + getTotalPadding()}px`
     }
@@ -399,13 +274,11 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     "aria-label": props.intl.formatMessage(messages.editableContentLabel),
     ref: contentAreaRef
   }, jsx("div", {
-    css: expValEquals('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [editorContentGutterStyles,
+    css: [editorContentGutterStyles,
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
     fg('platform_editor_controls_increase_full_page_gutter') && editorExperiment('platform_editor_controls', 'variant1') && editorContentGutterStyleFG, 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: classnames('ak-editor-content-area', 'appearance-full-page', {

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

@@ -1,65 +1,8 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { akEditorFloatingDialogZIndex, akEditorMobileMaxWidth, akEditorSwoopCubicBezier, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { akEditorMobileMaxWidth, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT } from '@atlaskit/editor-shared-styles';
 export const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
 
-// box-shadow is overriden by the mainToolbar
-const 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 #091E4228, 0px 0px 1px #091E421e)"}`
-});
-const mainToolbarTwoLineStyle = () => {
-  const editorToolbarHeight = FULL_PAGE_EDITOR_TOOLBAR_HEIGHT();
-  return css({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    [`@media (max-width: ${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(${editorToolbarHeight} * 2)`
-    }
-  });
-};
-const flexibleIconSize = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '& span svg': {
-    maxWidth: '100%'
-  }
-});
-const mainToolbar = () => {
-  const editorToolbarHeight = FULL_PAGE_EDITOR_TOOLBAR_HEIGHT();
-  return css({
-    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)"} 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 ${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: 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'
-    },
-    // 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)`]: {
-      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(${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
-  fg('platform-visual-refresh-icons') && flexibleIconSize);
-};
-export const mainToolbarStyle = (showKeyline, twoLineEditorToolbar) => [mainToolbar, showKeyline && mainToolbarWithKeyline, twoLineEditorToolbar && mainToolbarTwoLineStyle];
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const mainToolbarIconBeforeStyle = css({
   margin: "var(--ds-space-200, 16px)",