@atlaskit/reactions 33.8.6 → 33.8.7

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/reactions
 
+## 33.8.7
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 33.8.6
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -1,5 +1,5 @@
 {
-	"extends": "../../../../tsconfig.entry-points.confluence.json",
+	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",

package/afm-products/tsconfig.json

@@ -1,5 +1,5 @@
 {
-	"extends": "../../../../tsconfig.entry-points.products.json",
+	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",

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

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

@@ -1,4 +1,4 @@
-._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._18m915vq{overflow-y:hidden}
 ._19bvidpf{padding-left:0}
 ._19pkv77o{margin-top:var(--ds-space-025,2px)}

package/dist/cjs/components/Counter.js

@@ -69,7 +69,7 @@ var Counter = exports.Counter = function Counter(_ref) {
   }, [value]);
   return /*#__PURE__*/React.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: (0, _runtime.ax)(["_11c81o8v _1reo15vq _18m915vq _syaz1rpy _kqswh2mm _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvidpf _vwz4dlk8", useDarkerFont && "_syazazsu", useUpdatedStyles && "_19pkv77o", className]),
+    className: (0, _runtime.ax)(["_11c8wadc _1reo15vq _18m915vq _syaz1rpy _kqswh2mm _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvidpf _vwz4dlk8", useDarkerFont && "_syazazsu", useUpdatedStyles && "_19pkv77o", className]),
     "data-testid": RENDER_COMPONENT_WRAPPER
   }, /*#__PURE__*/React.createElement(_motion.ExitingPersistence, null, /*#__PURE__*/React.createElement(_motion.SlideIn, {
     enterFrom: isIncreasing ? 'top' : 'bottom',

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

@@ -1,5 +1,5 @@
 
-._nccu2smr li{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._nccufhey li{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._qtt8glyw{list-style:none}._18u0utpp{margin-left:var(--ds-space-150,9pt)}
 ._18u0ze3t{margin-left:var(--ds-space-0,0)}
 ._19bvidpf{padding-left:0}

package/dist/cjs/components/ReactionView.js

@@ -44,7 +44,7 @@ var ReactionView = exports.ReactionView = function ReactionView(_ref) {
     size: "large",
     interactionName: "reactions-spinner"
   })) : /*#__PURE__*/React.createElement("ul", {
-    className: (0, _runtime.ax)(["_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19pkpxbi _y3gn1e5h _nccu2smr _thoc15n8"]),
+    className: (0, _runtime.ax)(["_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19pkpxbi _y3gn1e5h _nccufhey _thoc15n8"]),
     style: {
       "--_1zdack": (0, _runtime.ix)("".concat("var(--ds-text, ".concat(_colors.N500, ")")))
     }

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

@@ -1,4 +1,4 @@
-._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._qtt8glyw{list-style:none}

package/dist/cjs/components/Trigger.js

@@ -45,7 +45,7 @@ var i18n = (0, _reactIntlNext.defineMessages)({
   }
 });
 var addReactionStyles = {
-  addReactionMessage: "_11c8dcr7 _syazazsu _18u01b66"
+  addReactionMessage: "_11c8rymc _syazazsu _18u01b66"
 };
 var noMarkerListStyle = null;
 
@@ -101,7 +101,6 @@ var Trigger = exports.Trigger = /*#__PURE__*/_react2.default.forwardRef(function
     _react2.default.createElement(_emojiAdd.default, {
       testId: "emoji-add-icon",
       color: disabled ? "var(--ds-icon-disabled, #080F214A)" : "var(--ds-icon, #292A2E)",
-      LEGACY_size: "small",
       label: "Add reaction"
     }), showAddReactionText && /*#__PURE__*/_react2.default.createElement(_compiled.Box, {
       xcss: (0, _react.cx)(addReactionStyles.addReactionMessage)

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

@@ -18,7 +18,6 @@ var _components = require("../../components");
 var _Reactions = require("../../components/Reactions");
 var _store2 = require("../../store");
 var _types = require("../../types");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _excluded = ["ari", "containerAri", "store", "particleEffectByEmojiEnabled", "onReactionSuccess"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /**
@@ -145,9 +144,6 @@ var ConnectedReactionsView = exports.ConnectedReactionsView = function Connected
     return mapDispatchToPropsHelper(actions, containerAri, ari, onReactionSuccess);
   }, [ari, containerAri, onReactionSuccess]);
   var resolveStore = (0, _react.useCallback)(function (store) {
-    if (!(0, _platformFeatureFlags.fg)('jfp-magma-ssr-issue-view-comment-reactions')) {
-      return;
-    }
     if (store.setCreateAnalyticsEvent && createAnalyticsEvent) {
       store.setCreateAnalyticsEvent(createAnalyticsEvent);
     }
@@ -157,18 +153,12 @@ var ConnectedReactionsView = exports.ConnectedReactionsView = function Connected
     setDispatchData(dispatch);
   }, [createAnalyticsEvent, mapDispatchToProps, mapStateToProps]);
   (0, _react.useMemo)(function () {
-    if (!(0, _platformFeatureFlags.fg)('jfp-magma-ssr-issue-view-comment-reactions')) {
-      return;
-    }
     if (!('then' in store)) {
       // Store is not a Promise
       resolveStore(store);
     }
-  }, [, store, resolveStore]);
+  }, [store, resolveStore]);
   (0, _react.useEffect)(function () {
-    if (!(0, _platformFeatureFlags.fg)('jfp-magma-ssr-issue-view-comment-reactions')) {
-      return;
-    }
     (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var _store;
       return _regenerator.default.wrap(function _callee$(_context) {
@@ -190,33 +180,6 @@ var ConnectedReactionsView = exports.ConnectedReactionsView = function Connected
       }, _callee);
     }))();
   }, [store, resolveStore]);
-  (0, _react.useEffect)(function () {
-    if ((0, _platformFeatureFlags.fg)('jfp-magma-ssr-issue-view-comment-reactions')) {
-      return;
-    }
-    (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-      var _store, state, dispatch;
-      return _regenerator.default.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.next = 2;
-            return Promise.resolve(store);
-          case 2:
-            _store = _context2.sent;
-            if (_store.setCreateAnalyticsEvent && createAnalyticsEvent) {
-              _store.setCreateAnalyticsEvent(createAnalyticsEvent);
-            }
-            state = mapStateToProps(_store.getState());
-            dispatch = mapDispatchToProps(_store);
-            setStateData(state);
-            setDispatchData(dispatch);
-          case 8:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }))();
-  }, [createAnalyticsEvent, store, ari, containerAri, mapStateToProps, mapDispatchToProps]);
 
   /**
    * Listen to changes on the store data.
@@ -228,38 +191,38 @@ var ConnectedReactionsView = exports.ConnectedReactionsView = function Connected
       var stateProps = mapStateToProps(state);
       setStateData(stateProps);
     };
-    (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+    (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
       var _store;
-      return _regenerator.default.wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _context3.next = 2;
+            _context2.next = 2;
             return Promise.resolve(store);
           case 2:
-            _store = _context3.sent;
+            _store = _context2.sent;
             _store.onChange(onChangeCallback);
           case 4:
           case "end":
-            return _context3.stop();
+            return _context2.stop();
         }
-      }, _callee3);
+      }, _callee2);
     }))();
     return function cleanup() {
-      (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
+      (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
         var _store;
-        return _regenerator.default.wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+        return _regenerator.default.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              _context4.next = 2;
+              _context3.next = 2;
               return Promise.resolve(store);
             case 2:
-              _store = _context4.sent;
+              _store = _context3.sent;
               _store.removeOnChangeListener(onChangeCallback);
             case 4:
             case "end":
-              return _context4.stop();
+              return _context3.stop();
           }
-        }, _callee4);
+        }, _callee3);
       }))();
     };
   }, [mapStateToProps, store]);

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

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

@@ -1,4 +1,4 @@
-._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._18m915vq{overflow-y:hidden}
 ._19bvidpf{padding-left:0}
 ._19pkv77o{margin-top:var(--ds-space-025,2px)}

package/dist/es2019/components/Counter.js

@@ -60,7 +60,7 @@ export const Counter = ({
   }, [value]);
   return /*#__PURE__*/React.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ax(["_11c81o8v _1reo15vq _18m915vq _syaz1rpy _kqswh2mm _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvidpf _vwz4dlk8", useDarkerFont && "_syazazsu", useUpdatedStyles && "_19pkv77o", className]),
+    className: ax(["_11c8wadc _1reo15vq _18m915vq _syaz1rpy _kqswh2mm _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvidpf _vwz4dlk8", useDarkerFont && "_syazazsu", useUpdatedStyles && "_19pkv77o", className]),
     "data-testid": RENDER_COMPONENT_WRAPPER
   }, /*#__PURE__*/React.createElement(ExitingPersistence, null, /*#__PURE__*/React.createElement(SlideIn, {
     enterFrom: isIncreasing ? 'top' : 'bottom',

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

@@ -1,5 +1,5 @@
 
-._nccu2smr li{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._nccufhey li{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._qtt8glyw{list-style:none}._18u0utpp{margin-left:var(--ds-space-150,9pt)}
 ._18u0ze3t{margin-left:var(--ds-space-0,0)}
 ._19bvidpf{padding-left:0}

package/dist/es2019/components/ReactionView.js

@@ -34,7 +34,7 @@ export const ReactionView = ({
     size: "large",
     interactionName: "reactions-spinner"
   })) : /*#__PURE__*/React.createElement("ul", {
-    className: ax(["_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19pkpxbi _y3gn1e5h _nccu2smr _thoc10s3"])
+    className: ax(["_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19pkpxbi _y3gn1e5h _nccufhey _thoc10s3"])
   }, alphabeticalNames.map(user => {
     var _user$profilePicture;
     const profile = (_user$profilePicture = user.profilePicture) === null || _user$profilePicture === void 0 ? void 0 : _user$profilePicture.path;

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

@@ -1,4 +1,4 @@
-._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._qtt8glyw{list-style:none}

package/dist/es2019/components/Trigger.js

@@ -38,7 +38,7 @@ const i18n = defineMessages({
   }
 });
 const addReactionStyles = {
-  addReactionMessage: "_11c8dcr7 _syazazsu _18u01b66"
+  addReactionMessage: "_11c8rymc _syazazsu _18u01b66"
 };
 const noMarkerListStyle = null;
 
@@ -87,7 +87,6 @@ export const Trigger = /*#__PURE__*/React.forwardRef((props, ref) => {
   React.createElement(EmojiAddIcon, {
     testId: "emoji-add-icon",
     color: disabled ? "var(--ds-icon-disabled, #080F214A)" : "var(--ds-icon, #292A2E)",
-    LEGACY_size: "small",
     label: "Add reaction"
   }), showAddReactionText && /*#__PURE__*/React.createElement(Box, {
     xcss: cx(addReactionStyles.addReactionMessage)

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

@@ -6,7 +6,6 @@ import { UfoErrorBoundary } from '../../components';
 import { Reactions } from '../../components/Reactions';
 import { ufoExperiences } from '../../store';
 import { ReactionStatus } from '../../types';
-import { fg } from '@atlaskit/platform-feature-flags';
 
 /**
  * State Props required for <Reactions />
@@ -129,9 +128,6 @@ export const ConnectedReactionsView = props => {
     return mapDispatchToPropsHelper(actions, containerAri, ari, onReactionSuccess);
   }, [ari, containerAri, onReactionSuccess]);
   const resolveStore = useCallback(store => {
-    if (!fg('jfp-magma-ssr-issue-view-comment-reactions')) {
-      return;
-    }
     if (store.setCreateAnalyticsEvent && createAnalyticsEvent) {
       store.setCreateAnalyticsEvent(createAnalyticsEvent);
     }
@@ -141,18 +137,12 @@ export const ConnectedReactionsView = props => {
     setDispatchData(dispatch);
   }, [createAnalyticsEvent, mapDispatchToProps, mapStateToProps]);
   useMemo(() => {
-    if (!fg('jfp-magma-ssr-issue-view-comment-reactions')) {
-      return;
-    }
     if (!('then' in store)) {
       // Store is not a Promise
       resolveStore(store);
     }
-  }, [, store, resolveStore]);
+  }, [store, resolveStore]);
   useEffect(() => {
-    if (!fg('jfp-magma-ssr-issue-view-comment-reactions')) {
-      return;
-    }
     (async () => {
       if ('then' in store) {
         // Store is a Promise
@@ -161,21 +151,6 @@ export const ConnectedReactionsView = props => {
       }
     })();
   }, [store, resolveStore]);
-  useEffect(() => {
-    if (fg('jfp-magma-ssr-issue-view-comment-reactions')) {
-      return;
-    }
-    (async () => {
-      const _store = await Promise.resolve(store);
-      if (_store.setCreateAnalyticsEvent && createAnalyticsEvent) {
-        _store.setCreateAnalyticsEvent(createAnalyticsEvent);
-      }
-      const state = mapStateToProps(_store.getState());
-      const dispatch = mapDispatchToProps(_store);
-      setStateData(state);
-      setDispatchData(dispatch);
-    })();
-  }, [createAnalyticsEvent, store, ari, containerAri, mapStateToProps, mapDispatchToProps]);
 
   /**
    * Listen to changes on the store data.

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

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

@@ -1,4 +1,4 @@
-._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._18m915vq{overflow-y:hidden}
 ._19bvidpf{padding-left:0}
 ._19pkv77o{margin-top:var(--ds-space-025,2px)}

package/dist/esm/components/Counter.js

@@ -61,7 +61,7 @@ export var Counter = function Counter(_ref) {
   }, [value]);
   return /*#__PURE__*/React.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ax(["_11c81o8v _1reo15vq _18m915vq _syaz1rpy _kqswh2mm _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvidpf _vwz4dlk8", useDarkerFont && "_syazazsu", useUpdatedStyles && "_19pkv77o", className]),
+    className: ax(["_11c8wadc _1reo15vq _18m915vq _syaz1rpy _kqswh2mm _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvidpf _vwz4dlk8", useDarkerFont && "_syazazsu", useUpdatedStyles && "_19pkv77o", className]),
     "data-testid": RENDER_COMPONENT_WRAPPER
   }, /*#__PURE__*/React.createElement(ExitingPersistence, null, /*#__PURE__*/React.createElement(SlideIn, {
     enterFrom: isIncreasing ? 'top' : 'bottom',

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

@@ -1,5 +1,5 @@
 
-._nccu2smr li{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._nccufhey li{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._qtt8glyw{list-style:none}._18u0utpp{margin-left:var(--ds-space-150,9pt)}
 ._18u0ze3t{margin-left:var(--ds-space-0,0)}
 ._19bvidpf{padding-left:0}

package/dist/esm/components/ReactionView.js

@@ -35,7 +35,7 @@ export var ReactionView = function ReactionView(_ref) {
     size: "large",
     interactionName: "reactions-spinner"
   })) : /*#__PURE__*/React.createElement("ul", {
-    className: ax(["_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19pkpxbi _y3gn1e5h _nccu2smr _thoc15n8"]),
+    className: ax(["_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19pkpxbi _y3gn1e5h _nccufhey _thoc15n8"]),
     style: {
       "--_1zdack": ix("".concat("var(--ds-text, ".concat(N500, ")")))
     }

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

@@ -1,4 +1,4 @@
-._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._qtt8glyw{list-style:none}

package/dist/esm/components/Trigger.js

@@ -38,7 +38,7 @@ var i18n = defineMessages({
   }
 });
 var addReactionStyles = {
-  addReactionMessage: "_11c8dcr7 _syazazsu _18u01b66"
+  addReactionMessage: "_11c8rymc _syazazsu _18u01b66"
 };
 var noMarkerListStyle = null;
 
@@ -94,7 +94,6 @@ export var Trigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     React.createElement(EmojiAddIcon, {
       testId: "emoji-add-icon",
       color: disabled ? "var(--ds-icon-disabled, #080F214A)" : "var(--ds-icon, #292A2E)",
-      LEGACY_size: "small",
       label: "Add reaction"
     }), showAddReactionText && /*#__PURE__*/React.createElement(Box, {
       xcss: cx(addReactionStyles.addReactionMessage)

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

@@ -11,7 +11,6 @@ import { UfoErrorBoundary } from '../../components';
 import { Reactions } from '../../components/Reactions';
 import { ufoExperiences } from '../../store';
 import { ReactionStatus } from '../../types';
-import { fg } from '@atlaskit/platform-feature-flags';
 
 /**
  * State Props required for <Reactions />
@@ -137,9 +136,6 @@ export var ConnectedReactionsView = function ConnectedReactionsView(props) {
     return mapDispatchToPropsHelper(actions, containerAri, ari, onReactionSuccess);
   }, [ari, containerAri, onReactionSuccess]);
   var resolveStore = useCallback(function (store) {
-    if (!fg('jfp-magma-ssr-issue-view-comment-reactions')) {
-      return;
-    }
     if (store.setCreateAnalyticsEvent && createAnalyticsEvent) {
       store.setCreateAnalyticsEvent(createAnalyticsEvent);
     }
@@ -149,18 +145,12 @@ export var ConnectedReactionsView = function ConnectedReactionsView(props) {
     setDispatchData(dispatch);
   }, [createAnalyticsEvent, mapDispatchToProps, mapStateToProps]);
   useMemo(function () {
-    if (!fg('jfp-magma-ssr-issue-view-comment-reactions')) {
-      return;
-    }
     if (!('then' in store)) {
       // Store is not a Promise
       resolveStore(store);
     }
-  }, [, store, resolveStore]);
+  }, [store, resolveStore]);
   useEffect(function () {
-    if (!fg('jfp-magma-ssr-issue-view-comment-reactions')) {
-      return;
-    }
     _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var _store;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -182,33 +172,6 @@ export var ConnectedReactionsView = function ConnectedReactionsView(props) {
       }, _callee);
     }))();
   }, [store, resolveStore]);
-  useEffect(function () {
-    if (fg('jfp-magma-ssr-issue-view-comment-reactions')) {
-      return;
-    }
-    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var _store, state, dispatch;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.next = 2;
-            return Promise.resolve(store);
-          case 2:
-            _store = _context2.sent;
-            if (_store.setCreateAnalyticsEvent && createAnalyticsEvent) {
-              _store.setCreateAnalyticsEvent(createAnalyticsEvent);
-            }
-            state = mapStateToProps(_store.getState());
-            dispatch = mapDispatchToProps(_store);
-            setStateData(state);
-            setDispatchData(dispatch);
-          case 8:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }))();
-  }, [createAnalyticsEvent, store, ari, containerAri, mapStateToProps, mapDispatchToProps]);
 
   /**
    * Listen to changes on the store data.
@@ -220,38 +183,38 @@ export var ConnectedReactionsView = function ConnectedReactionsView(props) {
       var stateProps = mapStateToProps(state);
       setStateData(stateProps);
     };
-    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var _store;
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _context3.next = 2;
+            _context2.next = 2;
             return Promise.resolve(store);
           case 2:
-            _store = _context3.sent;
+            _store = _context2.sent;
             _store.onChange(onChangeCallback);
           case 4:
           case "end":
-            return _context3.stop();
+            return _context2.stop();
         }
-      }, _callee3);
+      }, _callee2);
     }))();
     return function cleanup() {
-      _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
         var _store;
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              _context4.next = 2;
+              _context3.next = 2;
               return Promise.resolve(store);
             case 2:
-              _store = _context4.sent;
+              _store = _context3.sent;
               _store.removeOnChangeListener(onChangeCallback);
             case 4:
             case "end":
-              return _context4.stop();
+              return _context3.stop();
           }
-        }, _callee4);
+        }, _callee3);
       }))();
     };
   }, [mapStateToProps, store]);

package/docs/0-intro.tsx

@@ -11,7 +11,7 @@ const LinkComponent = (props: any) =>
 	// eslint-disable-next-line @atlaskit/design-system/no-html-anchor, @atlassian/a11y/anchor-has-content
 	fg('dst-a11y__replace-anchor-with-link__editor-collabo') ? <Link {...props} /> : <a {...props} />;
 
-export default md`
+const _default_1: any = md`
   ${(<AtlassianInternalWarning />)}
 
   The main purpose of the Reactions component is to provide users the ability to react to pieces of content.
@@ -173,3 +173,4 @@ export default md`
 			props={require('!!extract-react-types-loader!../extract-react-type/Reaction')}
 		/>
 	)}`;
+export default _default_1;

package/docs/1-connected-reaction-picker.tsx

@@ -5,7 +5,7 @@ import { Text } from '@atlaskit/primitives/compiled';
 
 import ConnectedReactionPickerExample from '../examples/00-connected-reaction-picker';
 
-export default md`
+const _default_1: any = md`
 
   The ConnectedReactionPicker component renders the Reaction picker custom selector to add a new reaction to the content displayed.
 
@@ -132,3 +132,4 @@ export default md`
 		/>
 	)}
 `;
+export default _default_1;

package/docs/2-connected-reactions-view.tsx

@@ -5,7 +5,7 @@ import { Text } from '@atlaskit/primitives/compiled';
 
 import ConnectedReactionsViewExample from '../examples/01-connected-reactions-view';
 
-export default md`
+const _default_1: any = md`
 
   The ConnectedReactionsView component renders all existing reactions for given post/comment/etc.. as well as the [ConnectedReactionPicker](/packages/elements/reactions/docs/connected-reaction-picker) to add more reactions.
 
@@ -129,3 +129,4 @@ export default md`
 		/>
 	)}
 `;
+export default _default_1;

package/docs/3-reactions-store.tsx

@@ -9,7 +9,7 @@ const LinkComponent = (props: any) =>
 	// eslint-disable-next-line @atlaskit/design-system/no-html-anchor, @atlassian/a11y/anchor-has-content
 	fg('dst-a11y__replace-anchor-with-link__editor-collabo') ? <Link {...props} /> : <a {...props} />;
 
-export default md`
+const _default_1: any = md`
 
   The ReactionsStore is one of the key interfaces that encapsulates all logic needed to maintain internal state of the reaction elements (get latest state and onChange callback events), including different types of Actions required to perform on the store (getReactions, toggleReaction on/off, adding a new reaciton, getting detailed reaction upon hovering the emoji icon).
   It serves as one of the key props passed to the connected HoC used in Reactions: (\`ConnectedReactionPicker\` and \`ConnectedReactions\`).
@@ -75,3 +75,4 @@ export default md`
 		/>
 	)}
 `;
+export default _default_1;

package/docs/4-reaction-service-client.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { md, code, Props } from '@atlaskit/docs';
 
-export default md`
+const _default_1: any = md`
 
   The ReactionServiceClient class is another key element used in the Reactions memory state management. It wraps all API calls to the pf-reactions-service required for communicating with the remote API.
 
@@ -40,3 +40,4 @@ export default md`
 		/>
 	)}
 `;
+export default _default_1;

package/docs/5-graphql-support.tsx

@@ -3,7 +3,7 @@ import { md, code, Props } from '@atlaskit/docs';
 import SectionMessage from '@atlaskit/section-message';
 import { Text } from '@atlaskit/primitives/compiled';
 
-export default md`
+const _default_1: any = md`
 
   ### How to get reactions support GraphQL?
 
@@ -150,3 +150,4 @@ ${(
 	/>
 )}
 `;
+export default _default_1;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "33.8.6",
+	"version": "33.8.7",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,26 +35,26 @@
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/analytics-namespaced-context": "^7.2.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.6.0",
+		"@atlaskit/avatar": "^25.7.0",
 		"@atlaskit/button": "^23.9.0",
 		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/emoji": "^69.9.0",
+		"@atlaskit/emoji": "^69.10.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^29.3.0",
-		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/modal-dialog": "^14.9.0",
+		"@atlaskit/icon": "^29.4.0",
+		"@atlaskit/link": "^3.3.0",
+		"@atlaskit/modal-dialog": "^14.10.0",
 		"@atlaskit/motion": "^5.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
-		"@atlaskit/popup": "^4.9.0",
-		"@atlaskit/portal": "^5.1.0",
-		"@atlaskit/primitives": "^17.0.0",
-		"@atlaskit/react-ufo": "^4.16.0",
+		"@atlaskit/popup": "^4.13.0",
+		"@atlaskit/portal": "^5.2.0",
+		"@atlaskit/primitives": "^17.1.0",
+		"@atlaskit/react-ufo": "^4.17.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/tabs": "^18.3.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^9.0.0",
-		"@atlaskit/tooltip": "^20.11.0",
+		"@atlaskit/tokens": "^10.0.0",
+		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/util-service-support": "^6.3.0",
 		"@babel/runtime": "^7.0.0",
@@ -70,12 +70,11 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/editor-test-helpers": "workspace:^",
 		"@atlaskit/elements-test-helpers": "workspace:^",
-		"@atlaskit/util-data-test": "^18.3.0",
+		"@atlaskit/util-data-test": "^18.4.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
-		"@testing-library/react": "^13.4.0",
-		"@testing-library/react-hooks": "^8.0.1",
+		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"dotenv": "^8.2.0",
 		"es6-promise": "^4.0.5",
@@ -123,9 +122,6 @@
 		"platform_optimistic_reaction_emoji": {
 			"type": "boolean"
 		},
-		"jfp-magma-ssr-issue-view-comment-reactions": {
-			"type": "boolean"
-		},
 		"platform-a11y-remove-autofocus-prop": {
 			"type": "boolean"
 		}

package/build/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "extends": "../tsconfig",
-  "compilerOptions": {
-    "declaration": true,
-    "target": "es5",
-    "paths": {}
-  },
-  "include": [
-    "../src/**/*.ts",
-    "../src/**/*.tsx"
-  ],
-  "exclude": [
-    "../src/**/__tests__/*",
-    "../src/**/*.test.*",
-    "../src/**/test.*",
-    "../src/**/examples.*",
-    "../src/**/examples/*",
-    "../src/**/examples/**/*",
-    "../src/**/*.stories.*",
-    "../src/**/stories/*",
-    "../src/**/stories/**/*"
-  ]
-}