@atlaskit/editor-core 211.2.11 → 212.0.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-core
 
+## 212.0.1
+
+### Patch Changes
+
+- [`88eddbfa8aadd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/88eddbfa8aadd) -
+  clean up FF of static emotion for editor
+- Updated dependencies
+
+## 212.0.0
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 211.2.11
 
 ### Patch Changes

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

@@ -5,7 +5,8 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ContentArea = exports.ChromelessEditorContainer = void 0;
+exports.ChromelessEditorContainer = ChromelessEditorContainer;
+exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -15,12 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _hooks = require("@atlaskit/editor-common/hooks");
-var _scrollbar = require("@atlaskit/editor-shared-styles/scrollbar");
 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 _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-var _ContentStyles = require("../ContentStyles");
 var _EditorContentContainer = _interopRequireDefault(require("../EditorContentContainer/EditorContentContainer"));
 var _PluginSlot = _interopRequireDefault(require("../PluginSlot"));
 var _WithFlash = _interopRequireDefault(require("../WithFlash"));
@@ -50,30 +46,6 @@ var scrollbarStylesNew = (0, _react2.css)({
     backgroundColor: "var(--ds-background-neutral-bold-hovered, #2C3E5D)"
   }
 });
-var chromelessEditorStyles = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '20px',
-  height: 'auto',
-  overflowX: 'hidden',
-  overflowY: '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
-_scrollbar.scrollbarStyles, {
-  maxWidth: 'inherit',
-  boxSizing: 'border-box',
-  wordWrap: 'break-word',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  'div > .ProseMirror': {
-    outline: 'none',
-    whiteSpace: 'pre-wrap',
-    padding: 0,
-    margin: 0,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-    '& > :last-child': {
-      paddingBottom: "var(--ds-space-100, 0.5em)"
-    }
-  }
-});
 var chromelessEditorStylesNew = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '20px',
@@ -104,14 +76,6 @@ var extraSpaceLastLineFix = (0, _react2.css)({
     }
   }
 });
-var ContentArea = exports.ContentArea = (0, _ContentStyles.createEditorContentStyle)();
-ContentArea.displayName = 'ContentArea';
-var EditorContainer = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
-  return (0, _experiments.editorExperiment)('platform_editor_core_static_emotion', true, {
-    exposure: true
-  });
-}, _EditorContentContainer.default, ContentArea);
-
 /**
  * Render the editor in a chromeless appearance.
  * Example use is the inline comment editor, which doesn't have editor toolbar
@@ -161,7 +125,7 @@ var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
         containerRef: function containerRef(ref) {
           return _this.containerElement = ref;
         }
-      }, (0, _react2.jsx)(EditorContainer
+      }, (0, _react2.jsx)(_EditorContentContainer.default
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       , {
         className: "ak-editor-content-area",
@@ -213,7 +177,7 @@ function RenderWithPluginState(_ref2) {
     maxContentSize: maxContentSize
   }));
 }
-function ChromelessEditorContainerNext(_ref3) {
+function ChromelessEditorContainer(_ref3) {
   var maxHeight = _ref3.maxHeight,
     minHeight = _ref3.minHeight,
     children = _ref3.children,
@@ -228,29 +192,4 @@ function ChromelessEditorContainerNext(_ref3) {
     id: "chromeless-editor",
     ref: containerRef
   }, children);
-}
-function ChromelessEditorContainerOld(_ref4) {
-  var maxHeight = _ref4.maxHeight,
-    minHeight = _ref4.minHeight,
-    children = _ref4.children,
-    containerRef = _ref4.containerRef;
-  return (0, _react2.jsx)("div", {
-    css: [chromelessEditorStyles, maxHeight &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    (0, _react2.css)({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      maxHeight: "".concat(maxHeight, "px")
-    }),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    (0, _react2.css)({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      minHeight: "".concat(minHeight, "px")
-    }), (0, _platformFeatureFlags.fg)('platform_fix_extra_space_last_line_comment_editor') && extraSpaceLastLineFix],
-    "data-testid": "chromeless-editor",
-    id: "chromeless-editor",
-    ref: containerRef
-  }, children);
-}
-var ChromelessEditorContainer = exports.ChromelessEditorContainer = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
-  return (0, _expValEquals.expValEquals)('platform_editor_core_static_emotion', 'isEnabled', true);
-}, ChromelessEditorContainerNext, ChromelessEditorContainerOld);
+}

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

@@ -17,17 +17,13 @@ var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = _interopRequireDefault(require("@atlaskit/editor-common/messages"));
-var _styles = require("@atlaskit/editor-common/styles");
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
-var _commonStyles = require("@atlaskit/editor-plugins/table/ui/common-styles");
 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 _ClickAreaBlock = _interopRequireDefault(require("../../Addon/ClickAreaBlock"));
 var _contentComponentWrapper = require("../../Addon/ClickAreaBlock/contentComponentWrapper");
-var _ContentStyles = require("../../ContentStyles");
 var _EditorContentContainer = _interopRequireDefault(require("../../EditorContentContainer/EditorContentContainer"));
 var _PluginSlot = _interopRequireDefault(require("../../PluginSlot"));
 var _getPrimaryToolbarComponents = require("../../Toolbar/getPrimaryToolbarComponents");
@@ -44,7 +40,6 @@ var _templateObject;
 // 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 CommentEditorMargin = 14;
 var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 490;
 var commentEditorStyles = (0, _react2.css)({
   display: 'flex',
@@ -63,27 +58,6 @@ var commentEditorStyles = (0, _react2.css)({
   maxWidth: 'inherit',
   wordWrap: 'break-word'
 });
-var ContentArea = (0, _ContentStyles.createEditorContentStyle)((0, _react2.css)({
-  flexGrow: 1,
-  overflowX: 'clip',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '24px',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ProseMirror': {
-    margin: "var(--ds-space-150, 12px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.gridParent': {
-    marginLeft: "var(--ds-space-025, 2px)",
-    marginRight: "var(--ds-space-025, 2px)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    width: "calc(100% + ".concat(CommentEditorMargin - _styles.GRID_GUTTER, "px)")
-  },
-  padding: "var(--ds-space-250, 20px)"
-},
-// 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.tableCommentEditorStyles));
-ContentArea.displayName = 'ContentArea';
 var secondaryToolbarStyles = (0, _react2.css)({
   boxSizing: 'border-box',
   justifyContent: 'flex-end',
@@ -113,11 +87,6 @@ var mainToolbarCustomComponentsSlotStyleTwoLineToolbarNew = (0, _react2.css)((0,
   paddingRight: 0
 }));
 var appearance = 'comment';
-var EditorContainer = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
-  return (0, _experiments.editorExperiment)('platform_editor_core_static_emotion', true, {
-    exposure: true
-  });
-}, _EditorContentContainer.default, ContentArea);
 var CommentEditorWithIntl = exports.CommentEditorWithIntl = function CommentEditorWithIntl(props) {
   var editorAPI = props.editorAPI;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(editorAPI, ['maxContentSize', 'primaryToolbar', 'editorViewMode'], function (states) {
@@ -268,7 +237,7 @@ var CommentEditorWithIntl = exports.CommentEditorWithIntl = function CommentEdit
     editorDisabled: disabled
   }, (0, _react2.jsx)(_ui.WidthConsumer, null, function (_ref) {
     var width = _ref.width;
-    return (0, _react2.jsx)(EditorContainer, {
+    return (0, _react2.jsx)(_EditorContentContainer.default, {
       ref: containerElement,
       css: [maxHeight ?
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766

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

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ScrollContainer = exports.FullPageContentArea = exports.EDITOR_CONTAINER = exports.CONTENT_AREA_TEST_ID = void 0;
+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"));
@@ -16,15 +16,12 @@ 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 _scrollbar = require("@atlaskit/editor-shared-styles/scrollbar");
 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 _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _ClickAreaBlock = _interopRequireDefault(require("../../Addon/ClickAreaBlock"));
 var _contentComponentWrapper = require("../../Addon/ClickAreaBlock/contentComponentWrapper");
-var _ContentStyles = require("../../ContentStyles");
 var _ContextPanel = require("../../ContextPanel");
 var _EditorContentContainer = _interopRequireDefault(require("../../EditorContentContainer/EditorContentContainer"));
 var _PluginSlot = _interopRequireDefault(require("../../PluginSlot"));
@@ -331,26 +328,6 @@ var contentAreaHeightNoToolbar = (0, _react2.css)({
 });
 var CONTENT_AREA_TEST_ID = exports.CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 var EDITOR_CONTAINER = exports.EDITOR_CONTAINER = 'ak-editor-container';
-var scrollStyles = (0, _react2.css)({
-  flexGrow: 1,
-  height: '100%',
-  overflowY: 'scroll',
-  position: 'relative',
-  display: 'flex',
-  flexDirection: 'column',
-  scrollBehavior: 'smooth'
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-_scrollbar.scrollbarStyles);
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var ScrollContainer = exports.ScrollContainer = (0, _ContentStyles.createEditorContentStyle)(scrollStyles);
-ScrollContainer.displayName = 'ScrollContainer';
-var EditorContainer = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
-  return (0, _experiments.editorExperiment)('platform_editor_core_static_emotion', true, {
-    exposure: true
-  });
-}, _EditorContentContainer.default, ScrollContainer);
 var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _contentAreaRef$curre;
   var theme = (0, _react2.useTheme)();
@@ -395,7 +372,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     _StyledComponents.contentAreaWrapper,
     "data-testid": EDITOR_CONTAINER,
     "data-editor-container": 'true'
-  }, (0, _react2.jsx)(EditorContainer
+  }, (0, _react2.jsx)(_EditorContentContainer.default
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: "fabric-editor-popup-scroll-parent",

package/dist/cjs/ui/ContentStyles/index.js

@@ -164,10 +164,12 @@ var firstFloatingToolbarButtonStyles = (0, _react2.css)({
 // The breakpoint for small devices is 1266px, copied from getBreakpoint in platform/packages/editor/editor-common/src/ui/WidthProvider/index.tsx
 var akEditorBreakpointForSmallDevice = "1266px";
 
-// We are going to deprecate this in near future
-// Currently, we are migrating content styles in packages/editor/editor-core/src/ui/EditorContentContainer.tsx
-// Under editor experiment platform_editor_core_static_emotion
-// If you are making changes to this file, please make sure to update in EditorContentContainer.tsx as well
+// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
+/**
+ * @deprecated
+ * DO NOT USE THIS WILL BE REMOVED SOON.
+ * use this instead: packages/editor/editor-core/src/ui/EditorContentContainer.tsx
+ */
 var legacyContentStyles = function legacyContentStyles(props) {
   return (0, _react2.css)(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2.default)(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: ", "px;\n\t--ak-editor--resizer-handle-spacing: 12px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t--ak-editor--breakout-fallback-width: calc(\n\t\t100cqw - var(--ak-editor--breakout-full-page-guttering-padding)\n\t);\n\t--ak-editor--breakout-min-width: 100%;\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\n\t\t/* in full width appearances it's not possible to rely on cqw because it doesn't account for the page scrollbar, which depends on users system settings */\n\t\t--ak-editor--breakout-fallback-width: 100%;\n\t\t--ak-editor--breakout-min-width: 0px;\n\t}\n\n\t.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (width >= ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t", "\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: ", "px;\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t}\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t/**\n\t * This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24\n\t */\n\t.ProseMirror-hideselection {\n\t\tcaret-color: transparent;\n\t}\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\tcaret-color: transparent;\n\t}\n\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\tdisplay: none;\n\t}\n\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\t", "\n  /* Switch between the two icons based on the visual refresh feature gate */\n\t", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\t", "\n\n  .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t/* For FullPage only when inside a table\n\tRelated code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\tIn the \"editorContentAreaContainerStyle\" function */\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Legacy Link icon in the Atlaskit package\n     is bigger than the others, new ADS icon does not have this issue\n  */\n\t", "\n"])), _editorSharedStyles.akEditorGutterPadding, (0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), _editorSharedStyles.akEditorDefaultLayoutWidth, _editorSharedStyles.akEditorFullWidthLayoutWidth, _editorSharedStyles.akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, _editorSharedStyles.akEditorCalculatedWideLayoutWidth, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? (0, _react2.css)(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t\t\t\t@container editor-area (max-width: ", "px) {\n\t\t\t\t\t--ak-editor--large-gutter-padding: ", "px;\n\t\t\t\t}\n\t\t\t"])), _editorSharedStyles.akEditorFullPageNarrowBreakout, _editorSharedStyles.akEditorGutterPaddingReduced) : null, (0, _editorSharedStyles.editorFontSize)({
     theme: props.theme

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

@@ -29,7 +29,7 @@ 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 is cleaned up
+// Remove when platform_editor_core_static_emotion_non_central is cleaned up
 var toolbar = (0, _react2.css)((0, _defineProperty2.default)({
   width: '100%',
   position: 'relative'
@@ -40,7 +40,7 @@ var toolbar = (0, _react2.css)((0, _defineProperty2.default)({
   margin: "0 ".concat("var(--ds-space-200, 16px)")
 }));
 
-// Rename to toolbar when platform_editor_core_static_emotion is cleaned up
+// Rename to toolbar when platform_editor_core_static_emotion_non_central is cleaned up
 var staticToolbar = (0, _react2.css)({
   width: '100%',
   position: 'relative'

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 = "211.2.10";
+var version = exports.version = "212.0.0";

package/dist/es2019/index.js

@@ -36,6 +36,13 @@ export { getNodesCount } from './utils/getNodesCount';
 export { default as measurements } from './utils/performance/measure-enum';
 export { createFeatureFlagsFromProps } from './utils/feature-flags-from-props';
 export { default as EditorActions } from './actions';
-export { createEditorContentStyle } from './ui/ContentStyles';
+export {
+// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
+/**
+ * @deprecated
+ * DO NOT USE THIS WILL BE REMOVED SOON.
+ * use this instead: packages/editor/editor-core/src/ui/EditorContentContainer.tsx
+ */
+createEditorContentStyle } from './ui/ContentStyles';
 export { getDefaultPresetOptionsFromEditorProps } from './create-editor/create-plugins-list';
 export { ReactEditorView } from './create-editor/ReactEditorView';

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

@@ -8,12 +8,7 @@ import React, { Fragment } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { createEditorContentStyle } from '../ContentStyles';
 import EditorContentContainer from '../EditorContentContainer/EditorContentContainer';
 import PluginSlot from '../PluginSlot';
 import WithFlash from '../WithFlash';
@@ -37,30 +32,6 @@ const scrollbarStylesNew = css({
     backgroundColor: "var(--ds-background-neutral-bold-hovered, #2C3E5D)"
   }
 });
-const chromelessEditorStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '20px',
-  height: 'auto',
-  overflowX: 'hidden',
-  overflowY: '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
-scrollbarStyles, {
-  maxWidth: 'inherit',
-  boxSizing: 'border-box',
-  wordWrap: 'break-word',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  'div > .ProseMirror': {
-    outline: 'none',
-    whiteSpace: 'pre-wrap',
-    padding: 0,
-    margin: 0,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-    '& > :last-child': {
-      paddingBottom: "var(--ds-space-100, 0.5em)"
-    }
-  }
-});
 const chromelessEditorStylesNew = css({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '20px',
@@ -91,12 +62,6 @@ const extraSpaceLastLineFix = css({
     }
   }
 });
-export const ContentArea = createEditorContentStyle();
-ContentArea.displayName = 'ContentArea';
-const EditorContainer = componentWithCondition(() => editorExperiment('platform_editor_core_static_emotion', true, {
-  exposure: true
-}), EditorContentContainer, ContentArea);
-
 /**
  * Render the editor in a chromeless appearance.
  * Example use is the inline comment editor, which doesn't have editor toolbar
@@ -140,7 +105,7 @@ export default class Editor extends React.Component {
         maxHeight: maxHeight,
         minHeight: minHeight,
         containerRef: ref => this.containerElement = ref
-      }, jsx(EditorContainer
+      }, jsx(EditorContentContainer
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       , {
         className: "ak-editor-content-area",
@@ -188,7 +153,7 @@ function RenderWithPluginState({
     maxContentSize
   }));
 }
-function ChromelessEditorContainerNext({
+export function ChromelessEditorContainer({
   maxHeight,
   minHeight,
   children,
@@ -204,28 +169,4 @@ function ChromelessEditorContainerNext({
     id: "chromeless-editor",
     ref: containerRef
   }, children);
-}
-function ChromelessEditorContainerOld({
-  maxHeight,
-  minHeight,
-  children,
-  containerRef
-}) {
-  return jsx("div", {
-    css: [chromelessEditorStyles, maxHeight &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      maxHeight: `${maxHeight}px`
-    }),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      minHeight: `${minHeight}px`
-    }), fg('platform_fix_extra_space_last_line_comment_editor') && extraSpaceLastLineFix],
-    "data-testid": "chromeless-editor",
-    id: "chromeless-editor",
-    ref: containerRef
-  }, children);
-}
-export const ChromelessEditorContainer = componentWithCondition(() => expValEquals('platform_editor_core_static_emotion', 'isEnabled', true), ChromelessEditorContainerNext, ChromelessEditorContainerOld);
+}

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

@@ -12,19 +12,15 @@ import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/new';
 import { useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import messages from '@atlaskit/editor-common/messages';
-import { GRID_GUTTER } from '@atlaskit/editor-common/styles';
 import { WidthConsumer, WidthProvider } from '@atlaskit/editor-common/ui';
 import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
-import { tableCommentEditorStyles } from '@atlaskit/editor-plugins/table/ui/common-styles';
 import { akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
-import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
 import ClickAreaBlock from '../../Addon/ClickAreaBlock';
 import { contentComponentClickWrapper } from '../../Addon/ClickAreaBlock/contentComponentWrapper';
-import { createEditorContentStyle } from '../../ContentStyles';
 import EditorContentContainer from '../../EditorContentContainer/EditorContentContainer';
 import PluginSlot from '../../PluginSlot';
 import { getPrimaryToolbarComponents } from '../../Toolbar/getPrimaryToolbarComponents';
@@ -32,7 +28,6 @@ import { ToolbarWithSizeDetector as Toolbar } from '../../Toolbar/ToolbarWithSiz
 import WithFlash from '../../WithFlash';
 import { CommentToolbar } from './CommentToolbar';
 import { MainToolbar } from './Toolbar';
-const CommentEditorMargin = 14;
 const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 490;
 const commentEditorStyles = css({
   display: 'flex',
@@ -51,27 +46,6 @@ const commentEditorStyles = css({
   maxWidth: 'inherit',
   wordWrap: 'break-word'
 });
-const ContentArea = createEditorContentStyle(css({
-  flexGrow: 1,
-  overflowX: 'clip',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '24px',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ProseMirror': {
-    margin: "var(--ds-space-150, 12px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.gridParent': {
-    marginLeft: "var(--ds-space-025, 2px)",
-    marginRight: "var(--ds-space-025, 2px)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    width: `calc(100% + ${CommentEditorMargin - GRID_GUTTER}px)`
-  },
-  padding: "var(--ds-space-250, 20px)"
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-tableCommentEditorStyles));
-ContentArea.displayName = 'ContentArea';
 const secondaryToolbarStyles = css({
   boxSizing: 'border-box',
   justifyContent: 'flex-end',
@@ -118,9 +92,6 @@ const mainToolbarCustomComponentsSlotStyleTwoLineToolbarNew = css({
   }
 });
 const appearance = 'comment';
-const EditorContainer = componentWithCondition(() => editorExperiment('platform_editor_core_static_emotion', true, {
-  exposure: true
-}), EditorContentContainer, ContentArea);
 export const CommentEditorWithIntl = props => {
   const {
     editorAPI
@@ -270,7 +241,7 @@ export const CommentEditorWithIntl = props => {
   }, jsx(WidthConsumer, null, ({
     width
   }) => {
-    return jsx(EditorContainer, {
+    return jsx(EditorContentContainer, {
       ref: containerElement,
       css: [maxHeight ?
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766

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

@@ -13,9 +13,7 @@ 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 { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -23,7 +21,6 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // eslint-disable-next-line import/no-named-as-default
 import ClickAreaBlock from '../../Addon/ClickAreaBlock';
 import { contentComponentClickWrapper } from '../../Addon/ClickAreaBlock/contentComponentWrapper';
-import { createEditorContentStyle } from '../../ContentStyles';
 import { ContextPanel } from '../../ContextPanel';
 import EditorContentContainer from '../../EditorContentContainer/EditorContentContainer';
 import PluginSlot from '../../PluginSlot';
@@ -319,24 +316,6 @@ const contentAreaHeightNoToolbar = css({
 });
 export const CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 export const EDITOR_CONTAINER = 'ak-editor-container';
-const scrollStyles = css({
-  flexGrow: 1,
-  height: '100%',
-  overflowY: 'scroll',
-  position: 'relative',
-  display: 'flex',
-  flexDirection: 'column',
-  scrollBehavior: 'smooth'
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-scrollbarStyles);
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const ScrollContainer = createEditorContentStyle(scrollStyles);
-ScrollContainer.displayName = 'ScrollContainer';
-const EditorContainer = componentWithCondition(() => editorExperiment('platform_editor_core_static_emotion', true, {
-  exposure: true
-}), EditorContentContainer, ScrollContainer);
 const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
   var _contentAreaRef$curre;
   const theme = useTheme();
@@ -379,7 +358,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     contentAreaWrapper,
     "data-testid": EDITOR_CONTAINER,
     "data-editor-container": 'true'
-  }, jsx(EditorContainer
+  }, jsx(EditorContentContainer
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: "fabric-editor-popup-scroll-parent",

package/dist/es2019/ui/ContentStyles/index.js

@@ -326,10 +326,12 @@ const firstFloatingToolbarButtonStyles = css({
 // The breakpoint for small devices is 1266px, copied from getBreakpoint in platform/packages/editor/editor-common/src/ui/WidthProvider/index.tsx
 const akEditorBreakpointForSmallDevice = `1266px`;
 
-// We are going to deprecate this in near future
-// Currently, we are migrating content styles in packages/editor/editor-core/src/ui/EditorContentContainer.tsx
-// Under editor experiment platform_editor_core_static_emotion
-// If you are making changes to this file, please make sure to update in EditorContentContainer.tsx as well
+// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
+/**
+ * @deprecated
+ * DO NOT USE THIS WILL BE REMOVED SOON.
+ * use this instead: packages/editor/editor-core/src/ui/EditorContentContainer.tsx
+ */
 const legacyContentStyles = props => css`
 	--ak-editor--default-gutter-padding: ${akEditorGutterPadding}px;
 	/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */

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

@@ -17,7 +17,7 @@ import { isFullPage } from '../../utils/is-full-page';
 import { useElementWidth } from './hooks';
 import { Toolbar } from './Toolbar';
 import { toolbarSizeToWidth, widthToToolbarSize } from './toolbar-size';
-// Remove when platform_editor_core_static_emotion is cleaned up
+// Remove when platform_editor_core_static_emotion_non_central is cleaned up
 const toolbar = css({
   width: '100%',
   position: 'relative',
@@ -30,7 +30,7 @@ const toolbar = css({
   }
 });
 
-// Rename to toolbar when platform_editor_core_static_emotion is cleaned up
+// Rename to toolbar when platform_editor_core_static_emotion_non_central is cleaned up
 const staticToolbar = css({
   width: '100%',
   position: 'relative'

package/dist/es2019/version-wrapper.js

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

package/dist/esm/index.js

@@ -36,6 +36,13 @@ export { getNodesCount } from './utils/getNodesCount';
 export { default as measurements } from './utils/performance/measure-enum';
 export { createFeatureFlagsFromProps } from './utils/feature-flags-from-props';
 export { default as EditorActions } from './actions';
-export { createEditorContentStyle } from './ui/ContentStyles';
+export {
+// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
+/**
+ * @deprecated
+ * DO NOT USE THIS WILL BE REMOVED SOON.
+ * use this instead: packages/editor/editor-core/src/ui/EditorContentContainer.tsx
+ */
+createEditorContentStyle } from './ui/ContentStyles';
 export { getDefaultPresetOptionsFromEditorProps } from './create-editor/create-plugins-list';
 export { ReactEditorView } from './create-editor/ReactEditorView';

package/dist/esm/ui/Appearance/Chromeless.js

@@ -15,12 +15,7 @@ import React, { Fragment } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { createEditorContentStyle } from '../ContentStyles';
 import EditorContentContainer from '../EditorContentContainer/EditorContentContainer';
 import PluginSlot from '../PluginSlot';
 import WithFlash from '../WithFlash';
@@ -44,30 +39,6 @@ var scrollbarStylesNew = css({
     backgroundColor: "var(--ds-background-neutral-bold-hovered, #2C3E5D)"
   }
 });
-var chromelessEditorStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '20px',
-  height: 'auto',
-  overflowX: 'hidden',
-  overflowY: '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
-scrollbarStyles, {
-  maxWidth: 'inherit',
-  boxSizing: 'border-box',
-  wordWrap: 'break-word',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  'div > .ProseMirror': {
-    outline: 'none',
-    whiteSpace: 'pre-wrap',
-    padding: 0,
-    margin: 0,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-    '& > :last-child': {
-      paddingBottom: "var(--ds-space-100, 0.5em)"
-    }
-  }
-});
 var chromelessEditorStylesNew = css({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '20px',
@@ -98,14 +69,6 @@ var extraSpaceLastLineFix = css({
     }
   }
 });
-export var ContentArea = createEditorContentStyle();
-ContentArea.displayName = 'ContentArea';
-var EditorContainer = componentWithCondition(function () {
-  return editorExperiment('platform_editor_core_static_emotion', true, {
-    exposure: true
-  });
-}, EditorContentContainer, ContentArea);
-
 /**
  * Render the editor in a chromeless appearance.
  * Example use is the inline comment editor, which doesn't have editor toolbar
@@ -155,7 +118,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
         containerRef: function containerRef(ref) {
           return _this.containerElement = ref;
         }
-      }, jsx(EditorContainer
+      }, jsx(EditorContentContainer
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       , {
         className: "ak-editor-content-area",
@@ -208,7 +171,7 @@ function RenderWithPluginState(_ref2) {
     maxContentSize: maxContentSize
   }));
 }
-function ChromelessEditorContainerNext(_ref3) {
+export function ChromelessEditorContainer(_ref3) {
   var maxHeight = _ref3.maxHeight,
     minHeight = _ref3.minHeight,
     children = _ref3.children,
@@ -223,29 +186,4 @@ function ChromelessEditorContainerNext(_ref3) {
     id: "chromeless-editor",
     ref: containerRef
   }, children);
-}
-function ChromelessEditorContainerOld(_ref4) {
-  var maxHeight = _ref4.maxHeight,
-    minHeight = _ref4.minHeight,
-    children = _ref4.children,
-    containerRef = _ref4.containerRef;
-  return jsx("div", {
-    css: [chromelessEditorStyles, maxHeight &&
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      maxHeight: "".concat(maxHeight, "px")
-    }),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      minHeight: "".concat(minHeight, "px")
-    }), fg('platform_fix_extra_space_last_line_comment_editor') && extraSpaceLastLineFix],
-    "data-testid": "chromeless-editor",
-    id: "chromeless-editor",
-    ref: containerRef
-  }, children);
-}
-export var ChromelessEditorContainer = componentWithCondition(function () {
-  return expValEquals('platform_editor_core_static_emotion', 'isEnabled', true);
-}, ChromelessEditorContainerNext, ChromelessEditorContainerOld);
+}

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

@@ -16,19 +16,15 @@ import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/new';
 import { useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import messages from '@atlaskit/editor-common/messages';
-import { GRID_GUTTER } from '@atlaskit/editor-common/styles';
 import { WidthConsumer, WidthProvider } from '@atlaskit/editor-common/ui';
 import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
-import { tableCommentEditorStyles } from '@atlaskit/editor-plugins/table/ui/common-styles';
 import { akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
-import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
 import ClickAreaBlock from '../../Addon/ClickAreaBlock';
 import { contentComponentClickWrapper } from '../../Addon/ClickAreaBlock/contentComponentWrapper';
-import { createEditorContentStyle } from '../../ContentStyles';
 import EditorContentContainer from '../../EditorContentContainer/EditorContentContainer';
 import PluginSlot from '../../PluginSlot';
 import { getPrimaryToolbarComponents } from '../../Toolbar/getPrimaryToolbarComponents';
@@ -36,7 +32,6 @@ import { ToolbarWithSizeDetector as Toolbar } from '../../Toolbar/ToolbarWithSiz
 import WithFlash from '../../WithFlash';
 import { CommentToolbar } from './CommentToolbar';
 import { MainToolbar } from './Toolbar';
-var CommentEditorMargin = 14;
 var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 490;
 var commentEditorStyles = css({
   display: 'flex',
@@ -55,27 +50,6 @@ var commentEditorStyles = css({
   maxWidth: 'inherit',
   wordWrap: 'break-word'
 });
-var ContentArea = createEditorContentStyle(css({
-  flexGrow: 1,
-  overflowX: 'clip',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '24px',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ProseMirror': {
-    margin: "var(--ds-space-150, 12px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.gridParent': {
-    marginLeft: "var(--ds-space-025, 2px)",
-    marginRight: "var(--ds-space-025, 2px)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    width: "calc(100% + ".concat(CommentEditorMargin - GRID_GUTTER, "px)")
-  },
-  padding: "var(--ds-space-250, 20px)"
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-tableCommentEditorStyles));
-ContentArea.displayName = 'ContentArea';
 var secondaryToolbarStyles = css({
   boxSizing: 'border-box',
   justifyContent: 'flex-end',
@@ -105,11 +79,6 @@ var mainToolbarCustomComponentsSlotStyleTwoLineToolbarNew = css(_defineProperty(
   paddingRight: 0
 }));
 var appearance = 'comment';
-var EditorContainer = componentWithCondition(function () {
-  return editorExperiment('platform_editor_core_static_emotion', true, {
-    exposure: true
-  });
-}, EditorContentContainer, ContentArea);
 export var CommentEditorWithIntl = function CommentEditorWithIntl(props) {
   var editorAPI = props.editorAPI;
   var _useSharedPluginState = useSharedPluginStateWithSelector(editorAPI, ['maxContentSize', 'primaryToolbar', 'editorViewMode'], function (states) {
@@ -260,7 +229,7 @@ export var CommentEditorWithIntl = function CommentEditorWithIntl(props) {
     editorDisabled: disabled
   }, jsx(WidthConsumer, null, function (_ref) {
     var width = _ref.width;
-    return jsx(EditorContainer, {
+    return jsx(EditorContentContainer, {
       ref: containerElement,
       css: [maxHeight ?
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766

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

@@ -15,9 +15,7 @@ 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 { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -25,7 +23,6 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // eslint-disable-next-line import/no-named-as-default
 import ClickAreaBlock from '../../Addon/ClickAreaBlock';
 import { contentComponentClickWrapper } from '../../Addon/ClickAreaBlock/contentComponentWrapper';
-import { createEditorContentStyle } from '../../ContentStyles';
 import { ContextPanel } from '../../ContextPanel';
 import EditorContentContainer from '../../EditorContentContainer/EditorContentContainer';
 import PluginSlot from '../../PluginSlot';
@@ -321,26 +318,6 @@ var contentAreaHeightNoToolbar = css({
 });
 export var CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 export var EDITOR_CONTAINER = 'ak-editor-container';
-var scrollStyles = css({
-  flexGrow: 1,
-  height: '100%',
-  overflowY: 'scroll',
-  position: 'relative',
-  display: 'flex',
-  flexDirection: 'column',
-  scrollBehavior: 'smooth'
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-scrollbarStyles);
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var ScrollContainer = createEditorContentStyle(scrollStyles);
-ScrollContainer.displayName = 'ScrollContainer';
-var EditorContainer = componentWithCondition(function () {
-  return editorExperiment('platform_editor_core_static_emotion', true, {
-    exposure: true
-  });
-}, EditorContentContainer, ScrollContainer);
 var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _contentAreaRef$curre;
   var theme = useTheme();
@@ -385,7 +362,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
     contentAreaWrapper,
     "data-testid": EDITOR_CONTAINER,
     "data-editor-container": 'true'
-  }, jsx(EditorContainer
+  }, jsx(EditorContentContainer
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: "fabric-editor-popup-scroll-parent",

package/dist/esm/ui/ContentStyles/index.js

@@ -158,10 +158,12 @@ var firstFloatingToolbarButtonStyles = css({
 // The breakpoint for small devices is 1266px, copied from getBreakpoint in platform/packages/editor/editor-common/src/ui/WidthProvider/index.tsx
 var akEditorBreakpointForSmallDevice = "1266px";
 
-// We are going to deprecate this in near future
-// Currently, we are migrating content styles in packages/editor/editor-core/src/ui/EditorContentContainer.tsx
-// Under editor experiment platform_editor_core_static_emotion
-// If you are making changes to this file, please make sure to update in EditorContentContainer.tsx as well
+// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
+/**
+ * @deprecated
+ * DO NOT USE THIS WILL BE REMOVED SOON.
+ * use this instead: packages/editor/editor-core/src/ui/EditorContentContainer.tsx
+ */
 var legacyContentStyles = function legacyContentStyles(props) {
   return css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: ", "px;\n\t--ak-editor--resizer-handle-spacing: 12px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t--ak-editor--breakout-fallback-width: calc(\n\t\t100cqw - var(--ak-editor--breakout-full-page-guttering-padding)\n\t);\n\t--ak-editor--breakout-min-width: 100%;\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\n\t\t/* in full width appearances it's not possible to rely on cqw because it doesn't account for the page scrollbar, which depends on users system settings */\n\t\t--ak-editor--breakout-fallback-width: 100%;\n\t\t--ak-editor--breakout-min-width: 0px;\n\t}\n\n\t.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (width >= ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t", "\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: ", "px;\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t}\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t/**\n\t * This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24\n\t */\n\t.ProseMirror-hideselection {\n\t\tcaret-color: transparent;\n\t}\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\tcaret-color: transparent;\n\t}\n\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\tdisplay: none;\n\t}\n\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\t", "\n  /* Switch between the two icons based on the visual refresh feature gate */\n\t", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\t", "\n\n  .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t/* For FullPage only when inside a table\n\tRelated code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\tIn the \"editorContentAreaContainerStyle\" function */\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Legacy Link icon in the Atlaskit package\n     is bigger than the others, new ADS icon does not have this issue\n  */\n\t", "\n"])), akEditorGutterPadding, akEditorGutterPaddingDynamic(), akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, akEditorCalculatedWideLayoutWidth, expValEqualsNoExposure('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n\t\t\t\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t\t\t\t@container editor-area (max-width: ", "px) {\n\t\t\t\t\t--ak-editor--large-gutter-padding: ", "px;\n\t\t\t\t}\n\t\t\t"])), akEditorFullPageNarrowBreakout, akEditorGutterPaddingReduced) : null, editorFontSize({
     theme: props.theme

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

@@ -19,7 +19,7 @@ import { isFullPage } from '../../utils/is-full-page';
 import { useElementWidth } from './hooks';
 import { Toolbar } from './Toolbar';
 import { toolbarSizeToWidth, widthToToolbarSize } from './toolbar-size';
-// Remove when platform_editor_core_static_emotion is cleaned up
+// Remove when platform_editor_core_static_emotion_non_central is cleaned up
 var toolbar = css(_defineProperty({
   width: '100%',
   position: 'relative'
@@ -30,7 +30,7 @@ var toolbar = css(_defineProperty({
   margin: "0 ".concat("var(--ds-space-200, 16px)")
 }));
 
-// Rename to toolbar when platform_editor_core_static_emotion is cleaned up
+// Rename to toolbar when platform_editor_core_static_emotion_non_central is cleaned up
 var staticToolbar = css({
   width: '100%',
   position: 'relative'

package/dist/esm/version-wrapper.js

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

package/dist/types/index.d.ts

@@ -28,6 +28,12 @@ export { default as measurements } from './utils/performance/measure-enum';
 export { createFeatureFlagsFromProps } from './utils/feature-flags-from-props';
 export type { Command, EditorProps, EditorInstance, CommandDispatch } from './types';
 export { default as EditorActions } from './actions';
-export { createEditorContentStyle } from './ui/ContentStyles';
+export { 
+/**
+ * @deprecated
+ * DO NOT USE THIS WILL BE REMOVED SOON.
+ * use this instead: packages/editor/editor-core/src/ui/EditorContentContainer.tsx
+ */
+createEditorContentStyle, } from './ui/ContentStyles';
 export { getDefaultPresetOptionsFromEditorProps } from './create-editor/create-plugins-list';
 export { ReactEditorView } from './create-editor/ReactEditorView';

package/dist/types/ui/Appearance/Chromeless.d.ts

@@ -4,19 +4,10 @@
  */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { EditorAppearance, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugins/editor-viewmode';
 import type { MaxContentSizePlugin } from '@atlaskit/editor-plugins/max-content-size';
 import type { EditorAppearanceComponentProps } from '../../types';
-export declare const ContentArea: React.ForwardRefExoticComponent<Omit<{
-    appearance?: EditorAppearance;
-    colorMode?: "light" | "dark";
-    featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags;
-    isScrollable?: boolean;
-    theme?: import("@emotion/react").Theme;
-    typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed";
-    viewMode?: "view" | "edit";
-} & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type AppearanceProps = EditorAppearanceComponentProps<[
     OptionalPlugin<MaxContentSizePlugin>,
     OptionalPlugin<EditorViewModePlugin>
@@ -38,5 +29,5 @@ interface ChromelessEditorContainerProps {
     maxHeight?: number;
     minHeight: number;
 }
-export declare const ChromelessEditorContainer: React.FC<ChromelessEditorContainerProps>;
+export declare function ChromelessEditorContainer({ maxHeight, minHeight, children, containerRef, }: ChromelessEditorContainerProps): jsx.JSX.Element;
 export {};

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

@@ -4,7 +4,6 @@
  */
 import type { ReactElement } from 'react';
 import React from 'react';
-import { type Theme } from '@emotion/react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
@@ -41,15 +40,6 @@ interface FullPageEditorContentAreaProps {
 }
 export declare const CONTENT_AREA_TEST_ID = "ak-editor-fp-content-area";
 export declare const EDITOR_CONTAINER = "ak-editor-container";
-export declare const ScrollContainer: React.ForwardRefExoticComponent<Omit<{
-    appearance?: EditorAppearance;
-    colorMode?: "light" | "dark";
-    featureFlags?: FeatureFlags;
-    isScrollable?: boolean;
-    theme?: Theme;
-    typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed";
-    viewMode?: "view" | "edit";
-} & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const FullPageContentArea: React.ForwardRefExoticComponent<Omit<import("react-intl-next").WithIntlProps<React.PropsWithChildren<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>>, "ref"> & React.RefAttributes<any>> & {
     WrappedComponent: React.ComponentType<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>;
 };

package/dist/types-ts4.5/index.d.ts

@@ -28,6 +28,12 @@ export { default as measurements } from './utils/performance/measure-enum';
 export { createFeatureFlagsFromProps } from './utils/feature-flags-from-props';
 export type { Command, EditorProps, EditorInstance, CommandDispatch } from './types';
 export { default as EditorActions } from './actions';
-export { createEditorContentStyle } from './ui/ContentStyles';
+export { 
+/**
+ * @deprecated
+ * DO NOT USE THIS WILL BE REMOVED SOON.
+ * use this instead: packages/editor/editor-core/src/ui/EditorContentContainer.tsx
+ */
+createEditorContentStyle, } from './ui/ContentStyles';
 export { getDefaultPresetOptionsFromEditorProps } from './create-editor/create-plugins-list';
 export { ReactEditorView } from './create-editor/ReactEditorView';

package/dist/types-ts4.5/ui/Appearance/Chromeless.d.ts

@@ -4,19 +4,10 @@
  */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { EditorAppearance, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugins/editor-viewmode';
 import type { MaxContentSizePlugin } from '@atlaskit/editor-plugins/max-content-size';
 import type { EditorAppearanceComponentProps } from '../../types';
-export declare const ContentArea: React.ForwardRefExoticComponent<Omit<{
-    appearance?: EditorAppearance;
-    colorMode?: "light" | "dark";
-    featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags;
-    isScrollable?: boolean;
-    theme?: import("@emotion/react").Theme;
-    typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed";
-    viewMode?: "view" | "edit";
-} & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type AppearanceProps = EditorAppearanceComponentProps<[
     OptionalPlugin<MaxContentSizePlugin>,
     OptionalPlugin<EditorViewModePlugin>
@@ -38,5 +29,5 @@ interface ChromelessEditorContainerProps {
     maxHeight?: number;
     minHeight: number;
 }
-export declare const ChromelessEditorContainer: React.FC<ChromelessEditorContainerProps>;
+export declare function ChromelessEditorContainer({ maxHeight, minHeight, children, containerRef, }: ChromelessEditorContainerProps): jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/Appearance/FullPage/FullPageContentArea.d.ts

@@ -4,7 +4,6 @@
  */
 import type { ReactElement } from 'react';
 import React from 'react';
-import { type Theme } from '@emotion/react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
@@ -43,15 +42,6 @@ interface FullPageEditorContentAreaProps {
 }
 export declare const CONTENT_AREA_TEST_ID = "ak-editor-fp-content-area";
 export declare const EDITOR_CONTAINER = "ak-editor-container";
-export declare const ScrollContainer: React.ForwardRefExoticComponent<Omit<{
-    appearance?: EditorAppearance;
-    colorMode?: "light" | "dark";
-    featureFlags?: FeatureFlags;
-    isScrollable?: boolean;
-    theme?: Theme;
-    typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed";
-    viewMode?: "view" | "edit";
-} & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const FullPageContentArea: React.ForwardRefExoticComponent<Omit<import("react-intl-next").WithIntlProps<React.PropsWithChildren<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>>, "ref"> & React.RefAttributes<any>> & {
     WrappedComponent: React.ComponentType<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "211.2.11",
+	"version": "212.0.1",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,7 +39,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/activity-provider": "^2.5.0",
-		"@atlaskit/adf-schema": "^50.2.3",
+		"@atlaskit/adf-schema": "^51.0.0",
 		"@atlaskit/analytics-namespaced-context": "^7.0.0",
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/analytics-next-stable-react-context": "1.0.1",
@@ -47,8 +47,8 @@
 		"@atlaskit/css": "^0.14.0",
 		"@atlaskit/editor-json-transformer": "^8.27.0",
 		"@atlaskit/editor-performance-metrics": "^2.1.0",
-		"@atlaskit/editor-plugin-quick-insert": "^4.0.0",
-		"@atlaskit/editor-plugin-user-preferences": "^2.0.0",
+		"@atlaskit/editor-plugin-quick-insert": "^5.0.0",
+		"@atlaskit/editor-plugin-user-preferences": "^3.0.0",
 		"@atlaskit/editor-plugins": "^10.4.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
@@ -63,7 +63,7 @@
 		"@atlaskit/platform-feature-flags-react": "^0.3.0",
 		"@atlaskit/react-ufo": "^4.6.0",
 		"@atlaskit/task-decision": "^19.2.0",
-		"@atlaskit/tmp-editor-statsig": "^12.8.0",
+		"@atlaskit/tmp-editor-statsig": "^12.9.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -80,7 +80,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^108.7.0",
+		"@atlaskit/editor-common": "^109.0.0",
 		"@atlaskit/link-provider": "^3.7.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -92,11 +92,11 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/adf-utils": "^19.21.0",
 		"@atlaskit/analytics-listeners": "^9.0.0",
-		"@atlaskit/collab-provider": "^12.0.0",
-		"@atlaskit/editor-plugin-annotation": "^4.0.0",
-		"@atlaskit/editor-plugin-card": "^8.1.0",
-		"@atlaskit/editor-plugin-list": "^6.0.0",
-		"@atlaskit/editor-plugin-paste": "^5.0.0",
+		"@atlaskit/collab-provider": "^13.0.0",
+		"@atlaskit/editor-plugin-annotation": "^5.0.0",
+		"@atlaskit/editor-plugin-card": "^9.0.0",
+		"@atlaskit/editor-plugin-list": "^7.0.0",
+		"@atlaskit/editor-plugin-paste": "^6.0.0",
 		"@atlaskit/link-provider": "^3.7.0",
 		"@atlaskit/logo": "^19.7.0",
 		"@atlaskit/media-core": "^37.0.0",
@@ -104,7 +104,7 @@
 		"@atlaskit/media-test-helpers": "^39.0.0",
 		"@atlaskit/modal-dialog": "^14.3.0",
 		"@atlaskit/primitives": "^14.14.0",
-		"@atlaskit/renderer": "^121.3.0",
+		"@atlaskit/renderer": "^122.0.0",
 		"@atlaskit/section-message": "^8.7.0",
 		"@atlaskit/smart-card": "^40.21.0",
 		"@atlaskit/synchrony-test-helpers": "workspace:^",
@@ -112,7 +112,7 @@
 		"@atlaskit/util-data-test": "^18.1.0",
 		"@atlassian/adf-schema-json": "^1.31.0",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
-		"@atlassian/search-provider": "^5.0.0",
+		"@atlassian/search-provider": "^6.0.0",
 		"@emotion/jest": "^11.8.0",
 		"@storybook/addon-knobs": "^6.4.0",
 		"@testing-library/react": "^13.4.0",