@atlaskit/reactions 33.6.4 → 33.6.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/afm-jira/tsconfig.json +1 -1
  3. package/dist/cjs/analytics/index.js +1 -1
  4. package/dist/cjs/components/Counter.compiled.css +2 -2
  5. package/dist/cjs/components/Counter.js +1 -1
  6. package/dist/cjs/components/EmojiButton.compiled.css +4 -4
  7. package/dist/cjs/components/EmojiButton.js +1 -1
  8. package/dist/cjs/components/ReactionButton.compiled.css +10 -10
  9. package/dist/cjs/components/ReactionButton.js +3 -3
  10. package/dist/cjs/components/ReactionSummaryButton.compiled.css +1 -1
  11. package/dist/cjs/components/ReactionSummaryButton.js +1 -1
  12. package/dist/cjs/components/ReactionsDialogTrigger.compiled.css +3 -3
  13. package/dist/cjs/components/ReactionsDialogTrigger.js +1 -1
  14. package/dist/cjs/components/Selector.compiled.css +1 -1
  15. package/dist/cjs/components/Selector.js +1 -1
  16. package/dist/cjs/components/StaticReaction.compiled.css +2 -2
  17. package/dist/cjs/components/StaticReaction.js +1 -1
  18. package/dist/cjs/components/Trigger.compiled.css +8 -8
  19. package/dist/cjs/components/Trigger.js +5 -5
  20. package/dist/es2019/analytics/index.js +1 -1
  21. package/dist/es2019/components/Counter.compiled.css +2 -2
  22. package/dist/es2019/components/Counter.js +1 -1
  23. package/dist/es2019/components/EmojiButton.compiled.css +4 -4
  24. package/dist/es2019/components/EmojiButton.js +1 -1
  25. package/dist/es2019/components/ReactionButton.compiled.css +10 -10
  26. package/dist/es2019/components/ReactionButton.js +3 -3
  27. package/dist/es2019/components/ReactionSummaryButton.compiled.css +1 -1
  28. package/dist/es2019/components/ReactionSummaryButton.js +1 -1
  29. package/dist/es2019/components/ReactionsDialogTrigger.compiled.css +3 -3
  30. package/dist/es2019/components/ReactionsDialogTrigger.js +1 -1
  31. package/dist/es2019/components/Selector.compiled.css +1 -1
  32. package/dist/es2019/components/Selector.js +1 -1
  33. package/dist/es2019/components/StaticReaction.compiled.css +2 -2
  34. package/dist/es2019/components/StaticReaction.js +1 -1
  35. package/dist/es2019/components/Trigger.compiled.css +8 -8
  36. package/dist/es2019/components/Trigger.js +5 -5
  37. package/dist/esm/analytics/index.js +1 -1
  38. package/dist/esm/components/Counter.compiled.css +2 -2
  39. package/dist/esm/components/Counter.js +1 -1
  40. package/dist/esm/components/EmojiButton.compiled.css +4 -4
  41. package/dist/esm/components/EmojiButton.js +1 -1
  42. package/dist/esm/components/ReactionButton.compiled.css +10 -10
  43. package/dist/esm/components/ReactionButton.js +3 -3
  44. package/dist/esm/components/ReactionSummaryButton.compiled.css +1 -1
  45. package/dist/esm/components/ReactionSummaryButton.js +1 -1
  46. package/dist/esm/components/ReactionsDialogTrigger.compiled.css +3 -3
  47. package/dist/esm/components/ReactionsDialogTrigger.js +1 -1
  48. package/dist/esm/components/Selector.compiled.css +1 -1
  49. package/dist/esm/components/Selector.js +1 -1
  50. package/dist/esm/components/StaticReaction.compiled.css +2 -2
  51. package/dist/esm/components/StaticReaction.js +1 -1
  52. package/dist/esm/components/Trigger.compiled.css +8 -8
  53. package/dist/esm/components/Trigger.js +5 -5
  54. package/dist/types/index.d.ts +1 -1
  55. package/dist/types-ts4.5/index.d.ts +1 -1
  56. package/package.json +10 -10
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/reactions
2
2
 
3
+ ## 33.6.6
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 33.6.5
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 33.6.4
4
16
 
5
17
  ### Patch Changes
package/afm-jira/tsconfig.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "compilerOptions": {
4
4
  "declaration": true,
5
5
  "target": "es5",
6
- "outDir": "../../../../../tsDist/@atlaskit__reactions/app",
6
+ "outDir": "../../../../../jira/tsDist/@atlaskit__reactions/app",
7
7
  "rootDir": "../",
8
8
  "composite": true
9
9
  },
package/dist/cjs/analytics/index.js CHANGED
@@ -11,7 +11,7 @@ var _analyticsGasTypes = require("@atlaskit/analytics-gas-types");
11
11
  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; }
12
12
  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; }
13
13
  var packageName = "@atlaskit/reactions";
14
- var packageVersion = "33.6.3";
14
+ var packageVersion = "0.0.0-development";
15
15
  /**
16
16
  * TODO: move to utility package?
17
17
  * A random sampling function
package/dist/cjs/components/Counter.compiled.css CHANGED
@@ -9,8 +9,8 @@
9
9
  ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
10
10
  ._kqswh2mm{position:relative}
11
11
  ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
12
- ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
13
- ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
12
+ ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
13
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
14
14
  ._syazln51{color:var(--_1hfkvbo)}
15
15
  ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
16
16
  ._vwz4dlk8{line-height:14px}
package/dist/cjs/components/Counter.js CHANGED
@@ -69,7 +69,7 @@ var Counter = exports.Counter = function Counter(_ref) {
69
69
  }, [value]);
70
70
  return /*#__PURE__*/React.createElement("div", {
71
71
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
72
- className: (0, _runtime.ax)(["_11c81o8v _1reo15vq _18m915vq _syaz131l _kqswh2mm _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvidpf _vwz4dlk8", useDarkerFont && "_syaz1gjq", useUpdatedStyles && "_19pkv77o", className]),
72
+ className: (0, _runtime.ax)(["_11c81o8v _1reo15vq _18m915vq _syaz1rpy _kqswh2mm _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvidpf _vwz4dlk8", useDarkerFont && "_syazazsu", useUpdatedStyles && "_19pkv77o", className]),
73
73
  "data-testid": RENDER_COMPONENT_WRAPPER
74
74
  }, /*#__PURE__*/React.createElement(_motion.ExitingPersistence, null, /*#__PURE__*/React.createElement(_motion.SlideIn, {
75
75
  enterFrom: isIncreasing ? 'top' : 'bottom',
package/dist/cjs/components/EmojiButton.compiled.css CHANGED
@@ -3,7 +3,7 @@
3
3
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
4
4
  ._189eidpf{border-width:0}
5
5
  ._1dqonqa1{border-style:solid}
6
- ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._12ji1r31{outline-color:currentColor}
6
+ ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}._12ji1r31{outline-color:currentColor}
7
7
  ._12y31o36{outline-width:medium}
8
8
  ._18u0ze3t{margin-left:var(--ds-space-0,0)}
9
9
  ._19bv1b66{padding-left:var(--ds-space-050,4px)}
@@ -19,10 +19,10 @@
19
19
  ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
20
20
  ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
21
21
  ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
22
- ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
22
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
23
23
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
24
24
  ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
25
25
  ._o7ksrkh3:hover{transition:transform .2s cubic-bezier(.23,1,.32,1)}
26
26
  ._1llw1q5f:hover{transform:scale(1.33)}
27
- ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
28
- ._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
27
+ ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
28
+ ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
package/dist/cjs/components/EmojiButton.js CHANGED
@@ -18,7 +18,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
18
18
  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); }
19
19
  var styles = {
20
20
  emojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189eidpf _1e0c1txw _bfhksm61 _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _o7ksrkh3 _1llw1q5f",
21
- hoverableReactionPickerSelectorEmojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _8hrz1nam _ca0qv77o _u5f31b66 _n3td1b66 _19bv1b66 _bfhksm61 _syaz1gjq _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _irr3166n _1di61dty"
21
+ hoverableReactionPickerSelectorEmojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _8hrz1nam _ca0qv77o _u5f31b66 _n3td1b66 _19bv1b66 _bfhksm61 _syazazsu _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _irr31dpa _1di6fcek"
22
22
  };
23
23
  var RENDER_BUTTON_TESTID = exports.RENDER_BUTTON_TESTID = 'button-emoji-id';
24
24
  /**
package/dist/cjs/components/ReactionButton.compiled.css CHANGED
@@ -6,8 +6,8 @@
6
6
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
7
7
  ._1dqoglyw{border-style:none}
8
8
  ._1dqonqa1{border-style:solid}
9
- ._1h6d1yqz{border-color:var(--ds-border-selected,#0c66e4)}
10
- ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
9
+ ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
10
+ ._1h6dq98m{border-color:var(--ds-border-selected,#1868db)}._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
11
11
  ._18m915vq{overflow-y:hidden}
12
12
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
13
13
  ._19pk12x7{margin-top:var(--ds-space-075,6px)}
@@ -21,16 +21,16 @@
21
21
  ._4t3i1tcg{height:24px}
22
22
  ._4t3i3698{height:var(--_1ed2mu0)}
23
23
  ._4t3igktf{height:20px}
24
- ._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
24
+ ._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
25
25
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
26
26
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
27
27
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
28
28
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
29
- ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
29
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
30
30
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
31
- ._irr3108i:hover{background-color:var(--ds-surface-hovered,#f1f2f4)}
32
- ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
33
- ._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
34
- ._1di619ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
35
- ._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
36
- ._1di61ji5:active{background-color:var(--ds-surface-pressed,#dcdfe4)}
31
+ ._irr319i6:hover{background-color:var(--ds-surface-hovered,#f0f1f2)}
32
+ ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
33
+ ._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
34
+ ._1di613ro:active{background-color:var(--ds-surface-pressed,#dddee1)}
35
+ ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
36
+ ._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
package/dist/cjs/components/ReactionButton.js CHANGED
@@ -17,10 +17,10 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
17
17
  var _compiled = require("@atlaskit/primitives/compiled");
18
18
  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); }
19
19
  var styles = {
20
- reactionButton: "_2rko1rr0 _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syaz1gjq _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _irr3166n _1di61dty",
20
+ reactionButton: "_2rko1rr0 _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syazazsu _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _irr31dpa _1di6fcek",
21
21
  reactionStylesRefresh: "_2rko12b0",
22
- reacted: "_1h6d1yqz _bfhkfg4m _irr3i1yw _1di619ru",
23
- opaqueBackground: "_bfhkvuon _irr3108i _1di61ji5",
22
+ reacted: "_1h6dq98m _bfhk15s3 _irr3ufnl _1di6nozp",
23
+ opaqueBackground: "_bfhkvuon _irr319i6 _1di613ro",
24
24
  compactButton: "_4t3igktf _4cvr1h6o _19pk12x7",
25
25
  borderless: "_1dqoglyw"
26
26
  };
package/dist/cjs/components/ReactionSummaryButton.compiled.css CHANGED
@@ -3,7 +3,7 @@
3
3
  ._1e0c1txw{display:flex}
4
4
  ._4cvr1h6o{align-items:center}
5
5
  ._8hrz1nam{transform-origin:center center 0}
6
- ._bfhkn82g{background-color:var(--ds-skeleton,#091e420f)}
6
+ ._bfhkizff{background-color:var(--ds-skeleton,#0515240f)}
7
7
  ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
8
8
  ._kqswh2mm{position:relative}
9
9
  ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
package/dist/cjs/components/ReactionSummaryButton.js CHANGED
@@ -27,7 +27,7 @@ var styles = {
27
27
  button: "_ca0q1b66 _u5f31b66 _n3td1b66 _19bvu2gc",
28
28
  container: "_kqswh2mm",
29
29
  summaryButtonIconAfter: "_u5f3u2gc _1e0c1txw _4cvr1h6o _1bah1h6o",
30
- emojiPlaceholderBackground: "_bfhkn82g",
30
+ emojiPlaceholderBackground: "_bfhkizff",
31
31
  particleEffectContainer: "_u5f31ejb"
32
32
  };
33
33
  /**
package/dist/cjs/components/ReactionsDialogTrigger.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
- ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._19bvze3t{padding-left:var(--ds-space-0,0)}
3
+ ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}._19bvze3t{padding-left:var(--ds-space-0,0)}
4
4
  ._19pk1b66{margin-top:var(--ds-space-050,4px)}
5
5
  ._1bah1h6o{justify-content:center}
6
6
  ._1e0c1txw{display:flex}
@@ -12,5 +12,5 @@
12
12
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
13
13
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
14
14
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
15
- ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
16
- ._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
15
+ ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
16
+ ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
package/dist/cjs/components/ReactionsDialogTrigger.js CHANGED
@@ -19,7 +19,7 @@ var _i18n = require("../shared/i18n");
19
19
  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); }
20
20
  var styles = {
21
21
  trigger: "_2rko12b0 _2hwx1b66 _19pk1b66 _1ul9zwfg _4t3i1tcg _1e0c1txw _1bah1h6o _4cvr1h6o _bfhksm61 _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t",
22
- transparentEnabledTrigger: "_1h6dmuej _irr3166n _1di61dty"
22
+ transparentEnabledTrigger: "_1h6d1l7x _irr31dpa _1di6fcek"
23
23
  };
24
24
  // Currently not in use due to Reactions Dialog trigger being moved to tooltip
25
25
  // Similar to platform/packages/elements/reactions/src/components/Trigger/Trigger.tsx
package/dist/cjs/components/Selector.compiled.css CHANGED
@@ -9,7 +9,7 @@
9
9
  ._2mzuglyw{list-style-type:none}
10
10
  ._4t3i1tcg{height:24px}
11
11
  ._5sag6ebc{animation-duration:.15s}
12
- ._5wramuej{border-left-color:var(--ds-border,#091e4224)}
12
+ ._5wra1l7x{border-left-color:var(--ds-border,#0b120e24)}
13
13
  ._ahbq1b66{margin-inline-start:var(--ds-space-050,4px)}
14
14
  ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
15
15
  ._j7hqordv{animation-name:k12q5x3s}
package/dist/cjs/components/Selector.js CHANGED
@@ -23,7 +23,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
23
23
  var styles = {
24
24
  container: "_ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
25
25
  emojiContainer: "_2mzuglyw _19pkze3t",
26
- separator: "_t6vde4h9 _5wramuej _1p3lnqa1 _ahbq1b66 _12l2u2gc _4t3i1tcg _1e0c1o8l",
26
+ separator: "_t6vde4h9 _5wra1l7x _1p3lnqa1 _ahbq1b66 _12l2u2gc _4t3i1tcg _1e0c1o8l",
27
27
  hoverableReactionPickerSelectorContainer: "_zulp1b66 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66"
28
28
  };
29
29
  var revealAnimation = null;
package/dist/cjs/components/StaticReaction.compiled.css CHANGED
@@ -13,7 +13,7 @@
13
13
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
14
14
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
15
15
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
16
- ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
16
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
17
17
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
18
18
  ._d0al73ad:hover{cursor:default}
19
- ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
19
+ ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
package/dist/cjs/components/StaticReaction.js CHANGED
@@ -14,7 +14,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
14
14
  var _compiled = require("@atlaskit/primitives/compiled");
15
15
  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); }
16
16
  var styles = {
17
- staticReaction: "_1reo15vq _18m915vq _19itglyw _2rko12b0 _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syaz1gjq _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0al73ad _irr3166n"
17
+ staticReaction: "_1reo15vq _18m915vq _19itglyw _2rko12b0 _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syazazsu _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0al73ad _irr31dpa"
18
18
  };
19
19
  var StaticReaction = exports.StaticReaction = function StaticReaction(_ref) {
20
20
  var onMouseEnter = _ref.onMouseEnter,
package/dist/cjs/components/Trigger.compiled.css CHANGED
@@ -5,8 +5,8 @@
5
5
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
6
6
  ._1dqoglyw{border-style:none}
7
7
  ._1dqonqa1{border-style:solid}
8
- ._1h6d13gt{border-color:var(--ds-border-disabled,#091e420f)}
9
- ._1h6dmuej{border-color:var(--ds-border,#091e4224)}
8
+ ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
9
+ ._1h6dbk0g{border-color:var(--ds-border-disabled,#0515240f)}
10
10
  ._18u01b66{margin-left:var(--ds-space-050,4px)}
11
11
  ._19bv1b66{padding-left:var(--ds-space-050,4px)}
12
12
  ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
@@ -19,8 +19,8 @@
19
19
  ._1ul9zwfg{min-width:2pc}
20
20
  ._4cvr1h6o{align-items:center}
21
21
  ._4t3i1tcg{height:24px}
22
+ ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
22
23
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
23
- ._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
24
24
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
25
25
  ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
26
26
  ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
@@ -28,11 +28,11 @@
28
28
  ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
29
29
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
30
30
  ._p12f3xl8{max-width:305px}
31
- ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
31
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
32
32
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
33
33
  ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
34
34
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
35
- ._irr3108i:hover{background-color:var(--ds-surface-hovered,#f1f2f4)}
36
- ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
37
- ._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
38
- ._1di61ji5:active{background-color:var(--ds-surface-pressed,#dcdfe4)}
35
+ ._irr319i6:hover{background-color:var(--ds-surface-hovered,#f0f1f2)}
36
+ ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
37
+ ._1di613ro:active{background-color:var(--ds-surface-pressed,#dddee1)}
38
+ ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
package/dist/cjs/components/Trigger.js CHANGED
@@ -21,9 +21,9 @@ var styles = {
21
21
  subtleTrigger: "_1dqoglyw _1ul91tcg",
22
22
  expandedTrigger: "_1ul9146b",
23
23
  triggerStylesRefresh: "_2rko12b0",
24
- transparentEnabledTrigger: "_1h6dmuej _bfhksm61 _irr3166n _1di61dty",
25
- opaqueEnabledTrigger: "_1h6dmuej _bfhkvuon _irr3108i _1di61ji5",
26
- disabledTrigger: "_1h6d13gt _bfhksyzs",
24
+ transparentEnabledTrigger: "_1h6d1l7x _bfhksm61 _irr31dpa _1di6fcek",
25
+ opaqueEnabledTrigger: "_1h6d1l7x _bfhkvuon _irr319i6 _1di613ro",
26
+ disabledTrigger: "_1h6dbk0g _bfhkby5v",
27
27
  miniMode: "_2rko12b0 _1dqoglyw _1ul91tcg _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
28
28
  fullWidthSummaryViewReactionPickerTrigger: "_1bsb1osq _ca0qu2gc _19bvu2gc _u5f3u2gc",
29
29
  fullWidthSelectorTrayReactionPickerTrigger: "_1bsb1osq _ca0q1b66 _19bv1b66 _u5f31b66",
@@ -45,7 +45,7 @@ var i18n = (0, _reactIntlNext.defineMessages)({
45
45
  }
46
46
  });
47
47
  var addReactionStyles = {
48
- addReactionMessage: "_11c8dcr7 _syaz1gjq _18u01b66"
48
+ addReactionMessage: "_11c8dcr7 _syazazsu _18u01b66"
49
49
  };
50
50
  var noMarkerListStyle = null;
51
51
 
@@ -100,7 +100,7 @@ var Trigger = exports.Trigger = /*#__PURE__*/_react2.default.forwardRef(function
100
100
  // TODO: https://product-fabric.atlassian.net/browse/DSP-21007
101
101
  _react2.default.createElement(_emojiAdd.default, {
102
102
  testId: "emoji-add-icon",
103
- color: disabled ? "var(--ds-icon-disabled, #091E424F)" : "var(--ds-icon, #44546F)",
103
+ color: disabled ? "var(--ds-icon-disabled, #080F214A)" : "var(--ds-icon, #292A2E)",
104
104
  LEGACY_size: "small",
105
105
  label: "Add reaction"
106
106
  }), showAddReactionText && /*#__PURE__*/_react2.default.createElement(_compiled.Box, {
package/dist/es2019/analytics/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { createAndFireEvent } from '@atlaskit/analytics-next';
2
2
  import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
3
3
  const packageName = "@atlaskit/reactions";
4
- const packageVersion = "33.6.3";
4
+ const packageVersion = "0.0.0-development";
5
5
  /**
6
6
  * TODO: move to utility package?
7
7
  * A random sampling function
package/dist/es2019/components/Counter.compiled.css CHANGED
@@ -9,8 +9,8 @@
9
9
  ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
10
10
  ._kqswh2mm{position:relative}
11
11
  ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
12
- ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
13
- ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
14
12
  ._syaz1ldt{color:var(--ds-text-selected,#0052cc)}
13
+ ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
14
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
15
15
  ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
16
16
  ._vwz4dlk8{line-height:14px}
package/dist/es2019/components/Counter.js CHANGED
@@ -60,7 +60,7 @@ export const Counter = ({
60
60
  }, [value]);
61
61
  return /*#__PURE__*/React.createElement("div", {
62
62
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
63
- className: ax(["_11c81o8v _1reo15vq _18m915vq _syaz131l _kqswh2mm _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvidpf _vwz4dlk8", useDarkerFont && "_syaz1gjq", useUpdatedStyles && "_19pkv77o", className]),
63
+ className: ax(["_11c81o8v _1reo15vq _18m915vq _syaz1rpy _kqswh2mm _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvidpf _vwz4dlk8", useDarkerFont && "_syazazsu", useUpdatedStyles && "_19pkv77o", className]),
64
64
  "data-testid": RENDER_COMPONENT_WRAPPER
65
65
  }, /*#__PURE__*/React.createElement(ExitingPersistence, null, /*#__PURE__*/React.createElement(SlideIn, {
66
66
  enterFrom: isIncreasing ? 'top' : 'bottom',
package/dist/es2019/components/EmojiButton.compiled.css CHANGED
@@ -3,7 +3,7 @@
3
3
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
4
4
  ._189eidpf{border-width:0}
5
5
  ._1dqonqa1{border-style:solid}
6
- ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._12ji1r31{outline-color:currentColor}
6
+ ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}._12ji1r31{outline-color:currentColor}
7
7
  ._12y31o36{outline-width:medium}
8
8
  ._18u0ze3t{margin-left:var(--ds-space-0,0)}
9
9
  ._19bv1b66{padding-left:var(--ds-space-050,4px)}
@@ -19,10 +19,10 @@
19
19
  ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
20
20
  ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
21
21
  ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
22
- ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
22
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
23
23
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
24
24
  ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
25
25
  ._o7ksrkh3:hover{transition:transform .2s cubic-bezier(.23,1,.32,1)}
26
26
  ._1llw1q5f:hover{transform:scale(1.33)}
27
- ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
28
- ._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
27
+ ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
28
+ ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
package/dist/es2019/components/EmojiButton.js CHANGED
@@ -10,7 +10,7 @@ import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
10
10
  import { Pressable } from '@atlaskit/primitives/compiled';
11
11
  const styles = {
12
12
  emojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189eidpf _1e0c1txw _bfhksm61 _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _o7ksrkh3 _1llw1q5f",
13
- hoverableReactionPickerSelectorEmojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _8hrz1nam _ca0qv77o _u5f31b66 _n3td1b66 _19bv1b66 _bfhksm61 _syaz1gjq _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _irr3166n _1di61dty"
13
+ hoverableReactionPickerSelectorEmojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _8hrz1nam _ca0qv77o _u5f31b66 _n3td1b66 _19bv1b66 _bfhksm61 _syazazsu _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _irr31dpa _1di6fcek"
14
14
  };
15
15
  export const RENDER_BUTTON_TESTID = 'button-emoji-id';
16
16
  /**
package/dist/es2019/components/ReactionButton.compiled.css CHANGED
@@ -6,8 +6,8 @@
6
6
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
7
7
  ._1dqoglyw{border-style:none}
8
8
  ._1dqonqa1{border-style:solid}
9
- ._1h6d1yqz{border-color:var(--ds-border-selected,#0c66e4)}
10
- ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
9
+ ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
10
+ ._1h6dq98m{border-color:var(--ds-border-selected,#1868db)}._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
11
11
  ._18m915vq{overflow-y:hidden}
12
12
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
13
13
  ._19pk12x7{margin-top:var(--ds-space-075,6px)}
@@ -21,16 +21,16 @@
21
21
  ._4t3i1tcg{height:24px}
22
22
  ._4t3igktf{height:20px}
23
23
  ._4t3iqslr{height:22px}
24
- ._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
24
+ ._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
25
25
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
26
26
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
27
27
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
28
28
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
29
- ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
29
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
30
30
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
31
- ._irr3108i:hover{background-color:var(--ds-surface-hovered,#f1f2f4)}
32
- ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
33
- ._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
34
- ._1di619ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
35
- ._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
36
- ._1di61ji5:active{background-color:var(--ds-surface-pressed,#dcdfe4)}
31
+ ._irr319i6:hover{background-color:var(--ds-surface-hovered,#f0f1f2)}
32
+ ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
33
+ ._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
34
+ ._1di613ro:active{background-color:var(--ds-surface-pressed,#dddee1)}
35
+ ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
36
+ ._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
package/dist/es2019/components/ReactionButton.js CHANGED
@@ -8,10 +8,10 @@ import { FlashAnimation } from './FlashAnimation';
8
8
  import { fg } from '@atlaskit/platform-feature-flags';
9
9
  import { Pressable } from '@atlaskit/primitives/compiled';
10
10
  const styles = {
11
- reactionButton: "_2rko1rr0 _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syaz1gjq _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _irr3166n _1di61dty",
11
+ reactionButton: "_2rko1rr0 _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syazazsu _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _irr31dpa _1di6fcek",
12
12
  reactionStylesRefresh: "_2rko12b0",
13
- reacted: "_1h6d1yqz _bfhkfg4m _irr3i1yw _1di619ru",
14
- opaqueBackground: "_bfhkvuon _irr3108i _1di61ji5",
13
+ reacted: "_1h6dq98m _bfhk15s3 _irr3ufnl _1di6nozp",
14
+ opaqueBackground: "_bfhkvuon _irr319i6 _1di613ro",
15
15
  compactButton: "_4t3igktf _4cvr1h6o _19pk12x7",
16
16
  borderless: "_1dqoglyw"
17
17
  };
package/dist/es2019/components/ReactionSummaryButton.compiled.css CHANGED
@@ -3,7 +3,7 @@
3
3
  ._1e0c1txw{display:flex}
4
4
  ._4cvr1h6o{align-items:center}
5
5
  ._8hrz1nam{transform-origin:center center 0}
6
- ._bfhkn82g{background-color:var(--ds-skeleton,#091e420f)}
6
+ ._bfhkizff{background-color:var(--ds-skeleton,#0515240f)}
7
7
  ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
8
8
  ._kqswh2mm{position:relative}
9
9
  ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
package/dist/es2019/components/ReactionSummaryButton.js CHANGED
@@ -17,7 +17,7 @@ const styles = {
17
17
  button: "_ca0q1b66 _u5f31b66 _n3td1b66 _19bvu2gc",
18
18
  container: "_kqswh2mm",
19
19
  summaryButtonIconAfter: "_u5f3u2gc _1e0c1txw _4cvr1h6o _1bah1h6o",
20
- emojiPlaceholderBackground: "_bfhkn82g",
20
+ emojiPlaceholderBackground: "_bfhkizff",
21
21
  particleEffectContainer: "_u5f31ejb"
22
22
  };
23
23
  /**
package/dist/es2019/components/ReactionsDialogTrigger.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
- ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._19bvze3t{padding-left:var(--ds-space-0,0)}
3
+ ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}._19bvze3t{padding-left:var(--ds-space-0,0)}
4
4
  ._19pk1b66{margin-top:var(--ds-space-050,4px)}
5
5
  ._1bah1h6o{justify-content:center}
6
6
  ._1e0c1txw{display:flex}
@@ -12,5 +12,5 @@
12
12
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
13
13
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
14
14
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
15
- ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
16
- ._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
15
+ ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
16
+ ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
package/dist/es2019/components/ReactionsDialogTrigger.js CHANGED
@@ -10,7 +10,7 @@ import { useIntl } from 'react-intl-next';
10
10
  import { messages } from '../shared/i18n';
11
11
  const styles = {
12
12
  trigger: "_2rko12b0 _2hwx1b66 _19pk1b66 _1ul9zwfg _4t3i1tcg _1e0c1txw _1bah1h6o _4cvr1h6o _bfhksm61 _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t",
13
- transparentEnabledTrigger: "_1h6dmuej _irr3166n _1di61dty"
13
+ transparentEnabledTrigger: "_1h6d1l7x _irr31dpa _1di6fcek"
14
14
  };
15
15
  // Currently not in use due to Reactions Dialog trigger being moved to tooltip
16
16
  // Similar to platform/packages/elements/reactions/src/components/Trigger/Trigger.tsx
package/dist/es2019/components/Selector.compiled.css CHANGED
@@ -9,7 +9,7 @@
9
9
  ._2mzuglyw{list-style-type:none}
10
10
  ._4t3i1tcg{height:24px}
11
11
  ._5sag6ebc{animation-duration:.15s}
12
- ._5wramuej{border-left-color:var(--ds-border,#091e4224)}
12
+ ._5wra1l7x{border-left-color:var(--ds-border,#0b120e24)}
13
13
  ._ahbq1b66{margin-inline-start:var(--ds-space-050,4px)}
14
14
  ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
15
15
  ._j7hqordv{animation-name:k12q5x3s}
package/dist/es2019/components/Selector.js CHANGED
@@ -14,7 +14,7 @@ import { Trigger } from './Trigger';
14
14
  const styles = {
15
15
  container: "_ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
16
16
  emojiContainer: "_2mzuglyw _19pkze3t",
17
- separator: "_t6vde4h9 _5wramuej _1p3lnqa1 _ahbq1b66 _12l2u2gc _4t3i1tcg _1e0c1o8l",
17
+ separator: "_t6vde4h9 _5wra1l7x _1p3lnqa1 _ahbq1b66 _12l2u2gc _4t3i1tcg _1e0c1o8l",
18
18
  hoverableReactionPickerSelectorContainer: "_zulp1b66 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66"
19
19
  };
20
20
  const revealAnimation = null;
package/dist/es2019/components/StaticReaction.compiled.css CHANGED
@@ -13,7 +13,7 @@
13
13
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
14
14
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
15
15
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
16
- ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
16
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
17
17
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
18
18
  ._d0al73ad:hover{cursor:default}
19
- ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
19
+ ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
package/dist/es2019/components/StaticReaction.js CHANGED
@@ -5,7 +5,7 @@ import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { Pressable } from '@atlaskit/primitives/compiled';
7
7
  const styles = {
8
- staticReaction: "_1reo15vq _18m915vq _19itglyw _2rko12b0 _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syaz1gjq _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0al73ad _irr3166n"
8
+ staticReaction: "_1reo15vq _18m915vq _19itglyw _2rko12b0 _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syazazsu _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0al73ad _irr31dpa"
9
9
  };
10
10
  export const StaticReaction = ({
11
11
  onMouseEnter,
package/dist/es2019/components/Trigger.compiled.css CHANGED
@@ -5,8 +5,8 @@
5
5
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
6
6
  ._1dqoglyw{border-style:none}
7
7
  ._1dqonqa1{border-style:solid}
8
- ._1h6d13gt{border-color:var(--ds-border-disabled,#091e420f)}
9
- ._1h6dmuej{border-color:var(--ds-border,#091e4224)}
8
+ ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
9
+ ._1h6dbk0g{border-color:var(--ds-border-disabled,#0515240f)}
10
10
  ._18u01b66{margin-left:var(--ds-space-050,4px)}
11
11
  ._19bv1b66{padding-left:var(--ds-space-050,4px)}
12
12
  ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
@@ -19,8 +19,8 @@
19
19
  ._1ul9zwfg{min-width:2pc}
20
20
  ._4cvr1h6o{align-items:center}
21
21
  ._4t3i1tcg{height:24px}
22
+ ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
22
23
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
23
- ._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
24
24
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
25
25
  ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
26
26
  ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
@@ -28,11 +28,11 @@
28
28
  ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
29
29
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
30
30
  ._p12f3xl8{max-width:305px}
31
- ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
31
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
32
32
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
33
33
  ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
34
34
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
35
- ._irr3108i:hover{background-color:var(--ds-surface-hovered,#f1f2f4)}
36
- ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
37
- ._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
38
- ._1di61ji5:active{background-color:var(--ds-surface-pressed,#dcdfe4)}
35
+ ._irr319i6:hover{background-color:var(--ds-surface-hovered,#f0f1f2)}
36
+ ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
37
+ ._1di613ro:active{background-color:var(--ds-surface-pressed,#dddee1)}
38
+ ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
package/dist/es2019/components/Trigger.js CHANGED
@@ -14,9 +14,9 @@ const styles = {
14
14
  subtleTrigger: "_1dqoglyw _1ul91tcg",
15
15
  expandedTrigger: "_1ul9146b",
16
16
  triggerStylesRefresh: "_2rko12b0",
17
- transparentEnabledTrigger: "_1h6dmuej _bfhksm61 _irr3166n _1di61dty",
18
- opaqueEnabledTrigger: "_1h6dmuej _bfhkvuon _irr3108i _1di61ji5",
19
- disabledTrigger: "_1h6d13gt _bfhksyzs",
17
+ transparentEnabledTrigger: "_1h6d1l7x _bfhksm61 _irr31dpa _1di6fcek",
18
+ opaqueEnabledTrigger: "_1h6d1l7x _bfhkvuon _irr319i6 _1di613ro",
19
+ disabledTrigger: "_1h6dbk0g _bfhkby5v",
20
20
  miniMode: "_2rko12b0 _1dqoglyw _1ul91tcg _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
21
21
  fullWidthSummaryViewReactionPickerTrigger: "_1bsb1osq _ca0qu2gc _19bvu2gc _u5f3u2gc",
22
22
  fullWidthSelectorTrayReactionPickerTrigger: "_1bsb1osq _ca0q1b66 _19bv1b66 _u5f31b66",
@@ -38,7 +38,7 @@ const i18n = defineMessages({
38
38
  }
39
39
  });
40
40
  const addReactionStyles = {
41
- addReactionMessage: "_11c8dcr7 _syaz1gjq _18u01b66"
41
+ addReactionMessage: "_11c8dcr7 _syazazsu _18u01b66"
42
42
  };
43
43
  const noMarkerListStyle = null;
44
44
 
@@ -86,7 +86,7 @@ export const Trigger = /*#__PURE__*/React.forwardRef((props, ref) => {
86
86
  // TODO: https://product-fabric.atlassian.net/browse/DSP-21007
87
87
  React.createElement(EmojiAddIcon, {
88
88
  testId: "emoji-add-icon",
89
- color: disabled ? "var(--ds-icon-disabled, #091E424F)" : "var(--ds-icon, #44546F)",
89
+ color: disabled ? "var(--ds-icon-disabled, #080F214A)" : "var(--ds-icon, #292A2E)",
90
90
  LEGACY_size: "small",
91
91
  label: "Add reaction"
92
92
  }), showAddReactionText && /*#__PURE__*/React.createElement(Box, {
package/dist/esm/analytics/index.js CHANGED
@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
4
4
  import { createAndFireEvent } from '@atlaskit/analytics-next';
5
5
  import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
6
6
  var packageName = "@atlaskit/reactions";
7
- var packageVersion = "33.6.3";
7
+ var packageVersion = "0.0.0-development";
8
8
  /**
9
9
  * TODO: move to utility package?
10
10
  * A random sampling function
package/dist/esm/components/Counter.compiled.css CHANGED
@@ -9,8 +9,8 @@
9
9
  ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
10
10
  ._kqswh2mm{position:relative}
11
11
  ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
12
- ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
13
- ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
12
+ ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
13
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
14
14
  ._syazln51{color:var(--_1hfkvbo)}
15
15
  ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
16
16
  ._vwz4dlk8{line-height:14px}
package/dist/esm/components/Counter.js CHANGED
@@ -61,7 +61,7 @@ export var Counter = function Counter(_ref) {
61
61
  }, [value]);
62
62
  return /*#__PURE__*/React.createElement("div", {
63
63
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
64
- className: ax(["_11c81o8v _1reo15vq _18m915vq _syaz131l _kqswh2mm _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvidpf _vwz4dlk8", useDarkerFont && "_syaz1gjq", useUpdatedStyles && "_19pkv77o", className]),
64
+ className: ax(["_11c81o8v _1reo15vq _18m915vq _syaz1rpy _kqswh2mm _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvidpf _vwz4dlk8", useDarkerFont && "_syazazsu", useUpdatedStyles && "_19pkv77o", className]),
65
65
  "data-testid": RENDER_COMPONENT_WRAPPER
66
66
  }, /*#__PURE__*/React.createElement(ExitingPersistence, null, /*#__PURE__*/React.createElement(SlideIn, {
67
67
  enterFrom: isIncreasing ? 'top' : 'bottom',
package/dist/esm/components/EmojiButton.compiled.css CHANGED
@@ -3,7 +3,7 @@
3
3
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
4
4
  ._189eidpf{border-width:0}
5
5
  ._1dqonqa1{border-style:solid}
6
- ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._12ji1r31{outline-color:currentColor}
6
+ ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}._12ji1r31{outline-color:currentColor}
7
7
  ._12y31o36{outline-width:medium}
8
8
  ._18u0ze3t{margin-left:var(--ds-space-0,0)}
9
9
  ._19bv1b66{padding-left:var(--ds-space-050,4px)}
@@ -19,10 +19,10 @@
19
19
  ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
20
20
  ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
21
21
  ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
22
- ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
22
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
23
23
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
24
24
  ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
25
25
  ._o7ksrkh3:hover{transition:transform .2s cubic-bezier(.23,1,.32,1)}
26
26
  ._1llw1q5f:hover{transform:scale(1.33)}
27
- ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
28
- ._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
27
+ ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
28
+ ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
package/dist/esm/components/EmojiButton.js CHANGED
@@ -10,7 +10,7 @@ import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
10
10
  import { Pressable } from '@atlaskit/primitives/compiled';
11
11
  var styles = {
12
12
  emojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189eidpf _1e0c1txw _bfhksm61 _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _o7ksrkh3 _1llw1q5f",
13
- hoverableReactionPickerSelectorEmojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _8hrz1nam _ca0qv77o _u5f31b66 _n3td1b66 _19bv1b66 _bfhksm61 _syaz1gjq _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _irr3166n _1di61dty"
13
+ hoverableReactionPickerSelectorEmojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _8hrz1nam _ca0qv77o _u5f31b66 _n3td1b66 _19bv1b66 _bfhksm61 _syazazsu _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _irr31dpa _1di6fcek"
14
14
  };
15
15
  export var RENDER_BUTTON_TESTID = 'button-emoji-id';
16
16
  /**
package/dist/esm/components/ReactionButton.compiled.css CHANGED
@@ -6,8 +6,8 @@
6
6
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
7
7
  ._1dqoglyw{border-style:none}
8
8
  ._1dqonqa1{border-style:solid}
9
- ._1h6d1yqz{border-color:var(--ds-border-selected,#0c66e4)}
10
- ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
9
+ ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
10
+ ._1h6dq98m{border-color:var(--ds-border-selected,#1868db)}._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
11
11
  ._18m915vq{overflow-y:hidden}
12
12
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
13
13
  ._19pk12x7{margin-top:var(--ds-space-075,6px)}
@@ -21,16 +21,16 @@
21
21
  ._4t3i1tcg{height:24px}
22
22
  ._4t3i3698{height:var(--_1ed2mu0)}
23
23
  ._4t3igktf{height:20px}
24
- ._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
24
+ ._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
25
25
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
26
26
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
27
27
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
28
28
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
29
- ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
29
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
30
30
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
31
- ._irr3108i:hover{background-color:var(--ds-surface-hovered,#f1f2f4)}
32
- ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
33
- ._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
34
- ._1di619ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
35
- ._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
36
- ._1di61ji5:active{background-color:var(--ds-surface-pressed,#dcdfe4)}
31
+ ._irr319i6:hover{background-color:var(--ds-surface-hovered,#f0f1f2)}
32
+ ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
33
+ ._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
34
+ ._1di613ro:active{background-color:var(--ds-surface-pressed,#dddee1)}
35
+ ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
36
+ ._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
package/dist/esm/components/ReactionButton.js CHANGED
@@ -8,10 +8,10 @@ import { FlashAnimation } from './FlashAnimation';
8
8
  import { fg } from '@atlaskit/platform-feature-flags';
9
9
  import { Pressable } from '@atlaskit/primitives/compiled';
10
10
  var styles = {
11
- reactionButton: "_2rko1rr0 _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syaz1gjq _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _irr3166n _1di61dty",
11
+ reactionButton: "_2rko1rr0 _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syazazsu _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _irr31dpa _1di6fcek",
12
12
  reactionStylesRefresh: "_2rko12b0",
13
- reacted: "_1h6d1yqz _bfhkfg4m _irr3i1yw _1di619ru",
14
- opaqueBackground: "_bfhkvuon _irr3108i _1di61ji5",
13
+ reacted: "_1h6dq98m _bfhk15s3 _irr3ufnl _1di6nozp",
14
+ opaqueBackground: "_bfhkvuon _irr319i6 _1di613ro",
15
15
  compactButton: "_4t3igktf _4cvr1h6o _19pk12x7",
16
16
  borderless: "_1dqoglyw"
17
17
  };
package/dist/esm/components/ReactionSummaryButton.compiled.css CHANGED
@@ -3,7 +3,7 @@
3
3
  ._1e0c1txw{display:flex}
4
4
  ._4cvr1h6o{align-items:center}
5
5
  ._8hrz1nam{transform-origin:center center 0}
6
- ._bfhkn82g{background-color:var(--ds-skeleton,#091e420f)}
6
+ ._bfhkizff{background-color:var(--ds-skeleton,#0515240f)}
7
7
  ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
8
8
  ._kqswh2mm{position:relative}
9
9
  ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
package/dist/esm/components/ReactionSummaryButton.js CHANGED
@@ -18,7 +18,7 @@ var styles = {
18
18
  button: "_ca0q1b66 _u5f31b66 _n3td1b66 _19bvu2gc",
19
19
  container: "_kqswh2mm",
20
20
  summaryButtonIconAfter: "_u5f3u2gc _1e0c1txw _4cvr1h6o _1bah1h6o",
21
- emojiPlaceholderBackground: "_bfhkn82g",
21
+ emojiPlaceholderBackground: "_bfhkizff",
22
22
  particleEffectContainer: "_u5f31ejb"
23
23
  };
24
24
  /**
package/dist/esm/components/ReactionsDialogTrigger.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
- ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._19bvze3t{padding-left:var(--ds-space-0,0)}
3
+ ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}._19bvze3t{padding-left:var(--ds-space-0,0)}
4
4
  ._19pk1b66{margin-top:var(--ds-space-050,4px)}
5
5
  ._1bah1h6o{justify-content:center}
6
6
  ._1e0c1txw{display:flex}
@@ -12,5 +12,5 @@
12
12
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
13
13
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
14
14
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
15
- ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
16
- ._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
15
+ ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
16
+ ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
package/dist/esm/components/ReactionsDialogTrigger.js CHANGED
@@ -10,7 +10,7 @@ import { useIntl } from 'react-intl-next';
10
10
  import { messages } from '../shared/i18n';
11
11
  var styles = {
12
12
  trigger: "_2rko12b0 _2hwx1b66 _19pk1b66 _1ul9zwfg _4t3i1tcg _1e0c1txw _1bah1h6o _4cvr1h6o _bfhksm61 _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t",
13
- transparentEnabledTrigger: "_1h6dmuej _irr3166n _1di61dty"
13
+ transparentEnabledTrigger: "_1h6d1l7x _irr31dpa _1di6fcek"
14
14
  };
15
15
  // Currently not in use due to Reactions Dialog trigger being moved to tooltip
16
16
  // Similar to platform/packages/elements/reactions/src/components/Trigger/Trigger.tsx
package/dist/esm/components/Selector.compiled.css CHANGED
@@ -9,7 +9,7 @@
9
9
  ._2mzuglyw{list-style-type:none}
10
10
  ._4t3i1tcg{height:24px}
11
11
  ._5sag6ebc{animation-duration:.15s}
12
- ._5wramuej{border-left-color:var(--ds-border,#091e4224)}
12
+ ._5wra1l7x{border-left-color:var(--ds-border,#0b120e24)}
13
13
  ._ahbq1b66{margin-inline-start:var(--ds-space-050,4px)}
14
14
  ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
15
15
  ._j7hqordv{animation-name:k12q5x3s}
package/dist/esm/components/Selector.js CHANGED
@@ -14,7 +14,7 @@ import { Trigger } from './Trigger';
14
14
  var styles = {
15
15
  container: "_ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
16
16
  emojiContainer: "_2mzuglyw _19pkze3t",
17
- separator: "_t6vde4h9 _5wramuej _1p3lnqa1 _ahbq1b66 _12l2u2gc _4t3i1tcg _1e0c1o8l",
17
+ separator: "_t6vde4h9 _5wra1l7x _1p3lnqa1 _ahbq1b66 _12l2u2gc _4t3i1tcg _1e0c1o8l",
18
18
  hoverableReactionPickerSelectorContainer: "_zulp1b66 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66"
19
19
  };
20
20
  var revealAnimation = null;
package/dist/esm/components/StaticReaction.compiled.css CHANGED
@@ -13,7 +13,7 @@
13
13
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
14
14
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
15
15
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
16
- ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
16
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
17
17
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
18
18
  ._d0al73ad:hover{cursor:default}
19
- ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
19
+ ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
package/dist/esm/components/StaticReaction.js CHANGED
@@ -5,7 +5,7 @@ import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { Pressable } from '@atlaskit/primitives/compiled';
7
7
  var styles = {
8
- staticReaction: "_1reo15vq _18m915vq _19itglyw _2rko12b0 _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syaz1gjq _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0al73ad _irr3166n"
8
+ staticReaction: "_1reo15vq _18m915vq _19itglyw _2rko12b0 _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syazazsu _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0al73ad _irr31dpa"
9
9
  };
10
10
  export var StaticReaction = function StaticReaction(_ref) {
11
11
  var onMouseEnter = _ref.onMouseEnter,
package/dist/esm/components/Trigger.compiled.css CHANGED
@@ -5,8 +5,8 @@
5
5
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
6
6
  ._1dqoglyw{border-style:none}
7
7
  ._1dqonqa1{border-style:solid}
8
- ._1h6d13gt{border-color:var(--ds-border-disabled,#091e420f)}
9
- ._1h6dmuej{border-color:var(--ds-border,#091e4224)}
8
+ ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
9
+ ._1h6dbk0g{border-color:var(--ds-border-disabled,#0515240f)}
10
10
  ._18u01b66{margin-left:var(--ds-space-050,4px)}
11
11
  ._19bv1b66{padding-left:var(--ds-space-050,4px)}
12
12
  ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
@@ -19,8 +19,8 @@
19
19
  ._1ul9zwfg{min-width:2pc}
20
20
  ._4cvr1h6o{align-items:center}
21
21
  ._4t3i1tcg{height:24px}
22
+ ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
22
23
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
23
- ._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
24
24
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
25
25
  ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
26
26
  ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
@@ -28,11 +28,11 @@
28
28
  ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
29
29
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
30
30
  ._p12f3xl8{max-width:305px}
31
- ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
31
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
32
32
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
33
33
  ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
34
34
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
35
- ._irr3108i:hover{background-color:var(--ds-surface-hovered,#f1f2f4)}
36
- ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
37
- ._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
38
- ._1di61ji5:active{background-color:var(--ds-surface-pressed,#dcdfe4)}
35
+ ._irr319i6:hover{background-color:var(--ds-surface-hovered,#f0f1f2)}
36
+ ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
37
+ ._1di613ro:active{background-color:var(--ds-surface-pressed,#dddee1)}
38
+ ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
package/dist/esm/components/Trigger.js CHANGED
@@ -14,9 +14,9 @@ var styles = {
14
14
  subtleTrigger: "_1dqoglyw _1ul91tcg",
15
15
  expandedTrigger: "_1ul9146b",
16
16
  triggerStylesRefresh: "_2rko12b0",
17
- transparentEnabledTrigger: "_1h6dmuej _bfhksm61 _irr3166n _1di61dty",
18
- opaqueEnabledTrigger: "_1h6dmuej _bfhkvuon _irr3108i _1di61ji5",
19
- disabledTrigger: "_1h6d13gt _bfhksyzs",
17
+ transparentEnabledTrigger: "_1h6d1l7x _bfhksm61 _irr31dpa _1di6fcek",
18
+ opaqueEnabledTrigger: "_1h6d1l7x _bfhkvuon _irr319i6 _1di613ro",
19
+ disabledTrigger: "_1h6dbk0g _bfhkby5v",
20
20
  miniMode: "_2rko12b0 _1dqoglyw _1ul91tcg _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
21
21
  fullWidthSummaryViewReactionPickerTrigger: "_1bsb1osq _ca0qu2gc _19bvu2gc _u5f3u2gc",
22
22
  fullWidthSelectorTrayReactionPickerTrigger: "_1bsb1osq _ca0q1b66 _19bv1b66 _u5f31b66",
@@ -38,7 +38,7 @@ var i18n = defineMessages({
38
38
  }
39
39
  });
40
40
  var addReactionStyles = {
41
- addReactionMessage: "_11c8dcr7 _syaz1gjq _18u01b66"
41
+ addReactionMessage: "_11c8dcr7 _syazazsu _18u01b66"
42
42
  };
43
43
  var noMarkerListStyle = null;
44
44
 
@@ -93,7 +93,7 @@ export var Trigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
93
93
  // TODO: https://product-fabric.atlassian.net/browse/DSP-21007
94
94
  React.createElement(EmojiAddIcon, {
95
95
  testId: "emoji-add-icon",
96
- color: disabled ? "var(--ds-icon-disabled, #091E424F)" : "var(--ds-icon, #44546F)",
96
+ color: disabled ? "var(--ds-icon-disabled, #080F214A)" : "var(--ds-icon, #292A2E)",
97
97
  LEGACY_size: "small",
98
98
  label: "Add reaction"
99
99
  }), showAddReactionText && /*#__PURE__*/React.createElement(Box, {
package/dist/types/index.d.ts CHANGED
@@ -7,7 +7,7 @@ export { Reactions } from './components/Reactions';
7
7
  export { useCloseManager } from './hooks/useCloseManager';
8
8
  export { ConnectedReactionPicker, ConnectedReactionsView } from './containers';
9
9
  export { MemoryReactionsStore, ReactionConsumer } from './store';
10
- export type { Client as ReactionClient, Request as ReactionRequest, Store as ReactionsStore, StorePropInput, State, } from './types';
10
+ export type { Client as ReactionClient, Request as ReactionRequest, Store as ReactionsStore, Reactions as ReactionsType, StorePropInput, State, } from './types';
11
11
  export { ReactionUpdateType, ReactionStatus, type ReactionSummary } from './types';
12
12
  export declare const constants: {
13
13
  DefaultReactions: import("@atlaskit/emoji").EmojiId[];
package/dist/types-ts4.5/index.d.ts CHANGED
@@ -7,7 +7,7 @@ export { Reactions } from './components/Reactions';
7
7
  export { useCloseManager } from './hooks/useCloseManager';
8
8
  export { ConnectedReactionPicker, ConnectedReactionsView } from './containers';
9
9
  export { MemoryReactionsStore, ReactionConsumer } from './store';
10
- export type { Client as ReactionClient, Request as ReactionRequest, Store as ReactionsStore, StorePropInput, State, } from './types';
10
+ export type { Client as ReactionClient, Request as ReactionRequest, Store as ReactionsStore, Reactions as ReactionsType, StorePropInput, State, } from './types';
11
11
  export { ReactionUpdateType, ReactionStatus, type ReactionSummary } from './types';
12
12
  export declare const constants: {
13
13
  DefaultReactions: import("@atlaskit/emoji").EmojiId[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/reactions",
3
- "version": "33.6.4",
3
+ "version": "33.6.6",
4
4
  "description": "Reactions component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -33,29 +33,29 @@
33
33
  "dependencies": {
34
34
  "@atlaskit/afm-i18n-platform-elements-reactions": "2.7.0",
35
35
  "@atlaskit/analytics-gas-types": "^5.1.0",
36
- "@atlaskit/analytics-namespaced-context": "^7.1.0",
36
+ "@atlaskit/analytics-namespaced-context": "^7.2.0",
37
37
  "@atlaskit/analytics-next": "^11.1.0",
38
38
  "@atlaskit/avatar": "^25.5.0",
39
39
  "@atlaskit/button": "^23.6.0",
40
- "@atlaskit/css": "^0.15.0",
41
- "@atlaskit/emoji": "^69.6.0",
40
+ "@atlaskit/css": "^0.16.0",
41
+ "@atlaskit/emoji": "^69.8.0",
42
42
  "@atlaskit/heading": "^5.2.0",
43
- "@atlaskit/icon": "^28.5.0",
43
+ "@atlaskit/icon": "^29.0.0",
44
44
  "@atlaskit/link": "^3.2.0",
45
- "@atlaskit/modal-dialog": "^14.6.0",
45
+ "@atlaskit/modal-dialog": "^14.7.0",
46
46
  "@atlaskit/motion": "^5.3.0",
47
47
  "@atlaskit/platform-feature-flags": "^1.1.0",
48
48
  "@atlaskit/platform-feature-flags-react": "^0.4.0",
49
49
  "@atlaskit/popper": "^7.1.0",
50
50
  "@atlaskit/popup": "^4.6.0",
51
51
  "@atlaskit/portal": "^5.1.0",
52
- "@atlaskit/primitives": "^16.1.0",
53
- "@atlaskit/react-ufo": "^4.14.0",
52
+ "@atlaskit/primitives": "^16.2.0",
53
+ "@atlaskit/react-ufo": "^4.15.0",
54
54
  "@atlaskit/spinner": "^19.0.0",
55
55
  "@atlaskit/tabs": "^18.2.0",
56
56
  "@atlaskit/theme": "^21.0.0",
57
- "@atlaskit/tokens": "^8.0.0",
58
- "@atlaskit/tooltip": "^20.8.0",
57
+ "@atlaskit/tokens": "^8.1.0",
58
+ "@atlaskit/tooltip": "^20.10.0",
59
59
  "@atlaskit/ufo": "^0.4.0",
60
60
  "@atlaskit/util-service-support": "^6.3.0",
61
61
  "@babel/runtime": "^7.0.0",