@atlaskit/reactions 36.7.25 → 37.0.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/reactions
 
+## 37.0.0
+
+### Major Changes
+
+- [`a5edf0fe16236`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a5edf0fe16236) -
+  Rename @atlaskit/reactions/reaction to @atlaskit/reactions/reaction-types to avoid
+  case-insensitive collisions with Reaction. Update imports to reaction-types; exported types and
+  values are unchanged.
+
+### Patch Changes
+
+- [`50afcae9f3b5f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/50afcae9f3b5f) -
+  Clean up experiment `a11y-fixes-week3-may-2026` and internationalize accessible labels for
+  expanding follow-ups, expanding sources, and removing definition sources.
+- Updated dependencies
+
+## 36.7.26
+
+### Patch Changes
+
+- [`3d30d343fd579`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3d30d343fd579) -
+  Prevent host content-renderer list margins from shifting semantic reaction lists behind
+  jfp_a11y_team_comment_actions_semantic.
+- Updated dependencies
+
 ## 36.7.25
 
 ### 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.24";
+var packageVersion = "36.7.26";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/ReactionPicker.js

@@ -22,7 +22,6 @@ var _reference = require("@atlaskit/popper/reference");
 var _portal = _interopRequireDefault(require("@atlaskit/portal/portal"));
 var _box = require("@atlaskit/primitives/compiled/box");
 var _constants = require("@atlaskit/theme/constants");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _useCloseManager = require("../hooks/useCloseManager");
 var _useDelayedState3 = require("../hooks/useDelayedState");
 var _useFocusTrap = require("../hooks/useFocusTrap");
@@ -339,7 +338,7 @@ var ReactionPicker = exports.ReactionPicker = /*#__PURE__*/_react.default.memo(f
         ariaAttributes: _objectSpread({
           'aria-expanded': isPopupTrayOpen,
           'aria-controls': PICKER_CONTROL_ID
-        }, isPopupTrayOpen && (0, _expValEquals.expValEquals)('a11y-fixes-week3-may-2026', 'isEnabled', true) ? {
+        }, isPopupTrayOpen ? {
           'aria-owns': PICKER_CONTROL_ID
         } : {}),
         ref: function ref(node) {

package/dist/cjs/components/Reactions.compiled.css

@@ -1,9 +1,11 @@
-._qtt8glyw{list-style:none}._18u0idpf{margin-left:0}
+._qtt8glyw{list-style:none}._149midpf._149midpf{margin-left:0}
+._18u0idpf{margin-left:0}
 ._19bvidpf{padding-left:0}
 ._19pkidpf{margin-top:0}
 ._1e0c1o8l{display:inline-block}
 ._1e0c1txw{display:flex}
 ._1fohidpf >:first-of-type>:first-of-type{margin-inline-start:0}
+._1l6uidpf._1l6uidpf{margin-bottom:0}
 ._1n261g80{flex-wrap:wrap}
 ._1n261q9c{flex-wrap:nowrap}
 ._1pfh1b66{margin-block-start:var(--ds-space-050,4px)}
@@ -14,5 +16,7 @@
 ._kqswh2mm{position:relative}
 ._kqswpfqs{position:static}
 ._n3tdidpf{padding-bottom:0}
+._o81cidpf._o81cidpf{margin-right:0}
 ._otyridpf{margin-bottom:0}
+._rcujidpf._rcujidpf{margin-top:0}
 ._u5f3idpf{padding-right:0}

package/dist/cjs/components/Reactions.js

@@ -34,6 +34,7 @@ var noFlexWrapStyles = null;
 var noContainerPositionStyles = null;
 var reactionPickerStyle = null;
 var listContainerStyles = null;
+var listMarginResetStyles = null;
 
 /**
  * Set of all available UFO experiences relating to Reactions Dialog
@@ -365,7 +366,7 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
       "aria-label": intl.formatMessage(_i18n.messages.addedReaction),
       className: (0, _runtime.ax)([!shouldRenderReactionList && "_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", !shouldRenderReactionList && noWrap && "_1n261q9c"])
     }, shouldRenderReactionList ? /*#__PURE__*/_react.default.createElement("ul", {
-      className: (0, _runtime.ax)(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", noWrap && "_1n261q9c"])
+      className: (0, _runtime.ax)(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", "_rcujidpf _o81cidpf _1l6uidpf _149midpf", noWrap && "_1n261q9c"])
     }, memorizedReactions.map(function (reaction) {
       return renderReactionItem(reaction, 'li');
     })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, memorizedReactions.map(function (reaction) {
@@ -413,7 +414,7 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
     summaryButtonIconAfter: summaryButtonIconAfter,
     summaryViewParticleEffectEmojiId: renderParticleEffectOnSummaryView ? summaryViewParticleEffectEmojiId : null
   })) : reactions.length > 0 && (0, _fg.fg)('platform_reactions_a11y_group_added_reactions') ? renderReactionGroup() : (0, _fg.fg)('jfp_a11y_team_comment_actions_semantic') ? /*#__PURE__*/_react.default.createElement("ul", {
-    className: (0, _runtime.ax)(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm"])
+    className: (0, _runtime.ax)(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", "_rcujidpf _o81cidpf _1l6uidpf _149midpf"])
   }, memorizedReactions.map(function (reaction) {
     return renderReactionItem(reaction, 'li');
   })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, memorizedReactions.map(function (reaction) {

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.24";
+const packageVersion = "36.7.26";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/es2019/components/ReactionPicker.js

@@ -13,7 +13,6 @@ import Portal from '@atlaskit/portal/portal';
 import { Box } from '@atlaskit/primitives/compiled/box';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-atlaskit-theme
 import { layers } from '@atlaskit/theme/constants';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useCloseManagerV2 } from '../hooks/useCloseManager';
 import { useDelayedState } from '../hooks/useDelayedState';
 import { useFocusTrap } from '../hooks/useFocusTrap';
@@ -297,7 +296,7 @@ export const ReactionPicker = /*#__PURE__*/React.memo(props => {
     ariaAttributes: {
       'aria-expanded': isPopupTrayOpen,
       'aria-controls': PICKER_CONTROL_ID,
-      ...(isPopupTrayOpen && expValEquals('a11y-fixes-week3-may-2026', 'isEnabled', true) ? {
+      ...(isPopupTrayOpen ? {
         'aria-owns': PICKER_CONTROL_ID
       } : {})
     },

package/dist/es2019/components/Reactions.compiled.css

@@ -1,9 +1,11 @@
-._qtt8glyw{list-style:none}._18u0idpf{margin-left:0}
+._qtt8glyw{list-style:none}._149midpf._149midpf{margin-left:0}
+._18u0idpf{margin-left:0}
 ._19bvidpf{padding-left:0}
 ._19pkidpf{margin-top:0}
 ._1e0c1o8l{display:inline-block}
 ._1e0c1txw{display:flex}
 ._1fohidpf >:first-of-type>:first-of-type{margin-inline-start:0}
+._1l6uidpf._1l6uidpf{margin-bottom:0}
 ._1n261g80{flex-wrap:wrap}
 ._1n261q9c{flex-wrap:nowrap}
 ._1pfh1b66{margin-block-start:var(--ds-space-050,4px)}
@@ -14,5 +16,7 @@
 ._kqswh2mm{position:relative}
 ._kqswpfqs{position:static}
 ._n3tdidpf{padding-bottom:0}
+._o81cidpf._o81cidpf{margin-right:0}
 ._otyridpf{margin-bottom:0}
+._rcujidpf._rcujidpf{margin-top:0}
 ._u5f3idpf{padding-right:0}

package/dist/es2019/components/Reactions.js

@@ -21,6 +21,7 @@ const noFlexWrapStyles = null;
 const noContainerPositionStyles = null;
 const reactionPickerStyle = null;
 const listContainerStyles = null;
+const listMarginResetStyles = null;
 
 /**
  * Set of all available UFO experiences relating to Reactions Dialog
@@ -309,7 +310,7 @@ export const Reactions = /*#__PURE__*/React.memo(({
       "aria-label": intl.formatMessage(messages.addedReaction),
       className: ax([!shouldRenderReactionList && "_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", !shouldRenderReactionList && noWrap && "_1n261q9c"])
     }, shouldRenderReactionList ? /*#__PURE__*/React.createElement("ul", {
-      className: ax(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", noWrap && "_1n261q9c"])
+      className: ax(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", "_rcujidpf _o81cidpf _1l6uidpf _149midpf", noWrap && "_1n261q9c"])
     }, memorizedReactions.map(reaction => renderReactionItem(reaction, 'li'))) : /*#__PURE__*/React.createElement(React.Fragment, null, memorizedReactions.map(reaction => renderReactionItem(reaction))));
   };
   return /*#__PURE__*/React.createElement(UFOSegment, {
@@ -351,7 +352,7 @@ export const Reactions = /*#__PURE__*/React.memo(({
     summaryButtonIconAfter: summaryButtonIconAfter,
     summaryViewParticleEffectEmojiId: renderParticleEffectOnSummaryView ? summaryViewParticleEffectEmojiId : null
   })) : reactions.length > 0 && fg('platform_reactions_a11y_group_added_reactions') ? renderReactionGroup() : fg('jfp_a11y_team_comment_actions_semantic') ? /*#__PURE__*/React.createElement("ul", {
-    className: ax(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm"])
+    className: ax(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", "_rcujidpf _o81cidpf _1l6uidpf _149midpf"])
   }, memorizedReactions.map(reaction => renderReactionItem(reaction, 'li'))) : /*#__PURE__*/React.createElement(React.Fragment, null, memorizedReactions.map(reaction => renderReactionItem(reaction)))), shouldShowPicker && /*#__PURE__*/React.createElement(ReactionPicker, {
     contentId: contentId,
     emojiProvider: emojiProvider,

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.24";
+var packageVersion = "36.7.26";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/esm/components/ReactionPicker.js

@@ -17,7 +17,6 @@ import Portal from '@atlaskit/portal/portal';
 import { Box } from '@atlaskit/primitives/compiled/box';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-atlaskit-theme
 import { layers } from '@atlaskit/theme/constants';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useCloseManagerV2 } from '../hooks/useCloseManager';
 import { useDelayedState } from '../hooks/useDelayedState';
 import { useFocusTrap } from '../hooks/useFocusTrap';
@@ -331,7 +330,7 @@ export var ReactionPicker = /*#__PURE__*/React.memo(function (props) {
         ariaAttributes: _objectSpread({
           'aria-expanded': isPopupTrayOpen,
           'aria-controls': PICKER_CONTROL_ID
-        }, isPopupTrayOpen && expValEquals('a11y-fixes-week3-may-2026', 'isEnabled', true) ? {
+        }, isPopupTrayOpen ? {
           'aria-owns': PICKER_CONTROL_ID
         } : {}),
         ref: function ref(node) {

package/dist/esm/components/Reactions.compiled.css

@@ -1,9 +1,11 @@
-._qtt8glyw{list-style:none}._18u0idpf{margin-left:0}
+._qtt8glyw{list-style:none}._149midpf._149midpf{margin-left:0}
+._18u0idpf{margin-left:0}
 ._19bvidpf{padding-left:0}
 ._19pkidpf{margin-top:0}
 ._1e0c1o8l{display:inline-block}
 ._1e0c1txw{display:flex}
 ._1fohidpf >:first-of-type>:first-of-type{margin-inline-start:0}
+._1l6uidpf._1l6uidpf{margin-bottom:0}
 ._1n261g80{flex-wrap:wrap}
 ._1n261q9c{flex-wrap:nowrap}
 ._1pfh1b66{margin-block-start:var(--ds-space-050,4px)}
@@ -14,5 +16,7 @@
 ._kqswh2mm{position:relative}
 ._kqswpfqs{position:static}
 ._n3tdidpf{padding-bottom:0}
+._o81cidpf._o81cidpf{margin-right:0}
 ._otyridpf{margin-bottom:0}
+._rcujidpf._rcujidpf{margin-top:0}
 ._u5f3idpf{padding-right:0}

package/dist/esm/components/Reactions.js

@@ -23,6 +23,7 @@ var noFlexWrapStyles = null;
 var noContainerPositionStyles = null;
 var reactionPickerStyle = null;
 var listContainerStyles = null;
+var listMarginResetStyles = null;
 
 /**
  * Set of all available UFO experiences relating to Reactions Dialog
@@ -354,7 +355,7 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
       "aria-label": intl.formatMessage(messages.addedReaction),
       className: ax([!shouldRenderReactionList && "_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", !shouldRenderReactionList && noWrap && "_1n261q9c"])
     }, shouldRenderReactionList ? /*#__PURE__*/React.createElement("ul", {
-      className: ax(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", noWrap && "_1n261q9c"])
+      className: ax(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", "_rcujidpf _o81cidpf _1l6uidpf _149midpf", noWrap && "_1n261q9c"])
     }, memorizedReactions.map(function (reaction) {
       return renderReactionItem(reaction, 'li');
     })) : /*#__PURE__*/React.createElement(React.Fragment, null, memorizedReactions.map(function (reaction) {
@@ -402,7 +403,7 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
     summaryButtonIconAfter: summaryButtonIconAfter,
     summaryViewParticleEffectEmojiId: renderParticleEffectOnSummaryView ? summaryViewParticleEffectEmojiId : null
   })) : reactions.length > 0 && fg('platform_reactions_a11y_group_added_reactions') ? renderReactionGroup() : fg('jfp_a11y_team_comment_actions_semantic') ? /*#__PURE__*/React.createElement("ul", {
-    className: ax(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm"])
+    className: ax(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", "_rcujidpf _o81cidpf _1l6uidpf _149midpf"])
   }, memorizedReactions.map(function (reaction) {
     return renderReactionItem(reaction, 'li');
   })) : /*#__PURE__*/React.createElement(React.Fragment, null, memorizedReactions.map(function (reaction) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "36.7.25",
+	"version": "37.0.0",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@
 		"@atlaskit/analytics-namespaced-context": "^8.2.0",
 		"@atlaskit/analytics-next": "^12.6.0",
 		"@atlaskit/avatar": "^30.0.0",
-		"@atlaskit/button": "^25.4.0",
+		"@atlaskit/button": "^25.5.0",
 		"@atlaskit/css": "^1.1.0",
 		"@atlaskit/emoji": "^73.0.0",
 		"@atlaskit/feature-gate-js-client": "^7.0.0",
@@ -58,7 +58,7 @@
 		"@atlaskit/spinner": "^20.4.0",
 		"@atlaskit/tabs": "^21.3.0",
 		"@atlaskit/theme": "^28.2.0",
-		"@atlaskit/tmp-editor-statsig": "^242.0.0",
+		"@atlaskit/tmp-editor-statsig": "^243.0.0",
 		"@atlaskit/tokens": "^20.6.0",
 		"@atlaskit/tooltip": "^24.4.0",
 		"@atlaskit/ufo": "^2.0.0",
@@ -74,12 +74,14 @@
 	},
 	"devDependencies": {
 		"@af/visual-regression": "workspace:^",
+		"@atlaskit/docs": "^12.3.0",
 		"@atlaskit/editor-test-helpers": "workspace:^",
+		"@atlaskit/section-message": "^10.2.0",
 		"@atlaskit/util-data-test": "^19.1.0",
 		"@atlassian/a11y-jest-testing": "^0.17.0",
 		"@atlassian/experiment-test-utils": "^0.2.0",
 		"@atlassian/feature-flags-test-utils": "^1.3.0",
-		"@atlassian/ufo": "^1.0.0",
+		"@atlassian/ufo": "^1.1.0",
 		"@atlassian/workbench": "workspace:*",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",

package/{reaction → reaction-types}/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@atlaskit/reactions/reaction",
+  "name": "@atlaskit/reactions/reaction-types",
   "main": "../dist/cjs/types/reaction.js",
   "module": "../dist/esm/types/reaction.js",
   "module:es2019": "../dist/es2019/types/reaction.js",