@atlaskit/emoji 73.3.3 → 73.3.5

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/emoji
 
+## 73.3.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 73.3.4
+
+### Patch Changes
+
+- [`9b9d696992cfc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9b9d696992cfc) -
+  Remove the rolled-out TeamEmoji 26 picker gates and experiments, keeping the refreshed picker
+  behavior.
+- Updated dependencies
+
 ## 73.3.3
 
 ### Patch Changes

package/dist/cjs/api/EmojiRepository.js

@@ -20,7 +20,6 @@ var _types = require("../types");
 var _constants = require("../util/constants");
 var _getCategoryId = require("../util/get-category-id");
 var _isEmojiDescriptionWithVariations = require("../util/is-emoji-description-with-variations");
-var _teamoji26RefreshEmojiPicker = require("../util/teamoji26RefreshEmojiPicker");
 var _EmojiRepositoryRegex = require("./EmojiRepositoryRegex");
 var _getEmojiVariation = require("./getEmojiVariation");
 var _createSearchEmojiComparator = require("./internal/createSearchEmojiComparator");
@@ -141,9 +140,6 @@ var findEmojiIndex = function findEmojiIndex(emojis, toFind) {
   });
   return match;
 };
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  return (0, _teamoji26RefreshEmojiPicker.isTeamoji26RefreshEmojiPickerEnabled)();
-};
 var EmojiRepository = exports.default = /*#__PURE__*/function () {
   // protected to allow subclasses to access (for testing and storybooks).
 
@@ -405,9 +401,7 @@ var EmojiRepository = exports.default = /*#__PURE__*/function () {
       this.fullSearch.searchIndex = new _jsSearch.UnorderedSearchIndex();
       this.fullSearch.addIndex('name');
       this.fullSearch.addIndex('shortName');
-      if (isRefreshEmojiPickerEnabled()) {
-        this.fullSearch.addIndex('keywords');
-      }
+      this.fullSearch.addIndex('keywords');
       this.fullSearch.addDocuments(this.getAllSearchableEmojis());
       this.fullSearchReady = true;
     }

package/dist/cjs/api/EmojiResource.js

@@ -31,7 +31,6 @@ var _isMediaEmoji = require("../util/is-media-emoji");
 var _isPromise = require("../util/is-promise");
 var _logger = _interopRequireDefault(require("../util/logger"));
 var _storageAvailable = _interopRequireDefault(require("../util/storage-available"));
-var _teamoji26RefreshEmojiPicker = require("../util/teamoji26RefreshEmojiPicker");
 var _timedPromise = require("../util/timed-promise");
 var _toEmojiId = require("../util/to-emoji-id");
 var _EmojiLoader = _interopRequireDefault(require("./EmojiLoader"));
@@ -84,13 +83,12 @@ var EmojiResource = exports.EmojiResource = /*#__PURE__*/function (_AbstractReso
       return migrateRemainingEmojiProviders ? url.replace('gateway/api/emoji', 'gateway/api/elements/emoji') : url.replace('/gateway/api/emoji', '/gateway/api/elements/emoji');
     };
     var stargateEmojiPathEnabled = (0, _fg.fg)('use-elements-stargate-emoji-path') || migrateRemainingEmojiProviders;
-    var teamoji26RefreshEmojiPickerEnabled = (0, _teamoji26RefreshEmojiPicker.isTeamoji26RefreshEmojiPickerEnabled)();
     var singleEmojiApi = config.singleEmojiApi;
     var optimisticImageApi = config.optimisticImageApi;
     var providers = config.providers.map(function (provider) {
       var rewrittenUrl = stargateEmojiPathEnabled ? rewriteEmojiGatewayPath(provider.url) : provider.url;
       return _objectSpread(_objectSpread({}, provider), {}, {
-        url: teamoji26RefreshEmojiPickerEnabled ? addTeamoji26QueryParam(rewrittenUrl) : rewrittenUrl
+        url: addTeamoji26QueryParam(rewrittenUrl)
       });
     });
     _this.emojiProviderConfig = _objectSpread(_objectSpread({}, config), {}, {

package/dist/cjs/components/common/DeleteButton.js

@@ -14,7 +14,6 @@ var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
 var _box = require("@atlaskit/primitives/compiled/box");
 var _constants = require("../../util/constants");
-var _isRefreshEmojiPickerEnabled = require("./isRefreshEmojiPickerEnabled");
 var _styles = require("./styles");
 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); }
 var styles = {
@@ -28,22 +27,17 @@ var refreshedDeleteButton = null;
  */
 var RENDER_EMOJI_DELETE_BUTTON_TESTID = exports.RENDER_EMOJI_DELETE_BUTTON_TESTID = 'render-emoji-delete-button';
 var DeleteButton = function DeleteButton(props) {
-  var isRefreshEnabled = (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)();
   return /*#__PURE__*/React.createElement("span", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: (0, _runtime.ax)(["_3um015vq _1e0c1txw _kqswstnw _154ix0bf _1xi2x0bf _1pbykb7n _13t3idpf", isRefreshEnabled && "_154ir5cr _1xi2r5cr", _styles.emojiDeleteButton]),
+    className: (0, _runtime.ax)(["_3um015vq _1e0c1txw _kqswstnw _154ix0bf _1xi2x0bf _1pbykb7n _13t3idpf", "_154ir5cr _1xi2r5cr", _styles.emojiDeleteButton]),
     "data-testid": RENDER_EMOJI_DELETE_BUTTON_TESTID
   }, /*#__PURE__*/React.createElement(_standardButton.default, {
     iconBefore: /*#__PURE__*/React.createElement(_box.Box, {
       xcss: styles.boxWrapperStyle
-    }, isRefreshEnabled ? /*#__PURE__*/React.createElement(_crossCircle.default, {
+    }, /*#__PURE__*/React.createElement(_crossCircle.default, {
       label: _constants.deleteEmojiLabel,
       color: "var(--ds-icon, #292A2E)",
       size: "medium"
-    }) : /*#__PURE__*/React.createElement(_crossCircle.default, {
-      label: _constants.deleteEmojiLabel,
-      color: "var(--ds-text-subtle, #505258)",
-      size: "small"
     })),
     onClick: props.onClick
     // 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.

package/dist/cjs/components/common/EmojiActions.compiled.css

@@ -1,10 +1,8 @@
 ._19itia51{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
-._2rkofajl{border-radius:var(--ds-radius-small,3px)}
-._n7zl1uh4{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}._154i15iq{top:calc(100% + var(--ds-space-050, 4px))}
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}._154i15iq{top:calc(100% + var(--ds-space-050, 4px))}
 ._16jlidpf{flex-grow:0}
 ._16jlkb7n{flex-grow:1}
 ._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
-._16qsjgpa{box-shadow:0 1px 1px 0 var(--ds-border,#0b120e24)}
 ._19bv12x7{padding-left:var(--ds-space-075,6px)}
 ._19bvidpf{padding-left:0}
 ._1bahesu3{justify-content:flex-end}

package/dist/cjs/components/common/EmojiActions.js

@@ -18,10 +18,8 @@ var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _constants = require("../../util/constants");
 var _i18n = require("../i18n");
 var _EmojiPickerListSearch = require("../picker/EmojiPickerListSearch");
-var _AddOwnEmoji = require("./AddOwnEmoji");
 var _EmojiDeletePreview = _interopRequireDefault(require("./EmojiDeletePreview"));
 var _EmojiUploadPicker = _interopRequireDefault(require("./EmojiUploadPicker"));
-var _isRefreshEmojiPickerEnabled = require("./isRefreshEmojiPickerEnabled");
 var _ProductivityColorSelector = _interopRequireWildcard(require("./ProductivityColorSelector"));
 var _setSkinToneAriaLabelText = require("./setSkinToneAriaLabelText");
 var _TonePreviewButton = _interopRequireDefault(require("./TonePreviewButton"));
@@ -38,7 +36,6 @@ var productivityColorPopupAnchor = null;
 // Matches the ADS tooltip layer so the selector sits above picker content.
 var productivityColorPopupZIndex = 9999;
 var productivityColorPopupPosition = null;
-var previewFooter = null;
 var previewFooterNew = null;
 var atlassianSubcategoriesWithProductivityColorSelector = ['Objects', 'Productivity', 'Logos'];
 var ProductivityColorPopupContent = function ProductivityColorPopupContent(_ref) {
@@ -154,7 +151,7 @@ var TonesWrapper = function TonesWrapper(props) {
       openProductivityColorSelectorWithKeyboard.current = true;
     }
   }, []);
-  var shouldShowProductivityColorSelector = !!(activeCategoryId === 'ATLASSIAN' && activeAtlassianSubcategory && atlassianSubcategoriesWithProductivityColorSelector.includes(activeAtlassianSubcategory) && productivityColorPreviewEmojis && selectedProductivityColor && onProductivityColorSelected && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)());
+  var shouldShowProductivityColorSelector = !!(activeCategoryId === 'ATLASSIAN' && activeAtlassianSubcategory && atlassianSubcategoriesWithProductivityColorSelector.includes(activeAtlassianSubcategory) && productivityColorPreviewEmojis && selectedProductivityColor && onProductivityColorSelected);
   if (shouldShowProductivityColorSelector) {
     var previewEmoji = (productivityColorPreviewEmojis === null || productivityColorPreviewEmojis === void 0 ? void 0 : productivityColorPreviewEmojis[selectedProductivityColor]) || Object.values(productivityColorPreviewEmojis || {})[0];
     if (!previewEmoji) {
@@ -209,7 +206,6 @@ var TonesWrapper = function TonesWrapper(props) {
     isVisible: !showToneSelector
   }));
 };
-// TODO: remove this on cleanup of platform_teamoji_26_refresh_emoji_picker
 var EmojiActions = exports.EmojiActions = function EmojiActions(props) {
   var onToneSelected = props.onToneSelected,
     onToneSelectorCancelled = props.onToneSelectorCancelled,
@@ -232,7 +228,7 @@ var EmojiActions = exports.EmojiActions = function EmojiActions(props) {
     showToneSelector = _useState6[0],
     setShowToneSelector = _useState6[1];
   var wasProductivityColorSelectorOpen = (0, _react.useRef)(false);
-  var shouldUseProductivityColorControl = !!(props.activeCategoryId === 'ATLASSIAN' && props.activeAtlassianSubcategory && atlassianSubcategoriesWithProductivityColorSelector.includes(props.activeAtlassianSubcategory) && props.productivityColorPreviewEmojis && props.selectedProductivityColor && props.onProductivityColorSelected && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)());
+  var shouldUseProductivityColorControl = !!(props.activeCategoryId === 'ATLASSIAN' && props.activeAtlassianSubcategory && atlassianSubcategoriesWithProductivityColorSelector.includes(props.activeAtlassianSubcategory) && props.productivityColorPreviewEmojis && props.selectedProductivityColor && props.onProductivityColorSelected);
   var onToneOpenHandler = (0, _react.useCallback)(function () {
     return setShowToneSelector(true);
   }, []);
@@ -275,7 +271,7 @@ var EmojiActions = exports.EmojiActions = function EmojiActions(props) {
     }
   }, [shouldUseProductivityColorControl, showToneSelector]);
   if (uploading) {
-    return (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug"])
     }, /*#__PURE__*/React.createElement(_EmojiUploadPicker.default, {
       onUploadCancelled: onUploadCancelled,
@@ -286,35 +282,18 @@ var EmojiActions = exports.EmojiActions = function EmojiActions(props) {
       onUploadPreviewErrorChange: onUploadPreviewErrorChange,
       contentId: props.contentId,
       fireAnalytics: props.fireAnalytics
-    })) : /*#__PURE__*/React.createElement("div", {
-      className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _n7zl1uh4 _16qsjgpa"])
-    }, /*#__PURE__*/React.createElement(_EmojiUploadPicker.default, {
-      onUploadCancelled: onUploadCancelled,
-      onUploadEmoji: onUploadEmoji,
-      onFileChooserClicked: onFileChooserClicked,
-      errorMessage: uploadErrorMessage,
-      initialUploadName: initialUploadName,
-      onUploadPreviewErrorChange: onUploadPreviewErrorChange,
-      contentId: props.contentId,
-      fireAnalytics: props.fireAnalytics
     }));
   }
   if (emojiToDelete) {
-    return (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug"])
     }, /*#__PURE__*/React.createElement(_EmojiDeletePreview.default, {
       emoji: emojiToDelete,
       onDeleteEmoji: onDeleteEmoji,
       onCloseDelete: onCloseDelete
-    })) : /*#__PURE__*/React.createElement("div", {
-      className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _n7zl1uh4 _16qsjgpa"])
-    }, /*#__PURE__*/React.createElement(_EmojiDeletePreview.default, {
-      emoji: emojiToDelete,
-      onDeleteEmoji: onDeleteEmoji,
-      onCloseDelete: onCloseDelete
     }));
   }
-  return (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     "data-testid": emojiActionsTestId,
     onMouseLeave: onMouseLeaveHandler,
     onBlur: (0, _fg.fg)('platform_suppression_removal_fix_reactions') ? onBlurHandler : undefined,
@@ -332,25 +311,7 @@ var EmojiActions = exports.EmojiActions = function EmojiActions(props) {
     onToneSelected: onToneSelectedHandler,
     onToneToggle: onToneToggleHandler,
     showToneSelector: showToneSelector
-  })))) : /*#__PURE__*/React.createElement("div", {
-    "data-testid": emojiActionsTestId,
-    onMouseLeave: onMouseLeaveHandler,
-    onBlur: (0, _fg.fg)('platform_suppression_removal_fix_reactions') ? onBlurHandler : undefined,
-    className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _n7zl1uh4 _16qsjgpa"])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_1e0c1txw _1bahesu3 _4cvr1h6o"])
-  }, /*#__PURE__*/React.createElement(_EmojiPickerListSearch.EmojiPickerListSearch, {
-    onChange: onChange,
-    query: query,
-    resultsCount: resultsCount,
-    isVisible: !showToneSelector
-  }), /*#__PURE__*/React.createElement(TonesWrapper, (0, _extends2.default)({}, props, {
-    onToneOpen: onToneOpenHandler,
-    onToneClose: onToneCloseHandler,
-    onToneSelected: onToneSelectedHandler,
-    onToneToggle: onToneToggleHandler,
-    showToneSelector: showToneSelector
-  }))), /*#__PURE__*/React.createElement(_AddOwnEmoji.AddOwnEmoji, props));
+  }))));
 };
 
 // eslint-disable-next-line @typescript-eslint/no-restricted-types

package/dist/cjs/components/common/EmojiDeletePreview.compiled.css

@@ -1,39 +1,24 @@
-._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._1sc1wadc span{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rko1tm3{border-radius:var(--ds-radius-xxlarge,1pc)}
 ._zulp1b66{gap:var(--ds-space-050,4px)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
-._zulputpp{gap:var(--ds-space-150,9pt)}
-._16jlkb7n{flex-grow:1}
+._zulputpp{gap:var(--ds-space-150,9pt)}._16jlkb7n{flex-grow:1}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
-._19bvu2gc{padding-left:var(--ds-space-100,8px)}
-._19l3zwfg img{max-height:2pc}
 ._19pkutpp{margin-top:var(--ds-space-150,9pt)}
 ._1bah1h6o{justify-content:center}
-._1bah1yb4{justify-content:space-between}
 ._1bahesu3{justify-content:flex-end}
 ._1e0c1txw{display:flex}
 ._1o9zkb7n{flex-shrink:1}
-._1qz31b66 .emoji-submit-delete{margin-right:var(--ds-space-050,4px)}
 ._1tke1sa4{min-height:390px}
-._1txfwu06 .emoji-submit-delete{font-weight:var(--ds-font-weight-bold,653)}
 ._2lx21bp4{flex-direction:column}
 ._4cvr1h6o{align-items:center}
 ._4cvr1y6m{align-items:flex-start}
-._4t3i1ylp{height:40px}
-._4t3i53f4{height:75pt}
-._4t3ivbgk{height:4pc}
 ._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
 ._bna7t9kd img{height:72px}
-._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
 ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
 ._i0dl1wug{flex-basis:auto}
-._m73io7ol .emoji-submit-delete{width:84px}
 ._mezjt9kd img{width:72px}
-._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
 ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
-._rtyst9kd img{max-width:72px}
 ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
-._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._vchhusvi{box-sizing:border-box}
 ._y3gn1e5h{text-align:left}

package/dist/cjs/components/common/EmojiDeletePreview.js

@@ -28,15 +28,10 @@ var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/
 var _i18n = require("../i18n");
 var _CachingEmoji = _interopRequireDefault(require("./CachingEmoji"));
 var _EmojiErrorMessage = _interopRequireWildcard(require("./EmojiErrorMessage"));
-var _isRefreshEmojiPickerEnabled = require("./isRefreshEmojiPickerEnabled");
 var _RetryableButton = _interopRequireDefault(require("./RetryableButton"));
 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); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var deleteFooter = null;
-var deletePreview = null;
-var deleteText = null;
-var previewButtonGroup = null;
 var deletePreviewNew = null;
 var deleteTextSection = null;
 var emojiPreviewLargeBox = null;
@@ -49,9 +44,7 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
     (0, _classCallCheck2.default)(this, EmojiDeletePreview);
     _this = _callSuper(this, EmojiDeletePreview, [props]);
     (0, _defineProperty2.default)(_this, "stopClickPropagationForRefreshEmojiPicker", function (event) {
-      if ((0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
-        event === null || event === void 0 || event.stopPropagation();
-      }
+      event === null || event === void 0 || event.stopPropagation();
     });
     (0, _defineProperty2.default)(_this, "onSubmit", function (event) {
       _this.stopClickPropagationForRefreshEmojiPicker(event);
@@ -105,59 +98,18 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
         loading = _this$state.loading,
         error = _this$state.error;
       var formatMessage = intl.formatMessage;
-      if ((0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
-        return /*#__PURE__*/React.createElement(_reactFocusLock.default, {
-          noFocusGuards: true
-        }, /*#__PURE__*/React.createElement("div", {
-          "data-testid": emojiDeletePreviewTestId,
-          className: (0, _runtime.ax)(["_zulputpp _1e0c1txw _2lx21bp4 _1tke1sa4 _ca0qutpp _u5f3pxbi _n3tdutpp _19bvpxbi _vchhusvi"])
-        }, /*#__PURE__*/React.createElement("div", {
-          className: (0, _runtime.ax)(["_zulp1b66 _1e0c1txw _2lx21bp4 _4cvr1y6m _y3gn1e5h"])
-        }, /*#__PURE__*/React.createElement(_box.Box, {
-          paddingBlockEnd: "space.100"
-        }, /*#__PURE__*/React.createElement(_heading.default, {
-          size: "small"
-        }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.deleteEmojiTitle))), /*#__PURE__*/React.createElement(_text.Text, {
-          color: "color.text.subtle",
-          size: "small"
-        }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.deleteEmojiDescription, {
-          values: {
-            emojiShortName: emoji.shortName
-          }
-        })))), /*#__PURE__*/React.createElement("div", {
-          className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug _2rko1tm3 _1e0c1txw _4cvr1h6o _1bah1h6o _bfhk1gly _1sc1wadc _mezjt9kd _bna7t9kd"])
-        }, /*#__PURE__*/React.createElement(_CachingEmoji.default, {
-          emoji: emoji
-        })), /*#__PURE__*/React.createElement("div", {
-          className: (0, _runtime.ax)(["_zulpu2gc _1e0c1txw _4cvr1h6o _1bahesu3 _19pkutpp _n3tdutpp"])
-        }, error && !loading ? /*#__PURE__*/React.createElement(_EmojiErrorMessage.default, {
-          message: formatMessage(_i18n.messages.deleteEmojiFailed),
-          errorStyle: "delete",
-          tooltip: true
-        }) : null, /*#__PURE__*/React.createElement(_visuallyHidden.default, {
-          id: deleteEmojiLabelId
-        }, formatMessage(_i18n.messages.deleteEmojiLabel)), /*#__PURE__*/React.createElement(_button.default, {
-          appearance: "subtle",
-          onClick: this.onCancel
-        }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.cancelLabel)), /*#__PURE__*/React.createElement(_RetryableButton.default, {
-          label: formatMessage(_i18n.messages.deleteEmojiLabel),
-          onSubmit: this.onSubmit,
-          appearance: "danger",
-          loading: loading,
-          error: error,
-          ariaLabelledBy: "".concat(_EmojiErrorMessage.emojiErrorScreenreaderTestId, " ").concat(deleteEmojiLabelId)
-        }))));
-      }
       return /*#__PURE__*/React.createElement(_reactFocusLock.default, {
         noFocusGuards: true
       }, /*#__PURE__*/React.createElement("div", {
         "data-testid": emojiDeletePreviewTestId,
-        className: (0, _runtime.ax)(["_4t3i53f4 _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1e0c1txw _2lx21bp4 _1bahesu3"])
+        className: (0, _runtime.ax)(["_zulputpp _1e0c1txw _2lx21bp4 _1tke1sa4 _ca0qutpp _u5f3pxbi _n3tdutpp _19bvpxbi _vchhusvi"])
       }, /*#__PURE__*/React.createElement("div", {
-        className: (0, _runtime.ax)(["_4t3ivbgk"])
+        className: (0, _runtime.ax)(["_zulp1b66 _1e0c1txw _2lx21bp4 _4cvr1y6m _y3gn1e5h"])
+      }, /*#__PURE__*/React.createElement(_box.Box, {
+        paddingBlockEnd: "space.100"
       }, /*#__PURE__*/React.createElement(_heading.default, {
-        size: "xxsmall"
-      }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.deleteEmojiTitle)), /*#__PURE__*/React.createElement(_text.Text, {
+        size: "small"
+      }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.deleteEmojiTitle))), /*#__PURE__*/React.createElement(_text.Text, {
         color: "color.text.subtle",
         size: "small"
       }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.deleteEmojiDescription, {
@@ -165,28 +117,28 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
           emojiShortName: emoji.shortName
         }
       })))), /*#__PURE__*/React.createElement("div", {
-        className: (0, _runtime.ax)(["_11c8fhey _1e0c1txw _4t3i1ylp _4cvr1h6o _1bah1yb4 _19l3zwfg _rtyst9kd _m73io7ol _1txfwu06 _1qz31b66"])
+        className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug _2rko1tm3 _1e0c1txw _4cvr1h6o _1bah1h6o _bfhk1gly _1sc1wadc _mezjt9kd _bna7t9kd"])
       }, /*#__PURE__*/React.createElement(_CachingEmoji.default, {
         emoji: emoji
-      }), /*#__PURE__*/React.createElement("div", {
-        className: (0, _runtime.ax)(["_1e0c1txw"])
-      }, error ? !loading ? /*#__PURE__*/React.createElement(_EmojiErrorMessage.default, {
+      })), /*#__PURE__*/React.createElement("div", {
+        className: (0, _runtime.ax)(["_zulpu2gc _1e0c1txw _4cvr1h6o _1bahesu3 _19pkutpp _n3tdutpp"])
+      }, error && !loading ? /*#__PURE__*/React.createElement(_EmojiErrorMessage.default, {
         message: formatMessage(_i18n.messages.deleteEmojiFailed),
         errorStyle: "delete",
         tooltip: true
-      }) : null : null, /*#__PURE__*/React.createElement(_visuallyHidden.default, {
+      }) : null, /*#__PURE__*/React.createElement(_visuallyHidden.default, {
         id: deleteEmojiLabelId
-      }, formatMessage(_i18n.messages.deleteEmojiLabel)), /*#__PURE__*/React.createElement(_RetryableButton.default, {
+      }, formatMessage(_i18n.messages.deleteEmojiLabel)), /*#__PURE__*/React.createElement(_button.default, {
+        appearance: "subtle",
+        onClick: this.onCancel
+      }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.cancelLabel)), /*#__PURE__*/React.createElement(_RetryableButton.default, {
         label: formatMessage(_i18n.messages.deleteEmojiLabel),
         onSubmit: this.onSubmit,
         appearance: "danger",
         loading: loading,
         error: error,
         ariaLabelledBy: "".concat(_EmojiErrorMessage.emojiErrorScreenreaderTestId, " ").concat(deleteEmojiLabelId)
-      }), /*#__PURE__*/React.createElement(_button.default, {
-        appearance: "subtle",
-        onClick: this.onCancel
-      }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.cancelLabel))))));
+      }))));
     }
   }]);
 }(_react.Component); // eslint-disable-next-line @typescript-eslint/no-restricted-types

package/dist/cjs/components/common/EmojiErrorMessage.js

@@ -15,7 +15,6 @@ var _errorMessage = require("@atlaskit/form/error-message");
 var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _i18n = require("../i18n");
-var _isRefreshEmojiPickerEnabled = require("./isRefreshEmojiPickerEnabled");
 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); }
 var errorMessageStyles = {
   chooseFile: "_1e0c1txw _syaz1tmw _u5f319bv _1bah1y6m",
@@ -44,15 +43,9 @@ var EmojiErrorMessage = function EmojiErrorMessage(props) {
     label: formatMessage(_i18n.messages.error),
     spacing: "spacious",
     testId: emojiErrorIconTestId
-  }))) : (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/React.createElement("div", {
+  }))) : /*#__PURE__*/React.createElement("div", {
     "data-testid": emojiErrorMessageTestId
-  }, /*#__PURE__*/React.createElement(_errorMessage.ErrorMessage, null, message)) : /*#__PURE__*/React.createElement("div", {
-    "data-testid": emojiErrorMessageTestId,
-    className: (0, _runtime.ax)([errorMessageStyles[errorStyle]])
-  }, /*#__PURE__*/React.createElement(_statusError.default, {
-    color: "currentColor",
-    label: formatMessage(_i18n.messages.error)
-  }), message);
+  }, /*#__PURE__*/React.createElement(_errorMessage.ErrorMessage, null, message));
   return visualContent;
 };
 var _default = exports.default = EmojiErrorMessage;

package/dist/cjs/components/common/EmojiRadioButton.js

@@ -12,7 +12,6 @@ var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/visually-hidden"));
 var _constants = require("../../util/constants");
-var _teamoji26RefreshEmojiPicker = require("../../util/teamoji26RefreshEmojiPicker");
 var _Emoji = _interopRequireDefault(require("./Emoji"));
 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); }
 var emojiButton = null;
@@ -20,7 +19,7 @@ var emojiRadio = {
   default: "_tzy4idpf _kqswstnw _154i14id _1ltv14id _3y8mfajl _157z1r31 _1dzmglyw _1sqm1o36 _fh6w1y54 _1i1213zc"
 };
 var handleKeyDown = function handleKeyDown(props, event) {
-  if ((event.key === 'ArrowLeft' || event.key === 'ArrowRight') && (0, _teamoji26RefreshEmojiPicker.isTeamoji26RefreshEmojiPickerEnabledNoExposure)()) {
+  if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
     var _props$onArrowKey;
     event.preventDefault();
     event.stopPropagation();
@@ -56,9 +55,9 @@ var EmojiRadioButton = exports.EmojiRadioButton = /*#__PURE__*/(0, _react.forwar
     onKeyDown: function onKeyDown(event) {
       return handleKeyDown(props, event);
     },
-    onChange: (0, _teamoji26RefreshEmojiPicker.isTeamoji26RefreshEmojiPickerEnabledNoExposure)() ? function (e) {
+    onChange: function onChange(e) {
       return e.preventDefault();
-    } : undefined,
+    },
     className: (0, _runtime.ax)([emojiRadio.default])
   }), /*#__PURE__*/_react.default.createElement(_Emoji.default, {
     emoji: emoji,

package/dist/cjs/components/common/EmojiUploadPicker.compiled.css

@@ -1,33 +1,20 @@
 ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._scffidpf input{border:0}
 ._zulp12x7{gap:var(--ds-space-075,6px)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
-._16jlkb7n{flex-grow:1}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
-._19bvu2gc{padding-left:var(--ds-space-100,8px)}
 ._1bah1b1v{justify-content:space-around}
 ._1bah1yb4{justify-content:space-between}
 ._1bahesu3{justify-content:flex-end}
 ._1e0c1txw{display:flex}
-._1o9zkb7n{flex-shrink:1}
-._1rwq1j28 input{background-color:transparent}
 ._1tker0r7{min-height:250px}
 ._1w90azsu._1w90azsu{color:var(--ds-text-subtle,#505258)}
 ._2lx21bp4{flex-direction:column}
-._34ir1o36 input{outline-width:medium}
 ._4cvr1h6o{align-items:center}
 ._4cvresu3{align-items:flex-end}
-._9bj2glyw input::-ms-clear{display:none}
 ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
 ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
-._coc6glyw input:invalid{box-shadow:none}
-._gxxuglyw input{outline-style:none}
-._gy1p12x7{column-gap:var(--ds-space-075,6px)}
-._i0dl1wug{flex-basis:auto}
 ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
 ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
-._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
-._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
-._xmji1r31 input{outline-color:currentColor}
+._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}