@atlaskit/reactions 22.16.13 → 23.0.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/reactions
 
+## 23.0.0
+
+### Major Changes
+
+- [#101694](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/101694)
+  [`948ffe9fc5518`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/948ffe9fc5518) -
+  Update and add i18n translations for Reactions Dialog
+
+## 22.16.14
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 22.16.13
 
 ### Patch Changes

package/dist/cjs/analytics/index.js

@@ -11,7 +11,7 @@ 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; }
 var packageName = "@atlaskit/reactions";
-var packageVersion = "22.16.13";
+var packageVersion = "23.0.0";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/Counter/styles.js

@@ -19,6 +19,7 @@ var countStyle = exports.countStyle = (0, _react.css)({
   overflow: 'hidden',
   position: 'relative',
   padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-050, 4px)", " 0"),
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '14px'
 });
 

package/dist/cjs/components/Reaction/styles.js

@@ -31,6 +31,7 @@ var containerStyle = exports.containerStyle = (0, _react.css)({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var emojiStyle = exports.emojiStyle = (0, _react.css)({
   transformOrigin: 'center center 0',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '12px',
   padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " ", "var(--ds-space-100, 8px)")
 });

package/dist/cjs/components/ReactionDialog/styles.js

@@ -65,6 +65,7 @@ var counterStyle = exports.counterStyle = function counterStyle(isSelected) {
   return (0, _react.css)({
     display: 'flex',
     alignSelf: 'center',
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     lineHeight: '14px',
     font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
     paddingRight: '0px',
@@ -77,7 +78,7 @@ var counterStyle = exports.counterStyle = function counterStyle(isSelected) {
       //Counter component has its own styles overriding them to match designs
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       color: isSelected ? "".concat("var(--ds-text, ".concat(_colors.B400, ")"), "!important") : "2px solid ".concat("var(--ds-text, ".concat(_colors.N500, ")"), "!important"),
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
       fontWeight: isSelected ? 700 : 400
     }
   });
@@ -172,6 +173,7 @@ var reactionViewStyle = exports.reactionViewStyle = (0, _react.css)({
     textTransform: 'capitalize',
     font: "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
     fontWeight: "var(--ds-font-weight-semibold, 600)",
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     lineHeight: '20px',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> span': {

package/dist/cjs/components/ReactionSummary/ReactionSummaryButton.js

@@ -18,6 +18,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var emojiStyle = (0, _primitives.xcss)({
   transformOrigin: 'center center 0',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '12px'
 });
 var buttonStyle = (0, _primitives.xcss)({

package/dist/cjs/components/Reactions/styles.js

@@ -20,6 +20,7 @@ var reactionPickerStyle = exports.reactionPickerStyle = (0, _react.css)({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var seeWhoReactedStyle = exports.seeWhoReactedStyle = (0, _react.css)({
   height: '24px',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '24px',
   paddingLeft: 0,
   paddingRight: 0,

package/dist/cjs/components/Trigger/Trigger.js

@@ -42,6 +42,7 @@ var triggerStyles = (0, _primitives.xcss)({
   display: 'flex',
   justifyContent: 'center',
   alignItems: 'center',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '16px'
 });
 var subtleTriggerStyles = (0, _primitives.xcss)({

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

@@ -17,7 +17,6 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _components = require("../../components");
 var _store2 = require("../../store");
 var _types = require("../../types");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _excluded = ["ari", "containerAri", "store", "particleEffectByEmojiEnabled", "onReactionSuccess"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -70,8 +69,7 @@ var mapDispatchToPropsHelper = exports.mapDispatchToPropsHelper = function mapDi
       actions.getReactions(containerAri, ari);
     },
     onReactionClick: function onReactionClick(emojiId) {
-      // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-      if ((0, _platformFeatureFlags.fg)('platform_reaction_success_callback') && successCallBack) {
+      if (successCallBack) {
         actions.toggleReaction(containerAri, ari, emojiId, successCallBack);
         return;
       }
@@ -81,8 +79,7 @@ var mapDispatchToPropsHelper = exports.mapDispatchToPropsHelper = function mapDi
       actions.getDetailedReaction(containerAri, ari, emojiId);
     },
     onSelection: function onSelection(emojiId) {
-      // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-      if ((0, _platformFeatureFlags.fg)('platform_reaction_success_callback') && successCallBack) {
+      if (successCallBack) {
         actions.addReaction(containerAri, ari, emojiId, successCallBack);
         return;
       }

package/dist/cjs/shared/i18n.js

@@ -73,12 +73,17 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   },
   seeWhoReacted: {
     id: 'reactions.dialog.viewall',
-    defaultMessage: 'See who reacted',
+    defaultMessage: 'View all',
     description: 'Link button to show who reacted in a modal'
   },
   seeWhoReactedTooltip: {
     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/es2019/analytics/index.js

@@ -1,7 +1,7 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 const packageName = "@atlaskit/reactions";
-const packageVersion = "22.16.13";
+const packageVersion = "23.0.0";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/es2019/components/Counter/styles.js

@@ -12,6 +12,7 @@ export const countStyle = css({
   overflow: 'hidden',
   position: 'relative',
   padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-050, 4px)"} 0`,
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '14px'
 });
 

package/dist/es2019/components/Reaction/styles.js

@@ -24,6 +24,7 @@ export const containerStyle = css({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const emojiStyle = css({
   transformOrigin: 'center center 0',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '12px',
   padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}`
 });

package/dist/es2019/components/ReactionDialog/styles.js

@@ -55,6 +55,7 @@ const containerEdgeAngle = {
 export const counterStyle = isSelected => css({
   display: 'flex',
   alignSelf: 'center',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '14px',
   font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   paddingRight: '0px',
@@ -67,7 +68,7 @@ export const counterStyle = isSelected => css({
     //Counter component has its own styles overriding them to match designs
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     color: isSelected ? `${`var(--ds-text, ${B400})`}!important` : `2px solid ${`var(--ds-text, ${N500})`}!important`,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
     fontWeight: isSelected ? 700 : 400
   }
 });
@@ -157,6 +158,7 @@ export const reactionViewStyle = css({
     textTransform: 'capitalize',
     font: "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
     fontWeight: "var(--ds-font-weight-semibold, 600)",
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     lineHeight: '20px',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> span': {

package/dist/es2019/components/ReactionSummary/ReactionSummaryButton.js

@@ -7,6 +7,7 @@ import { Counter } from '../Counter';
 import { ReactionButton } from '../Reaction';
 const emojiStyle = xcss({
   transformOrigin: 'center center 0',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '12px'
 });
 const buttonStyle = xcss({

package/dist/es2019/components/Reactions/styles.js

@@ -13,6 +13,7 @@ export const reactionPickerStyle = css({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const seeWhoReactedStyle = css({
   height: '24px',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '24px',
   paddingLeft: 0,
   paddingRight: 0,

package/dist/es2019/components/Trigger/Trigger.js

@@ -34,6 +34,7 @@ const triggerStyles = xcss({
   display: 'flex',
   justifyContent: 'center',
   alignItems: 'center',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '16px'
 });
 const subtleTriggerStyles = xcss({

package/dist/es2019/containers/ConnectedReactionsView/ConnectedReactionsView.js

@@ -5,7 +5,6 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { Reactions, UfoErrorBoundary } from '../../components';
 import { ufoExperiences } from '../../store';
 import { ReactionStatus } from '../../types';
-import { fg } from '@atlaskit/platform-feature-flags';
 
 /**
  * State Props required for <Reactions />
@@ -56,8 +55,7 @@ export const mapDispatchToPropsHelper = (actions, containerAri, ari, successCall
       actions.getReactions(containerAri, ari);
     },
     onReactionClick: emojiId => {
-      // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-      if (fg('platform_reaction_success_callback') && successCallBack) {
+      if (successCallBack) {
         actions.toggleReaction(containerAri, ari, emojiId, successCallBack);
         return;
       }
@@ -67,8 +65,7 @@ export const mapDispatchToPropsHelper = (actions, containerAri, ari, successCall
       actions.getDetailedReaction(containerAri, ari, emojiId);
     },
     onSelection: emojiId => {
-      // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-      if (fg('platform_reaction_success_callback') && successCallBack) {
+      if (successCallBack) {
         actions.addReaction(containerAri, ari, emojiId, successCallBack);
         return;
       }

package/dist/es2019/shared/i18n.js

@@ -70,12 +70,17 @@ export const messages = defineMessages({
   },
   seeWhoReacted: {
     id: 'reactions.dialog.viewall',
-    defaultMessage: 'See who reacted',
+    defaultMessage: 'View all',
     description: 'Link button to show who reacted in a modal'
   },
   seeWhoReactedTooltip: {
     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/esm/analytics/index.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 var packageName = "@atlaskit/reactions";
-var packageVersion = "22.16.13";
+var packageVersion = "23.0.0";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/esm/components/Counter/styles.js

@@ -12,6 +12,7 @@ export var countStyle = css({
   overflow: 'hidden',
   position: 'relative',
   padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-050, 4px)", " 0"),
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '14px'
 });
 

package/dist/esm/components/Reaction/styles.js

@@ -24,6 +24,7 @@ export var containerStyle = css({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var emojiStyle = css({
   transformOrigin: 'center center 0',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '12px',
   padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " ", "var(--ds-space-100, 8px)")
 });

package/dist/esm/components/ReactionDialog/styles.js

@@ -58,6 +58,7 @@ export var counterStyle = function counterStyle(isSelected) {
   return css({
     display: 'flex',
     alignSelf: 'center',
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     lineHeight: '14px',
     font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
     paddingRight: '0px',
@@ -70,7 +71,7 @@ export var counterStyle = function counterStyle(isSelected) {
       //Counter component has its own styles overriding them to match designs
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       color: isSelected ? "".concat("var(--ds-text, ".concat(B400, ")"), "!important") : "2px solid ".concat("var(--ds-text, ".concat(N500, ")"), "!important"),
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
       fontWeight: isSelected ? 700 : 400
     }
   });
@@ -165,6 +166,7 @@ export var reactionViewStyle = css({
     textTransform: 'capitalize',
     font: "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
     fontWeight: "var(--ds-font-weight-semibold, 600)",
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     lineHeight: '20px',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> span': {

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

@@ -8,6 +8,7 @@ import { Counter } from '../Counter';
 import { ReactionButton } from '../Reaction';
 var emojiStyle = xcss({
   transformOrigin: 'center center 0',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '12px'
 });
 var buttonStyle = xcss({

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

@@ -13,6 +13,7 @@ export var reactionPickerStyle = css({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var seeWhoReactedStyle = css({
   height: '24px',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '24px',
   paddingLeft: 0,
   paddingRight: 0,

package/dist/esm/components/Trigger/Trigger.js

@@ -34,6 +34,7 @@ var triggerStyles = xcss({
   display: 'flex',
   justifyContent: 'center',
   alignItems: 'center',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '16px'
 });
 var subtleTriggerStyles = xcss({

package/dist/esm/containers/ConnectedReactionsView/ConnectedReactionsView.js

@@ -10,7 +10,6 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { Reactions, UfoErrorBoundary } from '../../components';
 import { ufoExperiences } from '../../store';
 import { ReactionStatus } from '../../types';
-import { fg } from '@atlaskit/platform-feature-flags';
 
 /**
  * State Props required for <Reactions />
@@ -61,8 +60,7 @@ export var mapDispatchToPropsHelper = function mapDispatchToPropsHelper(actions,
       actions.getReactions(containerAri, ari);
     },
     onReactionClick: function onReactionClick(emojiId) {
-      // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-      if (fg('platform_reaction_success_callback') && successCallBack) {
+      if (successCallBack) {
         actions.toggleReaction(containerAri, ari, emojiId, successCallBack);
         return;
       }
@@ -72,8 +70,7 @@ export var mapDispatchToPropsHelper = function mapDispatchToPropsHelper(actions,
       actions.getDetailedReaction(containerAri, ari, emojiId);
     },
     onSelection: function onSelection(emojiId) {
-      // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-      if (fg('platform_reaction_success_callback') && successCallBack) {
+      if (successCallBack) {
         actions.addReaction(containerAri, ari, emojiId, successCallBack);
         return;
       }

package/dist/esm/shared/i18n.js

@@ -67,12 +67,17 @@ export var messages = defineMessages({
   },
   seeWhoReacted: {
     id: 'reactions.dialog.viewall',
-    defaultMessage: 'See who reacted',
+    defaultMessage: 'View all',
     description: 'Link button to show who reacted in a modal'
   },
   seeWhoReactedTooltip: {
     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/shared/i18n.d.ts

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

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

@@ -74,4 +74,9 @@ 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": "22.16.13",
+	"version": "23.0.0",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,19 +37,19 @@
 		"@atlaskit/analytics-next": "^10.2.0",
 		"@atlaskit/avatar": "^21.17.0",
 		"@atlaskit/button": "^20.3.0",
-		"@atlaskit/emoji": "^67.11.0",
+		"@atlaskit/emoji": "^67.12.0",
 		"@atlaskit/heading": "^4.0.0",
-		"@atlaskit/icon": "^23.1.0",
-		"@atlaskit/modal-dialog": "^12.18.0",
+		"@atlaskit/icon": "^23.3.0",
+		"@atlaskit/modal-dialog": "^12.19.0",
 		"@atlaskit/motion": "^1.9.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popper": "^6.3.0",
-		"@atlaskit/popup": "1.30.3",
+		"@atlaskit/popup": "1.30.4",
 		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/tabs": "^17.0.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.5.0",
+		"@atlaskit/tokens": "^3.0.0",
 		"@atlaskit/tooltip": "^19.0.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@atlaskit/util-service-support": "^6.2.0",
@@ -114,9 +114,6 @@
 		"platform-component-visual-refresh": {
 			"type": "boolean"
 		},
-		"platform_reaction_success_callback": {
-			"type": "boolean"
-		},
 		"platform_editor_breakout_use_css": {
 			"type": "boolean"
 		}