@atlaskit/reactions 33.2.16 → 33.2.18

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/reactions
 
+## 33.2.18
+
+### Patch Changes
+
+- [`beaa6ee463aa8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/beaa6ee463aa8) -
+  Internal changes to how border radius is applied.
+- Updated dependencies
+
+## 33.2.17
+
+### Patch Changes
+
+- [`e5001e144b74e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e5001e144b74e) -
+  Internal changes to how border radius is applied.
+- Updated dependencies
+
 ## 33.2.16
 
 ### Patch Changes

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

@@ -1,6 +1,5 @@
 
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._189eidpf{border-width:0}
 ._1dqonqa1{border-style:solid}

package/dist/cjs/components/EmojiButton.js

@@ -17,8 +17,8 @@ var _constants = require("../shared/constants");
 var _compiled = require("@atlaskit/primitives/compiled");
 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); }
 var styles = {
-  emojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rkoglpi _189eidpf _1e0c1txw _bfhksm61 _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _o7ksrkh3 _1llw1q5f",
-  hoverableReactionPickerSelectorEmojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _8hrz1nam _ca0qv77o _u5f31b66 _n3td1b66 _19bv1b66 _bfhksm61 _syaz1gjq _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _irr3166n _1di61dty"
+  emojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189eidpf _1e0c1txw _bfhksm61 _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _o7ksrkh3 _1llw1q5f",
+  hoverableReactionPickerSelectorEmojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _8hrz1nam _ca0qv77o _u5f31b66 _n3td1b66 _19bv1b66 _bfhksm61 _syaz1gjq _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _irr3166n _1di61dty"
 };
 var RENDER_BUTTON_TESTID = exports.RENDER_BUTTON_TESTID = 'button-emoji-id';
 /**

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

@@ -1,8 +1,8 @@
 
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko19bv{border-radius:10px}
-._2rko1twn{border-radius:var(--ds-border-radius-circle,9999px)}
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
-._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
+._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqoglyw{border-style:none}
 ._1dqonqa1{border-style:solid}

package/dist/cjs/components/ReactionButton.js

@@ -17,8 +17,8 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 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); }
 var styles = {
-  reactionButton: "_2rko1twn _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syaz1gjq _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _irr3166n _1di61dty",
-  reactionStylesRefresh: "_2rkoglpi",
+  reactionButton: "_2rko1rr0 _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syaz1gjq _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _irr3166n _1di61dty",
+  reactionStylesRefresh: "_2rko12b0",
   reacted: "_1h6d1yqz _bfhkfg4m _irr3i1yw _1di619ru",
   opaqueBackground: "_bfhkvuon _irr3108i _1di61ji5",
   compactButton: "_4t3igktf _4cvr1h6o _19pk12x7",
@@ -65,7 +65,7 @@ var ReactionButton = exports.ReactionButton = function ReactionButton(_ref) {
     flash: flash
     // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
     ,
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? "_2rkogqwt _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3i3698" : "_2rko19bv _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3i3698"]),
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? "_2rkolb4i _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3i3698" : "_2rko19bv _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3i3698"]),
     style: {
       "--_1ed2mu0": (0, _runtime.ix)("".concat(flashHeight, "px"))
     }

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

@@ -1,5 +1,5 @@
 
-._2rko1sit{border-radius:var(--ds-border-radius,3px)}._16qs1a23{box-shadow:var(--_3t1odq)}
+._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}

package/dist/cjs/components/ReactionPicker.js

@@ -400,7 +400,7 @@ var PopperWrapper = exports.PopperWrapper = function PopperWrapper(props) {
       update: update,
       settings: settings
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _runtime.ax)(["_2rko1sit _bfhk13b4 _16qs1a23 _79pa1b66", !(0, _platformFeatureFlags.fg)('platform-reactions-offset-based-popper') && "_1bch1b66"]),
+      className: (0, _runtime.ax)(["_2rkofajl _bfhk13b4 _16qs1a23 _79pa1b66", !(0, _platformFeatureFlags.fg)('platform-reactions-offset-based-popper') && "_1bch1b66"]),
       style: {
         "--_1f6rtr1": (0, _runtime.ix)("var(--ds-surface-overlay, ".concat(_colors.N0, ")")),
         "--_3t1odq": (0, _runtime.ix)("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"))

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

@@ -1,5 +1,5 @@
 
-._2rko1sit{border-radius:var(--ds-border-radius,3px)}._16qs1a23{box-shadow:var(--_3t1odq)}
+._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}

package/dist/cjs/components/ReactionPickerNew.js

@@ -411,7 +411,7 @@ var PopperWrapper = exports.PopperWrapper = function PopperWrapper(props) {
       update: update,
       settings: settings
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _runtime.ax)(["_2rko1sit _bfhk13b4 _16qs1a23 _79pa1b66", !(0, _platformFeatureFlags.fg)('platform-reactions-offset-based-popper') && "_1bch1b66"]),
+      className: (0, _runtime.ax)(["_2rkofajl _bfhk13b4 _16qs1a23 _79pa1b66", !(0, _platformFeatureFlags.fg)('platform-reactions-offset-based-popper') && "_1bch1b66"]),
       style: {
         "--_1f6rtr1": (0, _runtime.ix)("var(--ds-surface-overlay, ".concat(_colors.N0, ")")),
         "--_3t1odq": (0, _runtime.ix)("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"))

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

@@ -1,5 +1,5 @@
 
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._19pk1b66{margin-top:var(--ds-space-050,4px)}
 ._1bah1h6o{justify-content:center}

package/dist/cjs/components/ReactionsDialogTrigger.js

@@ -18,7 +18,7 @@ var _reactIntlNext = require("react-intl-next");
 var _i18n = require("../shared/i18n");
 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); }
 var styles = {
-  trigger: "_2rkoiti9 _2hwx1b66 _19pk1b66 _1ul9zwfg _4t3i1tcg _1e0c1txw _1bah1h6o _4cvr1h6o _bfhksm61 _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t",
+  trigger: "_2rko12b0 _2hwx1b66 _19pk1b66 _1ul9zwfg _4t3i1tcg _1e0c1txw _1bah1h6o _4cvr1h6o _bfhksm61 _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t",
   transparentEnabledTrigger: "_1h6dmuej _irr3166n _1di61dty"
 };
 // Currently not in use due to Reactions Dialog trigger being moved to tooltip

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

@@ -1,6 +1,6 @@
 
 ._19itglyw{border:none}
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
 ._18m915vq{overflow-y:hidden}
 ._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._1e0c1txw{display:flex}

package/dist/cjs/components/StaticReaction.js

@@ -14,7 +14,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _compiled = require("@atlaskit/primitives/compiled");
 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); }
 var styles = {
-  staticReaction: "_1reo15vq _18m915vq _19itglyw _2rkoglpi _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syaz1gjq _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0al73ad _irr3166n"
+  staticReaction: "_1reo15vq _18m915vq _19itglyw _2rko12b0 _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syaz1gjq _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0al73ad _irr3166n"
 };
 var StaticReaction = exports.StaticReaction = function StaticReaction(_ref) {
   var onMouseEnter = _ref.onMouseEnter,

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

@@ -1,6 +1,6 @@
 ._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)}
-._2rko1twn{border-radius:var(--ds-border-radius-circle,9999px)}
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._qtt8glyw{list-style:none}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqoglyw{border-style:none}

package/dist/cjs/components/Trigger.js

@@ -17,14 +17,14 @@ var _compiled = require("@atlaskit/primitives/compiled");
 var _react = require("@compiled/react");
 var _react2 = _interopRequireDefault(require("react"));
 var styles = {
-  trigger: "_2rko1twn _189ee4h9 _1dqonqa1 _1ul9zwfg _4t3i1tcg _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1txw _1bah1h6o _4cvr1h6o",
+  trigger: "_2rko1rr0 _189ee4h9 _1dqonqa1 _1ul9zwfg _4t3i1tcg _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1txw _1bah1h6o _4cvr1h6o",
   subtleTrigger: "_1dqoglyw _1ul91tcg",
   expandedTrigger: "_1ul9146b",
-  triggerStylesRefresh: "_2rkoglpi",
+  triggerStylesRefresh: "_2rko12b0",
   transparentEnabledTrigger: "_1h6dmuej _bfhksm61 _irr3166n _1di61dty",
   opaqueEnabledTrigger: "_1h6dmuej _bfhkvuon _irr3108i _1di61ji5",
   disabledTrigger: "_1h6d13gt _bfhksyzs",
-  miniMode: "_2rkoglpi _1dqoglyw _1ul91tcg _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
+  miniMode: "_2rko12b0 _1dqoglyw _1ul91tcg _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
   fullWidthSummaryViewReactionPickerTrigger: "_1bsb1osq _ca0qu2gc _19bvu2gc _u5f3u2gc",
   fullWidthSelectorTrayReactionPickerTrigger: "_1bsb1osq _ca0q1b66 _19bv1b66 _u5f31b66",
   fullWidth: "_1bsb1osq _p12f3xl8"

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

@@ -1,6 +1,5 @@
 
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._189eidpf{border-width:0}
 ._1dqonqa1{border-style:solid}

package/dist/es2019/components/EmojiButton.js

@@ -9,8 +9,8 @@ import { isLeftClick } from '../shared/utils';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
 import { Pressable } from '@atlaskit/primitives/compiled';
 const styles = {
-  emojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rkoglpi _189eidpf _1e0c1txw _bfhksm61 _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _o7ksrkh3 _1llw1q5f",
-  hoverableReactionPickerSelectorEmojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _8hrz1nam _ca0qv77o _u5f31b66 _n3td1b66 _19bv1b66 _bfhksm61 _syaz1gjq _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _irr3166n _1di61dty"
+  emojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189eidpf _1e0c1txw _bfhksm61 _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _o7ksrkh3 _1llw1q5f",
+  hoverableReactionPickerSelectorEmojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _8hrz1nam _ca0qv77o _u5f31b66 _n3td1b66 _19bv1b66 _bfhksm61 _syaz1gjq _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _irr3166n _1di61dty"
 };
 export const RENDER_BUTTON_TESTID = 'button-emoji-id';
 /**

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

@@ -1,8 +1,8 @@
 
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko19bv{border-radius:10px}
-._2rko1twn{border-radius:var(--ds-border-radius-circle,9999px)}
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
-._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
+._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqoglyw{border-style:none}
 ._1dqonqa1{border-style:solid}

package/dist/es2019/components/ReactionButton.js

@@ -8,8 +8,8 @@ import { FlashAnimation } from './FlashAnimation';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable } from '@atlaskit/primitives/compiled';
 const styles = {
-  reactionButton: "_2rko1twn _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syaz1gjq _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _irr3166n _1di61dty",
-  reactionStylesRefresh: "_2rkoglpi",
+  reactionButton: "_2rko1rr0 _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syaz1gjq _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _irr3166n _1di61dty",
+  reactionStylesRefresh: "_2rko12b0",
   reacted: "_1h6d1yqz _bfhkfg4m _irr3i1yw _1di619ru",
   opaqueBackground: "_bfhkvuon _irr3108i _1di61ji5",
   compactButton: "_4t3igktf _4cvr1h6o _19pk12x7",
@@ -55,6 +55,6 @@ export const ReactionButton = ({
     flash: flash
     // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
     ,
-    className: ax([fg('platform-component-visual-refresh') ? "_2rkogqwt _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3iqslr" : "_2rko19bv _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3iqslr"])
+    className: ax([fg('platform-component-visual-refresh') ? "_2rkolb4i _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3iqslr" : "_2rko19bv _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3iqslr"])
   }, children));
 };

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

@@ -1,5 +1,5 @@
 
-._2rko1sit{border-radius:var(--ds-border-radius,3px)}._16qs1kf5{box-shadow:var(--ds-shadow-overlay,0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31))}
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs1kf5{box-shadow:var(--ds-shadow-overlay,0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31))}
 ._1bch1b66>div{margin-top:var(--ds-space-050,4px)}
 ._1e0c1txw{display:flex}
 ._1pra1o8l.miniMode{display:inline-block}

package/dist/es2019/components/ReactionPicker.js

@@ -357,7 +357,7 @@ export const PopperWrapper = props => {
       update: update,
       settings: settings
     }, /*#__PURE__*/React.createElement("div", {
-      className: ax(["_2rko1sit _bfhk1bhr _16qs1kf5 _79pa1b66", !fg('platform-reactions-offset-based-popper') && "_1bch1b66"])
+      className: ax(["_2rkofajl _bfhk1bhr _16qs1kf5 _79pa1b66", !fg('platform-reactions-offset-based-popper') && "_1bch1b66"])
     }, children)));
   });
 };

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

@@ -1,5 +1,5 @@
 
-._2rko1sit{border-radius:var(--ds-border-radius,3px)}._16qs1kf5{box-shadow:var(--ds-shadow-overlay,0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31))}
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs1kf5{box-shadow:var(--ds-shadow-overlay,0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31))}
 ._1bch1b66>div{margin-top:var(--ds-space-050,4px)}
 ._1e0c1txw{display:flex}
 ._1pra1o8l.miniMode{display:inline-block}

package/dist/es2019/components/ReactionPickerNew.js

@@ -368,7 +368,7 @@ export const PopperWrapper = props => {
       update: update,
       settings: settings
     }, /*#__PURE__*/React.createElement("div", {
-      className: ax(["_2rko1sit _bfhk1bhr _16qs1kf5 _79pa1b66", !fg('platform-reactions-offset-based-popper') && "_1bch1b66"])
+      className: ax(["_2rkofajl _bfhk1bhr _16qs1kf5 _79pa1b66", !fg('platform-reactions-offset-based-popper') && "_1bch1b66"])
     }, children)));
   });
 };

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

@@ -1,5 +1,5 @@
 
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._19pk1b66{margin-top:var(--ds-space-050,4px)}
 ._1bah1h6o{justify-content:center}

package/dist/es2019/components/ReactionsDialogTrigger.js

@@ -9,7 +9,7 @@ import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { useIntl } from 'react-intl-next';
 import { messages } from '../shared/i18n';
 const styles = {
-  trigger: "_2rkoiti9 _2hwx1b66 _19pk1b66 _1ul9zwfg _4t3i1tcg _1e0c1txw _1bah1h6o _4cvr1h6o _bfhksm61 _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t",
+  trigger: "_2rko12b0 _2hwx1b66 _19pk1b66 _1ul9zwfg _4t3i1tcg _1e0c1txw _1bah1h6o _4cvr1h6o _bfhksm61 _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t",
   transparentEnabledTrigger: "_1h6dmuej _irr3166n _1di61dty"
 };
 // Currently not in use due to Reactions Dialog trigger being moved to tooltip

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

@@ -1,6 +1,6 @@
 
 ._19itglyw{border:none}
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
 ._18m915vq{overflow-y:hidden}
 ._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._1e0c1txw{display:flex}

package/dist/es2019/components/StaticReaction.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Pressable } from '@atlaskit/primitives/compiled';
 const styles = {
-  staticReaction: "_1reo15vq _18m915vq _19itglyw _2rkoglpi _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syaz1gjq _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0al73ad _irr3166n"
+  staticReaction: "_1reo15vq _18m915vq _19itglyw _2rko12b0 _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syaz1gjq _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0al73ad _irr3166n"
 };
 export const StaticReaction = ({
   onMouseEnter,

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

@@ -1,6 +1,6 @@
 ._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)}
-._2rko1twn{border-radius:var(--ds-border-radius-circle,9999px)}
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._qtt8glyw{list-style:none}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqoglyw{border-style:none}

package/dist/es2019/components/Trigger.js

@@ -10,14 +10,14 @@ import { Box, Pressable } from '@atlaskit/primitives/compiled';
 import { cx } from '@compiled/react';
 import React from 'react';
 const styles = {
-  trigger: "_2rko1twn _189ee4h9 _1dqonqa1 _1ul9zwfg _4t3i1tcg _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1txw _1bah1h6o _4cvr1h6o",
+  trigger: "_2rko1rr0 _189ee4h9 _1dqonqa1 _1ul9zwfg _4t3i1tcg _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1txw _1bah1h6o _4cvr1h6o",
   subtleTrigger: "_1dqoglyw _1ul91tcg",
   expandedTrigger: "_1ul9146b",
-  triggerStylesRefresh: "_2rkoglpi",
+  triggerStylesRefresh: "_2rko12b0",
   transparentEnabledTrigger: "_1h6dmuej _bfhksm61 _irr3166n _1di61dty",
   opaqueEnabledTrigger: "_1h6dmuej _bfhkvuon _irr3108i _1di61ji5",
   disabledTrigger: "_1h6d13gt _bfhksyzs",
-  miniMode: "_2rkoglpi _1dqoglyw _1ul91tcg _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
+  miniMode: "_2rko12b0 _1dqoglyw _1ul91tcg _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
   fullWidthSummaryViewReactionPickerTrigger: "_1bsb1osq _ca0qu2gc _19bvu2gc _u5f3u2gc",
   fullWidthSelectorTrayReactionPickerTrigger: "_1bsb1osq _ca0q1b66 _19bv1b66 _u5f31b66",
   fullWidth: "_1bsb1osq _p12f3xl8"

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

@@ -1,6 +1,5 @@
 
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._189eidpf{border-width:0}
 ._1dqonqa1{border-style:solid}

package/dist/esm/components/EmojiButton.js

@@ -9,8 +9,8 @@ import { isLeftClick } from '../shared/utils';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
 import { Pressable } from '@atlaskit/primitives/compiled';
 var styles = {
-  emojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rkoglpi _189eidpf _1e0c1txw _bfhksm61 _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _o7ksrkh3 _1llw1q5f",
-  hoverableReactionPickerSelectorEmojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _8hrz1nam _ca0qv77o _u5f31b66 _n3td1b66 _19bv1b66 _bfhksm61 _syaz1gjq _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _irr3166n _1di61dty"
+  emojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189eidpf _1e0c1txw _bfhksm61 _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _o7ksrkh3 _1llw1q5f",
+  hoverableReactionPickerSelectorEmojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _8hrz1nam _ca0qv77o _u5f31b66 _n3td1b66 _19bv1b66 _bfhksm61 _syaz1gjq _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _irr3166n _1di61dty"
 };
 export var RENDER_BUTTON_TESTID = 'button-emoji-id';
 /**

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

@@ -1,8 +1,8 @@
 
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko19bv{border-radius:10px}
-._2rko1twn{border-radius:var(--ds-border-radius-circle,9999px)}
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
-._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
+._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqoglyw{border-style:none}
 ._1dqonqa1{border-style:solid}

package/dist/esm/components/ReactionButton.js

@@ -8,8 +8,8 @@ import { FlashAnimation } from './FlashAnimation';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable } from '@atlaskit/primitives/compiled';
 var styles = {
-  reactionButton: "_2rko1twn _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syaz1gjq _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _irr3166n _1di61dty",
-  reactionStylesRefresh: "_2rkoglpi",
+  reactionButton: "_2rko1rr0 _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syaz1gjq _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _irr3166n _1di61dty",
+  reactionStylesRefresh: "_2rko12b0",
   reacted: "_1h6d1yqz _bfhkfg4m _irr3i1yw _1di619ru",
   opaqueBackground: "_bfhkvuon _irr3108i _1di61ji5",
   compactButton: "_4t3igktf _4cvr1h6o _19pk12x7",
@@ -56,7 +56,7 @@ export var ReactionButton = function ReactionButton(_ref) {
     flash: flash
     // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
     ,
-    className: ax([fg('platform-component-visual-refresh') ? "_2rkogqwt _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3i3698" : "_2rko19bv _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3i3698"]),
+    className: ax([fg('platform-component-visual-refresh') ? "_2rkolb4i _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3i3698" : "_2rko19bv _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3i3698"]),
     style: {
       "--_1ed2mu0": ix("".concat(flashHeight, "px"))
     }

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

@@ -1,5 +1,5 @@
 
-._2rko1sit{border-radius:var(--ds-border-radius,3px)}._16qs1a23{box-shadow:var(--_3t1odq)}
+._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}

package/dist/esm/components/ReactionPicker.js

@@ -391,7 +391,7 @@ export var PopperWrapper = function PopperWrapper(props) {
       update: update,
       settings: settings
     }, /*#__PURE__*/React.createElement("div", {
-      className: ax(["_2rko1sit _bfhk13b4 _16qs1a23 _79pa1b66", !fg('platform-reactions-offset-based-popper') && "_1bch1b66"]),
+      className: ax(["_2rkofajl _bfhk13b4 _16qs1a23 _79pa1b66", !fg('platform-reactions-offset-based-popper') && "_1bch1b66"]),
       style: {
         "--_1f6rtr1": ix("var(--ds-surface-overlay, ".concat(N0, ")")),
         "--_3t1odq": ix("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"))

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

@@ -1,5 +1,5 @@
 
-._2rko1sit{border-radius:var(--ds-border-radius,3px)}._16qs1a23{box-shadow:var(--_3t1odq)}
+._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}

package/dist/esm/components/ReactionPickerNew.js

@@ -402,7 +402,7 @@ export var PopperWrapper = function PopperWrapper(props) {
       update: update,
       settings: settings
     }, /*#__PURE__*/React.createElement("div", {
-      className: ax(["_2rko1sit _bfhk13b4 _16qs1a23 _79pa1b66", !fg('platform-reactions-offset-based-popper') && "_1bch1b66"]),
+      className: ax(["_2rkofajl _bfhk13b4 _16qs1a23 _79pa1b66", !fg('platform-reactions-offset-based-popper') && "_1bch1b66"]),
       style: {
         "--_1f6rtr1": ix("var(--ds-surface-overlay, ".concat(N0, ")")),
         "--_3t1odq": ix("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"))

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

@@ -1,5 +1,5 @@
 
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._19pk1b66{margin-top:var(--ds-space-050,4px)}
 ._1bah1h6o{justify-content:center}

package/dist/esm/components/ReactionsDialogTrigger.js

@@ -9,7 +9,7 @@ import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { useIntl } from 'react-intl-next';
 import { messages } from '../shared/i18n';
 var styles = {
-  trigger: "_2rkoiti9 _2hwx1b66 _19pk1b66 _1ul9zwfg _4t3i1tcg _1e0c1txw _1bah1h6o _4cvr1h6o _bfhksm61 _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t",
+  trigger: "_2rko12b0 _2hwx1b66 _19pk1b66 _1ul9zwfg _4t3i1tcg _1e0c1txw _1bah1h6o _4cvr1h6o _bfhksm61 _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t",
   transparentEnabledTrigger: "_1h6dmuej _irr3166n _1di61dty"
 };
 // Currently not in use due to Reactions Dialog trigger being moved to tooltip

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

@@ -1,6 +1,6 @@
 
 ._19itglyw{border:none}
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
 ._18m915vq{overflow-y:hidden}
 ._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._1e0c1txw{display:flex}

package/dist/esm/components/StaticReaction.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Pressable } from '@atlaskit/primitives/compiled';
 var styles = {
-  staticReaction: "_1reo15vq _18m915vq _19itglyw _2rkoglpi _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syaz1gjq _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0al73ad _irr3166n"
+  staticReaction: "_1reo15vq _18m915vq _19itglyw _2rko12b0 _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syaz1gjq _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0al73ad _irr3166n"
 };
 export var StaticReaction = function StaticReaction(_ref) {
   var onMouseEnter = _ref.onMouseEnter,

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

@@ -1,6 +1,6 @@
 ._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)}
-._2rko1twn{border-radius:var(--ds-border-radius-circle,9999px)}
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._qtt8glyw{list-style:none}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqoglyw{border-style:none}

package/dist/esm/components/Trigger.js

@@ -10,14 +10,14 @@ import { Box, Pressable } from '@atlaskit/primitives/compiled';
 import { cx } from '@compiled/react';
 import React from 'react';
 var styles = {
-  trigger: "_2rko1twn _189ee4h9 _1dqonqa1 _1ul9zwfg _4t3i1tcg _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1txw _1bah1h6o _4cvr1h6o",
+  trigger: "_2rko1rr0 _189ee4h9 _1dqonqa1 _1ul9zwfg _4t3i1tcg _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1txw _1bah1h6o _4cvr1h6o",
   subtleTrigger: "_1dqoglyw _1ul91tcg",
   expandedTrigger: "_1ul9146b",
-  triggerStylesRefresh: "_2rkoglpi",
+  triggerStylesRefresh: "_2rko12b0",
   transparentEnabledTrigger: "_1h6dmuej _bfhksm61 _irr3166n _1di61dty",
   opaqueEnabledTrigger: "_1h6dmuej _bfhkvuon _irr3108i _1di61ji5",
   disabledTrigger: "_1h6d13gt _bfhksyzs",
-  miniMode: "_2rkoglpi _1dqoglyw _1ul91tcg _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
+  miniMode: "_2rko12b0 _1dqoglyw _1ul91tcg _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
   fullWidthSummaryViewReactionPickerTrigger: "_1bsb1osq _ca0qu2gc _19bvu2gc _u5f3u2gc",
   fullWidthSelectorTrayReactionPickerTrigger: "_1bsb1osq _ca0q1b66 _19bv1b66 _u5f31b66",
   fullWidth: "_1bsb1osq _p12f3xl8"

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "33.2.16",
+	"version": "33.2.18",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/avatar": "^25.1.0",
 		"@atlaskit/button": "^23.4.0",
-		"@atlaskit/css": "^0.12.0",
+		"@atlaskit/css": "^0.13.0",
 		"@atlaskit/emoji": "^69.5.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^28.1.0",
@@ -48,12 +48,12 @@
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/popup": "^4.3.0",
 		"@atlaskit/portal": "^5.1.0",
-		"@atlaskit/primitives": "^14.12.0",
+		"@atlaskit/primitives": "^14.13.0",
 		"@atlaskit/react-ufo": "^4.5.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/tabs": "^18.1.0",
 		"@atlaskit/theme": "^20.0.0",
-		"@atlaskit/tokens": "^6.1.0",
+		"@atlaskit/tokens": "^6.2.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/util-service-support": "^6.3.0",