@atlaskit/editor-core 219.9.10 → 219.9.11

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-core
 
+## 219.9.11
+
+### Patch Changes
+
+- [`a90f47c1c8fe8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a90f47c1c8fe8) -
+  Migrate ui/withFlash styles
+- Updated dependencies
+
 ## 219.9.10
 
 ### Patch Changes

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

@@ -1,86 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-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 pulseBackground = (0, _react2.keyframes)({
-  '50%': {
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  }
-});
-var pulseBackgroundReverse = (0, _react2.keyframes)({
-  '0%': {
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  },
-  '50%': {
-    backgroundColor: 'auto'
-  },
-  '100%': {
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  }
-});
-var flashWrapper = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '&.-flash > div': {
-    animationName: pulseBackgroundReverse,
-    animationDuration: '0.25s',
-    animationTimingFunction: 'ease-in-out'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& > div': {
-    animation: "'none'"
-  }
-});
-var flashWrapperAnimated = (0, _react2.css)((0, _defineProperty2.default)({}, "".concat(flashWrapper, " & > div"), {
-  animationName: pulseBackground,
-  animationDuration: '0.25s',
-  animationTimingFunction: 'ease-in-out'
-}));
-// Ignored via go/ees005
-// eslint-disable-next-line @repo/internal/react/no-class-components
-var WithFlash = exports.default = /*#__PURE__*/function (_React$Component) {
-  function WithFlash() {
-    var _this;
-    (0, _classCallCheck2.default)(this, WithFlash);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, WithFlash, [].concat(args));
-    (0, _defineProperty2.default)(_this, "toggle", false);
-    return _this;
-  }
-  (0, _inherits2.default)(WithFlash, _React$Component);
-  return (0, _createClass2.default)(WithFlash, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        animate = _this$props.animate,
-        children = _this$props.children;
-      this.toggle = animate && !this.toggle;
-      return (
-        // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
-        (0, _react2.jsx)("div", {
-          css: animate ? flashWrapperAnimated : flashWrapper
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-          ,
-          className: this.toggle ? '-flash' : ''
-        }, children)
-      );
-    }
-  }]);
-}(_react.default.Component);
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _withFlashCompiled = require("./withFlash-compiled");
+var _withFlashEmotion = require("./withFlash-emotion");
+var WithFlash = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
+  return (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, _withFlashCompiled.WithFlashCompiled, _withFlashEmotion.WithFlashEmotion);
+var _default = exports.default = WithFlash;

package/dist/cjs/ui/WithFlash/withFlash-compiled.compiled.css

@@ -0,0 +1,7 @@
+._16nrglyw>div{animation:none}
+._1q4h1bej.-flash>div{animation-name:k8m8d1y}
+._1q4hp6wo.-flash>div{animation-name:k1bd9ir4}
+._4eh31doz.-flash>div{animation-duration:.25s}
+._l0dz1ytf.-flash>div{animation-timing-function:ease-in-out}
+@keyframes k1bd9ir4{0%{background-color:var(--ds-blanket-danger,#ef5c4814)}50%{background-color:auto}to{background-color:var(--ds-blanket-danger,#ef5c4814)}}
+@keyframes k8m8d1y{50%{background-color:var(--ds-blanket-danger,#ef5c4814)}}

package/dist/cjs/ui/WithFlash/withFlash-compiled.js

@@ -0,0 +1,58 @@
+/* withFlash-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithFlashCompiled = void 0;
+require("./withFlash-compiled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+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; })(); } /**
+ * 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 pulseBackground = null;
+var pulseBackgroundReverse = null;
+var compiledStyles = {
+  flashWrapper: "_16nrglyw _1q4hp6wo _4eh31doz _l0dz1ytf",
+  flashWrapperAnimated: "_1q4h1bej _4eh31doz _l0dz1ytf"
+};
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components
+var WithFlashCompiled = exports.WithFlashCompiled = /*#__PURE__*/function (_React$Component) {
+  function WithFlashCompiled() {
+    var _this;
+    (0, _classCallCheck2.default)(this, WithFlashCompiled);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, WithFlashCompiled, [].concat(args));
+    (0, _defineProperty2.default)(_this, "toggle", false);
+    return _this;
+  }
+  (0, _inherits2.default)(WithFlashCompiled, _React$Component);
+  return (0, _createClass2.default)(WithFlashCompiled, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        animate = _this$props.animate,
+        children = _this$props.children;
+      this.toggle = animate && !this.toggle;
+      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)([animate ? compiledStyles.flashWrapperAnimated : compiledStyles.flashWrapper, this.toggle ? '-flash' : ''])
+      }, children);
+    }
+  }]);
+}(_react.default.Component);

package/dist/cjs/ui/WithFlash/withFlash-emotion.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithFlashEmotion = 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"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+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
+ */ /**
+ * 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 pulseBackground = (0, _react2.keyframes)({
+  '50%': {
+    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
+  }
+});
+var pulseBackgroundReverse = (0, _react2.keyframes)({
+  '0%': {
+    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
+  },
+  '50%': {
+    backgroundColor: 'auto'
+  },
+  '100%': {
+    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
+  }
+});
+var flashWrapper = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '&.-flash > div': {
+    animationName: pulseBackgroundReverse,
+    animationDuration: '0.25s',
+    animationTimingFunction: 'ease-in-out'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '& > div': {
+    animation: 'none'
+  }
+});
+var flashWrapperAnimated = (0, _react2.css)((0, _defineProperty2.default)({}, "&.-flash > div", {
+  animationName: pulseBackground,
+  animationDuration: '0.25s',
+  animationTimingFunction: 'ease-in-out'
+}));
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components
+var WithFlashEmotion = exports.WithFlashEmotion = /*#__PURE__*/function (_React$Component) {
+  function WithFlashEmotion() {
+    var _this;
+    (0, _classCallCheck2.default)(this, WithFlashEmotion);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, WithFlashEmotion, [].concat(args));
+    (0, _defineProperty2.default)(_this, "toggle", false);
+    return _this;
+  }
+  (0, _inherits2.default)(WithFlashEmotion, _React$Component);
+  return (0, _createClass2.default)(WithFlashEmotion, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        animate = _this$props.animate,
+        children = _this$props.children;
+      this.toggle = animate && !this.toggle;
+      return (
+        // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
+        (0, _react2.jsx)("div", {
+          css: animate ? flashWrapperAnimated : flashWrapper
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+          ,
+          className: this.toggle ? '-flash' : ''
+        }, children)
+      );
+    }
+  }]);
+}(_react.default.Component);

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

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

@@ -1,69 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/**
- * @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, keyframes } from '@emotion/react';
-const pulseBackground = keyframes({
-  '50%': {
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  }
-});
-const pulseBackgroundReverse = keyframes({
-  '0%': {
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  },
-  '50%': {
-    backgroundColor: 'auto'
-  },
-  '100%': {
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  }
-});
-const flashWrapper = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '&.-flash > div': {
-    animationName: pulseBackgroundReverse,
-    animationDuration: '0.25s',
-    animationTimingFunction: 'ease-in-out'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& > div': {
-    animation: "'none'"
-  }
-});
-const flashWrapperAnimated = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  [`${flashWrapper} & > div`]: {
-    animationName: pulseBackground,
-    animationDuration: '0.25s',
-    animationTimingFunction: 'ease-in-out'
-  }
-});
-// Ignored via go/ees005
-// eslint-disable-next-line @repo/internal/react/no-class-components
-export default class WithFlash extends React.Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "toggle", false);
-  }
-  render() {
-    const {
-      animate,
-      children
-    } = this.props;
-    this.toggle = animate && !this.toggle;
-    return (
-      // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
-      jsx("div", {
-        css: animate ? flashWrapperAnimated : flashWrapper
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        ,
-        className: this.toggle ? '-flash' : ''
-      }, children)
-    );
-  }
-}
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { WithFlashCompiled } from './withFlash-compiled';
+import { WithFlashEmotion } from './withFlash-emotion';
+const WithFlash = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), WithFlashCompiled, WithFlashEmotion);
+export default WithFlash;

package/dist/es2019/ui/WithFlash/withFlash-compiled.compiled.css

@@ -0,0 +1,7 @@
+._16nrglyw>div{animation:none}
+._1q4h1bej.-flash>div{animation-name:k8m8d1y}
+._1q4hp6wo.-flash>div{animation-name:k1bd9ir4}
+._4eh31doz.-flash>div{animation-duration:.25s}
+._l0dz1ytf.-flash>div{animation-timing-function:ease-in-out}
+@keyframes k1bd9ir4{0%{background-color:var(--ds-blanket-danger,#ef5c4814)}50%{background-color:auto}to{background-color:var(--ds-blanket-danger,#ef5c4814)}}
+@keyframes k8m8d1y{50%{background-color:var(--ds-blanket-danger,#ef5c4814)}}

package/dist/es2019/ui/WithFlash/withFlash-compiled.js

@@ -0,0 +1,36 @@
+/* withFlash-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import "./withFlash-compiled.compiled.css";
+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`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+const pulseBackground = null;
+const pulseBackgroundReverse = null;
+const compiledStyles = {
+  flashWrapper: "_16nrglyw _1q4hp6wo _4eh31doz _l0dz1ytf",
+  flashWrapperAnimated: "_1q4h1bej _4eh31doz _l0dz1ytf"
+};
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components
+export class WithFlashCompiled extends React.Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "toggle", false);
+  }
+  render() {
+    const {
+      animate,
+      children
+    } = this.props;
+    this.toggle = animate && !this.toggle;
+    return /*#__PURE__*/React.createElement("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      className: ax([animate ? compiledStyles.flashWrapperAnimated : compiledStyles.flashWrapper, this.toggle ? '-flash' : ''])
+    }, children);
+  }
+}

package/dist/es2019/ui/WithFlash/withFlash-emotion.js

@@ -0,0 +1,75 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/**
+ * @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.
+ */
+import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: emotion fallback for compiled migration
+import { css, jsx, keyframes } from '@emotion/react';
+const pulseBackground = keyframes({
+  '50%': {
+    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
+  }
+});
+const pulseBackgroundReverse = keyframes({
+  '0%': {
+    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
+  },
+  '50%': {
+    backgroundColor: 'auto'
+  },
+  '100%': {
+    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
+  }
+});
+const flashWrapper = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '&.-flash > div': {
+    animationName: pulseBackgroundReverse,
+    animationDuration: '0.25s',
+    animationTimingFunction: 'ease-in-out'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '& > div': {
+    animation: 'none'
+  }
+});
+const flashWrapperAnimated = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  [`&.-flash > div`]: {
+    animationName: pulseBackground,
+    animationDuration: '0.25s',
+    animationTimingFunction: 'ease-in-out'
+  }
+});
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components
+export class WithFlashEmotion extends React.Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "toggle", false);
+  }
+  render() {
+    const {
+      animate,
+      children
+    } = this.props;
+    this.toggle = animate && !this.toggle;
+    return (
+      // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
+      jsx("div", {
+        css: animate ? flashWrapperAnimated : flashWrapper
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
+        className: this.toggle ? '-flash' : ''
+      }, children)
+    );
+  }
+}

package/dist/es2019/version-wrapper.js

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

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

@@ -1,83 +1,8 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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
- */
-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, keyframes } from '@emotion/react';
-var pulseBackground = keyframes({
-  '50%': {
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  }
-});
-var pulseBackgroundReverse = keyframes({
-  '0%': {
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  },
-  '50%': {
-    backgroundColor: 'auto'
-  },
-  '100%': {
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  }
-});
-var flashWrapper = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '&.-flash > div': {
-    animationName: pulseBackgroundReverse,
-    animationDuration: '0.25s',
-    animationTimingFunction: 'ease-in-out'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& > div': {
-    animation: "'none'"
-  }
-});
-var flashWrapperAnimated = css(_defineProperty({}, "".concat(flashWrapper, " & > div"), {
-  animationName: pulseBackground,
-  animationDuration: '0.25s',
-  animationTimingFunction: 'ease-in-out'
-}));
-// Ignored via go/ees005
-// eslint-disable-next-line @repo/internal/react/no-class-components
-var WithFlash = /*#__PURE__*/function (_React$Component) {
-  function WithFlash() {
-    var _this;
-    _classCallCheck(this, WithFlash);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, WithFlash, [].concat(args));
-    _defineProperty(_this, "toggle", false);
-    return _this;
-  }
-  _inherits(WithFlash, _React$Component);
-  return _createClass(WithFlash, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        animate = _this$props.animate,
-        children = _this$props.children;
-      this.toggle = animate && !this.toggle;
-      return (
-        // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
-        jsx("div", {
-          css: animate ? flashWrapperAnimated : flashWrapper
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-          ,
-          className: this.toggle ? '-flash' : ''
-        }, children)
-      );
-    }
-  }]);
-}(React.Component);
-export { WithFlash as default };
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { WithFlashCompiled } from './withFlash-compiled';
+import { WithFlashEmotion } from './withFlash-emotion';
+var WithFlash = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, WithFlashCompiled, WithFlashEmotion);
+export default WithFlash;

package/dist/esm/ui/WithFlash/withFlash-compiled.compiled.css

@@ -0,0 +1,7 @@
+._16nrglyw>div{animation:none}
+._1q4h1bej.-flash>div{animation-name:k8m8d1y}
+._1q4hp6wo.-flash>div{animation-name:k1bd9ir4}
+._4eh31doz.-flash>div{animation-duration:.25s}
+._l0dz1ytf.-flash>div{animation-timing-function:ease-in-out}
+@keyframes k1bd9ir4{0%{background-color:var(--ds-blanket-danger,#ef5c4814)}50%{background-color:auto}to{background-color:var(--ds-blanket-danger,#ef5c4814)}}
+@keyframes k8m8d1y{50%{background-color:var(--ds-blanket-danger,#ef5c4814)}}

package/dist/esm/ui/WithFlash/withFlash-compiled.js

@@ -0,0 +1,52 @@
+/* withFlash-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import "./withFlash-compiled.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
+/**
+ * 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.
+ */
+import React from 'react';
+var pulseBackground = null;
+var pulseBackgroundReverse = null;
+var compiledStyles = {
+  flashWrapper: "_16nrglyw _1q4hp6wo _4eh31doz _l0dz1ytf",
+  flashWrapperAnimated: "_1q4h1bej _4eh31doz _l0dz1ytf"
+};
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components
+export var WithFlashCompiled = /*#__PURE__*/function (_React$Component) {
+  function WithFlashCompiled() {
+    var _this;
+    _classCallCheck(this, WithFlashCompiled);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, WithFlashCompiled, [].concat(args));
+    _defineProperty(_this, "toggle", false);
+    return _this;
+  }
+  _inherits(WithFlashCompiled, _React$Component);
+  return _createClass(WithFlashCompiled, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        animate = _this$props.animate,
+        children = _this$props.children;
+      this.toggle = animate && !this.toggle;
+      return /*#__PURE__*/React.createElement("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        className: ax([animate ? compiledStyles.flashWrapperAnimated : compiledStyles.flashWrapper, this.toggle ? '-flash' : ''])
+      }, children);
+    }
+  }]);
+}(React.Component);

package/dist/esm/ui/WithFlash/withFlash-emotion.js

@@ -0,0 +1,88 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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
+ */
+/**
+ * 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.
+ */
+import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: emotion fallback for compiled migration
+import { css, jsx, keyframes } from '@emotion/react';
+var pulseBackground = keyframes({
+  '50%': {
+    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
+  }
+});
+var pulseBackgroundReverse = keyframes({
+  '0%': {
+    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
+  },
+  '50%': {
+    backgroundColor: 'auto'
+  },
+  '100%': {
+    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
+  }
+});
+var flashWrapper = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '&.-flash > div': {
+    animationName: pulseBackgroundReverse,
+    animationDuration: '0.25s',
+    animationTimingFunction: 'ease-in-out'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '& > div': {
+    animation: 'none'
+  }
+});
+var flashWrapperAnimated = css(_defineProperty({}, "&.-flash > div", {
+  animationName: pulseBackground,
+  animationDuration: '0.25s',
+  animationTimingFunction: 'ease-in-out'
+}));
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components
+export var WithFlashEmotion = /*#__PURE__*/function (_React$Component) {
+  function WithFlashEmotion() {
+    var _this;
+    _classCallCheck(this, WithFlashEmotion);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, WithFlashEmotion, [].concat(args));
+    _defineProperty(_this, "toggle", false);
+    return _this;
+  }
+  _inherits(WithFlashEmotion, _React$Component);
+  return _createClass(WithFlashEmotion, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        animate = _this$props.animate,
+        children = _this$props.children;
+      this.toggle = animate && !this.toggle;
+      return (
+        // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
+        jsx("div", {
+          css: animate ? flashWrapperAnimated : flashWrapper
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+          ,
+          className: this.toggle ? '-flash' : ''
+        }, children)
+      );
+    }
+  }]);
+}(React.Component);

package/dist/esm/version-wrapper.js

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

package/dist/types/ui/WithFlash/index.d.ts

@@ -1,14 +1,7 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
-import { jsx } from '@emotion/react';
 export interface Props {
     animate: boolean;
     children?: React.ReactNode;
 }
-export default class WithFlash extends React.Component<Props> {
-    private toggle;
-    render(): jsx.JSX.Element;
-}
+declare const WithFlash: React.ComponentType<Props>;
+export default WithFlash;

package/dist/types/ui/WithFlash/withFlash-compiled.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * 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.
+ */
+import React from 'react';
+export interface Props {
+    animate: boolean;
+    children?: React.ReactNode;
+}
+export declare class WithFlashCompiled extends React.Component<Props> {
+    private toggle;
+    render(): React.JSX.Element;
+}

package/dist/types/ui/WithFlash/withFlash-emotion.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @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.
+ */
+import React from 'react';
+export interface Props {
+    animate: boolean;
+    children?: React.ReactNode;
+}
+export declare class WithFlashEmotion extends React.Component<Props> {
+    private toggle;
+    render(): React.JSX.Element;
+}

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

@@ -1,14 +1,7 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
-import { jsx } from '@emotion/react';
 export interface Props {
     animate: boolean;
     children?: React.ReactNode;
 }
-export default class WithFlash extends React.Component<Props> {
-    private toggle;
-    render(): jsx.JSX.Element;
-}
+declare const WithFlash: React.ComponentType<Props>;
+export default WithFlash;

package/dist/types-ts4.5/ui/WithFlash/withFlash-compiled.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * 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.
+ */
+import React from 'react';
+export interface Props {
+    animate: boolean;
+    children?: React.ReactNode;
+}
+export declare class WithFlashCompiled extends React.Component<Props> {
+    private toggle;
+    render(): React.JSX.Element;
+}

package/dist/types-ts4.5/ui/WithFlash/withFlash-emotion.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @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.
+ */
+import React from 'react';
+export interface Props {
+    animate: boolean;
+    children?: React.ReactNode;
+}
+export declare class WithFlashEmotion extends React.Component<Props> {
+    private toggle;
+    render(): React.JSX.Element;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "219.9.10",
+	"version": "219.9.11",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -66,7 +66,7 @@
 		"@atlaskit/editor-toolbar-model": "^0.5.0",
 		"@atlaskit/emoji": "^70.10.0",
 		"@atlaskit/feature-gate-js-client": "^5.7.0",
-		"@atlaskit/icon": "^35.2.0",
+		"@atlaskit/icon": "^35.3.0",
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/media-card": "^80.5.0",
 		"@atlaskit/mention": "^26.0.0",
@@ -74,7 +74,7 @@
 		"@atlaskit/platform-feature-flags-react": "^0.5.0",
 		"@atlaskit/react-ufo": "^6.1.0",
 		"@atlaskit/task-decision": "^20.1.0",
-		"@atlaskit/tmp-editor-statsig": "^83.1.0",
+		"@atlaskit/tmp-editor-statsig": "^84.0.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.3.0",
 		"@atlaskit/width-detector": "^5.1.0",
@@ -132,7 +132,7 @@
 		"@atlassian/editor-rovo-bridge": "^8.11.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
-		"@atlassian/search-client": "^1.8.0",
+		"@atlassian/search-client": "^1.9.0",
 		"@atlassian/search-provider": "^11.1.0",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@atlassian/user-profile-card": "^1.5.0",