@atlaskit/reactions 33.2.19 → 33.2.21

package/dist/es2019/containers/ConnectedReactionPicker/ConnectedReactionPicker.js

@@ -2,13 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { UfoErrorBoundary } from '../../components';
 import { PickerRender } from '../../ufo';
-import { ReactionPicker as ReactionPickerOld } from '../../components/ReactionPicker';
-import { ReactionPicker as ReactionPickerNew } from '../../components/ReactionPickerNew';
-import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
-import { fg } from '@atlaskit/platform-feature-flags';
-const ReactionPicker = componentWithCondition(() => {
-  return fg('platform_editor_reactions_picker_fix') || fg('platform_editor_reactions_picker_fix_jira');
-}, ReactionPickerNew, ReactionPickerOld);
+import { ReactionPicker } from '../../components/ReactionPicker';
 /**
  * Reaction Picker component
  */

package/dist/es2019/index.js

@@ -1,12 +1,6 @@
 import { DefaultReactions, DefaultReactionsByShortName, ExtendedReactions, ExtendedReactionsByShortName, NUMBER_OF_REACTIONS_TO_DISPLAY, SAMPLING_RATE_REACTIONS_RENDERED_EXP, TOOLTIP_USERS_LIMIT } from './shared/constants';
 import { ComponentName, ExperienceName, PickerRender, ReactionsAdd, ReactionDetailsFetch, ReactionDialogOpened, ReactionDialogSelectedReactionChanged, ReactionsRemove, ReactionsRendered, sampledReactionsRendered } from './ufo';
-import { ReactionPicker as ReactionPickerLegacy } from './components/ReactionPicker';
-import { ReactionPicker as ReactionPickerNew } from './components/ReactionPickerNew';
-import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
-import { fg } from '@atlaskit/platform-feature-flags';
-const ReactionPicker = componentWithCondition(() => {
-  return fg('platform_editor_reactions_picker_fix') || fg('platform_editor_reactions_picker_fix_jira');
-}, ReactionPickerNew, ReactionPickerLegacy);
+import { ReactionPicker } from './components/ReactionPicker';
 export { ReactionServiceClient } from './client';
 export { Reaction } from './components/Reaction';
 export { ReactionPicker };

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

package/dist/esm/components/Counter.js

@@ -1,4 +1,4 @@
-/* Counter.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* Counter.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./Counter.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/components/EmojiButton.js

@@ -1,4 +1,4 @@
-/* EmojiButton.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* EmojiButton.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./EmojiButton.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/components/FlashAnimation.js

@@ -1,4 +1,4 @@
-/* FlashAnimation.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* FlashAnimation.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./FlashAnimation.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/components/Reaction.js

@@ -1,4 +1,4 @@
-/* Reaction.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* Reaction.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";

package/dist/esm/components/ReactionButton.js

@@ -1,4 +1,4 @@
-/* ReactionButton.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ReactionButton.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ReactionButton.compiled.css";
 import * as React from 'react';

package/dist/esm/components/ReactionParticleEffect.js

@@ -1,4 +1,4 @@
-/* ReactionParticleEffect.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ReactionParticleEffect.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import "./ReactionParticleEffect.compiled.css";
 import * as React from 'react';

package/dist/esm/components/ReactionPicker.js

@@ -1,4 +1,4 @@
-/* ReactionPicker.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ReactionPicker.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./ReactionPicker.compiled.css";
@@ -12,7 +12,7 @@ import { Manager, Popper, Reference } from '@atlaskit/popper';
 import { layers } from '@atlaskit/theme/constants';
 import { Box } from '@atlaskit/primitives/compiled';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { useCloseManager } from '../hooks/useCloseManager';
+import { useCloseManagerV2 } from '../hooks/useCloseManager';
 import { useDelayedState } from '../hooks/useDelayedState';
 import { useFocusTrap } from '../hooks/useFocusTrap';
 import { messages } from '../shared/i18n';
@@ -21,6 +21,7 @@ import { Selector } from './Selector';
 import { Trigger } from './Trigger';
 import { RepositionOnUpdate } from './RepositionOnUpdate';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';
+import Portal from '@atlaskit/portal';
 var pickerStyle = null;
 var popupWrapperStyle = null;
 var popupStyle = null;
@@ -147,19 +148,6 @@ export var ReactionPicker = /*#__PURE__*/React.memo(function (props) {
     settings = _useState10[0],
     setSettings = _useState10[1];
 
-  /**
-   * Custom hook triggers when user clicks outside the reactions picker
-   */
-  useCloseManager(wrapperRef, function (callbackType) {
-    close();
-    onCancel();
-    if (triggerRef && callbackType === 'ESCAPE') {
-      requestAnimationFrame(function () {
-        return triggerRef.focus();
-      });
-    }
-  }, true, isPopupTrayOpen);
-
   /**
    * Event callback when the picker is closed
    * @param _id Optional id if an emoji button was selected or undefineed if was clicked outside the picker
@@ -278,6 +266,10 @@ export var ReactionPicker = /*#__PURE__*/React.memo(function (props) {
     var _updatePopper$current;
     (_updatePopper$current = updatePopper.current) === null || _updatePopper$current === void 0 || _updatePopper$current.call(updatePopper);
   }, [settings]);
+  var onClose = function onClose() {
+    close();
+    onCancel();
+  };
   return /*#__PURE__*/React.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: ax(["_s7n4nkob _1pra1o8l", wrapperClassName]),
@@ -319,9 +311,14 @@ export var ReactionPicker = /*#__PURE__*/React.memo(function (props) {
         isListItem: isListItem
       }))
     );
-  }), isPopupTrayOpen && /*#__PURE__*/React.createElement(PopperWrapper, {
+  }), isPopupTrayOpen && /*#__PURE__*/React.createElement(Portal, {
+    zIndex: layers.flag()
+  }, /*#__PURE__*/React.createElement(PopperWrapper, {
     settings: settings,
-    popperModifiers: popperModifiers
+    popperModifiers: popperModifiers,
+    isOpen: isPopupTrayOpen,
+    onClose: onClose,
+    triggerRef: triggerRef
   }, settings.showFullPicker || hoverableReactionPicker && isHoverableReactionPickerEmojiPickerOpen ? /*#__PURE__*/React.createElement(EmojiPicker, {
     emojiProvider: emojiProvider,
     onSelection: onEmojiSelected,
@@ -337,10 +334,13 @@ export var ReactionPicker = /*#__PURE__*/React.memo(function (props) {
     onMoreClick: onSelectMoreClick,
     pickerQuickReactionEmojiIds: pickerQuickReactionEmojiIds,
     hoverableReactionPickerSelector: hoverableReactionPicker
-  })))));
+  }))))));
 });
 export var PopperWrapper = function PopperWrapper(props) {
-  var settings = props.settings,
+  var triggerRef = props.triggerRef,
+    settings = props.settings,
+    isOpen = props.isOpen,
+    onClose = props.onClose,
     children = props.children,
     popperModifiers = props.popperModifiers;
   var _useState11 = useState(null),
@@ -356,10 +356,21 @@ export var PopperWrapper = function PopperWrapper(props) {
     initialFocusRef: null,
     targetRef: popupRef
   });
+
+  /**
+   * Custom hook triggers when user clicks outside the reactions picker
+   */
+  useCloseManagerV2(popupRef, triggerRef, function (callbackType) {
+    onClose();
+    if (popupRef && callbackType === 'ESCAPE') {
+      requestAnimationFrame(function () {
+        return triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.focus();
+      });
+    }
+  }, true, isOpen);
   return /*#__PURE__*/React.createElement(Popper, {
     placement: settings.popperPlacement,
-    modifiers: popperModifiers,
-    strategy: "absolute"
+    modifiers: popperModifiers
   }, function (_ref3) {
     var _ref4 = _ref3.ref,
       style = _ref3.style,

package/dist/esm/components/ReactionSummaryButton.js

@@ -1,4 +1,4 @@
-/* ReactionSummaryButton.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ReactionSummaryButton.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import "./ReactionSummaryButton.compiled.css";
 import * as React from 'react';

package/dist/esm/components/ReactionSummaryView.js

@@ -1,4 +1,4 @@
-/* ReactionSummaryView.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ReactionSummaryView.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./ReactionSummaryView.compiled.css";

package/dist/esm/components/ReactionTooltip.js

@@ -1,4 +1,4 @@
-/* ReactionTooltip.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ReactionTooltip.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ReactionTooltip.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/components/ReactionView.js

@@ -1,4 +1,4 @@
-/* ReactionView.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ReactionView.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./ReactionView.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/components/Reactions.js

@@ -1,4 +1,4 @@
-/* Reactions.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* Reactions.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./Reactions.compiled.css";
@@ -15,14 +15,8 @@ import { ReactionStatus } from '../types';
 import { ReactionDialogOpened, ReactionDialogSelectedReactionChanged } from '../ufo';
 import { Reaction } from './Reaction';
 import { ReactionsDialog } from './ReactionsDialog';
-import { ReactionPicker as ReactionPickerOld } from './ReactionPicker';
-import { ReactionPicker as ReactionPickerNew } from './ReactionPickerNew';
+import { ReactionPicker } from './ReactionPicker';
 import { ReactionSummaryView } from './ReactionSummaryView';
-import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
-import { fg } from '@atlaskit/platform-feature-flags';
-var ReactionPicker = componentWithCondition(function () {
-  return fg('platform_editor_reactions_picker_fix') || fg('platform_editor_reactions_picker_fix_jira');
-}, ReactionPickerNew, ReactionPickerOld);
 var wrapperStyle = null;
 var noFlexWrapStyles = null;
 var noContainerPositionStyles = null;

package/dist/esm/components/ReactionsDialog.js

@@ -1,4 +1,4 @@
-/* ReactionsDialog.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ReactionsDialog.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./ReactionsDialog.compiled.css";
 import * as React from 'react';

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

@@ -5,7 +5,7 @@
 ._nhktlyvf.disabled:after{background:linear-gradient(270deg,hsla(0,0%,100%,.95) 40.23%,hsla(0,0%,100%,.55) 58.33%,hsla(0,0%,100%,0) 77.49%)}
 ._1rjc1b66{padding-block:var(--ds-space-050,4px)}
 ._80wau2gc div[role=tablist]{padding-inline:var(--ds-space-100,8px)}
-._n7zlfl6d{border-bottom:var(--_1wtzbnt)}._10d67vkz>span{min-height:1pc}
+._n7zl1l7n{border-bottom:1px solid var(--ds-border,#ebecf0)}._10d67vkz>span{min-height:1pc}
 ._141m1j28 div[role=tablist]:before{background-color:transparent}
 ._18m91wug{overflow-y:auto}
 ._18u01wug{margin-left:auto}

package/dist/esm/components/ReactionsDialogHeader.js

@@ -1,4 +1,4 @@
-/* ReactionsDialogHeader.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ReactionsDialogHeader.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
@@ -146,10 +146,7 @@ export var ReactionsDialogHeader = function ReactionsDialogHeader(_ref3) {
     onClick: handleCloseReactionsDialog
   })), /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement("div", {
     id: "reactions-dialog-tabs-list",
-    className: ax(["_1reo1wug _18m91wug _n7zlfl6d _1e0c1txw _1bsb1osq _4cvr1y6m _80wau2gc _s2c4kb7n _141m1j28"]),
-    style: {
-      "--_1wtzbnt": ix("1px solid ".concat("var(--ds-border, #EBECF0)"))
-    }
+    className: ax(["_1reo1wug _18m91wug _n7zl1l7n _1e0c1txw _1bsb1osq _4cvr1y6m _80wau2gc _s2c4kb7n _141m1j28"])
   }, !isSinglePage && !isOnFirstPage && /*#__PURE__*/React.createElement(LeftNavigationButton, {
     handlePreviousPage: handlePreviousPage
   }), /*#__PURE__*/React.createElement(TabList, null, currentReactions.map(function (reaction, index) {

package/dist/esm/components/ReactionsDialogTrigger.js

@@ -1,4 +1,4 @@
-/* ReactionsDialogTrigger.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ReactionsDialogTrigger.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./ReactionsDialogTrigger.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/components/Selector.js

@@ -1,4 +1,4 @@
-/* Selector.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* Selector.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./Selector.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/components/StaticReaction.js

@@ -1,4 +1,4 @@
-/* StaticReaction.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* StaticReaction.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./StaticReaction.compiled.css";
 import * as React from 'react';

package/dist/esm/components/Trigger.js

@@ -1,4 +1,4 @@
-/* Trigger.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* Trigger.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./Trigger.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/containers/ConnectedReactionPicker/ConnectedReactionPicker.js

@@ -4,13 +4,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import { UfoErrorBoundary } from '../../components';
 import { PickerRender } from '../../ufo';
-import { ReactionPicker as ReactionPickerOld } from '../../components/ReactionPicker';
-import { ReactionPicker as ReactionPickerNew } from '../../components/ReactionPickerNew';
-import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
-import { fg } from '@atlaskit/platform-feature-flags';
-var ReactionPicker = componentWithCondition(function () {
-  return fg('platform_editor_reactions_picker_fix') || fg('platform_editor_reactions_picker_fix_jira');
-}, ReactionPickerNew, ReactionPickerOld);
+import { ReactionPicker } from '../../components/ReactionPicker';
 /**
  * Reaction Picker component
  */

package/dist/esm/index.js

@@ -1,12 +1,6 @@
 import { DefaultReactions, DefaultReactionsByShortName, ExtendedReactions, ExtendedReactionsByShortName, NUMBER_OF_REACTIONS_TO_DISPLAY, SAMPLING_RATE_REACTIONS_RENDERED_EXP, TOOLTIP_USERS_LIMIT } from './shared/constants';
 import { ComponentName, ExperienceName, PickerRender, ReactionsAdd, ReactionDetailsFetch, ReactionDialogOpened, ReactionDialogSelectedReactionChanged, ReactionsRemove, ReactionsRendered, sampledReactionsRendered } from './ufo';
-import { ReactionPicker as ReactionPickerLegacy } from './components/ReactionPicker';
-import { ReactionPicker as ReactionPickerNew } from './components/ReactionPickerNew';
-import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
-import { fg } from '@atlaskit/platform-feature-flags';
-var ReactionPicker = componentWithCondition(function () {
-  return fg('platform_editor_reactions_picker_fix') || fg('platform_editor_reactions_picker_fix_jira');
-}, ReactionPickerNew, ReactionPickerLegacy);
+import { ReactionPicker } from './components/ReactionPicker';
 export { ReactionServiceClient } from './client';
 export { Reaction } from './components/Reaction';
 export { ReactionPicker };

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

@@ -72,6 +72,10 @@ export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickRea
      * Optional prop for controlling the picker location
      */
     reactionPickerPlacement?: Placement;
+    /**
+     * Optional prop to set the strategy of the reaction picker popup
+     */
+    reactionPickerStrategy?: PopperProps<{}>['strategy'];
     /**
      * Optional prop for controlling icon inside Trigger
      */
@@ -98,10 +102,13 @@ export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickRea
  */
 export declare const ReactionPicker: React.MemoExoticComponent<(props: ReactionPickerProps) => JSX.Element>;
 export interface PopperWrapperProps {
+    isOpen: boolean;
+    onClose: () => void;
     popperModifiers?: PopperProps<{}>['modifiers'];
     settings: {
         popperPlacement: Placement;
         showFullPicker: boolean;
     };
+    triggerRef: HTMLDivElement | HTMLButtonElement | null;
 }
 export declare const PopperWrapper: (props: PropsWithChildren<PopperWrapperProps>) => JSX.Element;

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 import { ComponentName, ExperienceName } from './ufo';
-declare const ReactionPicker: import("react").FC<import("./components/ReactionPickerNew").ReactionPickerProps & import("./components/ReactionPicker").ReactionPickerProps>;
+import { ReactionPicker } from './components/ReactionPicker';
 export { ReactionServiceClient } from './client';
 export { Reaction } from './components/Reaction';
 export { ReactionPicker };

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

@@ -72,6 +72,10 @@ export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickRea
      * Optional prop for controlling the picker location
      */
     reactionPickerPlacement?: Placement;
+    /**
+     * Optional prop to set the strategy of the reaction picker popup
+     */
+    reactionPickerStrategy?: PopperProps<{}>['strategy'];
     /**
      * Optional prop for controlling icon inside Trigger
      */
@@ -98,10 +102,13 @@ export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickRea
  */
 export declare const ReactionPicker: React.MemoExoticComponent<(props: ReactionPickerProps) => JSX.Element>;
 export interface PopperWrapperProps {
+    isOpen: boolean;
+    onClose: () => void;
     popperModifiers?: PopperProps<{}>['modifiers'];
     settings: {
         popperPlacement: Placement;
         showFullPicker: boolean;
     };
+    triggerRef: HTMLDivElement | HTMLButtonElement | null;
 }
 export declare const PopperWrapper: (props: PropsWithChildren<PopperWrapperProps>) => JSX.Element;

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

@@ -1,5 +1,5 @@
 import { ComponentName, ExperienceName } from './ufo';
-declare const ReactionPicker: import("react").FC<import("./components/ReactionPickerNew").ReactionPickerProps & import("./components/ReactionPicker").ReactionPickerProps>;
+import { ReactionPicker } from './components/ReactionPicker';
 export { ReactionServiceClient } from './client';
 export { Reaction } from './components/Reaction';
 export { ReactionPicker };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "33.2.19",
+	"version": "33.2.21",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -49,10 +49,10 @@
 		"@atlaskit/popup": "^4.3.0",
 		"@atlaskit/portal": "^5.1.0",
 		"@atlaskit/primitives": "^14.14.0",
-		"@atlaskit/react-ufo": "^4.5.0",
+		"@atlaskit/react-ufo": "^4.7.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/tabs": "^18.1.0",
-		"@atlaskit/theme": "^20.0.0",
+		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/ufo": "^0.4.0",
@@ -70,7 +70,7 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/editor-test-helpers": "workspace:^",
 		"@atlaskit/elements-test-helpers": "workspace:^",
-		"@atlaskit/util-data-test": "^18.1.0",
+		"@atlaskit/util-data-test": "^18.2.0",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
@@ -124,12 +124,6 @@
 		"platform-reactions-offset-based-popper": {
 			"type": "boolean"
 		},
-		"platform_editor_reactions_picker_fix": {
-			"type": "boolean"
-		},
-		"platform_editor_reactions_picker_fix_jira": {
-			"type": "boolean"
-		},
 		"dst-a11y__replace-anchor-with-link__editor-collabo": {
 			"type": "boolean"
 		},

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

@@ -1,11 +0,0 @@
-
-._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs1a23{box-shadow:var(--_3t1odq)}
-._1bch1b66>div{margin-top:var(--ds-space-050,4px)}
-._1e0c1txw{display:flex}
-._1pra1o8l.miniMode{display:inline-block}
-._79pa1b66>div{margin-bottom:var(--ds-space-050,4px)}
-._bfhk13b4{background-color:var(--_1f6rtr1)}
-._s7n4nkob{vertical-align:middle}
-._1hvw1o36:focus{outline-width:medium}
-._49pcglyw:focus{outline-style:none}
-._nt751r31:focus{outline-color:currentColor}