@atlaskit/editor-core 219.9.13 → 219.9.15

package/dist/cjs/ui/Appearance/FullPage/FullPageToolbar-emotion.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NonCustomToolbarWrapperEmotion = exports.MainToolbarIconBeforeEmotion = exports.CustomToolbarWrapperEmotion = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("@emotion/react");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `FullPageToolbar.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 nonCustomToolbarWrapperStyle = (0, _react.css)({
+  alignItems: 'center',
+  display: 'flex',
+  flexGrow: 1
+});
+var mainToolbarIconBeforeStyle = (0, _react.css)((0, _defineProperty2.default)({
+  margin: "var(--ds-space-200, 16px)",
+  height: "var(--ds-space-400, 32px)",
+  width: "var(--ds-space-400, 32px)"
+}, "@media (max-width: ".concat(_editorSharedStyles.akEditorMobileMaxWidth, "px)"), {
+  gridColumn: 1,
+  gridRow: 1
+}));
+var customToolbarWrapperStyle = (0, _react.css)({
+  alignItems: 'center',
+  display: 'flex'
+});
+var NonCustomToolbarWrapperEmotion = exports.NonCustomToolbarWrapperEmotion = function NonCustomToolbarWrapperEmotion(_ref) {
+  var children = _ref.children;
+  return (0, _react.jsx)("div", {
+    css: nonCustomToolbarWrapperStyle
+  }, children);
+};
+var MainToolbarIconBeforeEmotion = exports.MainToolbarIconBeforeEmotion = function MainToolbarIconBeforeEmotion(_ref2) {
+  var children = _ref2.children;
+  return (0, _react.jsx)("div", {
+    css: mainToolbarIconBeforeStyle
+  }, children);
+};
+var CustomToolbarWrapperEmotion = exports.CustomToolbarWrapperEmotion = function CustomToolbarWrapperEmotion(_ref3) {
+  var children = _ref3.children;
+  return (0, _react.jsx)("div", {
+    css: customToolbarWrapperStyle
+  }, children);
+};

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

@@ -8,26 +8,31 @@ Object.defineProperty(exports, "__esModule", {
 exports.FullPageToolbar = exports.EditorToolbar = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _contextPanel = require("@atlaskit/editor-common/context-panel");
 var _messages = require("@atlaskit/editor-common/messages");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _ToolbarPortal = require("../../Toolbar/ToolbarPortal");
 var _ToolbarWithSizeDetector = require("../../Toolbar/ToolbarWithSizeDetector");
 var _BeforeWrapper = require("./BeforeWrapper");
 var _CustomToolbarWrapper = require("./CustomToolbarWrapper");
+var _FullPageToolbarCompiled = require("./FullPageToolbar-compiled");
+var _FullPageToolbarEmotion = require("./FullPageToolbar-emotion");
 var _MainToolbar = require("./MainToolbar");
 var _MainToolbarWrapper = require("./MainToolbarWrapper");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
-
+var NonCustomToolbarWrapperMigration = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
+  return (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, _FullPageToolbarCompiled.NonCustomToolbarWrapperCompiled, _FullPageToolbarEmotion.NonCustomToolbarWrapperEmotion);
+var MainToolbarIconBeforeMigration = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
+  return (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, _FullPageToolbarCompiled.MainToolbarIconBeforeCompiled, _FullPageToolbarEmotion.MainToolbarIconBeforeEmotion);
+var CustomToolbarWrapperMigration = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
+  return (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, _FullPageToolbarCompiled.CustomToolbarWrapperCompiled, _FullPageToolbarEmotion.CustomToolbarWrapperEmotion);
 var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(function (props) {
   var _props$primaryToolbar, _useToolbarPortal, _props$customPrimaryT;
   var _useState = (0, _react.useState)(false),
@@ -47,13 +52,7 @@ var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(fun
     ToolbarPortal = _ref.Portal;
   var hasToolbarPortal = ToolbarPortal !== _react.default.Fragment;
   var popupsMountPoint = hasToolbarPortal ? undefined : props.popupsMountPoint;
-  var nonCustomToolbar =
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  (0, _react2.jsx)("div", {
-    css: _MainToolbar.nonCustomToolbarWrapperStyle
-  }, props.beforeIcon && (0, _react2.jsx)("div", {
-    css: _MainToolbar.mainToolbarIconBeforeStyle
-  }, props.beforeIcon), (0, _react2.jsx)(_ToolbarWithSizeDetector.ToolbarWithSizeDetector, {
+  var nonCustomToolbar = /*#__PURE__*/_react.default.createElement(NonCustomToolbarWrapperMigration, null, props.beforeIcon && /*#__PURE__*/_react.default.createElement(MainToolbarIconBeforeMigration, null, props.beforeIcon), /*#__PURE__*/_react.default.createElement(_ToolbarWithSizeDetector.ToolbarWithSizeDetector, {
     editorView: props.editorView,
     editorActions: props.editorActions,
     eventDispatcher: props.eventDispatcher,
@@ -69,11 +68,7 @@ var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(fun
     hasMinWidth: props.hasMinWidth,
     twoLineEditorToolbar: twoLineEditorToolbar
   }));
-  var customToolbar =
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  (0, _react2.jsx)("div", {
-    css: _MainToolbar.customToolbarWrapperStyle
-  }, !!props.customPrimaryToolbarComponents && 'before' in props.customPrimaryToolbarComponents ? (0, _react2.jsx)(_BeforeWrapper.BeforePrimaryToolbarWrapper, {
+  var customToolbar = /*#__PURE__*/_react.default.createElement(CustomToolbarWrapperMigration, null, !!props.customPrimaryToolbarComponents && 'before' in props.customPrimaryToolbarComponents ? /*#__PURE__*/_react.default.createElement(_BeforeWrapper.BeforePrimaryToolbarWrapper, {
     beforePrimaryToolbarComponents: (_props$customPrimaryT = props.customPrimaryToolbarComponents) === null || _props$customPrimaryT === void 0 ? void 0 : _props$customPrimaryT.before
   }) : null, !(0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && editorAPI !== null && editorAPI !== void 0 && editorAPI.findReplace && twoLineEditorToolbar ? editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.findReplace.actions.registerToolbarButton({
     popupsBoundariesElement: props.popupsBoundariesElement,
@@ -112,28 +107,28 @@ var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(fun
     event.preventDefault();
     event.stopPropagation();
   }, [props.editorView]);
-  return (0, _react2.jsx)(_contextPanel.ContextPanelConsumer, null, function (_ref2) {
+  return /*#__PURE__*/_react.default.createElement(_contextPanel.ContextPanelConsumer, null, function (_ref2) {
     var contextPanelWidth = _ref2.width;
-    return (0, _react2.jsx)(_uiMenu.ToolbarArrowKeyNavigationProvider, {
+    return /*#__PURE__*/_react.default.createElement(_uiMenu.ToolbarArrowKeyNavigationProvider, {
       editorView: props.editorView,
       childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
       isShortcutToFocusToolbar: isShortcutToFocusToolbar,
       handleEscape: handleEscape,
       intl: props.intl
-    }, (0, _react2.jsx)(ToolbarPortal, null, (0, _react2.jsx)(_MainToolbarWrapper.MainToolbarWrapper, {
+    }, /*#__PURE__*/_react.default.createElement(ToolbarPortal, null, /*#__PURE__*/_react.default.createElement(_MainToolbarWrapper.MainToolbarWrapper, {
       showKeyline: props.showKeyline || contextPanelWidth > 0,
       twoLineEditorToolbar: twoLineEditorToolbar,
       "data-testid": "ak-editor-main-toolbar"
-    }, (0, _react2.jsx)(_CustomToolbarWrapper.MainToolbarForFirstChildWrapper, {
+    }, /*#__PURE__*/_react.default.createElement(_CustomToolbarWrapper.MainToolbarForFirstChildWrapper, {
       twoLineEditorToolbar: twoLineEditorToolbar,
       role: "toolbar",
       "aria-label": props.intl.formatMessage(_messages.fullPageMessages.toolbarLabel)
-    }, shouldSplitToolbar ? customToolbar : nonCustomToolbar), (0, _react2.jsx)(_CustomToolbarWrapper.MainToolbarForSecondChildWrapper, {
+    }, shouldSplitToolbar ? customToolbar : nonCustomToolbar), /*#__PURE__*/_react.default.createElement(_CustomToolbarWrapper.MainToolbarForSecondChildWrapper, {
       twoLineEditorToolbar: twoLineEditorToolbar,
       "data-testid": "avatar-group-outside-plugin",
       role: "region",
       "aria-label": props.intl.formatMessage(_messages.fullPageMessages.pageActionsLabel)
-    }, shouldSplitToolbar ? nonCustomToolbar : customToolbar), (0, _react2.jsx)(_ToolbarPortal.ToolbarPortalMountPoint, null))));
+    }, shouldSplitToolbar ? nonCustomToolbar : customToolbar), /*#__PURE__*/_react.default.createElement(_ToolbarPortal.ToolbarPortalMountPoint, null))));
   });
 });
 

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

@@ -80,7 +80,8 @@ var FullPageToolbarNext = exports.FullPageToolbarNext = function FullPageToolbar
     popupsMountPoint = _ref4.popupsMountPoint,
     showKeyline = _ref4.showKeyline,
     customPrimaryToolbarComponents = _ref4.customPrimaryToolbarComponents,
-    disabled = _ref4.disabled;
+    disabled = _ref4.disabled,
+    disabledWithoutInteractionLogic = _ref4.disabledWithoutInteractionLogic;
   var components = editorAPI === null || editorAPI === void 0 || (_editorAPI$toolbar = editorAPI.toolbar) === null || _editorAPI$toolbar === void 0 ? void 0 : _editorAPI$toolbar.actions.getComponents();
   var runtimeOverride = (0, _hooks.useSharedPluginStateWithSelector)(editorAPI, ['toolbar'], function (states) {
     var _states$toolbarState;
@@ -148,7 +149,8 @@ var FullPageToolbarNext = exports.FullPageToolbarNext = function FullPageToolbar
       editorAPI: editorAPI,
       popupsMountPoint: mountPoint,
       editorAppearance: "full-page",
-      isDisabled: disabled
+      isDisabled: disabled,
+      disabledWithoutInteractionLogic: disabledWithoutInteractionLogic
     }) : /*#__PURE__*/_react.default.createElement(_ExcludeFromHydration.default, null, primaryToolbarDockingConfigEnabled && components && visibleToolbarComponents && (0, _toolbar2.isToolbar)(toolbar) && editorView && !(0, _coreUtils.isSSR)() && /*#__PURE__*/_react.default.createElement(_Toolbar.ToolbarNext, {
       toolbar: toolbar,
       components: visibleToolbarComponents,
@@ -156,7 +158,8 @@ var FullPageToolbarNext = exports.FullPageToolbarNext = function FullPageToolbar
       editorAPI: editorAPI,
       popupsMountPoint: mountPoint,
       editorAppearance: "full-page",
-      isDisabled: disabled
+      isDisabled: disabled,
+      disabledWithoutInteractionLogic: disabledWithoutInteractionLogic
     }))), /*#__PURE__*/_react.default.createElement(SecondChildWrapper, null, /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _runtime.ax)([styles.customToolbarWrapperStyle])
     }, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/_react.default.createElement("div", {

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

@@ -70,7 +70,8 @@ var ToolbarNext = exports.ToolbarNext = function ToolbarNext(_ref) {
     editorAppearance = _ref.editorAppearance,
     popupsBoundariesElement = _ref.popupsBoundariesElement,
     popupsScrollableElement = _ref.popupsScrollableElement,
-    isDisabled = _ref.isDisabled;
+    isDisabled = _ref.isDisabled,
+    disabledWithoutInteractionLogic = _ref.disabledWithoutInteractionLogic;
   var _usePluginState = usePluginState(editorAPI),
     connectivityStateMode = _usePluginState.connectivityStateMode,
     editorViewMode = _usePluginState.editorViewMode,
@@ -98,6 +99,7 @@ var ToolbarNext = exports.ToolbarNext = function ToolbarNext(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_toolbar.EditorToolbarUIProvider, {
     api: editorAPI,
     isDisabled: isDisabled,
+    disabledWithoutInteractionLogic: disabledWithoutInteractionLogic,
     popupsMountPoint: popupsMountPoint,
     popupsBoundariesElement: popupsBoundariesElement,
     popupsScrollableElement: popupsScrollableElement,

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

package/dist/es2019/ui/Appearance/FullPage/BeforeWrapper-compiled.compiled.css

@@ -0,0 +1,4 @@
+._16jlkb7n{flex-grow:1}
+._1bahesu3{justify-content:flex-end}
+._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}

package/dist/es2019/ui/Appearance/FullPage/BeforeWrapper-compiled.js

@@ -0,0 +1,19 @@
+/* BeforeWrapper-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 `BeforeWrapper.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import "./BeforeWrapper-compiled.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const styles = {
+  beforePrimaryToolbarPluginWrapper: "_1e0c1txw _16jlkb7n _1bahesu3 _4cvr1h6o"
+};
+// Duplicate of the wrapper from `editor-plugins/before-primary-toolbar` used
+// only in `FullPageToolbar` to decouple the plugin from the main toolbar
+export const BeforePrimaryToolbarWrapperCompiled = props => /*#__PURE__*/React.createElement("div", {
+  "data-testid": 'before-primary-toolbar-components-plugin',
+  className: ax([styles.beforePrimaryToolbarPluginWrapper])
+}, props.beforePrimaryToolbarComponents);

package/dist/es2019/ui/Appearance/FullPage/BeforeWrapper-emotion.js

@@ -0,0 +1,25 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `BeforeWrapper.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
+import { css, jsx } from '@emotion/react';
+const beforePrimaryToolbarPluginWrapperStyles = css({
+  display: 'flex',
+  flexGrow: 1,
+  justifyContent: 'flex-end',
+  alignItems: 'center'
+});
+// Duplicate of the wrapper from `editor-plugins/before-primary-toolbar` used
+// only in `FullPageToolbar` to decouple the plugin from the main toolbar
+export const BeforePrimaryToolbarWrapperEmotion = props => jsx("div", {
+  css: beforePrimaryToolbarPluginWrapperStyles,
+  "data-testid": 'before-primary-toolbar-components-plugin'
+}, props.beforePrimaryToolbarComponents);

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

@@ -1,19 +1,7 @@
-/**
- * @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
-import { css, jsx } from '@emotion/react';
-const beforePrimaryToolbarPluginWrapperStyles = css({
-  display: 'flex',
-  flexGrow: 1,
-  justifyContent: 'flex-end',
-  alignItems: 'center'
-});
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { BeforePrimaryToolbarWrapperCompiled } from './BeforeWrapper-compiled';
+import { BeforePrimaryToolbarWrapperEmotion } from './BeforeWrapper-emotion';
 // Duplicate of the wrapper from `editor-plugins/before-primary-toolbar` used
 // only in `FullPageToolbar` to decouple the plugin from the main toolbar
-export const BeforePrimaryToolbarWrapper = props => jsx("div", {
-  css: beforePrimaryToolbarPluginWrapperStyles,
-  "data-testid": 'before-primary-toolbar-components-plugin'
-}, props.beforePrimaryToolbarComponents);
+export const BeforePrimaryToolbarWrapper = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), BeforePrimaryToolbarWrapperCompiled, BeforePrimaryToolbarWrapperEmotion);

package/dist/es2019/ui/Appearance/FullPage/CustomToolbarWrapper-compiled.compiled.css

@@ -0,0 +1,4 @@
+._16jlkb7n{flex-grow:1}
+._1e0c1txw{display:flex}
+._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
+@media (max-width:868px){._u89dkb7n{flex-grow:1}._9gudkb7n{flex-shrink:1}._1hoh1osq{flex-basis:100%}._1tjb1wug{margin-top:auto}._1rg31wug{margin-right:auto}._1jzq1wug{margin-bottom:auto}._cn5x1wug{margin-left:auto}._87t41txw{display:flex}._8o3817qo{height:var(--ak-editor-fullpage-toolbar-height)}._1s2pidpf{min-width:0}._lhl4esu3{justify-content:flex-end}._1s2p1ns9{min-width:-moz-fit-content;min-width:fit-content}}

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

@@ -0,0 +1,46 @@
+/* CustomToolbarWrapper-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 `CustomToolbarWrapper.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import "./CustomToolbarWrapper-compiled.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const firstChildStyles = {
+  base: "_1e0c1txw _16jlkb7n",
+  twoLine: "_u89dkb7n _9gudkb7n _1hoh1osq _8o3817qo _lhl4esu3 _1s2p1ns9"
+};
+const secondChildStyles = {
+  base: "_1ul91ns9",
+  twoLine: "_u89dkb7n _9gudkb7n _1hoh1osq _1tjb1wug _1rg31wug _1jzq1wug _cn5x1wug _87t41txw _8o3817qo _1s2pidpf"
+};
+
+// ---------------- First child wrapper ----------------
+export const MainToolbarForFirstChildWrapperCompiled = ({
+  twoLineEditorToolbar,
+  children,
+  role,
+  'aria-label': ariaLabel,
+  'data-testid': testId
+}) => /*#__PURE__*/React.createElement("div", {
+  role: role,
+  "aria-label": ariaLabel,
+  "data-testid": testId,
+  className: ax([firstChildStyles.base, twoLineEditorToolbar && firstChildStyles.twoLine])
+}, children);
+
+// ---------------- Second child wrapper ----------------
+export const MainToolbarForSecondChildWrapperCompiled = ({
+  twoLineEditorToolbar,
+  children,
+  role,
+  'aria-label': ariaLabel,
+  'data-testid': testId
+}) => /*#__PURE__*/React.createElement("div", {
+  role: role,
+  "aria-label": ariaLabel,
+  "data-testid": testId,
+  className: ax([secondChildStyles.base, twoLineEditorToolbar && secondChildStyles.twoLine])
+}, children);

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

@@ -0,0 +1,78 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `CustomToolbarWrapper.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+
+// 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
+import { css, jsx } from '@emotion/react';
+// Pre-computed static styles for first- and second-child wrappers.
+// These contain no runtime logic and are safe for static-emotion mode.
+
+const firstChildStaticBase = css({
+  display: 'flex',
+  flexGrow: 1
+});
+
+// we can't avoid some kind of function call here, so we need to disable the rule
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+const firstChildStaticTwoLine = css({
+  '@media (max-width: 868px)': {
+    flex: '1 1 100%',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    height: 'var(--ak-editor-fullpage-toolbar-height)',
+    justifyContent: 'flex-end',
+    minWidth: 'fit-content'
+  }
+});
+const secondChildStaticBase = css({
+  minWidth: 'fit-content'
+});
+
+// we can't avoid some kind of function call here, so we need to disable the rule
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+const secondChildStaticTwoLine = css({
+  '@media (max-width: 868px)': {
+    display: 'flex',
+    flexGrow: 1,
+    flex: '1 1 100%',
+    margin: 'auto',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    height: 'var(--ak-editor-fullpage-toolbar-height)',
+    minWidth: 0
+  }
+});
+
+// ---------------- First child wrapper ----------------
+export const MainToolbarForFirstChildWrapperEmotion = ({
+  twoLineEditorToolbar,
+  children,
+  role,
+  'aria-label': ariaLabel,
+  'data-testid': testId
+}) => jsx("div", {
+  css: [firstChildStaticBase, twoLineEditorToolbar && firstChildStaticTwoLine],
+  role: role,
+  "aria-label": ariaLabel,
+  "data-testid": testId
+}, children);
+
+// ---------------- Second child wrapper ----------------
+export const MainToolbarForSecondChildWrapperEmotion = ({
+  twoLineEditorToolbar,
+  children,
+  role,
+  'aria-label': ariaLabel,
+  'data-testid': testId
+}) => jsx("div", {
+  css: [secondChildStaticBase, twoLineEditorToolbar && secondChildStaticTwoLine],
+  role: role,
+  "aria-label": ariaLabel,
+  "data-testid": testId
+}, children);

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

@@ -1,72 +1,9 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-
-// 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
-import { css, jsx } from '@emotion/react';
-// Pre-computed static styles for first- and second-child wrappers.
-// These contain no runtime logic and are safe for static-emotion mode.
-
-const firstChildStaticBase = css({
-  display: 'flex',
-  flexGrow: 1
-});
-
-// we can't avoid some kind of function call here, so we need to disable the rule
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-const firstChildStaticTwoLine = css({
-  '@media (max-width: 868px)': {
-    flex: '1 1 100%',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    height: 'var(--ak-editor-fullpage-toolbar-height)',
-    justifyContent: 'flex-end',
-    minWidth: 'fit-content'
-  }
-});
-const secondChildStaticBase = css({
-  minWidth: 'fit-content'
-});
-
-// we can't avoid some kind of function call here, so we need to disable the rule
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-const secondChildStaticTwoLine = css({
-  '@media (max-width: 868px)': {
-    display: 'flex',
-    flexGrow: 1,
-    flex: '1 1 100%',
-    margin: 'auto',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    height: 'var(--ak-editor-fullpage-toolbar-height)',
-    minWidth: 0
-  }
-});
-
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { MainToolbarForFirstChildWrapperCompiled, MainToolbarForSecondChildWrapperCompiled } from './CustomToolbarWrapper-compiled';
+import { MainToolbarForFirstChildWrapperEmotion, MainToolbarForSecondChildWrapperEmotion } from './CustomToolbarWrapper-emotion';
 // ---------------- First child wrapper ----------------
-export const MainToolbarForFirstChildWrapper = ({
-  twoLineEditorToolbar,
-  children,
-  role,
-  'aria-label': ariaLabel,
-  'data-testid': testId
-}) => jsx("div", {
-  css: [firstChildStaticBase, twoLineEditorToolbar && firstChildStaticTwoLine],
-  role: role,
-  "aria-label": ariaLabel,
-  "data-testid": testId
-}, children);
+export const MainToolbarForFirstChildWrapper = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), MainToolbarForFirstChildWrapperCompiled, MainToolbarForFirstChildWrapperEmotion);
 
 // ---------------- Second child wrapper ----------------
-export const MainToolbarForSecondChildWrapper = ({
-  twoLineEditorToolbar,
-  children,
-  role,
-  'aria-label': ariaLabel,
-  'data-testid': testId
-}) => jsx("div", {
-  css: [secondChildStaticBase, twoLineEditorToolbar && secondChildStaticTwoLine],
-  role: role,
-  "aria-label": ariaLabel,
-  "data-testid": testId
-}, children);
+export const MainToolbarForSecondChildWrapper = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), MainToolbarForSecondChildWrapperCompiled, MainToolbarForSecondChildWrapperEmotion);

package/dist/es2019/ui/Appearance/FullPage/FullPage-compiled.compiled.css

@@ -0,0 +1,5 @@
+._1e0c1txw{display:flex}
+._1ul95x59{min-width:340px}
+._2lx21bp4{flex-direction:column}
+._4t3i1osq{height:100%}
+._vchhusvi{box-sizing:border-box}

package/dist/es2019/ui/Appearance/FullPage/FullPage-compiled.js

@@ -0,0 +1,23 @@
+/* FullPage-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 `FullPage.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import "./FullPage-compiled.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { forwardRef } from 'react';
+const styles = {
+  root: "_1ul95x59 _4t3i1osq _1e0c1txw _2lx21bp4 _vchhusvi"
+};
+export const FullPageEditorWrapperCompiled = /*#__PURE__*/forwardRef(({
+  children,
+  className,
+  style
+}, ref) => /*#__PURE__*/React.createElement("div", {
+  ref: ref,
+  className: ax([styles.root, className]),
+  style: style
+}, children));

package/dist/es2019/ui/Appearance/FullPage/FullPage-emotion.js

@@ -0,0 +1,29 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `FullPage.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import { forwardRef } from 'react';
+
+// 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
+import { jsx } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- intentional: emotion fallback branch imports from StyledComponents
+import { fullPageEditorWrapper as fullPageEditorWrapperStyles } from './StyledComponents';
+export const FullPageEditorWrapperEmotion = /*#__PURE__*/forwardRef(({
+  children,
+  className,
+  style
+}, ref) =>
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-classname-prop -- intentional: emotion fallback branch reuses StyledComponents style
+jsx("div", {
+  css: fullPageEditorWrapperStyles,
+  ref: ref,
+  className: className,
+  style: style
+}, children));