@atlaskit/reactions 36.0.4 → 36.0.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 (11) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/analytics/index.js +1 -1
  3. package/dist/cjs/components/EmojiButton.compiled.css +2 -0
  4. package/dist/cjs/components/EmojiButton.js +3 -1
  5. package/dist/es2019/analytics/index.js +1 -1
  6. package/dist/es2019/components/EmojiButton.compiled.css +2 -0
  7. package/dist/es2019/components/EmojiButton.js +3 -1
  8. package/dist/esm/analytics/index.js +1 -1
  9. package/dist/esm/components/EmojiButton.compiled.css +2 -0
  10. package/dist/esm/components/EmojiButton.js +3 -1
  11. package/package.json +8 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/reactions
2
2
 
3
+ ## 36.0.6
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 36.0.5
10
+
11
+ ### Patch Changes
12
+
13
+ - [`44a80d90ea61d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/44a80d90ea61d) -
14
+ Migrate Pressable hover and pressed colour transitions to semantic motion tokens behind
15
+ platform-dst-motion-uplift-custom-button.
16
+ - Updated dependencies
17
+
3
18
  ## 36.0.4
4
19
 
5
20
  ### Patch 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; } // eslint-disable-next-line @typescript-eslint/consistent-type-imports
13
13
  var packageName = "@atlaskit/reactions";
14
- var packageVersion = "36.0.3";
14
+ var packageVersion = "36.0.5";
15
15
  /**
16
16
  * TODO: move to utility package?
17
17
  * A random sampling function
package/dist/cjs/components/EmojiButton.compiled.css CHANGED
@@ -1,4 +1,5 @@
1
1
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
2
+ ._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
2
3
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
3
4
  ._189eidpf{border-width:0}
4
5
  ._1dqonqa1{border-style:solid}
@@ -26,4 +27,5 @@
26
27
  ._o7ksrkh3:hover{transition:transform .2s cubic-bezier(.23,1,.32,1)}
27
28
  ._1llw1q5f:hover{transform:scale(1.33)}
28
29
  ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
30
+ ._1ggl5xtf:active{transition:var(--ds-button-pressed,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
29
31
  ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
package/dist/cjs/components/EmojiButton.js CHANGED
@@ -13,6 +13,7 @@ var _runtime = require("@compiled/react/runtime");
13
13
  var _reactIntl = require("react-intl");
14
14
  var _emoji = require("@atlaskit/emoji");
15
15
  var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
16
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
17
  var _i18n = require("../shared/i18n");
17
18
  var _utils = require("../shared/utils");
18
19
  var _constants = require("../shared/constants");
@@ -21,6 +22,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
21
22
  var styles = {
22
23
  emojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189eidpf _1e0c1txw _bfhksm61 _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _o7ksrkh3 _1llw1q5f",
23
24
  hoverableReactionPickerSelectorEmojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _8hrz1nam _ca0qv77o _u5f31b66 _n3td1b66 _19bv1b66 _bfhksm61 _syazazsu _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _irr31dpa _1di6fcek",
25
+ hoverableReactionPickerSelectorEmojiButtonMotion: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _v564k6bl _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _8hrz1nam _ca0qv77o _u5f31b66 _n3td1b66 _19bv1b66 _bfhksm61 _syazazsu _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _irr31dpa _1ggl5xtf _1di6fcek",
24
26
  emojiSlot: "_1ul9gktf",
25
27
  hoverableReactionPickerSelectorEmojiSlot: "_1ul97vkz"
26
28
  };
@@ -68,6 +70,6 @@ var EmojiButton = exports.EmojiButton = function EmojiButton(_ref) {
68
70
  "aria-label": intl.formatMessage(_i18n.messages.reactWithEmoji, {
69
71
  emoji: emojiId.shortName
70
72
  }),
71
- xcss: hoverableReactionPickerSelectorEmoji ? styles.hoverableReactionPickerSelectorEmojiButton : styles.emojiButton
73
+ xcss: hoverableReactionPickerSelectorEmoji ? (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-custom-button') ? styles.hoverableReactionPickerSelectorEmojiButtonMotion : styles.hoverableReactionPickerSelectorEmojiButton : styles.emojiButton
72
74
  }, _featureGates.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? reservedEmoji : emoji);
73
75
  };
package/dist/es2019/analytics/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
  import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
3
3
  import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
4
4
  const packageName = "@atlaskit/reactions";
5
- const packageVersion = "36.0.3";
5
+ const packageVersion = "36.0.5";
6
6
  /**
7
7
  * TODO: move to utility package?
8
8
  * A random sampling function
package/dist/es2019/components/EmojiButton.compiled.css CHANGED
@@ -1,4 +1,5 @@
1
1
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
2
+ ._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
2
3
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
3
4
  ._189eidpf{border-width:0}
4
5
  ._1dqonqa1{border-style:solid}
@@ -26,4 +27,5 @@
26
27
  ._o7ksrkh3:hover{transition:transform .2s cubic-bezier(.23,1,.32,1)}
27
28
  ._1llw1q5f:hover{transform:scale(1.33)}
28
29
  ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
30
+ ._1ggl5xtf:active{transition:var(--ds-button-pressed,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
29
31
  ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
package/dist/es2019/components/EmojiButton.js CHANGED
@@ -5,6 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
5
5
  import { useIntl } from 'react-intl';
6
6
  import { defaultEmojiHeight, ResourcedEmoji } from '@atlaskit/emoji';
7
7
  import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
8
+ import { fg } from '@atlaskit/platform-feature-flags';
8
9
  import { messages } from '../shared/i18n';
9
10
  import { isLeftClick } from '../shared/utils';
10
11
  import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
@@ -12,6 +13,7 @@ import { Pressable } from '@atlaskit/primitives/compiled';
12
13
  const styles = {
13
14
  emojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189eidpf _1e0c1txw _bfhksm61 _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _o7ksrkh3 _1llw1q5f",
14
15
  hoverableReactionPickerSelectorEmojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _8hrz1nam _ca0qv77o _u5f31b66 _n3td1b66 _19bv1b66 _bfhksm61 _syazazsu _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _irr31dpa _1di6fcek",
16
+ hoverableReactionPickerSelectorEmojiButtonMotion: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _v564k6bl _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _8hrz1nam _ca0qv77o _u5f31b66 _n3td1b66 _19bv1b66 _bfhksm61 _syazazsu _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _irr31dpa _1ggl5xtf _1di6fcek",
15
17
  emojiSlot: "_1ul9gktf",
16
18
  hoverableReactionPickerSelectorEmojiSlot: "_1ul97vkz"
17
19
  };
@@ -60,6 +62,6 @@ export const EmojiButton = ({
60
62
  "aria-label": intl.formatMessage(messages.reactWithEmoji, {
61
63
  emoji: emojiId.shortName
62
64
  }),
63
- xcss: hoverableReactionPickerSelectorEmoji ? styles.hoverableReactionPickerSelectorEmojiButton : styles.emojiButton
65
+ xcss: hoverableReactionPickerSelectorEmoji ? fg('platform-dst-motion-uplift-custom-button') ? styles.hoverableReactionPickerSelectorEmojiButtonMotion : styles.hoverableReactionPickerSelectorEmojiButton : styles.emojiButton
64
66
  }, FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? reservedEmoji : emoji);
65
67
  };
package/dist/esm/analytics/index.js CHANGED
@@ -5,7 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
5
5
  import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
6
6
  import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
7
7
  var packageName = "@atlaskit/reactions";
8
- var packageVersion = "36.0.3";
8
+ var packageVersion = "36.0.5";
9
9
  /**
10
10
  * TODO: move to utility package?
11
11
  * A random sampling function
package/dist/esm/components/EmojiButton.compiled.css CHANGED
@@ -1,4 +1,5 @@
1
1
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
2
+ ._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
2
3
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
3
4
  ._189eidpf{border-width:0}
4
5
  ._1dqonqa1{border-style:solid}
@@ -26,4 +27,5 @@
26
27
  ._o7ksrkh3:hover{transition:transform .2s cubic-bezier(.23,1,.32,1)}
27
28
  ._1llw1q5f:hover{transform:scale(1.33)}
28
29
  ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
30
+ ._1ggl5xtf:active{transition:var(--ds-button-pressed,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
29
31
  ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
package/dist/esm/components/EmojiButton.js CHANGED
@@ -5,6 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
5
5
  import { useIntl } from 'react-intl';
6
6
  import { defaultEmojiHeight, ResourcedEmoji } from '@atlaskit/emoji';
7
7
  import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
8
+ import { fg } from '@atlaskit/platform-feature-flags';
8
9
  import { messages } from '../shared/i18n';
9
10
  import { isLeftClick } from '../shared/utils';
10
11
  import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
@@ -12,6 +13,7 @@ import { Pressable } from '@atlaskit/primitives/compiled';
12
13
  var styles = {
13
14
  emojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189eidpf _1e0c1txw _bfhksm61 _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _o7ksrkh3 _1llw1q5f",
14
15
  hoverableReactionPickerSelectorEmojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _8hrz1nam _ca0qv77o _u5f31b66 _n3td1b66 _19bv1b66 _bfhksm61 _syazazsu _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _irr31dpa _1di6fcek",
16
+ hoverableReactionPickerSelectorEmojiButtonMotion: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _v564k6bl _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _8hrz1nam _ca0qv77o _u5f31b66 _n3td1b66 _19bv1b66 _bfhksm61 _syazazsu _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _irr31dpa _1ggl5xtf _1di6fcek",
15
17
  emojiSlot: "_1ul9gktf",
16
18
  hoverableReactionPickerSelectorEmojiSlot: "_1ul97vkz"
17
19
  };
@@ -59,6 +61,6 @@ export var EmojiButton = function EmojiButton(_ref) {
59
61
  "aria-label": intl.formatMessage(messages.reactWithEmoji, {
60
62
  emoji: emojiId.shortName
61
63
  }),
62
- xcss: hoverableReactionPickerSelectorEmoji ? styles.hoverableReactionPickerSelectorEmojiButton : styles.emojiButton
64
+ xcss: hoverableReactionPickerSelectorEmoji ? fg('platform-dst-motion-uplift-custom-button') ? styles.hoverableReactionPickerSelectorEmojiButtonMotion : styles.hoverableReactionPickerSelectorEmojiButton : styles.emojiButton
63
65
  }, FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? reservedEmoji : emoji);
64
66
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/reactions",
3
- "version": "36.0.4",
3
+ "version": "36.0.6",
4
4
  "description": "Reactions component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
31
31
  },
32
32
  "dependencies": {
33
33
  "@atlaskit/afm-i18n-platform-elements-reactions": "2.200.0",
34
- "@atlaskit/analytics-gas-types": "^6.0.0",
34
+ "@atlaskit/analytics-gas-types": "^6.1.0",
35
35
  "@atlaskit/analytics-namespaced-context": "^8.1.0",
36
36
  "@atlaskit/analytics-next": "^12.4.0",
37
37
  "@atlaskit/avatar": "^27.2.0",
@@ -55,8 +55,8 @@
55
55
  "@atlaskit/spinner": "^20.3.0",
56
56
  "@atlaskit/tabs": "^21.1.0",
57
57
  "@atlaskit/theme": "^28.1.0",
58
- "@atlaskit/tmp-editor-statsig": "^165.0.0",
59
- "@atlaskit/tokens": "^16.8.0",
58
+ "@atlaskit/tmp-editor-statsig": "^167.0.0",
59
+ "@atlaskit/tokens": "^16.9.0",
60
60
  "@atlaskit/tooltip": "^24.2.0",
61
61
  "@atlaskit/ufo": "^1.0.0",
62
62
  "@atlaskit/util-service-support": "^7.2.0",
@@ -125,6 +125,10 @@
125
125
  "platform-component-visual-refresh": {
126
126
  "type": "boolean"
127
127
  },
128
+ "platform-dst-motion-uplift-custom-button": {
129
+ "type": "boolean",
130
+ "referenceOnly": true
131
+ },
128
132
  "platform_optimistic_reaction_emoji": {
129
133
  "type": "boolean"
130
134
  },