@atlaskit/reactions 35.13.4 → 35.13.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/reactions
 
+## 35.13.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 35.13.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 35.13.4
 
 ### Patch Changes

package/dist/cjs/analytics/index.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isSampled = exports.extractErrorInfo = exports.createRestSucceededEvent = exports.createRestFailedEvent = exports.createReactionsRenderedEvent = exports.createReactionSelectionEvent = exports.createReactionHoveredEvent = exports.createReactionFocusedEvent = exports.createReactionClickedEvent = exports.createPickerMoreClickedEvent = exports.createPickerCancelledEvent = exports.createPickerButtonClickedEvent = exports.createAndFireSafe = exports.createAndFireEventInElementsChannel = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _createAndFireEvents = _interopRequireDefault(require("@atlaskit/analytics-next/createAndFireEvents"));
 var _analyticsGasTypes = require("@atlaskit/analytics-gas-types");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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; } // eslint-disable-next-line @typescript-eslint/consistent-type-imports
 var packageName = "@atlaskit/reactions";
-var packageVersion = "35.13.3";
+var packageVersion = "35.13.5";
 /**
  * TODO: move to utility package?
  * A random sampling function
@@ -30,7 +30,7 @@ var isSampled = exports.isSampled = function isSampled(rate) {
   }
   return Math.random() * rate <= 1;
 };
-var createAndFireEventInElementsChannel = exports.createAndFireEventInElementsChannel = (0, _analyticsNext.createAndFireEvent)('fabric-elements');
+var createAndFireEventInElementsChannel = exports.createAndFireEventInElementsChannel = (0, _createAndFireEvents.default)('fabric-elements');
 var createAndFireSafe = exports.createAndFireSafe = function createAndFireSafe(createAnalyticsEvent, creator) {
   if (createAnalyticsEvent) {
     for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {

package/dist/cjs/components/EmojiButton.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _reactIntl = require("react-intl");
 var _emoji = require("@atlaskit/emoji");
-var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
+var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
 var _i18n = require("../shared/i18n");
 var _utils = require("../shared/utils");
 var _constants = require("../shared/constants");
@@ -69,5 +69,5 @@ var EmojiButton = exports.EmojiButton = function EmojiButton(_ref) {
       emoji: emojiId.shortName
     }),
     xcss: hoverableReactionPickerSelectorEmoji ? styles.hoverableReactionPickerSelectorEmojiButton : styles.emojiButton
-  }, _featureGateJsClient.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? reservedEmoji : emoji);
+  }, _featureGates.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? reservedEmoji : emoji);
 };

package/dist/cjs/components/Reaction.js

@@ -16,7 +16,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactIntl = require("react-intl");
 var _css = require("@atlaskit/css");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _emoji = require("@atlaskit/emoji");
 var _analytics = require("../analytics");
 var _Counter = require("./Counter");
@@ -67,7 +67,7 @@ var Reaction = exports.Reaction = function Reaction(_ref) {
   var intl = (0, _reactIntl.useIntl)();
   var hoverStart = (0, _react.useRef)();
   var focusStart = (0, _react.useRef)();
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),

package/dist/cjs/components/ReactionButton.js

@@ -13,7 +13,7 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react2 = require("@compiled/react");
 var _FlashAnimation = require("./FlashAnimation");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _compiled = require("@atlaskit/primitives/compiled");
 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); }
@@ -61,10 +61,10 @@ var ReactionButton = exports.ReactionButton = function ReactionButton(_ref) {
     "aria-pressed": ariaPressed,
     "aria-expanded": (0, _expValEquals.expValEquals)('a11y-fixes-week4-may-2026', 'isEnabled', true) ? ariaExpanded : undefined,
     testId: testId,
-    xcss: (0, _react2.cx)(styles.reactionButton, useCompactStyles && styles.compactButton, reacted && styles.reacted, !reacted && showSubtleStyle && styles.borderless, !reacted && showOpaqueBackground && styles.opaqueBackground, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') && styles.reactionStylesRefresh)
+    xcss: (0, _react2.cx)(styles.reactionButton, useCompactStyles && styles.compactButton, reacted && styles.reacted, !reacted && showSubtleStyle && styles.borderless, !reacted && showOpaqueBackground && styles.opaqueBackground, (0, _fg.fg)('platform-component-visual-refresh') && styles.reactionStylesRefresh)
   }, dataAttributes), /*#__PURE__*/React.createElement(_FlashAnimation.FlashAnimation, {
     flash: flash,
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? "_2rkolb4i _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3i3698" : "_2rko19bv _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3i3698"]),
+    className: (0, _runtime.ax)([(0, _fg.fg)('platform-component-visual-refresh') ? "_2rkolb4i _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3i3698" : "_2rko19bv _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3i3698"]),
     style: {
       "--_1ed2mu0": (0, _runtime.ix)("".concat(flashHeight, "px"))
     }

package/dist/cjs/components/ReactionPicker.js

@@ -14,8 +14,10 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _picker = require("@atlaskit/emoji/picker");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _popper = require("@atlaskit/popper");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _manager = require("@atlaskit/popper/manager");
+var _main = require("@atlaskit/popper/main");
+var _reference = require("@atlaskit/popper/reference");
 var _constants = require("@atlaskit/theme/constants");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _useCloseManager = require("../hooks/useCloseManager");
@@ -26,7 +28,7 @@ var _ufo = require("../ufo");
 var _Selector = require("./Selector");
 var _Trigger = require("./Trigger");
 var _RepositionOnUpdate = require("./RepositionOnUpdate");
-var _portal = _interopRequireDefault(require("@atlaskit/portal"));
+var _portal = _interopRequireDefault(require("@atlaskit/portal/portal"));
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -243,7 +245,7 @@ var ReactionPicker = exports.ReactionPicker = /*#__PURE__*/_react.default.memo(f
     // ufo reactions picker opened success
     _ufo.PickerRender.success({
       metadata: {
-        readingOrderInline: (0, _platformFeatureFlags.fg)('a11y_reactions_reading_order')
+        readingOrderInline: (0, _fg.fg)('a11y_reactions_reading_order')
       }
     });
   }, [hoverableReactionPicker, isPopupTrayOpen, setIsPopupTrayOpen, isTriggerClicked, setIsTriggerClicked, isHoverableReactionPickerEmojiPickerOpen, onOpen, settings, popperPlacement]);
@@ -320,7 +322,7 @@ var ReactionPicker = exports.ReactionPicker = /*#__PURE__*/_react.default.memo(f
     className: (0, _runtime.ax)(["_s7n4nkob _1pra1o8l", wrapperClassName]),
     "data-testid": RENDER_REACTIONPICKER_TESTID,
     ref: wrapperRef
-  }, /*#__PURE__*/_react.default.createElement(_popper.Manager, null, /*#__PURE__*/_react.default.createElement(_popper.Reference, null, function (_ref) {
+  }, /*#__PURE__*/_react.default.createElement(_manager.Manager, null, /*#__PURE__*/_react.default.createElement(_reference.Reference, null, function (_ref) {
     var _ref2 = _ref.ref;
     return (
       /*#__PURE__*/
@@ -359,7 +361,7 @@ var ReactionPicker = exports.ReactionPicker = /*#__PURE__*/_react.default.memo(f
         emojiPickerSize: emojiPickerSize
       }))
     );
-  }), isPopupTrayOpen && ((0, _platformFeatureFlags.fg)('a11y_reactions_reading_order') ?
+  }), isPopupTrayOpen && ((0, _fg.fg)('a11y_reactions_reading_order') ?
   // Render the picker panel inline (a DOM sibling directly after the trigger)
   // so assistive technologies encounter the expanded content in the correct
   // reading order. The popper still positions with `position: fixed`, so the
@@ -401,7 +403,7 @@ var PopperWrapper = exports.PopperWrapper = function PopperWrapper(props) {
       });
     }
   }, true, isOpen);
-  return /*#__PURE__*/_react.default.createElement(_popper.Popper, {
+  return /*#__PURE__*/_react.default.createElement(_main.Popper, {
     placement: settings.popperPlacement,
     modifiers: popperModifiers
   }, function (_ref3) {
@@ -427,7 +429,7 @@ var PopperWrapper = exports.PopperWrapper = function PopperWrapper(props) {
         }
       },
       // eslint-disable-next-line @atlassian/a11y/no-noninteractive-tabindex
-      tabIndex: (0, _platformFeatureFlags.fg)('platform_suppression_removal_fix_reactions') ? undefined : 0,
+      tabIndex: (0, _fg.fg)('platform_suppression_removal_fix_reactions') ? undefined : 0,
       className: (0, _runtime.ax)(["_nt751r31 _49pcglyw _1hvw1o36"])
     }, /*#__PURE__*/_react.default.createElement(_RepositionOnUpdate.RepositionOnUpdate, {
       update: update,

package/dist/cjs/components/ReactionSummaryView.js

@@ -13,7 +13,7 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _popup = _interopRequireDefault(require("@atlaskit/popup"));
+var _popup = require("@atlaskit/popup/popup");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _picker = require("@atlaskit/emoji/picker");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
@@ -189,7 +189,7 @@ var ReactionSummaryView = exports.ReactionSummaryView = function ReactionSummary
     }
   }, [hoverableSummaryView, isSummaryViewButtonHovered, setIsHoveringSummaryView, setSummaryPopupOpen, isSummaryViewButtonClicked]);
   var shouldRenderReactionSummaryList = (0, _isExperimentEnabled.isExperimentEnabled)('platform_a11y_reactions_hover_selector_list');
-  return /*#__PURE__*/React.createElement(_popup.default, {
+  return /*#__PURE__*/React.createElement(_popup.Popup, {
     placement: placement,
     content: function content(_ref2) {
       var recalculatePopupPosition = _ref2.update;

package/dist/cjs/components/ReactionTooltip.js

@@ -11,8 +11,8 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _constants = require("../shared/constants");
 var _i18n = require("../shared/i18n");
 var verticalMargin = exports.verticalMargin = 5;
@@ -48,7 +48,7 @@ var ReactionTooltip = exports.ReactionTooltip = function ReactionTooltip(_ref) {
     }
   };
   var content = !users || users.length === 0 || !isEnabled ? null : /*#__PURE__*/_react.default.createElement("div", {
-    tabIndex: (0, _platformFeatureFlags.fg)('platform_suppression_removal_fix_reactions') ? undefined : 0,
+    tabIndex: (0, _fg.fg)('platform_suppression_removal_fix_reactions') ? undefined : 0,
     className: (0, _runtime.ax)(["_1reo15vq _18m915vq _p12f1w81 _1bto1l2s _o5721q9c _otyr14y2 _d1n8glyw _102oidpf _1kvxidpf _1ysjidpf _17d4idpf _1hziidpf _3n4midpf _ltofidpf _k7zyidpf _1ywo1e5h _1pru15vq _u0h115vq _5qec1l2s _1eg614y2"])
   }, /*#__PURE__*/_react.default.createElement("ul", null, emojiName ? /*#__PURE__*/_react.default.createElement("li", {
     className: (0, _runtime.ax)(["_1p1d1dk0 _syaz15cr _k48p1pd9"])
@@ -74,7 +74,7 @@ var ReactionTooltip = exports.ReactionTooltip = function ReactionTooltip(_ref) {
       count: users.length - maxReactions
     }
   }))))));
-  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+  return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     content: content,
     position: "bottom",
     testId: RENDER_REACTIONTOOLTIP_TESTID

package/dist/cjs/components/ReactionView.js

@@ -12,8 +12,8 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _Avatar = _interopRequireDefault(require("@atlaskit/avatar/Avatar"));
-var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _tabs = require("@atlaskit/tabs");
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
+var _tabPanel = _interopRequireDefault(require("@atlaskit/tabs/tab-panel"));
 var _compiled = require("@atlaskit/primitives/compiled");
 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 userListStyle = null;
@@ -34,7 +34,7 @@ var ReactionView = exports.ReactionView = function ReactionView(_ref) {
       return a.displayName.localeCompare(b.displayName);
     })) || [];
   }, [reaction]);
-  return /*#__PURE__*/React.createElement(_tabs.TabPanel, null, /*#__PURE__*/React.createElement(_compiled.Flex, {
+  return /*#__PURE__*/React.createElement(_tabPanel.default, null, /*#__PURE__*/React.createElement(_compiled.Flex, {
     direction: "column",
     xcss: styles.reactionViewStyle
   }, alphabeticalNames.length === 0 ? /*#__PURE__*/React.createElement(_compiled.Box, {

package/dist/cjs/components/Reactions.js

@@ -15,8 +15,8 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _modalDialog = require("@atlaskit/modal-dialog");
+var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
+var _modalTransition = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-transition"));
 var _segment = _interopRequireDefault(require("@atlaskit/react-ufo/segment"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _analytics = require("../analytics");
@@ -171,7 +171,7 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
       setSummaryViewParticleEffectEmojiId(null);
     }
   }, [reactions]);
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var openTime = (0, _react.useRef)();
   var renderTime = (0, _react.useRef)();
@@ -436,7 +436,7 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
     reactionPickerPlacement: reactionPickerPlacement,
     reactionPickerPopperZIndex: reactionPickerPopperZIndex,
     className: (0, _runtime.ax)(["_1e0c1o8l _1pfh1b66"])
-  }), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, !!selectedEmojiId && /*#__PURE__*/_react.default.createElement(_segment.default, {
+  }), /*#__PURE__*/_react.default.createElement(_modalTransition.default, null, !!selectedEmojiId && /*#__PURE__*/_react.default.createElement(_segment.default, {
     name: "reactions-dialog"
   }, /*#__PURE__*/_react.default.createElement(_ReactionsDialog.ReactionsDialog, {
     selectedEmojiId: selectedEmojiId,

package/dist/cjs/components/ReactionsDialog.js

@@ -12,8 +12,9 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _tabs = _interopRequireDefault(require("@atlaskit/tabs"));
-var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _tabs = _interopRequireDefault(require("@atlaskit/tabs/tabs"));
+var _modalDialog = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-dialog"));
+var _modalBody = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-body"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("../shared/constants");
 var _ReactionsList = require("./ReactionsList");
@@ -109,7 +110,7 @@ var ReactionsDialog = exports.ReactionsDialog = function ReactionsDialog(_ref) {
     emojiProvider: emojiProvider,
     currentReactions: currentReactions,
     handleCloseReactionsDialog: handleCloseReactionsDialog
-  }), /*#__PURE__*/React.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/React.createElement(_compiled.Box, {
+  }), /*#__PURE__*/React.createElement(_modalBody.default, null, /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: styles.modalBodyStyle
   }, /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_1reo15vq _18m915vq _4t3i1osq _1e0c1txw _1bahv2br _kqswh2mm _1dm8q5uf _aetrb3bt _1bqqidpf _1ywu1ule _1yd81osq _1x88idpf _18postnw"])

package/dist/cjs/components/ReactionsDialogHeader.js

@@ -18,13 +18,15 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactIntl = require("react-intl");
 var _useThemeObserver2 = require("@atlaskit/tokens/use-theme-observer");
-var _modalDialog = require("@atlaskit/modal-dialog");
-var _tabs = require("@atlaskit/tabs");
+var _closeButton = require("@atlaskit/modal-dialog/close-button");
+var _tab = _interopRequireDefault(require("@atlaskit/tabs/tab"));
+var _tabList = _interopRequireDefault(require("@atlaskit/tabs/tab-list"));
 var _compiled = require("@atlaskit/primitives/compiled");
-var _new = require("@atlaskit/button/new");
-var _heading = _interopRequireDefault(require("@atlaskit/heading"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
+var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
+var _hooks = require("@atlaskit/modal-dialog/hooks");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
 var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
 var _element = require("@atlaskit/emoji/element");
@@ -54,7 +56,7 @@ var LeftNavigationButton = function LeftNavigationButton(_ref) {
   var intl = (0, _reactIntl.useIntl)();
   return /*#__PURE__*/React.createElement(_compiled.Flex, {
     xcss: styles.leftNavigationStyle
-  }, /*#__PURE__*/React.createElement(_new.IconButton, {
+  }, /*#__PURE__*/React.createElement(_button.default, {
     spacing: "compact",
     onClick: handlePreviousPage,
     icon: function icon(iconProps) {
@@ -71,7 +73,7 @@ var RightNavigationButton = function RightNavigationButton(_ref2) {
   var intl = (0, _reactIntl.useIntl)();
   return /*#__PURE__*/React.createElement(_compiled.Flex, {
     xcss: styles.rightNavigationStyle
-  }, /*#__PURE__*/React.createElement(_new.IconButton, {
+  }, /*#__PURE__*/React.createElement(_button.default, {
     spacing: "compact",
     onClick: handleNextPage,
     icon: function icon(iconProps) {
@@ -96,7 +98,7 @@ var ReactionsDialogHeader = exports.ReactionsDialogHeader = function ReactionsDi
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     cache = _useState2[0],
     setCache = _useState2[1];
-  var _useModal = (0, _modalDialog.useModal)(),
+  var _useModal = (0, _hooks.useModal)(),
     titleId = _useModal.titleId;
   var intl = (0, _reactIntl.useIntl)();
   var _useThemeObserver = (0, _useThemeObserver2.useThemeObserver)(),
@@ -151,14 +153,14 @@ var ReactionsDialogHeader = exports.ReactionsDialogHeader = function ReactionsDi
     id: titleId
   }, intl.formatMessage(_i18n.messages.reactionsCount, {
     count: totalReactionsCount
-  })), /*#__PURE__*/React.createElement(_modalDialog.CloseButton, {
+  })), /*#__PURE__*/React.createElement(_closeButton.CloseButton, {
     onClick: handleCloseReactionsDialog
   })), /*#__PURE__*/React.createElement(_compiled.Inline, null, /*#__PURE__*/React.createElement("div", {
     id: "reactions-dialog-tabs-list",
     className: (0, _runtime.ax)(["_1reo1wug _18m91wug _n7zlia51 _1e0c1txw _1bsb1osq _4cvr1y6m _80wau2gc _s2c4kb7n _141m1j28"])
   }, !isSinglePage && !isOnFirstPage && /*#__PURE__*/React.createElement(LeftNavigationButton, {
     handlePreviousPage: handlePreviousPage
-  }), /*#__PURE__*/React.createElement(_tabs.TabList, null, currentReactions.map(function (reaction, index) {
+  }), /*#__PURE__*/React.createElement(_tabList.default, null, currentReactions.map(function (reaction, index) {
     var emojiId = {
       id: reaction.emojiId,
       shortName: ''
@@ -171,10 +173,10 @@ var ReactionsDialogHeader = exports.ReactionsDialogHeader = function ReactionsDi
       onMouseEnter: function onMouseEnter() {
         handleMouseEnter(reaction);
       },
-      onFocus: (0, _platformFeatureFlags.fg)('platform_suppression_removal_fix_reactions') ? function () {
+      onFocus: (0, _fg.fg)('platform_suppression_removal_fix_reactions') ? function () {
         handleMouseEnter(reaction);
       } : undefined
-    }, /*#__PURE__*/React.createElement(_tabs.Tab, null, /*#__PURE__*/React.createElement(_tooltip.default, {
+    }, /*#__PURE__*/React.createElement(_tab.default, null, /*#__PURE__*/React.createElement(_Tooltip.default, {
       content: cache[reaction.emojiId],
       canAppear: function canAppear() {
         return !!cache[reaction.emojiId];

package/dist/cjs/components/ReactionsDialogTrigger.js

@@ -10,7 +10,7 @@ exports.ReactionsDialogTrigger = void 0;
 require("./ReactionsDialogTrigger.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _react2 = require("@compiled/react");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
@@ -30,7 +30,7 @@ var ReactionsDialogTrigger = exports.ReactionsDialogTrigger = function Reactions
     xcss: (0, _react2.cx)(styles.trigger, styles.transparentEnabledTrigger),
     onClick: onClick,
     "aria-label": intl.formatMessage(_i18n.messages.seeWhoReactedTooltip)
-  }, /*#__PURE__*/React.createElement(_tooltip.default, {
+  }, /*#__PURE__*/React.createElement(_Tooltip.default, {
     content: intl.formatMessage(_i18n.messages.seeWhoReactedTooltip)
   }, /*#__PURE__*/React.createElement(_showMoreHorizontal.default, {
     label: intl.formatMessage(_i18n.messages.seeWhoReacted)

package/dist/cjs/components/Selector.js

@@ -15,7 +15,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _i18n = require("../shared/i18n");
 var _constants = require("../shared/constants");
 var _EmojiButton = require("./EmojiButton");
@@ -76,7 +76,7 @@ var Selector = exports.Selector = function Selector(_ref2) {
    */
   var renderEmoji = function renderEmoji(emoji, index) {
     var _emoji$id, _emoji$id2, _emoji$id3;
-    var emojiButtonAndTooltip = /*#__PURE__*/React.createElement(_tooltip.default, {
+    var emojiButtonAndTooltip = /*#__PURE__*/React.createElement(_Tooltip.default, {
       key: (_emoji$id = emoji.id) !== null && _emoji$id !== void 0 ? _emoji$id : emoji.shortName,
       content: emoji.shortName
     }, /*#__PURE__*/React.createElement(_EmojiButton.EmojiButton, {

package/dist/cjs/components/ShowMore.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.ShowMore = exports.RENDER_SHOWMORE_TESTID = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _new = require("@atlaskit/button/new");
+var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _i18n = require("../shared/i18n");
 /**
  * Test id for wrapper button
@@ -21,9 +21,9 @@ var RENDER_SHOWMORE_TESTID = exports.RENDER_SHOWMORE_TESTID = 'show-more-button'
 var ShowMore = exports.ShowMore = function ShowMore(_ref) {
   var onClick = _ref.onClick;
   return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.moreEmoji, function (message) {
-    return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
       content: message
-    }, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
+    }, /*#__PURE__*/_react.default.createElement(_button.default, {
       label: message,
       onClick: onClick,
       testId: RENDER_SHOWMORE_TESTID,

package/dist/cjs/components/Trigger.js

@@ -10,9 +10,9 @@ require("./Trigger.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactIntl = require("react-intl");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _emojiAdd = _interopRequireDefault(require("@atlaskit/icon/core/emoji-add"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _react = require("@compiled/react");
 var _react2 = _interopRequireDefault(require("react"));
@@ -86,7 +86,7 @@ var Trigger = exports.Trigger = /*#__PURE__*/_react2.default.forwardRef(function
   var renderPressableButton = function renderPressableButton() {
     return /*#__PURE__*/_react2.default.createElement(_compiled.Pressable, (0, _extends2.default)({
       testId: RENDER_TRIGGER_BUTTON_TESTID,
-      xcss: (0, _react.cx)(styles.trigger, (fullWidthSummaryViewReactionPickerTrigger || fullWidthSelectorTrayReactionPickerTrigger) && styles.fullWidth, subtleReactionsSummaryAndPicker && styles.subtleTrigger, showAddReactionText && styles.expandedTrigger, disabled ? styles.disabledTrigger : showOpaqueBackground ? styles.opaqueEnabledTrigger : styles.transparentEnabledTrigger, miniMode && styles.miniMode, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') && styles.triggerStylesRefresh),
+      xcss: (0, _react.cx)(styles.trigger, (fullWidthSummaryViewReactionPickerTrigger || fullWidthSelectorTrayReactionPickerTrigger) && styles.fullWidth, subtleReactionsSummaryAndPicker && styles.subtleTrigger, showAddReactionText && styles.expandedTrigger, disabled ? styles.disabledTrigger : showOpaqueBackground ? styles.opaqueEnabledTrigger : styles.transparentEnabledTrigger, miniMode && styles.miniMode, (0, _fg.fg)('platform-component-visual-refresh') && styles.triggerStylesRefresh),
       style: {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography
         lineHeight: '16px'
@@ -102,7 +102,7 @@ var Trigger = exports.Trigger = /*#__PURE__*/_react2.default.forwardRef(function
     _react2.default.createElement(_emojiAdd.default, {
       testId: "emoji-add-icon",
       color: disabled ? "var(--ds-icon-disabled, #080F214A)" : "var(--ds-icon, #292A2E)",
-      label: (0, _platformFeatureFlags.fg)('tef_fix_a11y_add_reaction_button_language_support') ? formatMessage(i18n.addReaction) : 'Add reaction',
+      label: (0, _fg.fg)('tef_fix_a11y_add_reaction_button_language_support') ? formatMessage(i18n.addReaction) : 'Add reaction',
       "aria-hidden": true,
       size: emojiPickerSize === 'small' ? 'small' : 'medium'
     }), showAddReactionText && /*#__PURE__*/_react2.default.createElement(_compiled.Box, {
@@ -112,7 +112,7 @@ var Trigger = exports.Trigger = /*#__PURE__*/_react2.default.forwardRef(function
   return /*#__PURE__*/_react2.default.createElement(_compiled.Box, {
     xcss: (0, _react.cx)(fullWidthSummaryViewReactionPickerTrigger && styles.fullWidthSummaryViewReactionPickerTrigger, fullWidthSelectorTrayReactionPickerTrigger && styles.fullWidthSelectorTrayReactionPickerTrigger),
     testId: RENDER_TRIGGER_CONTAINER_TESTID
-  }, /*#__PURE__*/_react2.default.createElement(_tooltip.default, {
+  }, /*#__PURE__*/_react2.default.createElement(_Tooltip.default, {
     testId: RENDER_TOOLTIP_TRIGGER_TESTID,
     content: tooltipContent,
     canAppear: function canAppear() {

package/dist/cjs/containers/ConnectedReactionsView/ConnectedReactionsView.js

@@ -12,8 +12,8 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _FabricElementsAnalyticsContext = require("@atlaskit/analytics-namespaced-context/FabricElementsAnalyticsContext");
+var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _components = require("../../components");
 var _Reactions = require("../../components/Reactions");
 var _store2 = require("../../store");
@@ -107,7 +107,7 @@ var ConnectedReactionsView = exports.ConnectedReactionsView = function Connected
     setDispatchData = _useState4[1];
   // compose a UFO experience object
   var experienceInstance = (0, _react.useRef)();
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   (0, _react.useEffect)(function () {
     experienceInstance.current = _store2.ufoExperiences.render(ari);
@@ -226,7 +226,7 @@ var ConnectedReactionsView = exports.ConnectedReactionsView = function Connected
       }))();
     };
   }, [mapStateToProps, store]);
-  return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
+  return /*#__PURE__*/_react.default.createElement(_FabricElementsAnalyticsContext.FabricElementsAnalyticsContext, {
     data: {
       containerAri: containerAri,
       ari: ari

package/dist/cjs/ufo/index.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.sampledReactionsRendered = exports.ReactionsRendered = exports.ReactionsRemove = exports.ReactionsAdd = exports.ReactionDialogSelectedReactionChanged = exports.ReactionDialogOpened = exports.ReactionDetailsFetch = exports.PickerRender = exports.ExperienceName = exports.ComponentName = void 0;
-var _ufo = require("@atlaskit/ufo");
+var _concurrentExperience = require("@atlaskit/ufo/concurrent-experience");
+var _experience = require("@atlaskit/ufo/experience");
+var _experienceTypes = require("@atlaskit/ufo/experience-types");
 var _emoji = require("@atlaskit/emoji");
 /**
  * Initial experience config object (deferred from @atlaskit/ufo inner types)
@@ -52,37 +54,37 @@ var ComponentName = exports.ComponentName = /*#__PURE__*/function (ComponentName
 /**
  * Experience when the emoji picker is opened
  */
-var PickerRender = exports.PickerRender = new _ufo.UFOExperience(ExperienceName.PICKER_OPENED, createExperienceConfig(ComponentName.PICKER_RENDERED, _ufo.ExperienceTypes.Experience, _ufo.ExperiencePerformanceTypes.InlineResult));
+var PickerRender = exports.PickerRender = new _experience.UFOExperience(ExperienceName.PICKER_OPENED, createExperienceConfig(ComponentName.PICKER_RENDERED, _experienceTypes.ExperienceTypes.Experience, _experienceTypes.ExperiencePerformanceTypes.InlineResult));
 
 /**
  * Experience when the list of reactions gets rendered
  */
-var ReactionsRendered = exports.ReactionsRendered = new _ufo.ConcurrentExperience(ExperienceName.REACTIONS_RENDERED, createExperienceConfig(ComponentName.REACTIONS, _ufo.ExperienceTypes.Load, _ufo.ExperiencePerformanceTypes.PageSegmentLoad));
+var ReactionsRendered = exports.ReactionsRendered = new _concurrentExperience.ConcurrentExperience(ExperienceName.REACTIONS_RENDERED, createExperienceConfig(ComponentName.REACTIONS, _experienceTypes.ExperienceTypes.Load, _experienceTypes.ExperiencePerformanceTypes.PageSegmentLoad));
 
 /**
  * Experience when a reaction emoji gets added
  */
-var ReactionsAdd = exports.ReactionsAdd = new _ufo.ConcurrentExperience(ExperienceName.REACTION_ADDED, createExperienceConfig(ComponentName.REACTIONS, _ufo.ExperienceTypes.Experience, _ufo.ExperiencePerformanceTypes.InlineResult));
+var ReactionsAdd = exports.ReactionsAdd = new _concurrentExperience.ConcurrentExperience(ExperienceName.REACTION_ADDED, createExperienceConfig(ComponentName.REACTIONS, _experienceTypes.ExperienceTypes.Experience, _experienceTypes.ExperiencePerformanceTypes.InlineResult));
 
 /**
  * Expeirence when a reaction dialog is opened
  */
-var ReactionDialogOpened = exports.ReactionDialogOpened = new _ufo.UFOExperience(ExperienceName.REACTION_DIALOG_OPENED, createExperienceConfig(ComponentName.REACTION_DIALOG, _ufo.ExperienceTypes.Experience, _ufo.ExperiencePerformanceTypes.InlineResult));
+var ReactionDialogOpened = exports.ReactionDialogOpened = new _experience.UFOExperience(ExperienceName.REACTION_DIALOG_OPENED, createExperienceConfig(ComponentName.REACTION_DIALOG, _experienceTypes.ExperienceTypes.Experience, _experienceTypes.ExperiencePerformanceTypes.InlineResult));
 
 /**
  * Experience when a reaction changed/fetched from inside the modal dialog
  */
-var ReactionDialogSelectedReactionChanged = exports.ReactionDialogSelectedReactionChanged = new _ufo.UFOExperience(ExperienceName.REACTION_DIALOG_SELECTED_REACTION_CHANGED, createExperienceConfig(ComponentName.REACTION_DIALOG, _ufo.ExperienceTypes.Experience, _ufo.ExperiencePerformanceTypes.InlineResult));
+var ReactionDialogSelectedReactionChanged = exports.ReactionDialogSelectedReactionChanged = new _experience.UFOExperience(ExperienceName.REACTION_DIALOG_SELECTED_REACTION_CHANGED, createExperienceConfig(ComponentName.REACTION_DIALOG, _experienceTypes.ExperienceTypes.Experience, _experienceTypes.ExperiencePerformanceTypes.InlineResult));
 
 /**
  * Experience when a reaction details gets fetched
  */
-var ReactionDetailsFetch = exports.ReactionDetailsFetch = new _ufo.ConcurrentExperience(ExperienceName.REACTION_DETAILS_FETCHED, createExperienceConfig(ComponentName.REACTION_ITEM, _ufo.ExperienceTypes.Experience, _ufo.ExperiencePerformanceTypes.InlineResult));
+var ReactionDetailsFetch = exports.ReactionDetailsFetch = new _concurrentExperience.ConcurrentExperience(ExperienceName.REACTION_DETAILS_FETCHED, createExperienceConfig(ComponentName.REACTION_ITEM, _experienceTypes.ExperienceTypes.Experience, _experienceTypes.ExperiencePerformanceTypes.InlineResult));
 
 /**
  * Experience when a reaction emoji gets removed/decrement
  */
-var ReactionsRemove = exports.ReactionsRemove = new _ufo.ConcurrentExperience(ExperienceName.REACTION_REMOVED, createExperienceConfig(ComponentName.REACTIONS, _ufo.ExperienceTypes.Experience, _ufo.ExperiencePerformanceTypes.InlineResult));
+var ReactionsRemove = exports.ReactionsRemove = new _concurrentExperience.ConcurrentExperience(ExperienceName.REACTION_REMOVED, createExperienceConfig(ComponentName.REACTIONS, _experienceTypes.ExperienceTypes.Experience, _experienceTypes.ExperiencePerformanceTypes.InlineResult));
 var sampledReactionsRendered = exports.sampledReactionsRendered = function sampledReactionsRendered(instanceId) {
   return (0, _emoji.withSampling)(ReactionsRendered.getInstance(instanceId));
 };

package/dist/es2019/analytics/index.js

@@ -1,8 +1,8 @@
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports
-import { createAndFireEvent } from '@atlaskit/analytics-next';
+import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 const packageName = "@atlaskit/reactions";
-const packageVersion = "35.13.3";
+const packageVersion = "35.13.5";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/es2019/components/EmojiButton.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useIntl } from 'react-intl';
 import { defaultEmojiHeight, ResourcedEmoji } from '@atlaskit/emoji';
-import FeatureGates from '@atlaskit/feature-gate-js-client';
+import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { messages } from '../shared/i18n';
 import { isLeftClick } from '../shared/utils';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';

package/dist/es2019/components/Reaction.js

@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
 import { cx } from '@atlaskit/css';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { ResourcedEmoji } from '@atlaskit/emoji';
 import { createAndFireSafe, createReactionClickedEvent, createReactionFocusedEvent, createReactionHoveredEvent } from '../analytics';
 import { Counter } from './Counter';

package/dist/es2019/components/ReactionButton.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { cx } from '@compiled/react';
 import { FlashAnimation } from './FlashAnimation';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { Pressable } from '@atlaskit/primitives/compiled';
 const styles = {