@atlaskit/editor-core 219.9.6 → 219.9.8

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-core
 
+## 219.9.8
+
+### Patch Changes
+
+- Updated dependencies
+
+## 219.9.7
+
+### Patch Changes
+
+- [`2b34d9b3c52be`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2b34d9b3c52be) -
+  EDITOR-6461 - migrate chromeless styles
+- [`2b34d9b3c52be`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2b34d9b3c52be) -
+  EDITOR-6461 - migrate editor chromeless styles to compiled
+- [`2f92bfa334e05`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2f92bfa334e05) -
+  Migrate ui pluginslot styles
+- [`6ca645eb352a1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6ca645eb352a1) -
+  EDITOR-6461 - migrate ui/addon styles
+- Updated dependencies
+
 ## 219.9.6
 
 ### Patch Changes

package/dist/cjs/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.compiled.css

@@ -0,0 +1,2 @@
+._16jlkb7n{flex-grow:1}
+._4t3i1osq{height:100%}

package/dist/cjs/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.js

@@ -0,0 +1,31 @@
+/* clickAreaBlock-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ClickAreaBlockContainerCompiled = void 0;
+require("./clickAreaBlock-compiled.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _excluded = ["children"];
+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); }
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `index.tsx`.
+ */
+
+var clickWrapperCompiledStyles = {
+  root: "_16jlkb7n _4t3i1osq"
+};
+var ClickAreaBlockContainerCompiled = exports.ClickAreaBlockContainerCompiled = function ClickAreaBlockContainerCompiled(_ref) {
+  var children = _ref.children,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, rest, {
+    className: (0, _runtime.ax)([clickWrapperCompiledStyles.root])
+  }), children);
+};

package/dist/cjs/ui/Addon/ClickAreaBlock/clickAreaBlock-emotion.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ClickAreaBlockContainerEmotion = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("@emotion/react");
+var _excluded = ["children"];
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `index.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: emotion fallback for compiled migration
+var clickWrapperEmotionStyles = (0, _react.css)({
+  flexGrow: 1,
+  height: '100%'
+});
+var ClickAreaBlockContainerEmotion = exports.ClickAreaBlockContainerEmotion = function ClickAreaBlockContainerEmotion(_ref) {
+  var children = _ref.children,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    (0, _react.jsx)("div", (0, _extends2.default)({
+      css: clickWrapperEmotionStyles
+    }, rest), children)
+  );
+};

package/dist/cjs/ui/Addon/ClickAreaBlock/index.js

@@ -6,19 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ClickAreaBlock = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _clickAreaHelper = require("../click-area-helper");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
-
-var clickWrapper = (0, _react2.css)({
-  flexGrow: 1,
-  height: '100%'
-});
+var _clickAreaBlockCompiled = require("./clickAreaBlock-compiled");
+var _clickAreaBlockEmotion = require("./clickAreaBlock-emotion");
+var ClickAreaBlockContainerMigration = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
+  return (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, _clickAreaBlockCompiled.ClickAreaBlockContainerCompiled, _clickAreaBlockEmotion.ClickAreaBlockContainerEmotion);
 var ClickAreaBlock = exports.ClickAreaBlock = function ClickAreaBlock(_ref) {
   var editorView = _ref.editorView,
     editorDisabled = _ref.editorDisabled,
@@ -31,10 +26,9 @@ var ClickAreaBlock = exports.ClickAreaBlock = function ClickAreaBlock(_ref) {
       (0, _clickAreaHelper.clickAreaClickHandler)(editorView, event);
     }
   }, [editorView, editorDisabled]);
-  return (0, _react2.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement(ClickAreaBlockContainerMigration, {
     "data-editor-click-wrapper": true,
     "data-testid": "click-wrapper",
-    css: clickWrapper,
     onMouseDown: handleMouseDown
     // This div is a presentational container that captures mouse events
     // for programmatic editor focus management, not user interaction.

package/dist/cjs/ui/Appearance/Chromeless-compiled.compiled.css

@@ -0,0 +1,27 @@
+
+._1khk1mok:hover::-webkit-scrollbar-thumb{border-radius:var(--ds-radius-large,8px)}._123b1aqn:hover::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-bold,#292a2e)}
+._15gyze3t .ProseMirror>p:last-of-type{margin-bottom:var(--ds-space-0,0)}
+._18m91wug{overflow-y:auto}
+._1awku2gc div>.ProseMirror>:last-child{padding-bottom:var(--ds-space-100,8px)}
+._1fpfolhs{ms-overflow-style:-ms-autohiding-scrollbar}
+._1gfdidpf div>.ProseMirror{margin-bottom:0}
+._1itkidpf div>.ProseMirror{margin-left:0}
+._1nhbidpf div>.ProseMirror{margin-top:0}
+._1q5yidpf div>.ProseMirror{margin-right:0}
+._1reo15vq{overflow-x:hidden}
+._1yt4idpf div>.ProseMirror{padding-top:0}
+._4t3i1wug{height:auto}
+._7fa7idpf div>.ProseMirror{padding-bottom:0}
+._7fkv1jtm div>.ProseMirror{white-space:pre-wrap}
+._8wn3idpf div>.ProseMirror{padding-left:0}
+._aaynsm61::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-subtle,#00000000)}
+._fpqb1r31 div>.ProseMirror{outline-color:currentColor}
+._jaboglyw::-webkit-scrollbar-corner{display:none}
+._l5dlglyw div>.ProseMirror{outline-style:none}
+._p12f1kw7{max-width:inherit}
+._slp31hna{word-wrap:break-word}
+._tjxn1o36 div>.ProseMirror{outline-width:medium}
+._vchhusvi{box-sizing:border-box}
+._vwz4gktf{line-height:20px}
+._y826idpf div>.ProseMirror{padding-right:0}
+._1ogl1ibz::-webkit-scrollbar-thumb:hover{background-color:var(--ds-background-neutral-bold-hovered,#3b3d42)}

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

@@ -0,0 +1,40 @@
+/* Chromeless-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `Chromeless.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChromelessEditorContainerCompiled = void 0;
+require("./Chromeless-compiled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var chromelessStyles = {
+  scrollbar: "_1fpfolhs _1khk1mok _123b1aqn _jaboglyw _aaynsm61 _1ogl1ibz",
+  editor: "_vwz4gktf _4t3i1wug _1reo15vq _18m91wug _p12f1kw7 _vchhusvi _slp31hna _fpqb1r31 _l5dlglyw _tjxn1o36 _1yt4idpf _y826idpf _7fa7idpf _8wn3idpf _1nhbidpf _1q5yidpf _1gfdidpf _1itkidpf _7fkv1jtm _1awku2gc _15gyze3t"
+};
+var ChromelessEditorContainerCompiled = exports.ChromelessEditorContainerCompiled = function ChromelessEditorContainerCompiled(_ref) {
+  var children = _ref.children,
+    containerRef = _ref.containerRef,
+    maxHeight = _ref.maxHeight,
+    minHeight = _ref.minHeight;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    className: (0, _runtime.ax)([chromelessStyles.editor, chromelessStyles.scrollbar, (0, _platformFeatureFlags.fg)('platform_editor_chromeless_akeditor_class') || (0, _expValEquals.expValEquals)('create_work_item_modernization_exp', 'isEnabled', true) ? 'akEditor' : undefined]),
+    style: {
+      maxHeight: maxHeight ? "".concat(maxHeight, "px") : undefined,
+      minHeight: "".concat(minHeight, "px")
+    },
+    ref: containerRef,
+    "data-testid": "chromeless-editor",
+    id: "chromeless-editor"
+  }, children);
+};

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

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChromelessEditorContainerEmotion = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("@emotion/react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _excluded = ["children", "containerRef", "maxHeight", "minHeight"];
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `Chromeless.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback; jsx required at runtime for @jsxRuntime classic
+var scrollbarStylesNew = (0, _react.css)({
+  msOverflowStyle: '-ms-autohiding-scrollbar',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&::-webkit-scrollbar-corner': {
+    display: 'none'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&::-webkit-scrollbar-thumb': {
+    backgroundColor: "var(--ds-background-neutral-subtle, #00000000)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&:hover::-webkit-scrollbar-thumb': {
+    backgroundColor: "var(--ds-background-neutral-bold, #292A2E)",
+    borderRadius: "var(--ds-radius-large, 8px)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&::-webkit-scrollbar-thumb:hover': {
+    backgroundColor: "var(--ds-background-neutral-bold-hovered, #3B3D42)"
+  }
+});
+var chromelessEditorStylesNew = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+  lineHeight: '20px',
+  height: 'auto',
+  overflowX: 'hidden',
+  overflowY: 'auto',
+  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, 8px)"
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
+    '& > p:last-of-type': {
+      marginBottom: "var(--ds-space-0, 0px)"
+    }
+  }
+});
+var ChromelessEditorContainerEmotion = exports.ChromelessEditorContainerEmotion = function ChromelessEditorContainerEmotion(_ref) {
+  var children = _ref.children,
+    containerRef = _ref.containerRef,
+    maxHeight = _ref.maxHeight,
+    minHeight = _ref.minHeight,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react.jsx)("div", {
+    css: [chromelessEditorStylesNew, scrollbarStylesNew]
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: (0, _platformFeatureFlags.fg)('platform_editor_chromeless_akeditor_class') || (0, _expValEquals.expValEquals)('create_work_item_modernization_exp', 'isEnabled', true) ? 'akEditor' : undefined,
+    style: {
+      maxHeight: maxHeight ? "".concat(maxHeight, "px") : undefined,
+      minHeight: "".concat(minHeight, "px")
+    },
+    ref: containerRef,
+    "data-testid": "chromeless-editor",
+    id: "chromeless-editor"
+  }, children);
+};

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

@@ -5,8 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ChromelessEditorContainer = ChromelessEditorContainer;
-exports.default = void 0;
+exports.default = exports.ChromelessEditorContainer = 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"));
@@ -14,67 +13,17 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
 var _hooks = require("@atlaskit/editor-common/hooks");
-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 _EditorContentContainer = _interopRequireDefault(require("../EditorContentContainer/EditorContentContainer"));
 var _PluginSlot = _interopRequireDefault(require("../PluginSlot"));
 var _WithFlash = _interopRequireDefault(require("../WithFlash"));
+var _ChromelessCompiled = require("./Chromeless-compiled");
+var _ChromelessEmotion = require("./Chromeless-emotion");
 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); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
-var scrollbarStylesNew = (0, _react2.css)({
-  msOverflowStyle: '-ms-autohiding-scrollbar',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '&::-webkit-scrollbar-corner': {
-    display: 'none'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '&::-webkit-scrollbar-thumb': {
-    backgroundColor: "var(--ds-background-neutral-subtle, #00000000)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '&:hover::-webkit-scrollbar-thumb': {
-    backgroundColor: "var(--ds-background-neutral-bold, #292A2E)",
-    borderRadius: "var(--ds-radius-large, 8px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '&::-webkit-scrollbar-thumb:hover': {
-    backgroundColor: "var(--ds-background-neutral-bold-hovered, #3B3D42)"
-  }
-});
-var chromelessEditorStylesNew = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '20px',
-  height: 'auto',
-  overflowX: 'hidden',
-  overflowY: 'auto',
-  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, 8px)"
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ProseMirror': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-    '& > p:last-of-type': {
-      marginBottom: "var(--ds-space-0, 0px)"
-    }
-  }
-});
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * Render the editor in a chromeless appearance.
  * Example use is the inline comment editor, which doesn't have editor toolbar
@@ -122,20 +71,20 @@ var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
       var containerRef = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? _this.setContainerElement : function (ref) {
         return _this.containerElement = ref;
       };
-      return (0, _react2.jsx)(_WithFlash.default, {
+      return /*#__PURE__*/_react.default.createElement(_WithFlash.default, {
         animate: maxContentSizeReached
-      }, (0, _react2.jsx)(ChromelessEditorContainer, {
+      }, /*#__PURE__*/_react.default.createElement(ChromelessEditorContainer, {
         maxHeight: maxHeight,
         minHeight: minHeight,
         containerRef: containerRef
-      }, (0, _react2.jsx)(_EditorContentContainer.default
+      }, /*#__PURE__*/_react.default.createElement(_EditorContentContainer.default
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       , {
         className: "ak-editor-content-area",
         featureFlags: featureFlags,
         viewMode: editorViewMode,
         appearance: _this.appearance
-      }, customContentComponents && 'before' in customContentComponents ? customContentComponents.before : customContentComponents, (0, _react2.jsx)(_PluginSlot.default, {
+      }, customContentComponents && 'before' in customContentComponents ? customContentComponents.before : customContentComponents, /*#__PURE__*/_react.default.createElement(_PluginSlot.default, {
         editorView: editorView,
         editorActions: editorActions,
         eventDispatcher: eventDispatcher,
@@ -158,7 +107,7 @@ var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
   return (0, _createClass2.default)(Editor, [{
     key: "render",
     value: function render() {
-      return (0, _react2.jsx)(RenderWithPluginState, {
+      return /*#__PURE__*/_react.default.createElement(RenderWithPluginState, {
         editorAPI: this.props.editorAPI,
         renderChrome: this.renderChrome
       });
@@ -179,26 +128,17 @@ function RenderWithPluginState(_ref2) {
   var maxContentSize = maxContentSizeReached === undefined ? undefined : {
     maxContentSizeReached: maxContentSizeReached
   };
-  return (0, _react2.jsx)(_react.Fragment, null, renderChrome({
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, renderChrome({
     maxContentSize: maxContentSize
   }));
 }
-function ChromelessEditorContainer(_ref3) {
-  var maxHeight = _ref3.maxHeight,
-    minHeight = _ref3.minHeight,
-    children = _ref3.children,
-    containerRef = _ref3.containerRef;
-  return (0, _react2.jsx)("div", {
-    css: [chromelessEditorStylesNew, scrollbarStylesNew]
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: (0, _platformFeatureFlags.fg)('platform_editor_chromeless_akeditor_class') || (0, _expValEquals.expValEquals)('create_work_item_modernization_exp', 'isEnabled', true) ? 'akEditor' : undefined,
-    style: {
-      maxHeight: maxHeight ? "".concat(maxHeight, "px") : undefined,
-      minHeight: "".concat(minHeight, "px")
-    },
-    "data-testid": "chromeless-editor",
-    id: "chromeless-editor",
-    ref: containerRef
-  }, children);
-}
+
+/**
+ * Container for the chromeless editor appearance. This is used to set the max and min height
+ * of the editor content area, and to provide a ref to the container element for the popups.
+ * @param param0 props for the chromeless editor container
+ * @returns JSX element representing the chromeless editor container
+ */
+var ChromelessEditorContainer = exports.ChromelessEditorContainer = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
+  return (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, _ChromelessCompiled.ChromelessEditorContainerCompiled, _ChromelessEmotion.ChromelessEditorContainerEmotion);

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js

@@ -373,7 +373,7 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _unsupportedStyles.unsupportedStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _resizerStyles.resizerStyles, (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) &&
+    _resizerStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _resizerStyles.resizerBottomHandleStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/cjs/ui/PluginSlot/PluginSlot-compiled.compiled.css

@@ -0,0 +1 @@
+._1e0c1txw{display:flex}

package/dist/cjs/ui/PluginSlot/PluginSlot-compiled.js

@@ -0,0 +1,33 @@
+/* PluginSlot-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PluginsComponentsWrapperCompiled = void 0;
+require("./PluginSlot-compiled.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _excluded = ["children"];
+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); }
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `index.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+
+var pluginsComponentsWrapperCompiledStyles = {
+  root: "_1e0c1txw"
+};
+var PluginsComponentsWrapperCompiled = exports.PluginsComponentsWrapperCompiled = function PluginsComponentsWrapperCompiled(_ref) {
+  var children = _ref.children,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, rest, {
+    className: (0, _runtime.ax)([pluginsComponentsWrapperCompiledStyles.root])
+  }), children);
+};

package/dist/cjs/ui/PluginSlot/PluginSlot-emotion.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PluginsComponentsWrapperEmotion = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("@emotion/react");
+var _excluded = ["children"];
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `index.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: emotion fallback for compiled migration
+var pluginsComponentsWrapperEmotionStyles = (0, _react.css)({
+  display: 'flex'
+});
+var PluginsComponentsWrapperEmotion = exports.PluginsComponentsWrapperEmotion = function PluginsComponentsWrapperEmotion(_ref) {
+  var children = _ref.children,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    (0, _react.jsx)("div", (0, _extends2.default)({
+      css: pluginsComponentsWrapperEmotionStyles
+    }, rest), children)
+  );
+};

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

@@ -6,21 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _ErrorBoundary = require("../ErrorBoundary");
 var _mountPluginHooks = require("./mount-plugin-hooks");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
-
-var pluginsComponentsWrapper = (0, _react2.css)({
-  display: 'flex'
-});
+var _PluginSlotCompiled = require("./PluginSlot-compiled");
+var _PluginSlotEmotion = require("./PluginSlot-emotion");
+var PluginsComponentsWrapperMigration = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
+  return (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, _PluginSlotCompiled.PluginsComponentsWrapperCompiled, _PluginSlotEmotion.PluginsComponentsWrapperEmotion);
 var PluginSlot = function PluginSlot(_ref) {
   var items = _ref.items,
     editorView = _ref.editorView,
@@ -39,15 +35,14 @@ var PluginSlot = function PluginSlot(_ref) {
   if (!items && !pluginHooks) {
     return null;
   }
-  return (0, _react2.jsx)(_ErrorBoundary.ErrorBoundary, {
+  return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.ErrorBoundary, {
     component: _analytics.ACTION_SUBJECT.PLUGIN_SLOT,
     fallbackComponent: null
-  }, (0, _react2.jsx)(_mountPluginHooks.MountPluginHooks, {
+  }, /*#__PURE__*/_react.default.createElement(_mountPluginHooks.MountPluginHooks, {
     editorView: editorView,
     pluginHooks: pluginHooks,
     containerElement: containerElement
-  }), (0, _react2.jsx)("div", {
-    css: pluginsComponentsWrapper,
+  }), /*#__PURE__*/_react.default.createElement(PluginsComponentsWrapperMigration, {
     "data-testid": "plugins-components-wrapper"
   }, items === null || items === void 0 ? void 0 : items.map(function (component, key) {
     var props = {

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

package/dist/es2019/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.compiled.css

@@ -0,0 +1,2 @@
+._16jlkb7n{flex-grow:1}
+._4t3i1osq{height:100%}

package/dist/es2019/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.js

@@ -0,0 +1,19 @@
+/* clickAreaBlock-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./clickAreaBlock-compiled.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `index.tsx`.
+ */
+
+const clickWrapperCompiledStyles = {
+  root: "_16jlkb7n _4t3i1osq"
+};
+export const ClickAreaBlockContainerCompiled = ({
+  children,
+  ...rest
+}) => /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+  className: ax([clickWrapperCompiledStyles.root])
+}), children);