@atlaskit/emoji 70.10.12 → 70.10.13

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 +8 -0
  2. package/dist/cjs/components/common/DeleteButton.compiled.css +2 -0
  3. package/dist/cjs/components/common/DeleteButton.js +9 -2
  4. package/dist/cjs/util/analytics/analytics.js +1 -1
  5. package/dist/es2019/components/common/DeleteButton.compiled.css +2 -0
  6. package/dist/es2019/components/common/DeleteButton.js +29 -20
  7. package/dist/es2019/util/analytics/analytics.js +1 -1
  8. package/dist/esm/components/common/DeleteButton.compiled.css +2 -0
  9. package/dist/esm/components/common/DeleteButton.js +9 -2
  10. package/dist/esm/util/analytics/analytics.js +1 -1
  11. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/emoji
2
2
 
3
+ ## 70.10.13
4
+
5
+ ### Patch Changes
6
+
7
+ - [`87d80420e93ce`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/87d80420e93ce) -
8
+ Update the emoji delete button icon styling.
9
+ - Updated dependencies
10
+
3
11
  ## 70.10.12
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/components/common/DeleteButton.compiled.css CHANGED
@@ -1,8 +1,10 @@
1
1
  ._13t3idpf span{line-height:0}
2
+ ._154ir5cr{top:var(--ds-space-negative-050,-4px)}
2
3
  ._154ix0bf{top:var(--ds-space-negative-100,-8px)}
3
4
  ._1bsbf6fq{width:18px}
4
5
  ._1e0c1txw{display:flex}
5
6
  ._1pbykb7n{z-index:1}
7
+ ._1xi2r5cr{right:var(--ds-space-negative-050,-4px)}
6
8
  ._1xi2x0bf{right:var(--ds-space-negative-100,-8px)}
7
9
  ._3um015vq{visibility:hidden}
8
10
  ._4t3if6fq{height:18px}
package/dist/cjs/components/common/DeleteButton.js CHANGED
@@ -15,25 +15,32 @@ var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-cir
15
15
  var _constants = require("../../util/constants");
16
16
  var _styles = require("./styles");
17
17
  var _compiled = require("@atlaskit/primitives/compiled");
18
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
18
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); }
19
20
  var styles = {
20
21
  boxWrapperStyle: "_1bsbf6fq _4t3if6fq"
21
22
  };
22
23
  var deleteButton = null;
24
+ var refreshedDeleteButton = null;
23
25
 
24
26
  /**
25
27
  * Test id for wrapper Emoji delete button
26
28
  */
27
29
  var RENDER_EMOJI_DELETE_BUTTON_TESTID = exports.RENDER_EMOJI_DELETE_BUTTON_TESTID = 'render-emoji-delete-button';
28
30
  var DeleteButton = function DeleteButton(props) {
31
+ var isEmojiPickerRefreshEnabled = (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh');
29
32
  return /*#__PURE__*/React.createElement("span", {
30
33
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
31
- className: (0, _runtime.ax)(["_3um015vq _1e0c1txw _kqswstnw _154ix0bf _1xi2x0bf _1pbykb7n _13t3idpf", _styles.emojiDeleteButton]),
34
+ className: (0, _runtime.ax)(["_3um015vq _1e0c1txw _kqswstnw _154ix0bf _1xi2x0bf _1pbykb7n _13t3idpf", isEmojiPickerRefreshEnabled && "_154ir5cr _1xi2r5cr", _styles.emojiDeleteButton]),
32
35
  "data-testid": RENDER_EMOJI_DELETE_BUTTON_TESTID
33
36
  }, /*#__PURE__*/React.createElement(_standardButton.default, {
34
37
  iconBefore: /*#__PURE__*/React.createElement(_compiled.Box, {
35
38
  xcss: styles.boxWrapperStyle
36
- }, /*#__PURE__*/React.createElement(_crossCircle.default, {
39
+ }, isEmojiPickerRefreshEnabled ? /*#__PURE__*/React.createElement(_crossCircle.default, {
40
+ label: _constants.deleteEmojiLabel,
41
+ color: "var(--ds-icon, #292A2E)",
42
+ size: "medium"
43
+ }) : /*#__PURE__*/React.createElement(_crossCircle.default, {
37
44
  label: _constants.deleteEmojiLabel,
38
45
  color: "var(--ds-text-subtle, #505258)",
39
46
  size: "small"
package/dist/cjs/util/analytics/analytics.js CHANGED
@@ -20,7 +20,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
20
20
  actionSubjectId: actionSubjectId,
21
21
  attributes: _objectSpread({
22
22
  packageName: "@atlaskit/emoji",
23
- packageVersion: "70.10.11"
23
+ packageVersion: "70.10.12"
24
24
  }, attributes)
25
25
  };
26
26
  };
package/dist/es2019/components/common/DeleteButton.compiled.css CHANGED
@@ -1,8 +1,10 @@
1
1
  ._13t3idpf span{line-height:0}
2
+ ._154ir5cr{top:var(--ds-space-negative-050,-4px)}
2
3
  ._154ix0bf{top:var(--ds-space-negative-100,-8px)}
3
4
  ._1bsbf6fq{width:18px}
4
5
  ._1e0c1txw{display:flex}
5
6
  ._1pbykb7n{z-index:1}
7
+ ._1xi2r5cr{right:var(--ds-space-negative-050,-4px)}
6
8
  ._1xi2x0bf{right:var(--ds-space-negative-100,-8px)}
7
9
  ._3um015vq{visibility:hidden}
8
10
  ._4t3if6fq{height:18px}
package/dist/es2019/components/common/DeleteButton.js CHANGED
@@ -7,33 +7,42 @@ import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
7
7
  import { deleteEmojiLabel } from '../../util/constants';
8
8
  import { emojiDeleteButton } from './styles';
9
9
  import { Box } from '@atlaskit/primitives/compiled';
10
+ import { fg } from '@atlaskit/platform-feature-flags';
10
11
  const styles = {
11
12
  boxWrapperStyle: "_1bsbf6fq _4t3if6fq"
12
13
  };
13
14
  const deleteButton = null;
15
+ const refreshedDeleteButton = null;
14
16
 
15
17
  /**
16
18
  * Test id for wrapper Emoji delete button
17
19
  */
18
20
  export const RENDER_EMOJI_DELETE_BUTTON_TESTID = 'render-emoji-delete-button';
19
- const DeleteButton = props => /*#__PURE__*/React.createElement("span", {
20
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
21
- className: ax(["_3um015vq _1e0c1txw _kqswstnw _154ix0bf _1xi2x0bf _1pbykb7n _13t3idpf", emojiDeleteButton]),
22
- "data-testid": RENDER_EMOJI_DELETE_BUTTON_TESTID
23
- }, /*#__PURE__*/React.createElement(Button, {
24
- iconBefore: /*#__PURE__*/React.createElement(Box, {
25
- xcss: styles.boxWrapperStyle
26
- }, /*#__PURE__*/React.createElement(CrossCircleIcon, {
27
- label: deleteEmojiLabel,
28
- color: "var(--ds-text-subtle, #505258)",
29
- size: "small"
30
- })),
31
- onClick: props.onClick
32
- // TODO: (from codemod) "link" and "subtle-link" appearances are only available in LinkButton, please either provide a href prop then migrate to LinkButton, or remove the appearance from the default button.
33
- ,
34
- appearance: "subtle-link",
35
- spacing: "none",
36
- testId: "emoji-delete-button",
37
- tabIndex: -1
38
- }));
21
+ const DeleteButton = props => {
22
+ const isEmojiPickerRefreshEnabled = fg('platform_emoji_picker_refresh');
23
+ return /*#__PURE__*/React.createElement("span", {
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
25
+ className: ax(["_3um015vq _1e0c1txw _kqswstnw _154ix0bf _1xi2x0bf _1pbykb7n _13t3idpf", isEmojiPickerRefreshEnabled && "_154ir5cr _1xi2r5cr", emojiDeleteButton]),
26
+ "data-testid": RENDER_EMOJI_DELETE_BUTTON_TESTID
27
+ }, /*#__PURE__*/React.createElement(Button, {
28
+ iconBefore: /*#__PURE__*/React.createElement(Box, {
29
+ xcss: styles.boxWrapperStyle
30
+ }, isEmojiPickerRefreshEnabled ? /*#__PURE__*/React.createElement(CrossCircleIcon, {
31
+ label: deleteEmojiLabel,
32
+ color: "var(--ds-icon, #292A2E)",
33
+ size: "medium"
34
+ }) : /*#__PURE__*/React.createElement(CrossCircleIcon, {
35
+ label: deleteEmojiLabel,
36
+ color: "var(--ds-text-subtle, #505258)",
37
+ size: "small"
38
+ })),
39
+ onClick: props.onClick
40
+ // TODO: (from codemod) "link" and "subtle-link" appearances are only available in LinkButton, please either provide a href prop then migrate to LinkButton, or remove the appearance from the default button.
41
+ ,
42
+ appearance: "subtle-link",
43
+ spacing: "none",
44
+ testId: "emoji-delete-button",
45
+ tabIndex: -1
46
+ }));
47
+ };
39
48
  export default DeleteButton;
package/dist/es2019/util/analytics/analytics.js CHANGED
@@ -9,7 +9,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
9
9
  actionSubjectId,
10
10
  attributes: {
11
11
  packageName: "@atlaskit/emoji",
12
- packageVersion: "70.10.11",
12
+ packageVersion: "70.10.12",
13
13
  ...attributes
14
14
  }
15
15
  });
package/dist/esm/components/common/DeleteButton.compiled.css CHANGED
@@ -1,8 +1,10 @@
1
1
  ._13t3idpf span{line-height:0}
2
+ ._154ir5cr{top:var(--ds-space-negative-050,-4px)}
2
3
  ._154ix0bf{top:var(--ds-space-negative-100,-8px)}
3
4
  ._1bsbf6fq{width:18px}
4
5
  ._1e0c1txw{display:flex}
5
6
  ._1pbykb7n{z-index:1}
7
+ ._1xi2r5cr{right:var(--ds-space-negative-050,-4px)}
6
8
  ._1xi2x0bf{right:var(--ds-space-negative-100,-8px)}
7
9
  ._3um015vq{visibility:hidden}
8
10
  ._4t3if6fq{height:18px}
package/dist/esm/components/common/DeleteButton.js CHANGED
@@ -7,24 +7,31 @@ import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
7
7
  import { deleteEmojiLabel } from '../../util/constants';
8
8
  import { emojiDeleteButton } from './styles';
9
9
  import { Box } from '@atlaskit/primitives/compiled';
10
+ import { fg } from '@atlaskit/platform-feature-flags';
10
11
  var styles = {
11
12
  boxWrapperStyle: "_1bsbf6fq _4t3if6fq"
12
13
  };
13
14
  var deleteButton = null;
15
+ var refreshedDeleteButton = null;
14
16
 
15
17
  /**
16
18
  * Test id for wrapper Emoji delete button
17
19
  */
18
20
  export var RENDER_EMOJI_DELETE_BUTTON_TESTID = 'render-emoji-delete-button';
19
21
  var DeleteButton = function DeleteButton(props) {
22
+ var isEmojiPickerRefreshEnabled = fg('platform_emoji_picker_refresh');
20
23
  return /*#__PURE__*/React.createElement("span", {
21
24
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
22
- className: ax(["_3um015vq _1e0c1txw _kqswstnw _154ix0bf _1xi2x0bf _1pbykb7n _13t3idpf", emojiDeleteButton]),
25
+ className: ax(["_3um015vq _1e0c1txw _kqswstnw _154ix0bf _1xi2x0bf _1pbykb7n _13t3idpf", isEmojiPickerRefreshEnabled && "_154ir5cr _1xi2r5cr", emojiDeleteButton]),
23
26
  "data-testid": RENDER_EMOJI_DELETE_BUTTON_TESTID
24
27
  }, /*#__PURE__*/React.createElement(Button, {
25
28
  iconBefore: /*#__PURE__*/React.createElement(Box, {
26
29
  xcss: styles.boxWrapperStyle
27
- }, /*#__PURE__*/React.createElement(CrossCircleIcon, {
30
+ }, isEmojiPickerRefreshEnabled ? /*#__PURE__*/React.createElement(CrossCircleIcon, {
31
+ label: deleteEmojiLabel,
32
+ color: "var(--ds-icon, #292A2E)",
33
+ size: "medium"
34
+ }) : /*#__PURE__*/React.createElement(CrossCircleIcon, {
28
35
  label: deleteEmojiLabel,
29
36
  color: "var(--ds-text-subtle, #505258)",
30
37
  size: "small"
package/dist/esm/util/analytics/analytics.js CHANGED
@@ -14,7 +14,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
14
14
  actionSubjectId: actionSubjectId,
15
15
  attributes: _objectSpread({
16
16
  packageName: "@atlaskit/emoji",
17
- packageVersion: "70.10.11"
17
+ packageVersion: "70.10.12"
18
18
  }, attributes)
19
19
  };
20
20
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/emoji",
3
- "version": "70.10.12",
3
+ "version": "70.10.13",
4
4
  "description": "Fabric emoji React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -54,7 +54,7 @@
54
54
  "@atlaskit/textfield": "^8.3.0",
55
55
  "@atlaskit/tmp-editor-statsig": "^84.3.0",
56
56
  "@atlaskit/tokens": "^13.0.0",
57
- "@atlaskit/tooltip": "^22.3.0",
57
+ "@atlaskit/tooltip": "^22.4.0",
58
58
  "@atlaskit/ufo": "^0.5.0",
59
59
  "@atlaskit/util-service-support": "^6.4.0",
60
60
  "@atlaskit/visually-hidden": "^3.1.0",