@atlaskit/reactions 21.2.4 → 21.3.1

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 (14) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/cjs/components/Counter.js +1 -1
  3. package/dist/cjs/components/Reaction.js +1 -0
  4. package/dist/cjs/components/i18n.js +2 -2
  5. package/dist/cjs/version.json +1 -1
  6. package/dist/es2019/components/Counter.js +2 -2
  7. package/dist/es2019/components/Reaction.js +1 -0
  8. package/dist/es2019/components/i18n.js +2 -2
  9. package/dist/es2019/version.json +1 -1
  10. package/dist/esm/components/Counter.js +2 -2
  11. package/dist/esm/components/Reaction.js +1 -0
  12. package/dist/esm/components/i18n.js +2 -2
  13. package/dist/esm/version.json +1 -1
  14. package/package.json +3 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,27 @@
1
1
  # @atlaskit/reactions
2
2
 
3
+ ## 21.3.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 21.3.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [`8db47b60a8f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8db47b60a8f) - [ux] Updated reactions count color to be accessible, pluralize the more emojis tooltip, and stopped the reactions button click event from propagating into the reactions tooltip.
14
+
15
+ ### Patch Changes
16
+
17
+ - Updated dependencies
18
+
19
+ ## 21.2.5
20
+
21
+ ### Patch Changes
22
+
23
+ - [`a424e62b264`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a424e62b264) - Changes to support Node 16 Typescript definitions from `@types/node`.
24
+
3
25
  ## 21.2.4
4
26
 
5
27
  ### Patch Changes
package/dist/cjs/components/Counter.js CHANGED
@@ -31,7 +31,7 @@ exports.counterTestId = counterTestId;
31
31
  var countStyle = (0, _core.css)({
32
32
  fontSize: 11,
33
33
  // TODO: nice to have a theme level token for fontSize
34
- color: (0, _tokens.token)('color.text.subtlest', _colors.N90),
34
+ color: (0, _tokens.token)('color.text.subtlest', _colors.N500),
35
35
  overflow: 'hidden',
36
36
  position: 'relative',
37
37
  padding: '4px 8px 4px 0',
package/dist/cjs/components/Reaction.js CHANGED
@@ -112,6 +112,7 @@ var ReactionWithoutAnalytics = /*#__PURE__*/function (_PureComponent) {
112
112
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mounted", false);
113
113
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseDown", function (event) {
114
114
  event.preventDefault();
115
+ event.stopPropagation();
115
116
 
116
117
  if (_this.props.onClick && (0, _utils.isLeftClick)(event)) {
117
118
  var _this$props = _this.props,
package/dist/cjs/components/i18n.js CHANGED
@@ -14,8 +14,8 @@ var messages = (0, _reactIntlNext.defineMessages)({
14
14
  description: 'Message while reactions are being loaded'
15
15
  },
16
16
  moreEmoji: {
17
- id: 'fabric.reactions.more.emoji',
18
- defaultMessage: 'More emoji',
17
+ id: 'fabric.reactions.more.emojis',
18
+ defaultMessage: 'More emojis',
19
19
  description: 'Tooltip of the "show more" button in the quick reaction selector. The full emoji selector is displayed when the user clicks on it.'
20
20
  },
21
21
  unexpectedError: {
package/dist/cjs/version.json CHANGED
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/reactions",
3
- "version": "21.2.4"
3
+ "version": "21.3.1"
4
4
  }
package/dist/es2019/components/Counter.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /** @jsx jsx */
2
2
  import { jsx, css } from '@emotion/core';
3
- import { N90, B400 } from '@atlaskit/theme/colors';
3
+ import { N500, B400 } from '@atlaskit/theme/colors';
4
4
  import { token } from '@atlaskit/tokens';
5
5
  import React, { memo } from 'react';
6
6
  import { SlideIn, ExitingPersistence, mediumDurationMs } from '@atlaskit/motion';
@@ -9,7 +9,7 @@ export const counterTestId = 'counter-container';
9
9
  export const countStyle = css({
10
10
  fontSize: 11,
11
11
  // TODO: nice to have a theme level token for fontSize
12
- color: token('color.text.subtlest', N90),
12
+ color: token('color.text.subtlest', N500),
13
13
  overflow: 'hidden',
14
14
  position: 'relative',
15
15
  padding: '4px 8px 4px 0',
package/dist/es2019/components/Reaction.js CHANGED
@@ -68,6 +68,7 @@ class ReactionWithoutAnalytics extends PureComponent {
68
68
 
69
69
  _defineProperty(this, "handleMouseDown", event => {
70
70
  event.preventDefault();
71
+ event.stopPropagation();
71
72
 
72
73
  if (this.props.onClick && isLeftClick(event)) {
73
74
  const {
package/dist/es2019/components/i18n.js CHANGED
@@ -6,8 +6,8 @@ export const messages = defineMessages({
6
6
  description: 'Message while reactions are being loaded'
7
7
  },
8
8
  moreEmoji: {
9
- id: 'fabric.reactions.more.emoji',
10
- defaultMessage: 'More emoji',
9
+ id: 'fabric.reactions.more.emojis',
10
+ defaultMessage: 'More emojis',
11
11
  description: 'Tooltip of the "show more" button in the quick reaction selector. The full emoji selector is displayed when the user clicks on it.'
12
12
  },
13
13
  unexpectedError: {
package/dist/es2019/version.json CHANGED
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/reactions",
3
- "version": "21.2.4"
3
+ "version": "21.3.1"
4
4
  }
package/dist/esm/components/Counter.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /** @jsx jsx */
2
2
  import { jsx, css } from '@emotion/core';
3
- import { N90, B400 } from '@atlaskit/theme/colors';
3
+ import { N500, B400 } from '@atlaskit/theme/colors';
4
4
  import { token } from '@atlaskit/tokens';
5
5
  import React, { memo } from 'react';
6
6
  import { SlideIn, ExitingPersistence, mediumDurationMs } from '@atlaskit/motion';
@@ -9,7 +9,7 @@ export var counterTestId = 'counter-container';
9
9
  export var countStyle = css({
10
10
  fontSize: 11,
11
11
  // TODO: nice to have a theme level token for fontSize
12
- color: token('color.text.subtlest', N90),
12
+ color: token('color.text.subtlest', N500),
13
13
  overflow: 'hidden',
14
14
  position: 'relative',
15
15
  padding: '4px 8px 4px 0',
package/dist/esm/components/Reaction.js CHANGED
@@ -86,6 +86,7 @@ var ReactionWithoutAnalytics = /*#__PURE__*/function (_PureComponent) {
86
86
 
87
87
  _defineProperty(_assertThisInitialized(_this), "handleMouseDown", function (event) {
88
88
  event.preventDefault();
89
+ event.stopPropagation();
89
90
 
90
91
  if (_this.props.onClick && isLeftClick(event)) {
91
92
  var _this$props = _this.props,
package/dist/esm/components/i18n.js CHANGED
@@ -6,8 +6,8 @@ export var messages = defineMessages({
6
6
  description: 'Message while reactions are being loaded'
7
7
  },
8
8
  moreEmoji: {
9
- id: 'fabric.reactions.more.emoji',
10
- defaultMessage: 'More emoji',
9
+ id: 'fabric.reactions.more.emojis',
10
+ defaultMessage: 'More emojis',
11
11
  description: 'Tooltip of the "show more" button in the quick reaction selector. The full emoji selector is displayed when the user clicks on it.'
12
12
  },
13
13
  unexpectedError: {
package/dist/esm/version.json CHANGED
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/reactions",
3
- "version": "21.2.4"
3
+ "version": "21.3.1"
4
4
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/reactions",
3
- "version": "21.2.4",
3
+ "version": "21.3.1",
4
4
  "description": "Reactions component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -30,12 +30,12 @@
30
30
  "@atlaskit/analytics-next": "^8.2.0",
31
31
  "@atlaskit/button": "^16.3.0",
32
32
  "@atlaskit/ds-lib": "^1.4.0",
33
- "@atlaskit/emoji": "^64.5.0",
33
+ "@atlaskit/emoji": "^64.6.0",
34
34
  "@atlaskit/icon": "^21.10.0",
35
35
  "@atlaskit/motion": "^1.0.3",
36
36
  "@atlaskit/popper": "^5.0.0",
37
37
  "@atlaskit/theme": "^12.1.0",
38
- "@atlaskit/tokens": "^0.9.0",
38
+ "@atlaskit/tokens": "^0.10.0",
39
39
  "@atlaskit/tooltip": "^17.5.0",
40
40
  "@atlaskit/ufo": "^0.1.0",
41
41
  "@atlaskit/util-service-support": "^6.1.0",
@@ -61,7 +61,6 @@
61
61
  "enzyme-adapter-react-16": "^1.15.1",
62
62
  "es6-promise": "^4.0.5",
63
63
  "fetch-mock": "^8.0.0",
64
- "jest-fetch-mock": "^3.0.3",
65
64
  "react": "^16.8.0",
66
65
  "react-intl-next": "npm:react-intl@^5.18.1",
67
66
  "typescript": "4.2.4",