@atlaskit/reactions 37.2.1 → 37.2.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/reactions
 
+## 37.2.2
+
+### Patch Changes
+
+- [`8c852c7ba9503`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8c852c7ba9503) -
+  Remove a11y-fixes-week4-may-2026 and retain the enabled accessibility behavior for Unsplash
+  headings, heading-link focus and tooltips, and reaction expansion state.
+
 ## 37.2.1
 
 ### 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 = "37.2.0";
+var packageVersion = "37.2.1";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/ReactionButton.js

@@ -12,7 +12,6 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 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 _pressable = require("@atlaskit/primitives/compiled/pressable");
 var _FlashAnimation = require("./FlashAnimation");
@@ -59,7 +58,7 @@ var ReactionButton = exports.ReactionButton = function ReactionButton(_ref) {
     onFocus: onFocus,
     "aria-label": ariaLabel,
     "aria-pressed": ariaPressed,
-    "aria-expanded": (0, _isExperimentEnabled.isExperimentEnabled)('a11y-fixes-week4-may-2026') ? ariaExpanded : undefined,
+    "aria-expanded": ariaExpanded,
     testId: testId,
     xcss: (0, _react2.cx)(styles.reactionButton, useCompactStyles && styles.compactButton, reacted && styles.reacted, !reacted && showSubtleStyle && styles.borderless, !reacted && showOpaqueBackground && styles.opaqueBackground, (0, _fg.fg)('platform-component-visual-refresh') && styles.reactionStylesRefresh)
   }, dataAttributes), /*#__PURE__*/React.createElement(_FlashAnimation.FlashAnimation, {

package/dist/cjs/components/ReactionsDialog.js

@@ -108,8 +108,7 @@ var ReactionsDialog = exports.ReactionsDialog = function ReactionsDialog(_ref) {
     handleNextPage: handleNextPage,
     currentPage: currentPage,
     emojiProvider: emojiProvider,
-    currentReactions: currentReactions,
-    handleCloseReactionsDialog: handleCloseReactionsDialog
+    currentReactions: currentReactions
   }), /*#__PURE__*/React.createElement(_modalBody.default, null, /*#__PURE__*/React.createElement(_box.Box, {
     xcss: styles.modalBodyStyle
   }, /*#__PURE__*/React.createElement("div", {

package/dist/cjs/components/ReactionsDialogHeader.js

@@ -19,11 +19,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _reactIntl = require("react-intl");
 var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
 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"));
-var _closeButton = require("@atlaskit/modal-dialog/close-button");
-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");
@@ -97,14 +94,11 @@ var ReactionsDialogHeader = exports.ReactionsDialogHeader = function ReactionsDi
     currentPage = _ref3.currentPage,
     maxPages = _ref3.maxPages,
     currentReactions = _ref3.currentReactions,
-    emojiProvider = _ref3.emojiProvider,
-    handleCloseReactionsDialog = _ref3.handleCloseReactionsDialog;
+    emojiProvider = _ref3.emojiProvider;
   var _useState = (0, _react.useState)({}),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     cache = _useState2[0],
     setCache = _useState2[1];
-  var _useModal = (0, _hooks.useModal)(),
-    titleId = _useModal.titleId;
   var intl = (0, _reactIntl.useIntl)();
   var _useThemeObserver = (0, _useThemeObserver2.useThemeObserver)(),
     colorMode = _useThemeObserver.colorMode;
@@ -148,23 +142,11 @@ var ReactionsDialogHeader = exports.ReactionsDialogHeader = function ReactionsDi
       }, _callee);
     }))();
   };
-  return /*#__PURE__*/React.createElement(_stack.Stack, null, (0, _fg.fg)('platform_dst_modal-dialog-use-modal-title') ? /*#__PURE__*/React.createElement(_modalHeader.default, {
+  return /*#__PURE__*/React.createElement(_stack.Stack, null, /*#__PURE__*/React.createElement(_modalHeader.default, {
     hasCloseButton: true
   }, /*#__PURE__*/React.createElement(_modalTitle.default, null, intl.formatMessage(_i18n.messages.reactionsCount, {
     count: totalReactionsCount
-  }))) : /*#__PURE__*/React.createElement(_flex.Flex, {
-    direction: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    xcss: styles.fullWidthStyle
-  }, /*#__PURE__*/React.createElement(_heading.default, {
-    size: "medium",
-    id: titleId
-  }, intl.formatMessage(_i18n.messages.reactionsCount, {
-    count: totalReactionsCount
-  })), /*#__PURE__*/React.createElement(_closeButton.CloseButton, {
-    onClick: handleCloseReactionsDialog
-  })), /*#__PURE__*/React.createElement(_inline.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, {

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

package/dist/es2019/components/ReactionButton.js

@@ -4,7 +4,6 @@ import "./ReactionButton.compiled.css";
 import * as React from 'react';
 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/pressable';
 import { FlashAnimation } from './FlashAnimation';
@@ -49,7 +48,7 @@ export const ReactionButton = ({
     onFocus: onFocus,
     "aria-label": ariaLabel,
     "aria-pressed": ariaPressed,
-    "aria-expanded": isExperimentEnabled('a11y-fixes-week4-may-2026') ? ariaExpanded : undefined,
+    "aria-expanded": ariaExpanded,
     testId: testId,
     xcss: cx(styles.reactionButton, useCompactStyles && styles.compactButton, reacted && styles.reacted, !reacted && showSubtleStyle && styles.borderless, !reacted && showOpaqueBackground && styles.opaqueBackground, fg('platform-component-visual-refresh') && styles.reactionStylesRefresh)
   }, dataAttributes), /*#__PURE__*/React.createElement(FlashAnimation, {

package/dist/es2019/components/ReactionsDialog.js

@@ -83,8 +83,7 @@ export const ReactionsDialog = ({
     handleNextPage: handleNextPage,
     currentPage: currentPage,
     emojiProvider: emojiProvider,
-    currentReactions: currentReactions,
-    handleCloseReactionsDialog: handleCloseReactionsDialog
+    currentReactions: currentReactions
   }), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.modalBodyStyle
   }, /*#__PURE__*/React.createElement("div", {

package/dist/es2019/components/ReactionsDialogHeader.js

@@ -7,11 +7,8 @@ import { useState } from 'react';
 import { useIntl } from 'react-intl';
 import IconButton from '@atlaskit/button/icon/button';
 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';
-import { CloseButton } from '@atlaskit/modal-dialog/close-button';
-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';
@@ -80,13 +77,9 @@ export const ReactionsDialogHeader = ({
   currentPage,
   maxPages,
   currentReactions,
-  emojiProvider,
-  handleCloseReactionsDialog
+  emojiProvider
 }) => {
   const [cache, setCache] = useState({});
-  const {
-    titleId
-  } = useModal();
   const intl = useIntl();
   const {
     colorMode
@@ -118,23 +111,11 @@ export const ReactionsDialogHeader = ({
       }
     })();
   };
-  return /*#__PURE__*/React.createElement(Stack, null, fg('platform_dst_modal-dialog-use-modal-title') ? /*#__PURE__*/React.createElement(ModalHeader, {
+  return /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(ModalHeader, {
     hasCloseButton: true
   }, /*#__PURE__*/React.createElement(ModalTitle, null, intl.formatMessage(messages.reactionsCount, {
     count: totalReactionsCount
-  }))) : /*#__PURE__*/React.createElement(Flex, {
-    direction: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    xcss: styles.fullWidthStyle
-  }, /*#__PURE__*/React.createElement(Heading, {
-    size: "medium",
-    id: titleId
-  }, intl.formatMessage(messages.reactionsCount, {
-    count: totalReactionsCount
-  })), /*#__PURE__*/React.createElement(CloseButton, {
-    onClick: handleCloseReactionsDialog
-  })), /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement("div", {
     id: "reactions-dialog-tabs-list",
     className: ax(["_1reo1wug _18m91wug _n7zlia51 _1e0c1txw _1bsb1osq _4cvr1y6m _80wau2gc _s2c4kb7n _141m1j28"])
   }, !isSinglePage && !isOnFirstPage && /*#__PURE__*/React.createElement(LeftNavigationButton, {

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

package/dist/esm/components/ReactionButton.js

@@ -4,7 +4,6 @@ import "./ReactionButton.compiled.css";
 import * as React from 'react';
 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/pressable';
 import { FlashAnimation } from './FlashAnimation';
@@ -50,7 +49,7 @@ export var ReactionButton = function ReactionButton(_ref) {
     onFocus: onFocus,
     "aria-label": ariaLabel,
     "aria-pressed": ariaPressed,
-    "aria-expanded": isExperimentEnabled('a11y-fixes-week4-may-2026') ? ariaExpanded : undefined,
+    "aria-expanded": ariaExpanded,
     testId: testId,
     xcss: cx(styles.reactionButton, useCompactStyles && styles.compactButton, reacted && styles.reacted, !reacted && showSubtleStyle && styles.borderless, !reacted && showOpaqueBackground && styles.opaqueBackground, fg('platform-component-visual-refresh') && styles.reactionStylesRefresh)
   }, dataAttributes), /*#__PURE__*/React.createElement(FlashAnimation, {

package/dist/esm/components/ReactionsDialog.js

@@ -99,8 +99,7 @@ export var ReactionsDialog = function ReactionsDialog(_ref) {
     handleNextPage: handleNextPage,
     currentPage: currentPage,
     emojiProvider: emojiProvider,
-    currentReactions: currentReactions,
-    handleCloseReactionsDialog: handleCloseReactionsDialog
+    currentReactions: currentReactions
   }), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.modalBodyStyle
   }, /*#__PURE__*/React.createElement("div", {

package/dist/esm/components/ReactionsDialogHeader.js

@@ -13,11 +13,8 @@ import { useState } from 'react';
 import { useIntl } from 'react-intl';
 import IconButton from '@atlaskit/button/icon/button';
 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';
-import { CloseButton } from '@atlaskit/modal-dialog/close-button';
-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';
@@ -88,14 +85,11 @@ export var ReactionsDialogHeader = function ReactionsDialogHeader(_ref3) {
     currentPage = _ref3.currentPage,
     maxPages = _ref3.maxPages,
     currentReactions = _ref3.currentReactions,
-    emojiProvider = _ref3.emojiProvider,
-    handleCloseReactionsDialog = _ref3.handleCloseReactionsDialog;
+    emojiProvider = _ref3.emojiProvider;
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     cache = _useState2[0],
     setCache = _useState2[1];
-  var _useModal = useModal(),
-    titleId = _useModal.titleId;
   var intl = useIntl();
   var _useThemeObserver = useThemeObserver(),
     colorMode = _useThemeObserver.colorMode;
@@ -139,23 +133,11 @@ export var ReactionsDialogHeader = function ReactionsDialogHeader(_ref3) {
       }, _callee);
     }))();
   };
-  return /*#__PURE__*/React.createElement(Stack, null, fg('platform_dst_modal-dialog-use-modal-title') ? /*#__PURE__*/React.createElement(ModalHeader, {
+  return /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(ModalHeader, {
     hasCloseButton: true
   }, /*#__PURE__*/React.createElement(ModalTitle, null, intl.formatMessage(messages.reactionsCount, {
     count: totalReactionsCount
-  }))) : /*#__PURE__*/React.createElement(Flex, {
-    direction: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    xcss: styles.fullWidthStyle
-  }, /*#__PURE__*/React.createElement(Heading, {
-    size: "medium",
-    id: titleId
-  }, intl.formatMessage(messages.reactionsCount, {
-    count: totalReactionsCount
-  })), /*#__PURE__*/React.createElement(CloseButton, {
-    onClick: handleCloseReactionsDialog
-  })), /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement("div", {
     id: "reactions-dialog-tabs-list",
     className: ax(["_1reo1wug _18m91wug _n7zlia51 _1e0c1txw _1bsb1osq _4cvr1y6m _80wau2gc _s2c4kb7n _141m1j28"])
   }, !isSinglePage && !isOnFirstPage && /*#__PURE__*/React.createElement(LeftNavigationButton, {

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

@@ -1,15 +1,13 @@
 import type { EmojiProvider } from '@atlaskit/emoji/types';
-import type { OnCloseHandler } from '@atlaskit/modal-dialog/types';
 import { type ReactionSummary } from '../types';
 interface ReactionsDialogModalHeaderProps {
     currentPage: number;
     currentReactions: ReactionSummary[];
     emojiProvider: Promise<EmojiProvider>;
-    handleCloseReactionsDialog: OnCloseHandler;
     handleNextPage: () => void;
     handlePreviousPage: () => void;
     maxPages: number;
     totalReactionsCount: number;
 }
-export declare const ReactionsDialogHeader: ({ totalReactionsCount, handlePreviousPage, handleNextPage, currentPage, maxPages, currentReactions, emojiProvider, handleCloseReactionsDialog, }: ReactionsDialogModalHeaderProps) => JSX.Element;
+export declare const ReactionsDialogHeader: ({ totalReactionsCount, handlePreviousPage, handleNextPage, currentPage, maxPages, currentReactions, emojiProvider, }: ReactionsDialogModalHeaderProps) => JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "37.2.1",
+	"version": "37.2.2",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -40,17 +40,17 @@
 		"@atlaskit/avatar": "^30.0.0",
 		"@atlaskit/button": "^25.6.0",
 		"@atlaskit/css": "^1.1.0",
-		"@atlaskit/emoji": "^73.2.0",
+		"@atlaskit/emoji": "^73.3.0",
 		"@atlaskit/feature-gate-js-client": "^7.1.0",
 		"@atlaskit/heading": "^8.0.0",
 		"@atlaskit/icon": "^38.0.0",
 		"@atlaskit/link": "^5.1.0",
-		"@atlaskit/modal-dialog": "^17.1.0",
+		"@atlaskit/modal-dialog": "^17.2.0",
 		"@atlaskit/motion": "^9.5.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/popper": "^9.4.0",
-		"@atlaskit/popup": "^10.1.0",
+		"@atlaskit/popup": "^10.2.0",
 		"@atlaskit/portal": "^7.1.0",
 		"@atlaskit/primitives": "^22.6.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
@@ -135,10 +135,6 @@
 		},
 		"platform_teamoji_26_refresh_emoji_picker_user_id": {
 			"type": "boolean"
-		},
-		"platform_dst_modal-dialog-use-modal-title": {
-			"type": "boolean",
-			"referenceOnly": true
 		}
 	},
 	"sideEffects": [