@atlaskit/reactions 31.6.0 → 31.6.2

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 (11) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/analytics/index.js +1 -1
  3. package/dist/cjs/components/ReactionParticleEffect.compiled.css +3 -1
  4. package/dist/cjs/components/ReactionParticleEffect.js +1 -6
  5. package/dist/es2019/analytics/index.js +1 -1
  6. package/dist/es2019/components/ReactionParticleEffect.compiled.css +3 -3
  7. package/dist/es2019/components/ReactionParticleEffect.js +1 -3
  8. package/dist/esm/analytics/index.js +1 -1
  9. package/dist/esm/components/ReactionParticleEffect.compiled.css +3 -1
  10. package/dist/esm/components/ReactionParticleEffect.js +1 -6
  11. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/reactions
2
2
 
3
+ ## 31.6.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 31.6.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [#149379](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/149379)
14
+ [`5a2aafb7bc8ce`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5a2aafb7bc8ce) -
15
+ Fixes a bug when triggering a reaction where the mix of float and fade keyframe animations weren't
16
+ working in CJS and ESM distribution targets for packages from a bug in Compiled CSS-in-JS.
17
+
3
18
  ## 31.6.0
4
19
 
5
20
  ### Minor Changes
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 = "31.6.0";
14
+ var packageVersion = "31.6.2";
15
15
  /**
16
16
  * TODO: move to utility package?
17
17
  * A random sampling function
package/dist/cjs/components/ReactionParticleEffect.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._y44v1gev{animation:var(--_wb63cw)}._154iidpf{top:0}
2
+ ._y44v7u0o{animation:reaction-particle-fade ease-in-out,reaction-particle-float ease}._154iidpf{top:0}
3
3
  ._1lac188d:nth-child(3){animation-delay:.3s}
4
4
  ._1ltvftgi{left:8px}
5
5
  ._1ltvidpf{left:0}
@@ -14,4 +14,6 @@
14
14
  ._lcxvglyw{pointer-events:none}
15
15
  ._tzy4idpf{opacity:0}
16
16
  ._xg4k6ebc:nth-child(2){animation-delay:.15s}
17
+ @keyframes reaction-particle-fade{0%{opacity:0}20%{opacity:1}60%{opacity:1}to{opacity:0}}
18
+ @keyframes reaction-particle-float{0%{transform:translateY(0) scale(1)}to{transform:translateY(-90pt) scale(1.7)}}
17
19
  @media (prefers-reduced-motion:reduce){._m602idpf{opacity:0}}
package/dist/cjs/components/ReactionParticleEffect.js CHANGED
@@ -16,8 +16,6 @@ var _constants = require("@atlaskit/theme/constants");
16
16
  var _constants2 = require("../shared/constants");
17
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
18
18
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
19
- var fade = null;
20
- var float = null;
21
19
  var containerStyle = null;
22
20
  var reactionParticleStyle = null;
23
21
  var PARTICLE_COUNT = exports.PARTICLE_COUNT = 4;
@@ -29,10 +27,7 @@ var ReactionParticleEffect = exports.ReactionParticleEffect = function ReactionP
29
27
  }, (0, _toConsumableArray2.default)(Array(PARTICLE_COUNT)).map(function (_, index) {
30
28
  return /*#__PURE__*/React.createElement("div", {
31
29
  key: index,
32
- className: (0, _runtime.ax)(["_y44v1gev _kqswstnw _154iidpf _1ltvidpf _lcxvglyw _tzy4idpf _5sagpwmj _1qen1lpd _xg4k6ebc _91vyftgi _1lac188d _jsy51n1a _7vm81dfm"]),
33
- style: {
34
- "--_wb63cw": (0, _runtime.ix)("".concat(fade, " ease-in-out, ").concat(float, " ease"))
35
- }
30
+ className: (0, _runtime.ax)(["_y44v7u0o _kqswstnw _154iidpf _1ltvidpf _lcxvglyw _tzy4idpf _5sagpwmj _1qen1lpd _xg4k6ebc _91vyftgi _1lac188d _jsy51n1a _7vm81dfm"])
36
31
  }, /*#__PURE__*/React.createElement(_emoji.ResourcedEmoji, {
37
32
  emojiProvider: emojiProvider,
38
33
  emojiId: emojiId,
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 = "31.6.0";
4
+ const packageVersion = "31.6.2";
5
5
  /**
6
6
  * TODO: move to utility package?
7
7
  * A random sampling function
package/dist/es2019/components/ReactionParticleEffect.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._y44vik89{animation:k102rpwx ease-in-out,k4txmy4 ease}._154iidpf{top:0}
2
+ ._y44v7u0o{animation:reaction-particle-fade ease-in-out,reaction-particle-float ease}._154iidpf{top:0}
3
3
  ._1lac188d:nth-child(3){animation-delay:.3s}
4
4
  ._1ltvftgi{left:8px}
5
5
  ._1ltvidpf{left:0}
@@ -14,6 +14,6 @@
14
14
  ._lcxvglyw{pointer-events:none}
15
15
  ._tzy4idpf{opacity:0}
16
16
  ._xg4k6ebc:nth-child(2){animation-delay:.15s}
17
- @keyframes k102rpwx{0%{opacity:0}20%{opacity:1}60%{opacity:1}to{opacity:0}}
18
- @keyframes k4txmy4{0%{transform:translateY(0) scale(1)}to{transform:translateY(-90pt) scale(1.7)}}
17
+ @keyframes reaction-particle-fade{0%{opacity:0}20%{opacity:1}60%{opacity:1}to{opacity:0}}
18
+ @keyframes reaction-particle-float{0%{transform:translateY(0) scale(1)}to{transform:translateY(-90pt) scale(1.7)}}
19
19
  @media (prefers-reduced-motion:reduce){._m602idpf{opacity:0}}
package/dist/es2019/components/ReactionParticleEffect.js CHANGED
@@ -5,8 +5,6 @@ import { ax, ix } from "@compiled/react/runtime";
5
5
  import { ResourcedEmoji } from '@atlaskit/emoji';
6
6
  import { layers } from '@atlaskit/theme/constants';
7
7
  import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
8
- const fade = null;
9
- const float = null;
10
8
  const containerStyle = null;
11
9
  const reactionParticleStyle = null;
12
10
  export const PARTICLE_COUNT = 4;
@@ -18,7 +16,7 @@ export const ReactionParticleEffect = ({
18
16
  }, [...Array(PARTICLE_COUNT)].map((_, index) => {
19
17
  return /*#__PURE__*/React.createElement("div", {
20
18
  key: index,
21
- className: ax(["_y44vik89 _kqswstnw _154iidpf _1ltvidpf _lcxvglyw _tzy4idpf _5sagpwmj _1qen1lpd _xg4k6ebc _91vyftgi _1lac188d _jsy51n1a _7vm81dfm"])
19
+ className: ax(["_y44v7u0o _kqswstnw _154iidpf _1ltvidpf _lcxvglyw _tzy4idpf _5sagpwmj _1qen1lpd _xg4k6ebc _91vyftgi _1lac188d _jsy51n1a _7vm81dfm"])
22
20
  }, /*#__PURE__*/React.createElement(ResourcedEmoji, {
23
21
  emojiProvider: emojiProvider,
24
22
  emojiId: emojiId,
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 = "31.6.0";
7
+ var packageVersion = "31.6.2";
8
8
  /**
9
9
  * TODO: move to utility package?
10
10
  * A random sampling function
package/dist/esm/components/ReactionParticleEffect.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._y44v1gev{animation:var(--_wb63cw)}._154iidpf{top:0}
2
+ ._y44v7u0o{animation:reaction-particle-fade ease-in-out,reaction-particle-float ease}._154iidpf{top:0}
3
3
  ._1lac188d:nth-child(3){animation-delay:.3s}
4
4
  ._1ltvftgi{left:8px}
5
5
  ._1ltvidpf{left:0}
@@ -14,4 +14,6 @@
14
14
  ._lcxvglyw{pointer-events:none}
15
15
  ._tzy4idpf{opacity:0}
16
16
  ._xg4k6ebc:nth-child(2){animation-delay:.15s}
17
+ @keyframes reaction-particle-fade{0%{opacity:0}20%{opacity:1}60%{opacity:1}to{opacity:0}}
18
+ @keyframes reaction-particle-float{0%{transform:translateY(0) scale(1)}to{transform:translateY(-90pt) scale(1.7)}}
17
19
  @media (prefers-reduced-motion:reduce){._m602idpf{opacity:0}}
package/dist/esm/components/ReactionParticleEffect.js CHANGED
@@ -6,8 +6,6 @@ import { ax, ix } from "@compiled/react/runtime";
6
6
  import { ResourcedEmoji } from '@atlaskit/emoji';
7
7
  import { layers } from '@atlaskit/theme/constants';
8
8
  import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
9
- var fade = null;
10
- var float = null;
11
9
  var containerStyle = null;
12
10
  var reactionParticleStyle = null;
13
11
  export var PARTICLE_COUNT = 4;
@@ -19,10 +17,7 @@ export var ReactionParticleEffect = function ReactionParticleEffect(_ref) {
19
17
  }, _toConsumableArray(Array(PARTICLE_COUNT)).map(function (_, index) {
20
18
  return /*#__PURE__*/React.createElement("div", {
21
19
  key: index,
22
- className: ax(["_y44v1gev _kqswstnw _154iidpf _1ltvidpf _lcxvglyw _tzy4idpf _5sagpwmj _1qen1lpd _xg4k6ebc _91vyftgi _1lac188d _jsy51n1a _7vm81dfm"]),
23
- style: {
24
- "--_wb63cw": ix("".concat(fade, " ease-in-out, ").concat(float, " ease"))
25
- }
20
+ className: ax(["_y44v7u0o _kqswstnw _154iidpf _1ltvidpf _lcxvglyw _tzy4idpf _5sagpwmj _1qen1lpd _xg4k6ebc _91vyftgi _1lac188d _jsy51n1a _7vm81dfm"])
26
21
  }, /*#__PURE__*/React.createElement(ResourcedEmoji, {
27
22
  emojiProvider: emojiProvider,
28
23
  emojiId: emojiId,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/reactions",
3
- "version": "31.6.0",
3
+ "version": "31.6.2",
4
4
  "description": "Reactions component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -40,14 +40,14 @@
40
40
  "@atlaskit/css": "^0.10.0",
41
41
  "@atlaskit/emoji": "^69.1.0",
42
42
  "@atlaskit/heading": "^5.2.0",
43
- "@atlaskit/icon": "^25.6.0",
43
+ "@atlaskit/icon": "^25.7.0",
44
44
  "@atlaskit/modal-dialog": "^14.1.0",
45
45
  "@atlaskit/motion": "^5.1.0",
46
46
  "@atlaskit/platform-feature-flags": "^1.1.0",
47
- "@atlaskit/platform-feature-flags-react": "^0.1.0",
47
+ "@atlaskit/platform-feature-flags-react": "^0.2.0",
48
48
  "@atlaskit/popper": "^7.0.0",
49
49
  "@atlaskit/popup": "^4.1.0",
50
- "@atlaskit/primitives": "^14.6.0",
50
+ "@atlaskit/primitives": "^14.7.0",
51
51
  "@atlaskit/react-ufo": "^3.9.0",
52
52
  "@atlaskit/spinner": "^18.0.0",
53
53
  "@atlaskit/tabs": "^18.0.0",