@atlaskit/reactions 36.7.9 → 36.7.10

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/reactions
 
+## 36.7.10
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 36.7.9
 
 ### Patch Changes

package/dist/cjs/analytics/index.js

@@ -11,7 +11,7 @@ var _createAndFireEvents = _interopRequireDefault(require("@atlaskit/analytics-n
 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 = "36.7.8";
+var packageVersion = "36.7.9";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/client/ReactionServiceClient.js

@@ -8,7 +8,7 @@ exports.ReactionServiceClient = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _utilServiceSupport = require("@atlaskit/util-service-support");
+var _constants = require("@atlaskit/util-service-support/constants");
 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; }
 /**
@@ -37,7 +37,7 @@ var ReactionServiceClient = exports.ReactionServiceClient = /*#__PURE__*/functio
      * @param options Optional custom params
      */
     (0, _defineProperty2.default)(this, "requestService", function (path, options) {
-      return _utilServiceSupport.utils.requestService(_this.serviceConfig, _objectSpread(_objectSpread({}, options), {}, {
+      return _constants.utils.requestService(_this.serviceConfig, _objectSpread(_objectSpread({}, options), {}, {
         path: path
       }));
     });

package/dist/cjs/components/Reaction.js

@@ -17,9 +17,10 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _reactIntl = require("react-intl");
 var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _css = require("@atlaskit/css");
-var _emoji = require("@atlaskit/emoji");
+var _resourcedEmoji = _interopRequireDefault(require("@atlaskit/emoji/resourced-emoji"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _inline = require("@atlaskit/primitives/compiled/inline");
 var _analytics = require("../analytics");
 var _constants = require("../shared/constants");
 var _i18n = require("../shared/i18n");
@@ -142,9 +143,9 @@ var Reaction = exports.Reaction = function Reaction(_ref) {
   var dismissTooltip = function dismissTooltip() {
     setIsTooltipEnabled(false);
   };
-  var emojiAndCount = /*#__PURE__*/React.createElement(_compiled.Inline, null, /*#__PURE__*/React.createElement("div", {
+  var emojiAndCount = /*#__PURE__*/React.createElement(_inline.Inline, null, /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_1rjc1b66 _8hrz1nam _vwz41crf _bozgu2gc _y4ti1b66", reaction.count === 0 && "_1rjc1b66 _bozg19bv _y4tiv77o"])
-  }, /*#__PURE__*/React.createElement(_emoji.ResourcedEmoji, {
+  }, /*#__PURE__*/React.createElement(_resourcedEmoji.default, {
     emojiProvider: emojiProvider,
     emojiId: emojiId,
     fitToHeight: _constants.RESOURCED_EMOJI_COMPACT_HEIGHT,
@@ -162,7 +163,7 @@ var Reaction = exports.Reaction = function Reaction(_ref) {
       count: reaction.count
     });
   }
-  return /*#__PURE__*/React.createElement(_compiled.Box, {
+  return /*#__PURE__*/React.createElement(_box.Box, {
     xcss: (0, _css.cx)(styles.container, rootElement === 'li' ? styles.listItem : undefined, rootElement === 'li' && (0, _fg.fg)('platform_a11y_fixes_reading_order') ? styles.listItemNoMarker : undefined),
     as: rootElement
   }, showParticleEffect && /*#__PURE__*/React.createElement(_ReactionParticleEffect.ReactionParticleEffect, {

package/dist/cjs/components/ReactionButton.js

@@ -14,7 +14,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react2 = require("@compiled/react");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _pressable = require("@atlaskit/primitives/compiled/pressable");
 var _FlashAnimation = require("./FlashAnimation");
 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 styles = {
@@ -52,7 +52,7 @@ var ReactionButton = exports.ReactionButton = function ReactionButton(_ref) {
     _ref$dataAttributes = _ref.dataAttributes,
     dataAttributes = _ref$dataAttributes === void 0 ? {} : _ref$dataAttributes,
     testId = _ref.testId;
-  return /*#__PURE__*/React.createElement(_compiled.Pressable, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(_pressable.Pressable, (0, _extends2.default)({
     onClick: onClick,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,

package/dist/cjs/components/ReactionParticleEffect.js

@@ -11,7 +11,7 @@ require("./ReactionParticleEffect.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _emoji = require("@atlaskit/emoji");
+var _resourcedEmoji = _interopRequireDefault(require("@atlaskit/emoji/resourced-emoji"));
 var _constants = require("@atlaskit/theme/constants");
 var _constants2 = require("../shared/constants");
 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); }
@@ -30,7 +30,7 @@ var ReactionParticleEffect = exports.ReactionParticleEffect = function ReactionP
     return /*#__PURE__*/React.createElement("div", {
       key: index,
       className: (0, _runtime.ax)(["_y44v7u0o _kqswstnw _154iidpf _1ltvidpf _lcxvglyw _tzy4idpf _5sagpwmj _1qen1lpd _xg4k6ebc _91vyftgi _1lac188d _jsy51n1a _7vm81dfm"])
-    }, /*#__PURE__*/React.createElement(_emoji.ResourcedEmoji, {
+    }, /*#__PURE__*/React.createElement(_resourcedEmoji.default, {
       emojiProvider: emojiProvider,
       emojiId: emojiId,
       fitToHeight: _constants2.RESOURCED_EMOJI_COMPACT_HEIGHT,

package/dist/cjs/components/ReactionSummaryButton.js

@@ -14,8 +14,11 @@ var _runtime = require("@compiled/react/runtime");
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react2 = require("@compiled/react");
 var _reactIntl = require("react-intl");
-var _emoji = require("@atlaskit/emoji");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _resourcedEmoji = _interopRequireDefault(require("@atlaskit/emoji/resourced-emoji"));
+var _box = require("@atlaskit/primitives/compiled/box");
+var _flex = require("@atlaskit/primitives/compiled/flex");
+var _inline = require("@atlaskit/primitives/compiled/inline");
+var _stack = require("@atlaskit/primitives/compiled/stack");
 var _constants = require("../shared/constants");
 var _i18n = require("../shared/i18n");
 var _Counter = require("./Counter");
@@ -76,14 +79,14 @@ var ReactionSummaryButton = exports.ReactionSummaryButton = /*#__PURE__*/(0, _re
   var topReactions = (0, _react.useMemo)(function () {
     return getTopReactions(reactions, emojisToShow);
   }, [emojisToShow, reactions]);
-  return /*#__PURE__*/React.createElement(_compiled.Flex, {
+  return /*#__PURE__*/React.createElement(_flex.Flex, {
     xcss: styles.container,
     ref: ref,
     alignItems: "center",
     justifyContent: "center"
-  }, /*#__PURE__*/React.createElement(_compiled.Stack, {
+  }, /*#__PURE__*/React.createElement(_stack.Stack, {
     alignInline: "center"
-  }, summaryViewParticleEffectEmojiId && /*#__PURE__*/React.createElement(_compiled.Box, {
+  }, summaryViewParticleEffectEmojiId && /*#__PURE__*/React.createElement(_box.Box, {
     xcss: styles.particleEffectContainer
   }, /*#__PURE__*/React.createElement(_ReactionParticleEffect.ReactionParticleEffect, {
     key: summaryViewParticleEffectEmojiId.id,
@@ -100,19 +103,19 @@ var ReactionSummaryButton = exports.ReactionSummaryButton = /*#__PURE__*/(0, _re
     ariaExpanded: isOpen,
     showSubtleStyle: subtleReactionsSummaryAndPicker,
     showOpaqueBackground: showOpaqueBackground
-  }, /*#__PURE__*/React.createElement(_compiled.Inline, {
+  }, /*#__PURE__*/React.createElement(_inline.Inline, {
     space: "space.050",
     xcss: (0, _react2.cx)(styles.button),
     testId: "reaction-summary-wrapper"
   }, topReactions.map(function (reaction) {
-    return /*#__PURE__*/React.createElement(_compiled.Box, {
+    return /*#__PURE__*/React.createElement(_box.Box, {
       xcss: styles.emoji,
       testId: RENDER_SUMMARY_EMOJI_TESTID,
       style: {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography
         lineHeight: '12px'
       }
-    }, /*#__PURE__*/React.createElement(_emoji.ResourcedEmoji, {
+    }, /*#__PURE__*/React.createElement(_resourcedEmoji.default, {
       key: reaction.emojiId,
       emojiProvider: emojiProvider,
       emojiId: {
@@ -127,7 +130,7 @@ var ReactionSummaryButton = exports.ReactionSummaryButton = /*#__PURE__*/(0, _re
     value: totalReactionsCount,
     useDarkerFont: useButtonAlignmentStyling,
     useUpdatedStyles: useButtonAlignmentStyling
-  }), summaryButtonIconAfter && /*#__PURE__*/React.createElement(_compiled.Box, {
+  }), summaryButtonIconAfter && /*#__PURE__*/React.createElement(_box.Box, {
     xcss: styles.summaryButtonIconAfter
   }, summaryButtonIconAfter))));
 });

package/dist/cjs/components/ReactionSummaryView.js

@@ -13,10 +13,12 @@ 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 _picker = require("@atlaskit/emoji/picker");
+var _emojiPicker = _interopRequireDefault(require("@atlaskit/emoji/emoji-picker"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _popup = require("@atlaskit/popup/popup");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _flex = require("@atlaskit/primitives/compiled/flex");
+var _inline = require("@atlaskit/primitives/compiled/inline");
 var _useDelayedState3 = require("../hooks/useDelayedState");
 var _ufo = require("../ufo");
 var _Reaction = require("./Reaction");
@@ -192,16 +194,16 @@ var ReactionSummaryView = exports.ReactionSummaryView = function ReactionSummary
     placement: placement,
     content: function content(_ref2) {
       var recalculatePopupPosition = _ref2.update;
-      return isEmojiPickerOpen ? /*#__PURE__*/React.createElement(_picker.EmojiPicker, {
+      return isEmojiPickerOpen ? /*#__PURE__*/React.createElement(_emojiPicker.default, {
         contentId: contentId,
         emojiProvider: emojiProvider,
         onSelection: onEmojiSelected,
         size: emojiPickerSize
-      }) : /*#__PURE__*/React.createElement(_compiled.Box, {
+      }) : /*#__PURE__*/React.createElement(_box.Box, {
         testId: RENDER_SUMMARY_VIEW_POPUP_TESTID,
         onMouseEnter: handleSummaryViewTrayMouseEnter,
         onMouseLeave: handleSummaryViewTrayMouseLeave
-      }, allowSelectFromSummaryView && /*#__PURE__*/React.createElement(_compiled.Flex, {
+      }, allowSelectFromSummaryView && /*#__PURE__*/React.createElement(_flex.Flex, {
         justifyContent: "center",
         testId: "reaction-summary-view-emoji-picker-container"
       }, /*#__PURE__*/React.createElement(_Trigger.Trigger, {
@@ -215,7 +217,7 @@ var ReactionSummaryView = exports.ReactionSummaryView = function ReactionSummary
         showAddReactionText: true,
         reactionPickerTriggerText: reactionPickerTriggerText,
         fullWidthSummaryViewReactionPickerTrigger: true
-      })), /*#__PURE__*/React.createElement(_compiled.Inline, {
+      })), /*#__PURE__*/React.createElement(_inline.Inline, {
         as: "ul",
         xcss: styles.summaryList,
         space: "space.025",

package/dist/cjs/components/ReactionView.js

@@ -14,7 +14,8 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactIntl = require("react-intl");
 var _Avatar = _interopRequireDefault(require("@atlaskit/avatar/Avatar"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _flex = require("@atlaskit/primitives/compiled/flex");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
 var _tabPanel = _interopRequireDefault(require("@atlaskit/tabs/tab-panel"));
 var _i18n = require("../shared/i18n");
@@ -39,10 +40,10 @@ var ReactionView = exports.ReactionView = function ReactionView(_ref) {
       return ((_a$agent$name = (_a$agent = a.agent) === null || _a$agent === void 0 ? void 0 : _a$agent.name) !== null && _a$agent$name !== void 0 ? _a$agent$name : a.displayName).localeCompare((_b$agent$name = (_b$agent = b.agent) === null || _b$agent === void 0 ? void 0 : _b$agent.name) !== null && _b$agent$name !== void 0 ? _b$agent$name : b.displayName);
     })) || [];
   }, [reaction]);
-  return /*#__PURE__*/React.createElement(_tabPanel.default, null, /*#__PURE__*/React.createElement(_compiled.Flex, {
+  return /*#__PURE__*/React.createElement(_tabPanel.default, null, /*#__PURE__*/React.createElement(_flex.Flex, {
     direction: "column",
     xcss: styles.reactionViewStyle
-  }, alphabeticalNames.length === 0 ? /*#__PURE__*/React.createElement(_compiled.Box, {
+  }, alphabeticalNames.length === 0 ? /*#__PURE__*/React.createElement(_box.Box, {
     xcss: styles.centerSpinnerStyle
   }, /*#__PURE__*/React.createElement(_spinner.default, {
     size: "large",
@@ -59,7 +60,7 @@ var ReactionView = exports.ReactionView = function ReactionView(_ref) {
       user: user,
       agent: user.agent,
       ProfileCardWrapper: ProfileCardWrapper
-    }) : ProfileCardWrapper && user.accountId ? /*#__PURE__*/React.createElement(_compiled.Box, {
+    }) : ProfileCardWrapper && user.accountId ? /*#__PURE__*/React.createElement(_box.Box, {
       xcss: styles.profileWrapperStyle
     }, /*#__PURE__*/React.createElement(ProfileCardWrapper, {
       userId: user.accountId,
@@ -74,7 +75,7 @@ var ReactionView = exports.ReactionView = function ReactionView(_ref) {
       size: "medium",
       src: profile,
       testId: "profile"
-    }), /*#__PURE__*/React.createElement(_compiled.Flex, {
+    }), /*#__PURE__*/React.createElement(_flex.Flex, {
       xcss: styles.userDescriptionStyle
     }, /*#__PURE__*/React.createElement("div", null, user.agent ? /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.agentWithPerson, {
       values: {

package/dist/cjs/components/ReactionsDialog.js

@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _modalBody = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-body"));
 var _modalDialog = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-dialog"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _tabs = _interopRequireDefault(require("@atlaskit/tabs/tabs"));
 var _constants = require("../shared/constants");
 var _ReactionsDialogHeader = require("./ReactionsDialogHeader");
@@ -110,7 +110,7 @@ var ReactionsDialog = exports.ReactionsDialog = function ReactionsDialog(_ref) {
     emojiProvider: emojiProvider,
     currentReactions: currentReactions,
     handleCloseReactionsDialog: handleCloseReactionsDialog
-  }), /*#__PURE__*/React.createElement(_modalBody.default, null, /*#__PURE__*/React.createElement(_compiled.Box, {
+  }), /*#__PURE__*/React.createElement(_modalBody.default, null, /*#__PURE__*/React.createElement(_box.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,7 +18,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactIntl = require("react-intl");
 var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
-var _element = require("@atlaskit/emoji/element");
+var _resourcedEmoji = _interopRequireDefault(require("@atlaskit/emoji/resourced-emoji"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
 var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
@@ -27,7 +27,10 @@ var _hooks = require("@atlaskit/modal-dialog/hooks");
 var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-header"));
 var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _flex = require("@atlaskit/primitives/compiled/flex");
+var _inline = require("@atlaskit/primitives/compiled/inline");
+var _stack = require("@atlaskit/primitives/compiled/stack");
 var _tab = _interopRequireDefault(require("@atlaskit/tabs/tab"));
 var _tabList = _interopRequireDefault(require("@atlaskit/tabs/tab-list"));
 var _useThemeObserver2 = require("@atlaskit/tokens/use-theme-observer");
@@ -56,7 +59,7 @@ var firstElement = null;
 var LeftNavigationButton = function LeftNavigationButton(_ref) {
   var handlePreviousPage = _ref.handlePreviousPage;
   var intl = (0, _reactIntl.useIntl)();
-  return /*#__PURE__*/React.createElement(_compiled.Flex, {
+  return /*#__PURE__*/React.createElement(_flex.Flex, {
     xcss: styles.leftNavigationStyle
   }, /*#__PURE__*/React.createElement(_button.default, {
     spacing: "compact",
@@ -73,7 +76,7 @@ var LeftNavigationButton = function LeftNavigationButton(_ref) {
 var RightNavigationButton = function RightNavigationButton(_ref2) {
   var handleNextPage = _ref2.handleNextPage;
   var intl = (0, _reactIntl.useIntl)();
-  return /*#__PURE__*/React.createElement(_compiled.Flex, {
+  return /*#__PURE__*/React.createElement(_flex.Flex, {
     xcss: styles.rightNavigationStyle
   }, /*#__PURE__*/React.createElement(_button.default, {
     spacing: "compact",
@@ -145,11 +148,11 @@ var ReactionsDialogHeader = exports.ReactionsDialogHeader = function ReactionsDi
       }, _callee);
     }))();
   };
-  return /*#__PURE__*/React.createElement(_compiled.Stack, null, (0, _fg.fg)('platform_dst_modal-dialog-use-modal-title') ? /*#__PURE__*/React.createElement(_modalHeader.default, {
+  return /*#__PURE__*/React.createElement(_stack.Stack, null, (0, _fg.fg)('platform_dst_modal-dialog-use-modal-title') ? /*#__PURE__*/React.createElement(_modalHeader.default, {
     hasCloseButton: true
   }, /*#__PURE__*/React.createElement(_modalTitle.default, null, intl.formatMessage(_i18n.messages.reactionsCount, {
     count: totalReactionsCount
-  }))) : /*#__PURE__*/React.createElement(_compiled.Flex, {
+  }))) : /*#__PURE__*/React.createElement(_flex.Flex, {
     direction: "row",
     justifyContent: "space-between",
     alignItems: "center",
@@ -161,7 +164,7 @@ var ReactionsDialogHeader = exports.ReactionsDialogHeader = function ReactionsDi
     count: totalReactionsCount
   })), /*#__PURE__*/React.createElement(_closeButton.CloseButton, {
     onClick: handleCloseReactionsDialog
-  })), /*#__PURE__*/React.createElement(_compiled.Inline, null, /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement(_inline.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, {
@@ -187,18 +190,18 @@ var ReactionsDialogHeader = exports.ReactionsDialogHeader = function ReactionsDi
       canAppear: function canAppear() {
         return !!cache[reaction.emojiId];
       }
-    }, /*#__PURE__*/React.createElement(_compiled.Flex, {
+    }, /*#__PURE__*/React.createElement(_flex.Flex, {
       justifyContent: "center",
       alignItems: "center",
       direction: "row"
-    }, /*#__PURE__*/React.createElement(_compiled.Box, {
+    }, /*#__PURE__*/React.createElement(_box.Box, {
       xcss: styles.emoji
-    }, /*#__PURE__*/React.createElement(_element.ResourcedEmoji, {
+    }, /*#__PURE__*/React.createElement(_resourcedEmoji.default, {
       emojiProvider: emojiProvider,
       emojiId: emojiId,
       fitToHeight: _constants.RESOURCED_EMOJI_COMPACT_HEIGHT,
       showTooltip: true
-    })), /*#__PURE__*/React.createElement(_compiled.Box, {
+    })), /*#__PURE__*/React.createElement(_box.Box, {
       xcss: styles.counterStyle
     }, /*#__PURE__*/React.createElement(_Counter.Counter, {
       value: reaction.count

package/dist/cjs/components/ReactionsDialogTrigger.js

@@ -13,7 +13,7 @@ var _runtime = require("@compiled/react/runtime");
 var _react2 = require("@compiled/react");
 var _reactIntl = require("react-intl");
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _pressable = require("@atlaskit/primitives/compiled/pressable");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _i18n = require("../shared/i18n");
 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); }
@@ -26,7 +26,7 @@ var styles = {
 var ReactionsDialogTrigger = exports.ReactionsDialogTrigger = function ReactionsDialogTrigger(_ref) {
   var onClick = _ref.onClick;
   var intl = (0, _reactIntl.useIntl)();
-  return /*#__PURE__*/React.createElement(_compiled.Pressable, {
+  return /*#__PURE__*/React.createElement(_pressable.Pressable, {
     xcss: (0, _react2.cx)(styles.trigger, styles.transparentEnabledTrigger),
     onClick: onClick,
     "aria-label": intl.formatMessage(_i18n.messages.seeWhoReactedTooltip)

package/dist/cjs/components/ReactionsList.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ReactionsList = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _ReactionView = require("./ReactionView");
 var ReactionsList = exports.ReactionsList = function ReactionsList(_ref) {
   var reactions = _ref.reactions,
     selectedEmojiId = _ref.selectedEmojiId,
     ProfileCardWrapper = _ref.ProfileCardWrapper;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, null, reactions.map(function (reaction) {
+  return /*#__PURE__*/_react.default.createElement(_box.Box, null, reactions.map(function (reaction) {
     if (reaction.emojiId === selectedEmojiId) {
       return /*#__PURE__*/_react.default.createElement(_ReactionView.ReactionView, {
         key: reaction.emojiId,

package/dist/cjs/components/StaticReaction.js

@@ -11,7 +11,7 @@ require("./StaticReaction.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _pressable = require("@atlaskit/primitives/compiled/pressable");
 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 styles = {
   staticReaction: "_1reo15vq _18m915vq _19itglyw _2rko12b0 _v564k6bl _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syazazsu _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0al73ad _irr31dpa"
@@ -23,7 +23,7 @@ var StaticReaction = exports.StaticReaction = function StaticReaction(_ref) {
     testId = _ref.testId,
     _ref$dataAttributes = _ref.dataAttributes,
     dataAttributes = _ref$dataAttributes === void 0 ? {} : _ref$dataAttributes;
-  return /*#__PURE__*/React.createElement(_compiled.Pressable, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(_pressable.Pressable, (0, _extends2.default)({
     onMouseEnter: onMouseEnter,
     onFocus: onFocus,
     testId: testId,

package/dist/cjs/components/Trigger.js

@@ -14,7 +14,8 @@ var _react2 = require("@compiled/react");
 var _reactIntl = require("react-intl");
 var _emojiAdd = _interopRequireDefault(require("@atlaskit/icon/core/emoji-add"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _pressable = require("@atlaskit/primitives/compiled/pressable");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var styles = {
   trigger: "_2rko1rr0 _189ee4h9 _1dqonqa1 _1ul9zwfg _4t3i1tcg _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1txw _1bah1h6o _4cvr1h6o",
@@ -84,7 +85,7 @@ var Trigger = exports.Trigger = /*#__PURE__*/_react.default.forwardRef(function
     }
   };
   var renderPressableButton = function renderPressableButton() {
-    return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, (0, _extends2.default)({
+    return /*#__PURE__*/_react.default.createElement(_pressable.Pressable, (0, _extends2.default)({
       testId: RENDER_TRIGGER_BUTTON_TESTID,
       xcss: (0, _react2.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: {
@@ -105,11 +106,11 @@ var Trigger = exports.Trigger = /*#__PURE__*/_react.default.forwardRef(function
       label: formatMessage(i18n.addReaction),
       "aria-hidden": true,
       size: emojiPickerSize === 'small' ? 'small' : 'medium'
-    }), showAddReactionText && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    }), showAddReactionText && /*#__PURE__*/_react.default.createElement(_box.Box, {
       xcss: (0, _react2.cx)(addReactionStyles.addReactionMessage)
     }, reactionPickerTriggerText));
   };
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  return /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: (0, _react2.cx)(fullWidthSummaryViewReactionPickerTrigger && styles.fullWidthSummaryViewReactionPickerTrigger, fullWidthSelectorTrayReactionPickerTrigger && styles.fullWidthSelectorTrayReactionPickerTrigger),
     testId: RENDER_TRIGGER_CONTAINER_TESTID
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {

package/dist/es2019/analytics/index.js

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

package/dist/es2019/client/ReactionServiceClient.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { utils } from '@atlaskit/util-service-support';
+import { utils } from '@atlaskit/util-service-support/constants';
 /**
  * Utility class to retrieve/modify all actions on reactions collection
  */

package/dist/es2019/components/Reaction.js

@@ -6,9 +6,10 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { cx } from '@atlaskit/css';
-import { ResourcedEmoji } from '@atlaskit/emoji';
+import ResourcedEmoji from '@atlaskit/emoji/resourced-emoji';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Box, Inline } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Inline } from '@atlaskit/primitives/compiled/inline';
 import { createAndFireSafe, createReactionClickedEvent, createReactionFocusedEvent, createReactionHoveredEvent } from '../analytics';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
 import { messages } from '../shared/i18n';

package/dist/es2019/components/ReactionButton.js

@@ -6,7 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { cx } from '@compiled/react';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Pressable } from '@atlaskit/primitives/compiled';
+import { Pressable } from '@atlaskit/primitives/compiled/pressable';
 import { FlashAnimation } from './FlashAnimation';
 const styles = {
   reactionButton: "_2rko1rr0 _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syazazsu _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _irr31dpa _1di6fcek",

package/dist/es2019/components/ReactionParticleEffect.js

@@ -2,7 +2,7 @@
 import "./ReactionParticleEffect.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { ResourcedEmoji } from '@atlaskit/emoji';
+import ResourcedEmoji from '@atlaskit/emoji/resourced-emoji';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-atlaskit-theme
 import { layers } from '@atlaskit/theme/constants';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';

package/dist/es2019/components/ReactionSummaryButton.js

@@ -5,8 +5,11 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, useMemo } from 'react';
 import { cx } from '@compiled/react';
 import { useIntl } from 'react-intl';
-import { ResourcedEmoji } from '@atlaskit/emoji';
-import { Box, Flex, Inline, Stack } from '@atlaskit/primitives/compiled';
+import ResourcedEmoji from '@atlaskit/emoji/resourced-emoji';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
+import { Inline } from '@atlaskit/primitives/compiled/inline';
+import { Stack } from '@atlaskit/primitives/compiled/stack';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
 import { messages } from '../shared/i18n';
 import { Counter } from './Counter';

package/dist/es2019/components/ReactionSummaryView.js

@@ -4,10 +4,12 @@ import "./ReactionSummaryView.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useState } from 'react';
-import { EmojiPicker } from '@atlaskit/emoji/picker';
+import EmojiPicker from '@atlaskit/emoji/emoji-picker';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Popup } from '@atlaskit/popup/popup';
-import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
+import { Inline } from '@atlaskit/primitives/compiled/inline';
 import { useDelayedState } from '../hooks/useDelayedState';
 import { PickerRender } from '../ufo';
 import { Reaction } from './Reaction';

package/dist/es2019/components/ReactionView.js

@@ -6,7 +6,8 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useMemo } from 'react';
 import { FormattedMessage } from 'react-intl';
 import Avatar from '@atlaskit/avatar/Avatar';
-import { Box, Flex } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import Spinner from '@atlaskit/spinner/spinner';
 import TabPanel from '@atlaskit/tabs/tab-panel';
 import { messages } from '../shared/i18n';

package/dist/es2019/components/ReactionsDialog.js

@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useState, useCallback, useMemo } from 'react';
 import ModalBody from '@atlaskit/modal-dialog/modal-body';
 import Modal from '@atlaskit/modal-dialog/modal-dialog';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import Tabs from '@atlaskit/tabs/tabs';
 import { NUMBER_OF_REACTIONS_TO_DISPLAY } from '../shared/constants';
 import { ReactionsDialogHeader } from './ReactionsDialogHeader';

package/dist/es2019/components/ReactionsDialogHeader.js

@@ -6,7 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useState } from 'react';
 import { useIntl } from 'react-intl';
 import IconButton from '@atlaskit/button/icon/button';
-import { ResourcedEmoji } from '@atlaskit/emoji/element';
+import ResourcedEmoji from '@atlaskit/emoji/resourced-emoji';
 import Heading from '@atlaskit/heading/heading';
 import ChevronLeftIcon from '@atlaskit/icon/core/chevron-left';
 import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
@@ -15,7 +15,10 @@ import { useModal } from '@atlaskit/modal-dialog/hooks';
 import ModalHeader from '@atlaskit/modal-dialog/modal-header';
 import ModalTitle from '@atlaskit/modal-dialog/modal-title';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Box, Flex, Inline, Stack } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
+import { Inline } from '@atlaskit/primitives/compiled/inline';
+import { Stack } from '@atlaskit/primitives/compiled/stack';
 import Tab from '@atlaskit/tabs/tab';
 import TabList from '@atlaskit/tabs/tab-list';
 import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';

package/dist/es2019/components/ReactionsDialogTrigger.js

@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { cx } from '@compiled/react';
 import { useIntl } from 'react-intl';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
-import { Pressable } from '@atlaskit/primitives/compiled';
+import { Pressable } from '@atlaskit/primitives/compiled/pressable';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { messages } from '../shared/i18n';
 const styles = {

package/dist/es2019/components/ReactionsList.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { ReactionView } from './ReactionView';
 export const ReactionsList = ({
   reactions,

package/dist/es2019/components/StaticReaction.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./StaticReaction.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { Pressable } from '@atlaskit/primitives/compiled';
+import { Pressable } from '@atlaskit/primitives/compiled/pressable';
 const styles = {
   staticReaction: "_1reo15vq _18m915vq _19itglyw _2rko12b0 _v564k6bl _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syazazsu _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0al73ad _irr31dpa"
 };

package/dist/es2019/components/Trigger.js

@@ -7,7 +7,8 @@ import { cx } from '@compiled/react';
 import { defineMessages, useIntl } from 'react-intl';
 import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Box, Pressable } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Pressable } from '@atlaskit/primitives/compiled/pressable';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 const styles = {
   trigger: "_2rko1rr0 _189ee4h9 _1dqonqa1 _1ul9zwfg _4t3i1tcg _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1txw _1bah1h6o _4cvr1h6o",

package/dist/esm/analytics/index.js

@@ -5,7 +5,7 @@ import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-t
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports
 import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
 var packageName = "@atlaskit/reactions";
-var packageVersion = "36.7.8";
+var packageVersion = "36.7.9";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/esm/client/ReactionServiceClient.js

@@ -3,7 +3,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
-import { utils } from '@atlaskit/util-service-support';
+import { utils } from '@atlaskit/util-service-support/constants';
 /**
  * Utility class to retrieve/modify all actions on reactions collection
  */

package/dist/esm/components/Reaction.js

@@ -9,9 +9,10 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { cx } from '@atlaskit/css';
-import { ResourcedEmoji } from '@atlaskit/emoji';
+import ResourcedEmoji from '@atlaskit/emoji/resourced-emoji';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Box, Inline } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Inline } from '@atlaskit/primitives/compiled/inline';
 import { createAndFireSafe, createReactionClickedEvent, createReactionFocusedEvent, createReactionHoveredEvent } from '../analytics';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
 import { messages } from '../shared/i18n';

package/dist/esm/components/ReactionButton.js

@@ -6,7 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { cx } from '@compiled/react';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Pressable } from '@atlaskit/primitives/compiled';
+import { Pressable } from '@atlaskit/primitives/compiled/pressable';
 import { FlashAnimation } from './FlashAnimation';
 var styles = {
   reactionButton: "_2rko1rr0 _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syazazsu _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _irr31dpa _1di6fcek",

package/dist/esm/components/ReactionParticleEffect.js

@@ -3,7 +3,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import "./ReactionParticleEffect.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { ResourcedEmoji } from '@atlaskit/emoji';
+import ResourcedEmoji from '@atlaskit/emoji/resourced-emoji';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-atlaskit-theme
 import { layers } from '@atlaskit/theme/constants';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';

package/dist/esm/components/ReactionSummaryButton.js

@@ -6,8 +6,11 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, useMemo } from 'react';
 import { cx } from '@compiled/react';
 import { useIntl } from 'react-intl';
-import { ResourcedEmoji } from '@atlaskit/emoji';
-import { Box, Flex, Inline, Stack } from '@atlaskit/primitives/compiled';
+import ResourcedEmoji from '@atlaskit/emoji/resourced-emoji';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
+import { Inline } from '@atlaskit/primitives/compiled/inline';
+import { Stack } from '@atlaskit/primitives/compiled/stack';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
 import { messages } from '../shared/i18n';
 import { Counter } from './Counter';

package/dist/esm/components/ReactionSummaryView.js

@@ -5,10 +5,12 @@ import "./ReactionSummaryView.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useState } from 'react';
-import { EmojiPicker } from '@atlaskit/emoji/picker';
+import EmojiPicker from '@atlaskit/emoji/emoji-picker';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Popup } from '@atlaskit/popup/popup';
-import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
+import { Inline } from '@atlaskit/primitives/compiled/inline';
 import { useDelayedState } from '../hooks/useDelayedState';
 import { PickerRender } from '../ufo';
 import { Reaction } from './Reaction';

package/dist/esm/components/ReactionView.js

@@ -6,7 +6,8 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useMemo } from 'react';
 import { FormattedMessage } from 'react-intl';
 import Avatar from '@atlaskit/avatar/Avatar';
-import { Box, Flex } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import Spinner from '@atlaskit/spinner/spinner';
 import TabPanel from '@atlaskit/tabs/tab-panel';
 import { messages } from '../shared/i18n';

package/dist/esm/components/ReactionsDialog.js

@@ -6,7 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useState, useCallback, useMemo } from 'react';
 import ModalBody from '@atlaskit/modal-dialog/modal-body';
 import Modal from '@atlaskit/modal-dialog/modal-dialog';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import Tabs from '@atlaskit/tabs/tabs';
 import { NUMBER_OF_REACTIONS_TO_DISPLAY } from '../shared/constants';
 import { ReactionsDialogHeader } from './ReactionsDialogHeader';

package/dist/esm/components/ReactionsDialogHeader.js

@@ -12,7 +12,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { useState } from 'react';
 import { useIntl } from 'react-intl';
 import IconButton from '@atlaskit/button/icon/button';
-import { ResourcedEmoji } from '@atlaskit/emoji/element';
+import ResourcedEmoji from '@atlaskit/emoji/resourced-emoji';
 import Heading from '@atlaskit/heading/heading';
 import ChevronLeftIcon from '@atlaskit/icon/core/chevron-left';
 import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
@@ -21,7 +21,10 @@ import { useModal } from '@atlaskit/modal-dialog/hooks';
 import ModalHeader from '@atlaskit/modal-dialog/modal-header';
 import ModalTitle from '@atlaskit/modal-dialog/modal-title';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Box, Flex, Inline, Stack } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
+import { Inline } from '@atlaskit/primitives/compiled/inline';
+import { Stack } from '@atlaskit/primitives/compiled/stack';
 import Tab from '@atlaskit/tabs/tab';
 import TabList from '@atlaskit/tabs/tab-list';
 import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';

package/dist/esm/components/ReactionsDialogTrigger.js

@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { cx } from '@compiled/react';
 import { useIntl } from 'react-intl';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
-import { Pressable } from '@atlaskit/primitives/compiled';
+import { Pressable } from '@atlaskit/primitives/compiled/pressable';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { messages } from '../shared/i18n';
 var styles = {

package/dist/esm/components/ReactionsList.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { ReactionView } from './ReactionView';
 export var ReactionsList = function ReactionsList(_ref) {
   var reactions = _ref.reactions,

package/dist/esm/components/StaticReaction.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./StaticReaction.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { Pressable } from '@atlaskit/primitives/compiled';
+import { Pressable } from '@atlaskit/primitives/compiled/pressable';
 var styles = {
   staticReaction: "_1reo15vq _18m915vq _19itglyw _2rko12b0 _v564k6bl _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syazazsu _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0al73ad _irr31dpa"
 };

package/dist/esm/components/Trigger.js

@@ -7,7 +7,8 @@ import { cx } from '@compiled/react';
 import { defineMessages, useIntl } from 'react-intl';
 import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Box, Pressable } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Pressable } from '@atlaskit/primitives/compiled/pressable';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 var styles = {
   trigger: "_2rko1rr0 _189ee4h9 _1dqonqa1 _1ul9zwfg _4t3i1tcg _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1txw _1bah1h6o _4cvr1h6o",

package/dist/types/components/Reaction.d.ts

@@ -1,4 +1,4 @@
-import { type EmojiProvider } from '@atlaskit/emoji';
+import type { EmojiProvider } from '@atlaskit/emoji/types';
 import { type ReactionSummary, type ReactionClick, type ReactionMouseEnter } from '../types';
 import { type ReactionFocused } from '../types/reaction';
 import { type OpenReactionsDialogOptions } from './Reactions';

package/dist/types/components/ReactionParticleEffect.d.ts

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type EmojiProvider, type EmojiId } from '@atlaskit/emoji';
+import type { EmojiProvider, EmojiId } from '@atlaskit/emoji/types';
 export declare const PARTICLE_COUNT = 4;
 interface ReactionParticleEffectProps {
     /**

package/dist/types/components/ReactionSummaryButton.d.ts

@@ -9,6 +9,10 @@ interface ReactionSummaryButtonProps extends Pick<ReactionsProps, 'emojiProvider
      * The number of emojis to show in the summary button
      */
     emojisToShow?: number;
+    /**
+     * Optional prop to indicate whether the summary popup is open, used for aria-expanded
+     */
+    isOpen?: boolean;
     /**
      * event handler when the summary button is clicked to view all reactions
      */
@@ -44,10 +48,6 @@ interface ReactionSummaryButtonProps extends Pick<ReactionsProps, 'emojiProvider
         id: string;
         shortName: string;
     } | null;
-    /**
-     * Optional prop to indicate whether the summary popup is open, used for aria-expanded
-     */
-    isOpen?: boolean;
 }
 /**
  * Test id for summary reaction wrapper button

package/dist/types/components/ReactionsDialog.d.ts

@@ -1,4 +1,4 @@
-import { type EmojiProvider } from '@atlaskit/emoji/resource';
+import type { EmojiProvider } from '@atlaskit/emoji/types';
 import type { OnCloseHandler } from '@atlaskit/modal-dialog/types';
 import { type ReactionSummary, type ProfileCardWrapper } from '../types';
 /**

package/dist/types/components/ReactionsDialogHeader.d.ts

@@ -1,4 +1,4 @@
-import { type EmojiProvider } from '@atlaskit/emoji/resource';
+import type { EmojiProvider } from '@atlaskit/emoji/types';
 import type { OnCloseHandler } from '@atlaskit/modal-dialog/types';
 import { type ReactionSummary } from '../types';
 interface ReactionsDialogModalHeaderProps {

package/dist/types/components/UfoErrorBoundary.d.ts

@@ -1,5 +1,5 @@
 import React, { type ErrorInfo } from 'react';
-import { type WithSamplingUFOExperience } from '@atlaskit/emoji';
+import type { WithSamplingUFOExperience } from '@atlaskit/emoji/sampling-ufo';
 import type { UFOExperience } from '@atlaskit/ufo/experience';
 export interface UfoErrorBoundaryProps {
     children?: React.ReactNode;

package/dist/types/constants.d.ts

@@ -1,4 +1,5 @@
-import type { EmojiId, WithSamplingUFOExperience } from '@atlaskit/emoji';
+import type { WithSamplingUFOExperience } from '@atlaskit/emoji/sampling-ufo';
+import type { EmojiId } from '@atlaskit/emoji/types';
 import type { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
 import type { UFOExperience } from '@atlaskit/ufo/experience';
 import { ComponentName, ExperienceName } from './ufo';

package/dist/types/store/MemoryReactionsStore.d.ts

@@ -1,5 +1,5 @@
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
-import type { WithSamplingUFOExperience } from '@atlaskit/emoji';
+import type { WithSamplingUFOExperience } from '@atlaskit/emoji/sampling-ufo';
 import type { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
 import { type Client, type OnChangeCallback, type State, type Store } from '../types';
 import { type ReactionUpdateSuccess, type ReactionUpdateFailure } from '../types/reaction';

package/dist/types/ufo/index.d.ts

@@ -1,4 +1,4 @@
-import { type WithSamplingUFOExperience } from '@atlaskit/emoji';
+import type { WithSamplingUFOExperience } from '@atlaskit/emoji/sampling-ufo';
 import { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
 import { UFOExperience } from '@atlaskit/ufo/experience';
 /**

package/docs/0-intro.tsx

@@ -2,7 +2,7 @@ import Link from '@atlaskit/link/link';
 import React from 'react';
 import { md, Example, Props, code, AtlassianInternalWarning } from '@atlaskit/docs';
 import SectionMessage from '@atlaskit/section-message/message';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 
 import ReactionsExample from '../examples/01-connected-reactions-view';
 

package/docs/1-connected-reaction-picker.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { md, Example, code, Props } from '@atlaskit/docs';
 import SectionMessage from '@atlaskit/section-message/message';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 
 import ConnectedReactionPickerExample from '../examples/00-connected-reaction-picker';
 

package/docs/2-connected-reactions-view.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { md, Example, code, Props } from '@atlaskit/docs';
 import SectionMessage from '@atlaskit/section-message/message';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 
 import ConnectedReactionsViewExample from '../examples/01-connected-reactions-view';
 

package/docs/3-reactions-store.tsx

@@ -2,7 +2,7 @@ import Link from '@atlaskit/link/link';
 import React from 'react';
 import { md, code, Props } from '@atlaskit/docs';
 import SectionMessage from '@atlaskit/section-message/message';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 
 const LinkComponent = (props: any) => <Link {...props}>{props.children}</Link>;
 

package/docs/5-graphql-support.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { md, code, Props } from '@atlaskit/docs';
 import SectionMessage from '@atlaskit/section-message/message';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 
 const _default_1: any = md`
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "36.7.9",
+	"version": "36.7.10",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -58,7 +58,7 @@
 		"@atlaskit/spinner": "^20.4.0",
 		"@atlaskit/tabs": "^21.3.0",
 		"@atlaskit/theme": "^28.2.0",
-		"@atlaskit/tmp-editor-statsig": "^229.0.0",
+		"@atlaskit/tmp-editor-statsig": "^230.0.0",
 		"@atlaskit/tokens": "^20.4.0",
 		"@atlaskit/tooltip": "^24.4.0",
 		"@atlaskit/ufo": "^2.0.0",