@atlaskit/reactions 25.0.0 → 25.2.0

package/dist/esm/components/ReactionSummary/ReactionSummaryView.js

@@ -1,11 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useState } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { useIntl } from 'react-intl-next';
 import Popup from '@atlaskit/popup';
-import { Box, Inline, Text, xcss } from '@atlaskit/primitives';
+import { Box, Inline, Pressable, Flex, xcss } from '@atlaskit/primitives';
 import Button from '@atlaskit/button/new';
 import Tooltip from '@atlaskit/tooltip';
+import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { Reaction } from '../Reaction';
 import { ReactionSummaryButton } from './ReactionSummaryButton';
 import { messages } from '../../shared/i18n';
@@ -17,6 +18,9 @@ var summaryPopupStyles = xcss({
 var viewAllButtonStyling = xcss({
   marginTop: 'space.050'
 });
+var iconStyle = xcss({
+  height: '20px'
+});
 
 /**
  * Test id for the Reactions summary view popup
@@ -41,6 +45,7 @@ export var ReactionSummaryView = function ReactionSummaryView(_ref) {
     subtleReactionsSummaryAndPicker = _ref$subtleReactionsS === void 0 ? false : _ref$subtleReactionsS,
     handleOpenReactionsDialog = _ref.handleOpenReactionsDialog,
     allowUserDialog = _ref.allowUserDialog;
+  var intl = useIntl();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isSummaryPopupOpen = _useState2[0],
@@ -73,9 +78,11 @@ export var ReactionSummaryView = function ReactionSummaryView(_ref) {
         });
       }), allowUserDialog && /*#__PURE__*/React.createElement(Box, {
         xcss: viewAllButtonStyling
+      }, /*#__PURE__*/React.createElement(Pressable, {
+        backgroundColor: "color.background.neutral.subtle",
+        padding: "space.0"
       }, /*#__PURE__*/React.createElement(Tooltip, {
-        content: /*#__PURE__*/React.createElement(FormattedMessage, messages.seeWhoReactedTooltip),
-        hideTooltipOnClick: true
+        content: intl.formatMessage(messages.seeWhoReactedTooltip)
       }, function (tooltipProps) {
         return /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, {
           spacing: "compact",
@@ -83,11 +90,13 @@ export var ReactionSummaryView = function ReactionSummaryView(_ref) {
             handlePopupClose();
             handleOpenReactionsDialog === null || handleOpenReactionsDialog === void 0 || handleOpenReactionsDialog(reactions[0].emojiId);
           }
-        }), /*#__PURE__*/React.createElement(Text, {
-          color: "color.text.subtlest",
-          weight: "medium"
-        }, /*#__PURE__*/React.createElement(FormattedMessage, messages.seeWhoReacted)));
-      })));
+        }), /*#__PURE__*/React.createElement(Flex, {
+          alignItems: "center",
+          xcss: iconStyle
+        }, /*#__PURE__*/React.createElement(ShowMoreHorizontalIcon, {
+          label: intl.formatMessage(messages.seeWhoReacted)
+        })));
+      }))));
     },
     isOpen: isSummaryPopupOpen,
     onClose: handlePopupClose,

package/dist/esm/components/Reactions/Reactions.js

@@ -8,13 +8,14 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ModalTransition } from '@atlaskit/modal-dialog';
-import Button from '@atlaskit/button/new';
 import Tooltip from '@atlaskit/tooltip';
-import { Box, xcss } from '@atlaskit/primitives';
+import { Box, Pressable, Flex, xcss } from '@atlaskit/primitives';
 import { fg } from '@atlaskit/platform-feature-flags';
+import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
+import Button from '@atlaskit/button/new';
 import { createAndFireSafe, createPickerButtonClickedEvent, createPickerCancelledEvent, createPickerMoreClickedEvent, createReactionsRenderedEvent, createReactionSelectionEvent, isSampled } from '../../analytics';
 import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../../shared/constants';
 import { messages } from '../../shared/i18n';
@@ -44,10 +45,6 @@ export var ufoExperiences = {
   selectedReactionChangeInsideDialog: ReactionDialogSelectedReactionChanged,
   pageNavigated: ReactionDialogPageNavigation
 };
-var dialogEntrypointButtonStyle = xcss({
-  marginRight: 'space.050',
-  marginTop: 'space.050'
-});
 
 /**
  * Test id for wrapper Reactions div
@@ -79,6 +76,13 @@ export function getTooltip(status, errorMessage) {
       return jsx(FormattedMessage, messages.addReaction);
   }
 }
+var dialogEntrypointButtonStyle = xcss({
+  marginRight: 'space.050',
+  marginTop: 'space.050'
+});
+var iconStyle = xcss({
+  height: '20px'
+});
 
 /**
  * Renders list of reactions
@@ -129,13 +133,16 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
     showAddReactionText = _ref$showAddReactionT === void 0 ? false : _ref$showAddReactionT,
     _ref$hideDefaultReact = _ref.hideDefaultReactions,
     hideDefaultReactions = _ref$hideDefaultReact === void 0 ? false : _ref$hideDefaultReact,
-    ProfileCardWrapper = _ref.ProfileCardWrapper;
+    ProfileCardWrapper = _ref.ProfileCardWrapper,
+    _ref$onlyRenderPicker = _ref.onlyRenderPicker,
+    onlyRenderPicker = _ref$onlyRenderPicker === void 0 ? false : _ref$onlyRenderPicker;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     selectedEmojiId = _useState2[0],
     setSelectedEmojiId = _useState2[1];
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var intl = useIntl();
   var openTime = useRef();
   var renderTime = useRef();
   useEffect(function () {
@@ -298,7 +305,7 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
     jsx("div", {
       css: wrapperStyle,
       "data-testid": RENDER_REACTIONS_TESTID
-    }, shouldShowSummaryView ? jsx("div", {
+    }, !onlyRenderPicker && (shouldShowSummaryView ? jsx("div", {
       "data-testid": RENDER_REACTIONS_SUMMARY_TESTID
     }, jsx(ReactionSummaryView, {
       reactions: sortedReactions,
@@ -325,20 +332,26 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
         showParticleEffect: particleEffectByEmoji[reaction.emojiId],
         showOpaqueBackground: showOpaqueBackground
       });
-    }), allowUserDialog && hasEmojiWithFivePlusReactions && !shouldShowSummaryView && jsx(Box, {
+    })), !onlyRenderPicker && allowUserDialog && hasEmojiWithFivePlusReactions && !shouldShowSummaryView && jsx(Box, {
       xcss: dialogEntrypointButtonStyle
+    }, jsx(Pressable, {
+      backgroundColor: "color.background.neutral.subtle",
+      padding: "space.0"
     }, jsx(Tooltip, {
-      content: jsx(FormattedMessage, messages.seeWhoReactedTooltip),
-      hideTooltipOnClick: true
+      content: intl.formatMessage(messages.seeWhoReactedTooltip)
     }, function (tooltipProps) {
       return jsx(Button, _extends({}, tooltipProps, {
         spacing: "compact",
         onClick: function onClick() {
           return handleOpenReactionsDialog(sortedReactions[0].emojiId);
-        },
-        testId: RENDER_VIEWALL_REACTED_USERS_DIALOG
-      }), jsx(FormattedMessage, messages.seeWhoReacted));
-    })), jsx(ReactionPicker
+        }
+      }), jsx(Flex, {
+        alignItems: "center",
+        xcss: iconStyle
+      }, jsx(ShowMoreHorizontalIcon, {
+        label: intl.formatMessage(messages.seeWhoReacted)
+      })));
+    }))), jsx(ReactionPicker
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     , {
       css: reactionPickerStyle,

package/dist/esm/index.js

@@ -6,7 +6,7 @@ export { ConnectedReactionPicker, ConnectedReactionsView } from './containers';
 export { MemoryReactionsStore, ReactionConsumer } from './store';
 // TODO: Convert all calls for ReactionRequest to Request, RequestClient to Client and ReactionsStore to Store
 
-export { ReactionUpdateType } from './types';
+export { ReactionUpdateType, ReactionStatus } from './types';
 export var constants = {
   DefaultReactions: DefaultReactions,
   DefaultReactionsByShortName: DefaultReactionsByShortName,

package/dist/esm/shared/i18n.js

@@ -69,10 +69,5 @@ export var messages = defineMessages({
     id: 'reactions.dialog.viewall.tooltip',
     defaultMessage: 'View all user reactions',
     description: 'Tooltip content of see who reacted link'
-  },
-  peopleWhoReactedSubheading: {
-    id: 'reactions.dialog.people-who-reacted.subheader',
-    defaultMessage: 'People who reacted with {emojiShortName}',
-    description: 'Subheading that shows the user which emoji tab they are on'
   }
 });

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

@@ -29,5 +29,6 @@ export interface ReactionsDialogProps {
     handleSelectReaction?: (emojiId: string) => void;
     handlePaginationChange?: (emojiId: string, currentPage: number, maxPages: number) => void;
     ProfileCardWrapper?: ProfileCardWrapper;
+    handleReactionMouseEnter?: (emojiId: string) => void;
 }
-export declare const ReactionsDialog: ({ reactions, handleCloseReactionsDialog, emojiProvider, selectedEmojiId, handleSelectReaction, handlePaginationChange, ProfileCardWrapper, }: ReactionsDialogProps) => jsx.JSX.Element;
+export declare const ReactionsDialog: ({ reactions, handleCloseReactionsDialog, emojiProvider, selectedEmojiId, handleSelectReaction, handlePaginationChange, ProfileCardWrapper, handleReactionMouseEnter, }: ReactionsDialogProps) => jsx.JSX.Element;

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

@@ -1,4 +1,5 @@
 import { jsx } from '@emotion/react';
+import { type OnCloseHandler } from '@atlaskit/modal-dialog';
 import { type EmojiProvider } from '@atlaskit/emoji/resource';
 import { type ReactionSummary } from '../../types';
 interface ReactionsDialogModalHeaderProps {
@@ -8,8 +9,8 @@ interface ReactionsDialogModalHeaderProps {
     currentPage: number;
     maxPages: number;
     emojiProvider: Promise<EmojiProvider>;
-    selectedEmojiId: string;
     currentReactions: ReactionSummary[];
+    handleCloseReactionsDialog: OnCloseHandler;
 }
-export declare const ReactionsDialogHeader: ({ totalReactionsCount, handlePreviousPage, handleNextPage, currentPage, maxPages, currentReactions, emojiProvider, selectedEmojiId, }: ReactionsDialogModalHeaderProps) => jsx.JSX.Element;
+export declare const ReactionsDialogHeader: ({ totalReactionsCount, handlePreviousPage, handleNextPage, currentPage, maxPages, currentReactions, emojiProvider, handleCloseReactionsDialog, }: ReactionsDialogModalHeaderProps) => jsx.JSX.Element;
 export {};

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

@@ -75,6 +75,7 @@ export interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmoji
      */
     getReactionDetails?: (emojiId: string) => void;
     /**
+     * @private
      * @deprecated use getReactionDetails instead
      */
     onReactionHover?: (emojiId: string) => void;
@@ -138,6 +139,10 @@ export interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmoji
      * Optional prop for rendering a profile card wrapper in the Reactions Dialog
      */
     ProfileCardWrapper?: ProfileCardWrapper;
+    /**
+     * Optional prop to hide the user reactions and only render the picker
+     */
+    onlyRenderPicker?: boolean;
 }
 /**
  * Get content of the tooltip
@@ -146,4 +151,4 @@ export declare function getTooltip(status: ReactionStatus, errorMessage?: string
 /**
  * Renders list of reactions
  */
-export declare const Reactions: React.MemoExoticComponent<({ flash, particleEffectByEmoji, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onReactionHover, onSelection, reactions, emojiProvider, allowAllEmojis, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, onDialogPageChangeCallback, emojiPickerSize, miniMode, summaryViewEnabled, summaryViewThreshold, summaryViewPlacement, showOpaqueBackground, subtleReactionsSummaryAndPicker, showAddReactionText, hideDefaultReactions, ProfileCardWrapper, }: ReactionsProps) => jsx.JSX.Element>;
+export declare const Reactions: React.MemoExoticComponent<({ flash, particleEffectByEmoji, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onReactionHover, onSelection, reactions, emojiProvider, allowAllEmojis, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, onDialogPageChangeCallback, emojiPickerSize, miniMode, summaryViewEnabled, summaryViewThreshold, summaryViewPlacement, showOpaqueBackground, subtleReactionsSummaryAndPicker, showAddReactionText, hideDefaultReactions, ProfileCardWrapper, onlyRenderPicker, }: ReactionsProps) => jsx.JSX.Element>;

package/dist/types/containers/ConnectedReactionsView/ConnectedReactionsView.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { type ReactionsProps, type ReactionPickerProps } from '../../components';
 import { ReactionStatus, type Actions, type State, type StorePropInput } from '../../types';
 import { type ReactionUpdateSuccess } from '../../types/reaction';
-export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quickReactionEmojis' | 'onDialogOpenCallback' | 'onDialogCloseCallback' | 'onDialogSelectReactionCallback' | 'allowUserDialog' | 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'summaryViewEnabled' | 'subtleReactionsSummaryAndPicker'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
+export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quickReactionEmojis' | 'onDialogOpenCallback' | 'onDialogCloseCallback' | 'onDialogSelectReactionCallback' | 'allowUserDialog' | 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'summaryViewEnabled' | 'subtleReactionsSummaryAndPicker' | 'onlyRenderPicker'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
     /**
      * Wrapper id for reactions list
      */

package/dist/types/index.d.ts

@@ -4,7 +4,7 @@ export { Reaction, ReactionPicker, Reactions } from './components';
 export { ConnectedReactionPicker, ConnectedReactionsView } from './containers';
 export { MemoryReactionsStore, ReactionConsumer } from './store';
 export type { Client as ReactionClient, Request as ReactionRequest, Store as ReactionsStore, StorePropInput, State, } from './types';
-export { ReactionUpdateType } from './types';
+export { ReactionUpdateType, ReactionStatus } from './types';
 export declare const constants: {
     DefaultReactions: import("@atlaskit/emoji").EmojiId[];
     DefaultReactionsByShortName: Map<string, import("@atlaskit/emoji").EmojiId>;

package/dist/types/shared/i18n.d.ts

@@ -69,9 +69,4 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
-    peopleWhoReactedSubheading: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
 };

package/dist/types-ts4.5/components/ReactionDialog/ReactionsDialog.d.ts

@@ -29,5 +29,6 @@ export interface ReactionsDialogProps {
     handleSelectReaction?: (emojiId: string) => void;
     handlePaginationChange?: (emojiId: string, currentPage: number, maxPages: number) => void;
     ProfileCardWrapper?: ProfileCardWrapper;
+    handleReactionMouseEnter?: (emojiId: string) => void;
 }
-export declare const ReactionsDialog: ({ reactions, handleCloseReactionsDialog, emojiProvider, selectedEmojiId, handleSelectReaction, handlePaginationChange, ProfileCardWrapper, }: ReactionsDialogProps) => jsx.JSX.Element;
+export declare const ReactionsDialog: ({ reactions, handleCloseReactionsDialog, emojiProvider, selectedEmojiId, handleSelectReaction, handlePaginationChange, ProfileCardWrapper, handleReactionMouseEnter, }: ReactionsDialogProps) => jsx.JSX.Element;

package/dist/types-ts4.5/components/ReactionDialog/ReactionsDialogHeader.d.ts

@@ -1,4 +1,5 @@
 import { jsx } from '@emotion/react';
+import { type OnCloseHandler } from '@atlaskit/modal-dialog';
 import { type EmojiProvider } from '@atlaskit/emoji/resource';
 import { type ReactionSummary } from '../../types';
 interface ReactionsDialogModalHeaderProps {
@@ -8,8 +9,8 @@ interface ReactionsDialogModalHeaderProps {
     currentPage: number;
     maxPages: number;
     emojiProvider: Promise<EmojiProvider>;
-    selectedEmojiId: string;
     currentReactions: ReactionSummary[];
+    handleCloseReactionsDialog: OnCloseHandler;
 }
-export declare const ReactionsDialogHeader: ({ totalReactionsCount, handlePreviousPage, handleNextPage, currentPage, maxPages, currentReactions, emojiProvider, selectedEmojiId, }: ReactionsDialogModalHeaderProps) => jsx.JSX.Element;
+export declare const ReactionsDialogHeader: ({ totalReactionsCount, handlePreviousPage, handleNextPage, currentPage, maxPages, currentReactions, emojiProvider, handleCloseReactionsDialog, }: ReactionsDialogModalHeaderProps) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/components/Reactions/Reactions.d.ts

@@ -75,6 +75,7 @@ export interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmoji
      */
     getReactionDetails?: (emojiId: string) => void;
     /**
+     * @private
      * @deprecated use getReactionDetails instead
      */
     onReactionHover?: (emojiId: string) => void;
@@ -138,6 +139,10 @@ export interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmoji
      * Optional prop for rendering a profile card wrapper in the Reactions Dialog
      */
     ProfileCardWrapper?: ProfileCardWrapper;
+    /**
+     * Optional prop to hide the user reactions and only render the picker
+     */
+    onlyRenderPicker?: boolean;
 }
 /**
  * Get content of the tooltip
@@ -146,4 +151,4 @@ export declare function getTooltip(status: ReactionStatus, errorMessage?: string
 /**
  * Renders list of reactions
  */
-export declare const Reactions: React.MemoExoticComponent<({ flash, particleEffectByEmoji, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onReactionHover, onSelection, reactions, emojiProvider, allowAllEmojis, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, onDialogPageChangeCallback, emojiPickerSize, miniMode, summaryViewEnabled, summaryViewThreshold, summaryViewPlacement, showOpaqueBackground, subtleReactionsSummaryAndPicker, showAddReactionText, hideDefaultReactions, ProfileCardWrapper, }: ReactionsProps) => jsx.JSX.Element>;
+export declare const Reactions: React.MemoExoticComponent<({ flash, particleEffectByEmoji, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onReactionHover, onSelection, reactions, emojiProvider, allowAllEmojis, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, onDialogPageChangeCallback, emojiPickerSize, miniMode, summaryViewEnabled, summaryViewThreshold, summaryViewPlacement, showOpaqueBackground, subtleReactionsSummaryAndPicker, showAddReactionText, hideDefaultReactions, ProfileCardWrapper, onlyRenderPicker, }: ReactionsProps) => jsx.JSX.Element>;

package/dist/types-ts4.5/containers/ConnectedReactionsView/ConnectedReactionsView.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { type ReactionsProps, type ReactionPickerProps } from '../../components';
 import { ReactionStatus, type Actions, type State, type StorePropInput } from '../../types';
 import { type ReactionUpdateSuccess } from '../../types/reaction';
-export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quickReactionEmojis' | 'onDialogOpenCallback' | 'onDialogCloseCallback' | 'onDialogSelectReactionCallback' | 'allowUserDialog' | 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'summaryViewEnabled' | 'subtleReactionsSummaryAndPicker'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
+export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quickReactionEmojis' | 'onDialogOpenCallback' | 'onDialogCloseCallback' | 'onDialogSelectReactionCallback' | 'allowUserDialog' | 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'summaryViewEnabled' | 'subtleReactionsSummaryAndPicker' | 'onlyRenderPicker'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
     /**
      * Wrapper id for reactions list
      */

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

@@ -4,7 +4,7 @@ export { Reaction, ReactionPicker, Reactions } from './components';
 export { ConnectedReactionPicker, ConnectedReactionsView } from './containers';
 export { MemoryReactionsStore, ReactionConsumer } from './store';
 export type { Client as ReactionClient, Request as ReactionRequest, Store as ReactionsStore, StorePropInput, State, } from './types';
-export { ReactionUpdateType } from './types';
+export { ReactionUpdateType, ReactionStatus } from './types';
 export declare const constants: {
     DefaultReactions: import("@atlaskit/emoji").EmojiId[];
     DefaultReactionsByShortName: Map<string, import("@atlaskit/emoji").EmojiId>;

package/dist/types-ts4.5/shared/i18n.d.ts

@@ -69,9 +69,4 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
-    peopleWhoReactedSubheading: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "25.0.0",
+	"version": "25.2.0",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,9 +37,9 @@
 		"@atlaskit/analytics-next": "^10.3.0",
 		"@atlaskit/avatar": "^21.18.0",
 		"@atlaskit/button": "^20.5.0",
-		"@atlaskit/emoji": "^67.13.0",
+		"@atlaskit/emoji": "^67.14.0",
 		"@atlaskit/heading": "^4.1.0",
-		"@atlaskit/icon": "^23.8.0",
+		"@atlaskit/icon": "^23.9.0",
 		"@atlaskit/modal-dialog": "^12.20.0",
 		"@atlaskit/motion": "^2.0.0",
 		"@atlaskit/platform-feature-flags": "^1.0.0",