@atlaskit/editor-core 228.1.4 → 228.1.6

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-core
 
+## 228.1.6
+
+### Patch Changes
+
+- [`85ad3990bac78`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/85ad3990bac78) -
+  Clean up experiment `platform_editor_appearance_shared_state`
+- Updated dependencies
+
+## 228.1.5
+
+### Patch Changes
+
+- [`9e6211ceb4ceb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9e6211ceb4ceb) -
+  Clean up the fully rolled-out `platform_editor_small_font_size` experiment and make its permanent
+  `true` behavior unconditional across editor formatting, task and list handling, paste behavior,
+  controls, and rendering.
+- [`fd4d98f953d15`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fd4d98f953d15) -
+  Clean up `platform_editor_disable_context_panel_animation`; context-panel transitions are now
+  permanently disabled.
+- Updated dependencies
+
 ## 228.1.4
 
 ### Patch Changes

package/dist/cjs/create-editor/ReactEditorView.js

@@ -216,11 +216,9 @@ function ReactEditorView(props) {
         return viewRef.current.state;
       }
     } else {
+      var _config$current$pmPlu;
       config.current = (0, _createEditor.processPluginsList)((0, _createPluginsList.default)(options.props.preset, 'allowBlockType' in props.editorProps ? props.editorProps : {}, pluginInjectionAPI.current));
-      if ((0, _expValEquals.expValEquals)('platform_editor_appearance_shared_state', 'isEnabled', true)) {
-        var _config$current$pmPlu;
-        (_config$current$pmPlu = config.current.pmPlugins).push.apply(_config$current$pmPlu, (0, _toConsumableArray2.default)(pluginInjectionAPI.current.getInternalPMPlugins()));
-      }
+      (_config$current$pmPlu = config.current.pmPlugins).push.apply(_config$current$pmPlu, (0, _toConsumableArray2.default)(pluginInjectionAPI.current.getInternalPMPlugins()));
       schema = (0, _createSchema.createSchema)(config.current);
     }
     var contentTransformerProvider = options.props.editorProps.contentTransformerProvider;
@@ -442,11 +440,9 @@ function ReactEditorView(props) {
     // decision and the drop-filter decision below depend on this answer,
     // so it has to be computed up-front.
     var buildConfig = function buildConfig(plugins) {
+      var _c$pmPlugins;
       var c = (0, _createEditor.processPluginsList)(plugins);
-      if ((0, _expValEquals.expValEquals)('platform_editor_appearance_shared_state', 'isEnabled', true)) {
-        var _c$pmPlugins;
-        (_c$pmPlugins = c.pmPlugins).push.apply(_c$pmPlugins, (0, _toConsumableArray2.default)(pluginInjectionAPI.current.getInternalPMPlugins()));
-      }
+      (_c$pmPlugins = c.pmPlugins).push.apply(_c$pmPlugins, (0, _toConsumableArray2.default)(pluginInjectionAPI.current.getInternalPMPlugins()));
       return c;
     };
     var nextConfig = buildConfig(editorPlugins);
@@ -1024,10 +1020,8 @@ function ReactEditorView(props) {
     }
   }, [disabled, shouldFocus, previousDisabledState, __livePage]);
   (0, _react.useLayoutEffect)(function () {
-    if ((0, _expValEquals.expValEquals)('platform_editor_appearance_shared_state', 'isEnabled', true)) {
-      var _pluginInjectionAPI$c3;
-      (_pluginInjectionAPI$c3 = pluginInjectionAPI.current.api()) === null || _pluginInjectionAPI$c3 === void 0 || (_pluginInjectionAPI$c3 = _pluginInjectionAPI$c3.core) === null || _pluginInjectionAPI$c3 === void 0 || (_pluginInjectionAPI$c3 = _pluginInjectionAPI$c3.actions) === null || _pluginInjectionAPI$c3 === void 0 || _pluginInjectionAPI$c3.updateAppearance(nextAppearance);
-    }
+    var _pluginInjectionAPI$c3;
+    (_pluginInjectionAPI$c3 = pluginInjectionAPI.current.api()) === null || _pluginInjectionAPI$c3 === void 0 || (_pluginInjectionAPI$c3 = _pluginInjectionAPI$c3.core) === null || _pluginInjectionAPI$c3 === void 0 || (_pluginInjectionAPI$c3 = _pluginInjectionAPI$c3.actions) === null || _pluginInjectionAPI$c3 === void 0 || _pluginInjectionAPI$c3.updateAppearance(nextAppearance);
   }, [nextAppearance]);
   (0, _useFireFullWidthEvent.useFireFullWidthEvent)(nextAppearance, dispatchAnalyticsEvent);
 

package/dist/cjs/ui/ContextPanel/index-compiled.compiled.css

@@ -1,6 +1,4 @@
-._v5648l2w{transition:width .5s cubic-bezier(.15,1,.3,1)}
-._v564e1q5{transition:width .6s cubic-bezier(.15,1,.3,1)}
-._v564glyw{transition:none}._16qshh4h{box-shadow:inset 2px 0 0 0 var(--ds-border,#0b120e24)}
+._16qshh4h{box-shadow:inset 2px 0 0 0 var(--ds-border,#0b120e24)}
 ._18m915vq{overflow-y:hidden}
 ._18m91wug{overflow-y:auto}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}

package/dist/cjs/ui/ContextPanel/index-compiled.js

@@ -14,8 +14,8 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _excluded = ["children", "customWidth", "visible", "disableAnimation"],
-  _excluded2 = ["children", "customWidth", "visible", "disableAnimation", "hasPadding"];
+var _excluded = ["children", "customWidth", "visible"],
+  _excluded2 = ["children", "customWidth", "visible", "hasPadding"];
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `index.tsx`.
@@ -23,7 +23,6 @@ var _excluded = ["children", "customWidth", "visible", "disableAnimation"],
  * Cleanup: delete this file once the `platform_editor_core_non_ecc_static_css` experiment has shipped.
  */
 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 ANIM_SPEED_MS = 500;
 var getContextPanelWidthStyle = function getContextPanelWidthStyle(_ref) {
   var customWidth = _ref.customWidth,
     visible = _ref.visible;
@@ -40,9 +39,8 @@ var getContextPanelWidthStyle = function getContextPanelWidthStyle(_ref) {
   return undefined;
 };
 var panelStyles = {
-  panel: "_v5648l2w _1reo15vq _18m915vq _1bsbnklw _4t3i1osq _16qshh4h",
-  disablePanelAnimation: "_v564glyw",
-  content: "_v564e1q5 _vchhusvi _1bsbnklw _4t3i1osq _18m91wug",
+  panel: "_1reo15vq _18m915vq _1bsbnklw _4t3i1osq _16qshh4h",
+  content: "_vchhusvi _1bsbnklw _4t3i1osq _18m91wug",
   padding: "_ca0qpxbi _u5f3pxbi _n3tdze3t _19bvpxbi",
   customWidthOverflow: "_1reo15vq"
 };
@@ -50,7 +48,6 @@ var ContextPanelWrapperCompiled = exports.ContextPanelWrapperCompiled = function
   var children = _ref2.children,
     customWidth = _ref2.customWidth,
     visible = _ref2.visible,
-    disableAnimation = _ref2.disableAnimation,
     rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   var widthStyle = (0, _react.useMemo)(function () {
     return getContextPanelWidthStyle({
@@ -63,7 +60,7 @@ var ContextPanelWrapperCompiled = exports.ContextPanelWrapperCompiled = function
     style: widthStyle
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, rest, {
-    className: (0, _runtime.ax)([panelStyles.panel, customWidth && "", disableAnimation && panelStyles.disablePanelAnimation])
+    className: (0, _runtime.ax)([panelStyles.panel, customWidth && ""])
   }), children);
 };
 
@@ -72,7 +69,6 @@ var ContextPanelContentCompiled = exports.ContextPanelContentCompiled = function
   var children = _ref3.children,
     customWidth = _ref3.customWidth,
     visible = _ref3.visible,
-    disableAnimation = _ref3.disableAnimation,
     hasPadding = _ref3.hasPadding,
     rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
   var widthStyle = (0, _react.useMemo)(function () {
@@ -86,6 +82,6 @@ var ContextPanelContentCompiled = exports.ContextPanelContentCompiled = function
     style: widthStyle
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, rest, {
-    className: (0, _runtime.ax)([panelStyles.content, hasPadding && panelStyles.padding, customWidth && "", disableAnimation && panelStyles.disablePanelAnimation])
+    className: (0, _runtime.ax)([panelStyles.content, hasPadding && panelStyles.padding, customWidth && ""])
   }), children);
 };

package/dist/cjs/ui/ContextPanel/index-emotion.js

@@ -10,8 +10,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _excluded = ["children", "customWidth", "visible", "disableAnimation"],
-  _excluded2 = ["children", "customWidth", "visible", "disableAnimation", "hasPadding"];
+var _excluded = ["children", "customWidth", "visible"],
+  _excluded2 = ["children", "customWidth", "visible", "hasPadding"];
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -23,7 +23,6 @@ var _excluded = ["children", "customWidth", "visible", "disableAnimation"],
  * Cleanup: delete this file once the `platform_editor_core_non_ecc_static_css` experiment has shipped.
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback for compiled migration
-var ANIM_SPEED_MS = 500;
 var panelHidden = (0, _react2.css)({
   width: 0
 });
@@ -31,17 +30,10 @@ var panel = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: "".concat(_editorSharedStyles.akEditorContextPanelWidth, "px"),
   height: '100%',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  transition: "width ".concat(ANIM_SPEED_MS, "ms ").concat(_editorSharedStyles.akEditorSwoopCubicBezier),
   overflow: 'hidden',
   boxShadow: "inset 2px 0 0 0 ".concat("var(--ds-border, #0B120E24)")
 });
-var disablePanelAnimation = (0, _react2.css)({
-  transition: 'none'
-});
 var content = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  transition: "width 600ms ".concat(_editorSharedStyles.akEditorSwoopCubicBezier),
   boxSizing: 'border-box',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: "".concat(_editorSharedStyles.akEditorContextPanelWidth, "px"),
@@ -55,7 +47,6 @@ var ContextPanelWrapperEmotion = exports.ContextPanelWrapperEmotion = function C
   var children = _ref.children,
     customWidth = _ref.customWidth,
     visible = _ref.visible,
-    disableAnimation = _ref.disableAnimation,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var customPanelWidthStyles = (0, _react.useMemo)(function () {
     return customWidth ? (0, _react2.css)({
@@ -67,7 +58,7 @@ var ContextPanelWrapperEmotion = exports.ContextPanelWrapperEmotion = function C
   return (0, _react2.jsx)("div", (0, _extends2.default)({
     css: [panel,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
-    customPanelWidthStyles, !visible && panelHidden, disableAnimation && disablePanelAnimation]
+    customPanelWidthStyles, !visible && panelHidden]
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, rest), children);
 };
@@ -77,7 +68,6 @@ var ContextPanelContentEmotion = exports.ContextPanelContentEmotion = function C
   var children = _ref2.children,
     customWidth = _ref2.customWidth,
     visible = _ref2.visible,
-    disableAnimation = _ref2.disableAnimation,
     hasPadding = _ref2.hasPadding,
     rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
   var customPanelWidthStyles = (0, _react.useMemo)(function () {
@@ -90,7 +80,7 @@ var ContextPanelContentEmotion = exports.ContextPanelContentEmotion = function C
   return (0, _react2.jsx)("div", (0, _extends2.default)({
     css: [content, hasPadding && paddingStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
-    customPanelWidthStyles, !visible && panelHidden, disableAnimation && disablePanelAnimation]
+    customPanelWidthStyles, !visible && panelHidden]
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, rest), children);
 };

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

@@ -22,7 +22,6 @@ var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _indexCompiled = require("./index-compiled");
@@ -31,7 +30,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; })(); } /* eslint-disable jsdoc/require-jsdoc -- Pre-existing lint debt surfaced by this mechanical type-import-only PR. */
-var ANIM_SPEED_MS = 500;
 var ContextPanelWrapperMigration = (0, _componentWithCondition.componentWithCondition)(function () {
   return (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
 }, _indexCompiled.ContextPanelWrapperCompiled, _indexEmotion.ContextPanelWrapperEmotion);
@@ -49,7 +47,6 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
     }
     _this = _callSuper(this, SwappableContentAreaInner, [].concat(args));
     (0, _defineProperty2.default)(_this, "state", {
-      mounted: false,
       currentPluginContent: undefined
     });
     (0, _defineProperty2.default)(_this, "handleTransitionExited", function () {
@@ -92,12 +89,11 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
       if (!currentPluginContent) {
         return;
       }
-      var animSpeedMs = (0, _fg.fg)('platform_editor_disable_context_panel_animation') ? 0 : ANIM_SPEED_MS;
       var onExited = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? _this.handleTransitionExited : function () {
         return _this.unsetPluginContent();
       };
       return /*#__PURE__*/_react.default.createElement(_Transition.default, {
-        timeout: _this.state.mounted ? animSpeedMs : 0,
+        timeout: 0,
         in: !!pluginContent,
         mountOnEnter: true,
         unmountOnExit: true,
@@ -109,9 +105,8 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
       if (!children) {
         return;
       }
-      var animSpeedMs = (0, _fg.fg)('platform_editor_disable_context_panel_animation') ? 0 : ANIM_SPEED_MS;
       return /*#__PURE__*/_react.default.createElement(_Transition.default, {
-        timeout: _this.state.mounted ? animSpeedMs : 0,
+        timeout: 0,
         in: isVisible,
         mountOnEnter: true,
         unmountOnExit: true,
@@ -128,14 +123,6 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
         currentPluginContent: undefined
       });
     }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      // use this to trigger an animation
-      this.setState({
-        mounted: true
-      });
-    }
   }, {
     key: "render",
     value: function render() {
@@ -145,7 +132,6 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
       var userVisible = !!this.props.visible;
       var visible = userVisible || !!this.state.currentPluginContent;
       var hasPadding = this.props.hasPadding === undefined ? true : this.props.hasPadding;
-      var disableAnimation = (0, _fg.fg)('platform_editor_disable_context_panel_animation');
       return /*#__PURE__*/_react.default.createElement(_contextPanel.ContextPanelConsumer, null, function (_ref) {
         var _this2$props$intl, _this2$props$intl2;
         var broadcastWidth = _ref.broadcastWidth;
@@ -154,7 +140,6 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
         return /*#__PURE__*/_react.default.createElement(ContextPanelWrapperMigration, {
           customWidth: _this2.props.customWidth,
           visible: visible,
-          disableAnimation: disableAnimation,
           "data-testid": "context-panel-panel"
           // eslint-disable-next-line @atlassian/a11y/no-empty-aria-label -- Pre-existing; intl should always resolve a label here
           ,
@@ -164,7 +149,6 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
         }, /*#__PURE__*/_react.default.createElement(ContextPanelContentMigration, {
           customWidth: _this2.props.customWidth,
           visible: visible,
-          disableAnimation: disableAnimation,
           hasPadding: hasPadding,
           "data-testid": "context-panel-content"
           // Adding tabIndex=0 here to make content focusable as it is a scrollable region

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

@@ -423,14 +423,14 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: (0, _runtime.ax)([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes, editorContentStyles.editorGutterPaddingBaseStyles, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
       exposure: true
-    }) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, isFloatingTocEnabled && editorContentStyles.headingScrollMarginStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true, {
+    }) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, isFloatingTocEnabled && editorContentStyles.headingScrollMarginStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true, {
       exposure: true
     }) && editorContentStyles.blockquoteSelectedNodeStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true, {
       exposure: true
     }) && editorContentStyles.listSelectedNodeStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true, {
       exposure: true
     }) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, (0, _expValEquals.expValEquals)('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_dividers_attributes') && editorContentStyles.ruleWithAttrsStyles, editorContentStyles.smartCardDiffStyles, (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
-    editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, (0, _fg.fg)('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, isStatusStylesTeam26 ? editorContentStyles.statusStylesTeam26 : (0, _fg.fg)('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, isStatusStylesTeam26 && isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedAccent, isStatusStylesTeam26 && !isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedSemantic, ((0, _fg.fg)('platform_editor_gracefully_render_status_color') || isUpdateStatusColorsEnabled) && editorContentStyles.statusStylesHexAccent, editorContentStyles.annotationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, (0, _fg.fg)('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && !(0, _fg.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _editorExperiment.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _fg.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
+    editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, (0, _fg.fg)('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, isStatusStylesTeam26 ? editorContentStyles.statusStylesTeam26 : (0, _fg.fg)('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, isStatusStylesTeam26 && isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedAccent, isStatusStylesTeam26 && !isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedSemantic, ((0, _fg.fg)('platform_editor_gracefully_render_status_color') || isUpdateStatusColorsEnabled) && editorContentStyles.statusStylesHexAccent, editorContentStyles.annotationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, (0, _fg.fg)('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && !(0, _fg.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _editorExperiment.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, editorContentStyles.tableLayoutFixesWithFontSize, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _fg.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"

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

@@ -354,7 +354,7 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _indentationStyles.indentationStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && _fontSizeStyles.fontSizeStyles,
+    _fontSizeStyles.fontSizeStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _shadowStyles.shadowStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -382,7 +382,7 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _editorUGCTokenStyles.editorUGCTokensRefreshed,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && _editorUGCTokenStyles.editorUGCSmallText,
+    _editorUGCTokenStyles.editorUGCSmallText,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _blockTypeStyles.blocktypeStyles, isFloatingTocEnabled &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -707,11 +707,9 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _mediaStyles.mediaGroupStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _mediaStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ?
+    _mediaStyles.mediaAlignmentStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _tableStyles.tableLayoutFixesWithFontSize :
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _tableStyles.tableLayoutFixes,
+    _tableStyles.tableLayoutFixesWithFontSize,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _tableStyles.tableContainerStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/cjs/version-wrapper.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-var version = exports.version = "228.1.3";
+var version = exports.version = "228.1.5";

package/dist/es2019/create-editor/ReactEditorView.js

@@ -180,9 +180,7 @@ export function ReactEditorView(props) {
       }
     } else {
       config.current = processPluginsList(createPluginsList(options.props.preset, 'allowBlockType' in props.editorProps ? props.editorProps : {}, pluginInjectionAPI.current));
-      if (expValEquals('platform_editor_appearance_shared_state', 'isEnabled', true)) {
-        config.current.pmPlugins.push(...pluginInjectionAPI.current.getInternalPMPlugins());
-      }
+      config.current.pmPlugins.push(...pluginInjectionAPI.current.getInternalPMPlugins());
       schema = createSchema(config.current);
     }
     const {
@@ -404,9 +402,7 @@ export function ReactEditorView(props) {
     // so it has to be computed up-front.
     const buildConfig = plugins => {
       const c = processPluginsList(plugins);
-      if (expValEquals('platform_editor_appearance_shared_state', 'isEnabled', true)) {
-        c.pmPlugins.push(...pluginInjectionAPI.current.getInternalPMPlugins());
-      }
+      c.pmPlugins.push(...pluginInjectionAPI.current.getInternalPMPlugins());
       return c;
     };
     let nextConfig = buildConfig(editorPlugins);
@@ -952,10 +948,8 @@ export function ReactEditorView(props) {
     }
   }, [disabled, shouldFocus, previousDisabledState, __livePage]);
   useLayoutEffect(() => {
-    if (expValEquals('platform_editor_appearance_shared_state', 'isEnabled', true)) {
-      var _pluginInjectionAPI$c5, _pluginInjectionAPI$c6, _pluginInjectionAPI$c7;
-      (_pluginInjectionAPI$c5 = pluginInjectionAPI.current.api()) === null || _pluginInjectionAPI$c5 === void 0 ? void 0 : (_pluginInjectionAPI$c6 = _pluginInjectionAPI$c5.core) === null || _pluginInjectionAPI$c6 === void 0 ? void 0 : (_pluginInjectionAPI$c7 = _pluginInjectionAPI$c6.actions) === null || _pluginInjectionAPI$c7 === void 0 ? void 0 : _pluginInjectionAPI$c7.updateAppearance(nextAppearance);
-    }
+    var _pluginInjectionAPI$c5, _pluginInjectionAPI$c6, _pluginInjectionAPI$c7;
+    (_pluginInjectionAPI$c5 = pluginInjectionAPI.current.api()) === null || _pluginInjectionAPI$c5 === void 0 ? void 0 : (_pluginInjectionAPI$c6 = _pluginInjectionAPI$c5.core) === null || _pluginInjectionAPI$c6 === void 0 ? void 0 : (_pluginInjectionAPI$c7 = _pluginInjectionAPI$c6.actions) === null || _pluginInjectionAPI$c7 === void 0 ? void 0 : _pluginInjectionAPI$c7.updateAppearance(nextAppearance);
   }, [nextAppearance]);
   useFireFullWidthEvent(nextAppearance, dispatchAnalyticsEvent);
 

package/dist/es2019/ui/ContextPanel/index-compiled.compiled.css

@@ -1,6 +1,4 @@
-._v5648l2w{transition:width .5s cubic-bezier(.15,1,.3,1)}
-._v564e1q5{transition:width .6s cubic-bezier(.15,1,.3,1)}
-._v564glyw{transition:none}._16qshh4h{box-shadow:inset 2px 0 0 0 var(--ds-border,#0b120e24)}
+._16qshh4h{box-shadow:inset 2px 0 0 0 var(--ds-border,#0b120e24)}
 ._18m915vq{overflow-y:hidden}
 ._18m91wug{overflow-y:auto}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}

package/dist/es2019/ui/ContextPanel/index-compiled.js

@@ -10,8 +10,7 @@ import { ax, ix } from "@compiled/react/runtime";
  * Cleanup: delete this file once the `platform_editor_core_non_ecc_static_css` experiment has shipped.
  */
 import { useMemo } from 'react';
-import { akEditorContextPanelWidth, akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
-const ANIM_SPEED_MS = 500;
+import { akEditorContextPanelWidth } from '@atlaskit/editor-shared-styles';
 const getContextPanelWidthStyle = ({
   customWidth,
   visible
@@ -29,9 +28,8 @@ const getContextPanelWidthStyle = ({
   return undefined;
 };
 const panelStyles = {
-  panel: "_v5648l2w _1reo15vq _18m915vq _1bsbnklw _4t3i1osq _16qshh4h",
-  disablePanelAnimation: "_v564glyw",
-  content: "_v564e1q5 _vchhusvi _1bsbnklw _4t3i1osq _18m91wug",
+  panel: "_1reo15vq _18m915vq _1bsbnklw _4t3i1osq _16qshh4h",
+  content: "_vchhusvi _1bsbnklw _4t3i1osq _18m91wug",
   padding: "_ca0qpxbi _u5f3pxbi _n3tdze3t _19bvpxbi",
   customWidthOverflow: "_1reo15vq"
 };
@@ -39,7 +37,6 @@ export const ContextPanelWrapperCompiled = ({
   children,
   customWidth,
   visible,
-  disableAnimation,
   ...rest
 }) => {
   const widthStyle = useMemo(() => getContextPanelWidthStyle({
@@ -51,7 +48,7 @@ export const ContextPanelWrapperCompiled = ({
     style: widthStyle
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, rest, {
-    className: ax([panelStyles.panel, customWidth && "", disableAnimation && panelStyles.disablePanelAnimation])
+    className: ax([panelStyles.panel, customWidth && ""])
   }), children);
 };
 
@@ -60,7 +57,6 @@ export const ContextPanelContentCompiled = ({
   children,
   customWidth,
   visible,
-  disableAnimation,
   hasPadding,
   ...rest
 }) => {
@@ -73,6 +69,6 @@ export const ContextPanelContentCompiled = ({
     style: widthStyle
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, rest, {
-    className: ax([panelStyles.content, hasPadding && panelStyles.padding, customWidth && "", disableAnimation && panelStyles.disablePanelAnimation])
+    className: ax([panelStyles.content, hasPadding && panelStyles.padding, customWidth && ""])
   }), children);
 };

package/dist/es2019/ui/ContextPanel/index-emotion.js

@@ -12,8 +12,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import { useMemo } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback for compiled migration
 import { css, jsx } from '@emotion/react';
-import { akEditorContextPanelWidth, akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
-const ANIM_SPEED_MS = 500;
+import { akEditorContextPanelWidth } from '@atlaskit/editor-shared-styles';
 const panelHidden = css({
   width: 0
 });
@@ -21,17 +20,10 @@ const panel = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: `${akEditorContextPanelWidth}px`,
   height: '100%',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  transition: `width ${ANIM_SPEED_MS}ms ${akEditorSwoopCubicBezier}`,
   overflow: 'hidden',
   boxShadow: `inset 2px 0 0 0 ${"var(--ds-border, #0B120E24)"}`
 });
-const disablePanelAnimation = css({
-  transition: 'none'
-});
 const content = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  transition: `width 600ms ${akEditorSwoopCubicBezier}`,
   boxSizing: 'border-box',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: `${akEditorContextPanelWidth}px`,
@@ -45,7 +37,6 @@ export const ContextPanelWrapperEmotion = ({
   children,
   customWidth,
   visible,
-  disableAnimation,
   ...rest
 }) => {
   const customPanelWidthStyles = useMemo(() => customWidth ? css({
@@ -56,7 +47,7 @@ export const ContextPanelWrapperEmotion = ({
   return jsx("div", _extends({
     css: [panel,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
-    customPanelWidthStyles, !visible && panelHidden, disableAnimation && disablePanelAnimation]
+    customPanelWidthStyles, !visible && panelHidden]
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, rest), children);
 };
@@ -66,7 +57,6 @@ export const ContextPanelContentEmotion = ({
   children,
   customWidth,
   visible,
-  disableAnimation,
   hasPadding,
   ...rest
 }) => {
@@ -78,7 +68,7 @@ export const ContextPanelContentEmotion = ({
   return jsx("div", _extends({
     css: [content, hasPadding && paddingStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
-    customPanelWidthStyles, !visible && panelHidden, disableAnimation && disablePanelAnimation]
+    customPanelWidthStyles, !visible && panelHidden]
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, rest), children);
 };