@atlaskit/emoji 73.0.5 → 73.0.7

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/emoji
2
2
 
3
+ ## 73.0.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [`624b20b711277`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/624b20b711277) -
8
+ Keep the refreshed emoji picker's search row height stable when opening and selecting a skin tone
9
+ behind `platform_emoji_skin_tone_blur_fix`.
10
+ - Updated dependencies
11
+
12
+ ## 73.0.6
13
+
14
+ ### Patch Changes
15
+
16
+ - Updated dependencies
17
+
3
18
  ## 73.0.5
4
19
 
5
20
  ### Patch Changes
@@ -13,6 +13,7 @@
13
13
  ._1o9zidpf{flex-shrink:0}
14
14
  ._1o9zkb7n{flex-shrink:1}
15
15
  ._1pbydx66{z-index:9999}
16
+ ._1tke1wqb{min-height:60px}
16
17
  ._1xi2idpf{right:0}
17
18
  ._4cvr1h6o{align-items:center}
18
19
  ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
@@ -28,6 +28,9 @@ var _TonePreviewButton = _interopRequireDefault(require("./TonePreviewButton"));
28
28
  var _ToneSelector = _interopRequireDefault(require("./ToneSelector"));
29
29
  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); }
30
30
  var emojiActionsWrapper = null;
31
+ var styles = {
32
+ stableSearchRow: "_1tke1wqb"
33
+ };
31
34
  var emojiToneSelectorContainer = null;
32
35
  var productivityColorPopup = null;
33
36
  var productivityColorPopupAnchor = null;
@@ -317,7 +320,7 @@ var EmojiActions = exports.EmojiActions = function EmojiActions(props) {
317
320
  onBlur: (0, _fg.fg)('platform_suppression_removal_fix_reactions') ? onBlurHandler : undefined,
318
321
  className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug"])
319
322
  }, /*#__PURE__*/React.createElement("div", {
320
- className: (0, _runtime.ax)(["_1e0c1txw _1bahesu3 _4cvr1h6o"])
323
+ className: (0, _runtime.ax)(["_1e0c1txw _1bahesu3 _4cvr1h6o", (0, _fg.fg)('platform_emoji_skin_tone_blur_fix') && styles.stableSearchRow])
321
324
  }, /*#__PURE__*/React.createElement(_EmojiPickerListSearch.EmojiPickerListSearch, {
322
325
  onChange: onChange,
323
326
  query: query,
@@ -19,7 +19,7 @@ var createEvent = exports.createEvent = function createEvent(eventType, action,
19
19
  actionSubjectId: actionSubjectId,
20
20
  attributes: _objectSpread({
21
21
  packageName: "@atlaskit/emoji",
22
- packageVersion: "73.0.4"
22
+ packageVersion: "73.0.6"
23
23
  }, attributes)
24
24
  };
25
25
  };
@@ -13,6 +13,7 @@
13
13
  ._1o9zidpf{flex-shrink:0}
14
14
  ._1o9zkb7n{flex-shrink:1}
15
15
  ._1pbydx66{z-index:9999}
16
+ ._1tke1wqb{min-height:60px}
16
17
  ._1xi2idpf{right:0}
17
18
  ._4cvr1h6o{align-items:center}
18
19
  ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
@@ -18,6 +18,9 @@ import { setSkinToneAriaLabelText } from './setSkinToneAriaLabelText';
18
18
  import TonePreviewButton from './TonePreviewButton';
19
19
  import ToneSelector from './ToneSelector';
20
20
  const emojiActionsWrapper = null;
21
+ const styles = {
22
+ stableSearchRow: "_1tke1wqb"
23
+ };
21
24
  const emojiToneSelectorContainer = null;
22
25
  const productivityColorPopup = null;
23
26
  const productivityColorPopupAnchor = null;
@@ -299,7 +302,7 @@ export const EmojiActions = props => {
299
302
  onBlur: fg('platform_suppression_removal_fix_reactions') ? onBlurHandler : undefined,
300
303
  className: ax(["_16jlidpf _1o9zidpf _i0dl1wug"])
301
304
  }, /*#__PURE__*/React.createElement("div", {
302
- className: ax(["_1e0c1txw _1bahesu3 _4cvr1h6o"])
305
+ className: ax(["_1e0c1txw _1bahesu3 _4cvr1h6o", fg('platform_emoji_skin_tone_blur_fix') && styles.stableSearchRow])
303
306
  }, /*#__PURE__*/React.createElement(EmojiPickerListSearch, {
304
307
  onChange: onChange,
305
308
  query: query,
@@ -7,7 +7,7 @@ export const createEvent = (eventType, action, actionSubject, actionSubjectId, a
7
7
  actionSubjectId,
8
8
  attributes: {
9
9
  packageName: "@atlaskit/emoji",
10
- packageVersion: "73.0.4",
10
+ packageVersion: "73.0.6",
11
11
  ...attributes
12
12
  }
13
13
  });
@@ -13,6 +13,7 @@
13
13
  ._1o9zidpf{flex-shrink:0}
14
14
  ._1o9zkb7n{flex-shrink:1}
15
15
  ._1pbydx66{z-index:9999}
16
+ ._1tke1wqb{min-height:60px}
16
17
  ._1xi2idpf{right:0}
17
18
  ._4cvr1h6o{align-items:center}
18
19
  ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
@@ -19,6 +19,9 @@ import { setSkinToneAriaLabelText } from './setSkinToneAriaLabelText';
19
19
  import TonePreviewButton from './TonePreviewButton';
20
20
  import ToneSelector from './ToneSelector';
21
21
  var emojiActionsWrapper = null;
22
+ var styles = {
23
+ stableSearchRow: "_1tke1wqb"
24
+ };
22
25
  var emojiToneSelectorContainer = null;
23
26
  var productivityColorPopup = null;
24
27
  var productivityColorPopupAnchor = null;
@@ -308,7 +311,7 @@ export var EmojiActions = function EmojiActions(props) {
308
311
  onBlur: fg('platform_suppression_removal_fix_reactions') ? onBlurHandler : undefined,
309
312
  className: ax(["_16jlidpf _1o9zidpf _i0dl1wug"])
310
313
  }, /*#__PURE__*/React.createElement("div", {
311
- className: ax(["_1e0c1txw _1bahesu3 _4cvr1h6o"])
314
+ className: ax(["_1e0c1txw _1bahesu3 _4cvr1h6o", fg('platform_emoji_skin_tone_blur_fix') && styles.stableSearchRow])
312
315
  }, /*#__PURE__*/React.createElement(EmojiPickerListSearch, {
313
316
  onChange: onChange,
314
317
  query: query,
@@ -12,7 +12,7 @@ export var createEvent = function createEvent(eventType, action, actionSubject,
12
12
  actionSubjectId: actionSubjectId,
13
13
  attributes: _objectSpread({
14
14
  packageName: "@atlaskit/emoji",
15
- packageVersion: "73.0.4"
15
+ packageVersion: "73.0.6"
16
16
  }, attributes)
17
17
  };
18
18
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/emoji",
3
- "version": "73.0.5",
3
+ "version": "73.0.7",
4
4
  "description": "Fabric emoji React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
35
35
  "@atlaskit/afm-i18n-platform-elements-emoji": "2.270.0",
36
36
  "@atlaskit/analytics-next": "^12.6.0",
37
37
  "@atlaskit/browser-apis": "^1.2.0",
38
- "@atlaskit/button": "^25.5.0",
38
+ "@atlaskit/button": "^25.6.0",
39
39
  "@atlaskit/css": "^1.1.0",
40
40
  "@atlaskit/feature-gate-js-client": "^7.0.0",
41
41
  "@atlaskit/form": "^18.2.0",
@@ -54,7 +54,7 @@
54
54
  "@atlaskit/spinner": "^20.4.0",
55
55
  "@atlaskit/textfield": "^10.2.0",
56
56
  "@atlaskit/theme": "^28.2.0",
57
- "@atlaskit/tmp-editor-statsig": "^243.0.0",
57
+ "@atlaskit/tmp-editor-statsig": "^244.0.0",
58
58
  "@atlaskit/tokens": "^20.6.0",
59
59
  "@atlaskit/tooltip": "^24.4.0",
60
60
  "@atlaskit/ufo": "^2.0.0",