@atlaskit/emoji 73.3.2 → 73.3.4

package/dist/es2019/components/picker/categories.js

@@ -1,7 +1,5 @@
 import AtlassianIcon from '@atlaskit/icon-lab/core/atlassian';
-import AddIcon from '@atlaskit/icon/core/add';
 import BasketballIcon from '@atlaskit/icon/core/basketball';
-import CheckCircleIcon from '@atlaskit/icon/core/check-circle';
 import ClockIcon from '@atlaskit/icon/core/clock';
 import EmojiIcon from '@atlaskit/icon/core/emoji';
 import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
@@ -12,87 +10,6 @@ import TakeoutFoodIcon from '@atlaskit/icon/core/takeout-food';
 import TreeIcon from '@atlaskit/icon/core/tree';
 import VehicleCarIcon from '@atlaskit/icon/core/vehicle-car';
 import { customCategory, userCustomTitle, customTitle } from '../../util/constants';
-export const CategoryDescriptionMap = {
-  SEARCH: {
-    id: 'SEARCH',
-    name: 'categoriesSearchResults',
-    // refers to i18n categoriesSearchResults key
-    icon: undefined,
-    order: 0
-  },
-  FREQUENT: {
-    id: 'FREQUENT',
-    name: 'frequentCategory',
-    icon: ClockIcon,
-    order: 1
-  },
-  PEOPLE: {
-    id: 'PEOPLE',
-    name: 'peopleCategory',
-    icon: EmojiIcon,
-    order: 2
-  },
-  NATURE: {
-    id: 'NATURE',
-    name: 'natureCategory',
-    icon: TreeIcon,
-    order: 3
-  },
-  FOODS: {
-    id: 'FOODS',
-    name: 'foodsCategory',
-    icon: TakeoutFoodIcon,
-    order: 4
-  },
-  ACTIVITY: {
-    id: 'ACTIVITY',
-    name: 'activityCategory',
-    icon: BasketballIcon,
-    order: 5
-  },
-  PLACES: {
-    id: 'PLACES',
-    name: 'placesCategory',
-    icon: VehicleCarIcon,
-    order: 6
-  },
-  OBJECTS: {
-    id: 'OBJECTS',
-    name: 'objectsCategory',
-    icon: LightbulbIcon,
-    order: 7
-  },
-  SYMBOLS: {
-    id: 'SYMBOLS',
-    name: 'symbolsCategory',
-    icon: HeartIcon,
-    order: 8
-  },
-  FLAGS: {
-    id: 'FLAGS',
-    name: 'flagsCategory',
-    icon: FlagIcon,
-    order: 9
-  },
-  ATLASSIAN: {
-    id: 'ATLASSIAN',
-    name: 'productivityCategory',
-    icon: CheckCircleIcon,
-    order: 10
-  },
-  USER_CUSTOM: {
-    id: customCategory,
-    name: userCustomTitle,
-    icon: AddIcon,
-    order: 11
-  },
-  CUSTOM: {
-    id: customCategory,
-    name: customTitle,
-    icon: AddIcon,
-    order: 12
-  }
-};
 export const CategoryDescriptionMapNew = {
   SEARCH: {
     id: 'SEARCH',

package/dist/es2019/components/uploader/EmojiUploadComponent.js

@@ -21,7 +21,6 @@ const EmojiUploadComponent = props => {
     emojiProvider,
     createAnalyticsEvent,
     onUploaderRef,
-    disableFocusLock,
     contentId
   } = props;
   const [uploadErrorMessage, setUploadErrorMessage] = useState();
@@ -95,7 +94,6 @@ const EmojiUploadComponent = props => {
     onUploadCancelled: onUploadCancelled,
     onUploadEmoji: onUploadEmoji,
     errorMessage: uploadErrorMessage ? /*#__PURE__*/React.createElement(FormattedMessage, uploadErrorMessage) : null,
-    disableFocusLock: disableFocusLock,
     contentId: contentId,
     fireAnalytics: fireAnalytics
   })));

package/dist/es2019/util/analytics/createEvent.js

@@ -7,7 +7,7 @@ export const createEvent = (eventType, action, actionSubject, actionSubjectId, a
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/emoji",
-    packageVersion: "73.3.1",
+    packageVersion: "73.3.3",
     ...attributes
   }
 });

package/dist/es2019/util/constants.js

@@ -32,7 +32,6 @@ export const sizeGap = 80;
 export const defaultEmojiPickerSize = 'medium';
 export const emojiPickerMinHeight = 260;
 export const emojiPickerHeight = 295;
-export const emojiPickerListHeight = emojiPickerHeight - 58; // picker height - actions height
 export const emojiPickerListHeightNew = emojiPickerHeight - 102; // picker height - actions height - preview height
 
 export const emojiPickerPreviewHeight = 54;

package/dist/esm/api/EmojiRepository.js

@@ -12,7 +12,6 @@ import { SearchSort } from '../types';
 import { defaultCategories, frequentCategory } from '../util/constants';
 import { getCategoryId } from '../util/get-category-id';
 import { isEmojiDescriptionWithVariations } from '../util/is-emoji-description-with-variations';
-import { isTeamoji26RefreshEmojiPickerEnabled } from '../util/teamoji26RefreshEmojiPicker';
 import { tokenizerRegex } from './EmojiRepositoryRegex';
 import { getEmojiVariation } from './getEmojiVariation';
 import { createSearchEmojiComparator } from './internal/createSearchEmojiComparator';
@@ -130,9 +129,6 @@ var findEmojiIndex = function findEmojiIndex(emojis, toFind) {
   });
   return match;
 };
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  return isTeamoji26RefreshEmojiPickerEnabled();
-};
 var EmojiRepository = /*#__PURE__*/function () {
   // protected to allow subclasses to access (for testing and storybooks).
 
@@ -394,9 +390,7 @@ var EmojiRepository = /*#__PURE__*/function () {
       this.fullSearch.searchIndex = new 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/esm/api/EmojiResource.js

@@ -25,7 +25,6 @@ import { isMediaEmoji } from '../util/is-media-emoji';
 import { isPromise } from '../util/is-promise';
 import debug from '../util/logger';
 import storageAvailable from '../util/storage-available';
-import { isTeamoji26RefreshEmojiPickerEnabled } from '../util/teamoji26RefreshEmojiPicker';
 import { promiseWithTimeout } from '../util/timed-promise';
 import { toEmojiId } from '../util/to-emoji-id';
 import EmojiLoader from './EmojiLoader';
@@ -73,13 +72,12 @@ export var EmojiResource = /*#__PURE__*/function (_AbstractResource) {
       return migrateRemainingEmojiProviders ? url.replace('gateway/api/emoji', 'gateway/api/elements/emoji') : url.replace('/gateway/api/emoji', '/gateway/api/elements/emoji');
     };
     var stargateEmojiPathEnabled = fg('use-elements-stargate-emoji-path') || migrateRemainingEmojiProviders;
-    var teamoji26RefreshEmojiPickerEnabled = 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/esm/components/common/DeleteButton.js

@@ -6,7 +6,6 @@ import Button from '@atlaskit/button/standard-button';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import { Box } from '@atlaskit/primitives/compiled/box';
 import { deleteEmojiLabel } from '../../util/constants';
-import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 import { emojiDeleteButton } from './styles';
 var styles = {
   boxWrapperStyle: "_1bsbf6fq _4t3if6fq"
@@ -19,22 +18,17 @@ var refreshedDeleteButton = null;
  */
 export var RENDER_EMOJI_DELETE_BUTTON_TESTID = 'render-emoji-delete-button';
 var DeleteButton = function DeleteButton(props) {
-  var isRefreshEnabled = isRefreshEmojiPickerEnabled();
   return /*#__PURE__*/React.createElement("span", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ax(["_3um015vq _1e0c1txw _kqswstnw _154ix0bf _1xi2x0bf _1pbykb7n _13t3idpf", isRefreshEnabled && "_154ir5cr _1xi2r5cr", emojiDeleteButton]),
+    className: ax(["_3um015vq _1e0c1txw _kqswstnw _154ix0bf _1xi2x0bf _1pbykb7n _13t3idpf", "_154ir5cr _1xi2r5cr", emojiDeleteButton]),
     "data-testid": RENDER_EMOJI_DELETE_BUTTON_TESTID
   }, /*#__PURE__*/React.createElement(Button, {
     iconBefore: /*#__PURE__*/React.createElement(Box, {
       xcss: styles.boxWrapperStyle
-    }, isRefreshEnabled ? /*#__PURE__*/React.createElement(CrossCircleIcon, {
+    }, /*#__PURE__*/React.createElement(CrossCircleIcon, {
       label: deleteEmojiLabel,
       color: "var(--ds-icon, #292A2E)",
       size: "medium"
-    }) : /*#__PURE__*/React.createElement(CrossCircleIcon, {
-      label: 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/esm/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/esm/components/common/EmojiActions.js

@@ -10,10 +10,8 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { DEFAULT_TONE } from '../../util/constants';
 import { messages } from '../i18n';
 import { EmojiPickerListSearch } from '../picker/EmojiPickerListSearch';
-import { AddOwnEmoji } from './AddOwnEmoji';
 import EmojiDeletePreview from './EmojiDeletePreview';
 import EmojiUploadPicker from './EmojiUploadPicker';
-import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 import ProductivityColorSelector, { productivityColorSelectorId } from './ProductivityColorSelector';
 import { setSkinToneAriaLabelText } from './setSkinToneAriaLabelText';
 import TonePreviewButton from './TonePreviewButton';
@@ -29,7 +27,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) {
@@ -145,7 +142,7 @@ var TonesWrapper = function TonesWrapper(props) {
       openProductivityColorSelectorWithKeyboard.current = true;
     }
   }, []);
-  var shouldShowProductivityColorSelector = !!(activeCategoryId === 'ATLASSIAN' && activeAtlassianSubcategory && atlassianSubcategoriesWithProductivityColorSelector.includes(activeAtlassianSubcategory) && productivityColorPreviewEmojis && selectedProductivityColor && onProductivityColorSelected && 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) {
@@ -200,7 +197,6 @@ var TonesWrapper = function TonesWrapper(props) {
     isVisible: !showToneSelector
   }));
 };
-// TODO: remove this on cleanup of platform_teamoji_26_refresh_emoji_picker
 export var EmojiActions = function EmojiActions(props) {
   var onToneSelected = props.onToneSelected,
     onToneSelectorCancelled = props.onToneSelectorCancelled,
@@ -223,7 +219,7 @@ export var EmojiActions = function EmojiActions(props) {
     showToneSelector = _useState6[0],
     setShowToneSelector = _useState6[1];
   var wasProductivityColorSelectorOpen = useRef(false);
-  var shouldUseProductivityColorControl = !!(props.activeCategoryId === 'ATLASSIAN' && props.activeAtlassianSubcategory && atlassianSubcategoriesWithProductivityColorSelector.includes(props.activeAtlassianSubcategory) && props.productivityColorPreviewEmojis && props.selectedProductivityColor && props.onProductivityColorSelected && isRefreshEmojiPickerEnabled());
+  var shouldUseProductivityColorControl = !!(props.activeCategoryId === 'ATLASSIAN' && props.activeAtlassianSubcategory && atlassianSubcategoriesWithProductivityColorSelector.includes(props.activeAtlassianSubcategory) && props.productivityColorPreviewEmojis && props.selectedProductivityColor && props.onProductivityColorSelected);
   var onToneOpenHandler = useCallback(function () {
     return setShowToneSelector(true);
   }, []);
@@ -266,7 +262,7 @@ export var EmojiActions = function EmojiActions(props) {
     }
   }, [shouldUseProductivityColorControl, showToneSelector]);
   if (uploading) {
-    return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: ax(["_16jlidpf _1o9zidpf _i0dl1wug"])
     }, /*#__PURE__*/React.createElement(EmojiUploadPicker, {
       onUploadCancelled: onUploadCancelled,
@@ -277,35 +273,18 @@ export var EmojiActions = function EmojiActions(props) {
       onUploadPreviewErrorChange: onUploadPreviewErrorChange,
       contentId: props.contentId,
       fireAnalytics: props.fireAnalytics
-    })) : /*#__PURE__*/React.createElement("div", {
-      className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _n7zl1uh4 _16qsjgpa"])
-    }, /*#__PURE__*/React.createElement(EmojiUploadPicker, {
-      onUploadCancelled: onUploadCancelled,
-      onUploadEmoji: onUploadEmoji,
-      onFileChooserClicked: onFileChooserClicked,
-      errorMessage: uploadErrorMessage,
-      initialUploadName: initialUploadName,
-      onUploadPreviewErrorChange: onUploadPreviewErrorChange,
-      contentId: props.contentId,
-      fireAnalytics: props.fireAnalytics
     }));
   }
   if (emojiToDelete) {
-    return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: ax(["_16jlidpf _1o9zidpf _i0dl1wug"])
     }, /*#__PURE__*/React.createElement(EmojiDeletePreview, {
       emoji: emojiToDelete,
       onDeleteEmoji: onDeleteEmoji,
       onCloseDelete: onCloseDelete
-    })) : /*#__PURE__*/React.createElement("div", {
-      className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _n7zl1uh4 _16qsjgpa"])
-    }, /*#__PURE__*/React.createElement(EmojiDeletePreview, {
-      emoji: emojiToDelete,
-      onDeleteEmoji: onDeleteEmoji,
-      onCloseDelete: onCloseDelete
     }));
   }
-  return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     "data-testid": emojiActionsTestId,
     onMouseLeave: onMouseLeaveHandler,
     onBlur: fg('platform_suppression_removal_fix_reactions') ? onBlurHandler : undefined,
@@ -323,25 +302,7 @@ export var EmojiActions = function EmojiActions(props) {
     onToneSelected: onToneSelectedHandler,
     onToneToggle: onToneToggleHandler,
     showToneSelector: showToneSelector
-  })))) : /*#__PURE__*/React.createElement("div", {
-    "data-testid": emojiActionsTestId,
-    onMouseLeave: onMouseLeaveHandler,
-    onBlur: fg('platform_suppression_removal_fix_reactions') ? onBlurHandler : undefined,
-    className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _n7zl1uh4 _16qsjgpa"])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1e0c1txw _1bahesu3 _4cvr1h6o"])
-  }, /*#__PURE__*/React.createElement(EmojiPickerListSearch, {
-    onChange: onChange,
-    query: query,
-    resultsCount: resultsCount,
-    isVisible: !showToneSelector
-  }), /*#__PURE__*/React.createElement(TonesWrapper, _extends({}, props, {
-    onToneOpen: onToneOpenHandler,
-    onToneClose: onToneCloseHandler,
-    onToneSelected: onToneSelectedHandler,
-    onToneToggle: onToneToggleHandler,
-    showToneSelector: showToneSelector
-  }))), /*#__PURE__*/React.createElement(AddOwnEmoji, props));
+  }))));
 };
 
 // eslint-disable-next-line @typescript-eslint/no-restricted-types

package/dist/esm/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/esm/components/common/EmojiDeletePreview.js

@@ -22,12 +22,7 @@ import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
 import { messages } from '../i18n';
 import CachingEmoji from './CachingEmoji';
 import EmojiErrorMessage, { emojiErrorScreenreaderTestId } from './EmojiErrorMessage';
-import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 import RetryableButton from './RetryableButton';
-var deleteFooter = null;
-var deletePreview = null;
-var deleteText = null;
-var previewButtonGroup = null;
 var deletePreviewNew = null;
 var deleteTextSection = null;
 var emojiPreviewLargeBox = null;
@@ -40,9 +35,7 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
     _classCallCheck(this, EmojiDeletePreview);
     _this = _callSuper(this, EmojiDeletePreview, [props]);
     _defineProperty(_this, "stopClickPropagationForRefreshEmojiPicker", function (event) {
-      if (isRefreshEmojiPickerEnabled()) {
-        event === null || event === void 0 || event.stopPropagation();
-      }
+      event === null || event === void 0 || event.stopPropagation();
     });
     _defineProperty(_this, "onSubmit", function (event) {
       _this.stopClickPropagationForRefreshEmojiPicker(event);
@@ -96,59 +89,18 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
         loading = _this$state.loading,
         error = _this$state.error;
       var formatMessage = intl.formatMessage;
-      if (isRefreshEmojiPickerEnabled()) {
-        return /*#__PURE__*/React.createElement(FocusLock, {
-          noFocusGuards: true
-        }, /*#__PURE__*/React.createElement("div", {
-          "data-testid": emojiDeletePreviewTestId,
-          className: ax(["_zulputpp _1e0c1txw _2lx21bp4 _1tke1sa4 _ca0qutpp _u5f3pxbi _n3tdutpp _19bvpxbi _vchhusvi"])
-        }, /*#__PURE__*/React.createElement("div", {
-          className: ax(["_zulp1b66 _1e0c1txw _2lx21bp4 _4cvr1y6m _y3gn1e5h"])
-        }, /*#__PURE__*/React.createElement(Box, {
-          paddingBlockEnd: "space.100"
-        }, /*#__PURE__*/React.createElement(Heading, {
-          size: "small"
-        }, /*#__PURE__*/React.createElement(FormattedMessage, messages.deleteEmojiTitle))), /*#__PURE__*/React.createElement(Text, {
-          color: "color.text.subtle",
-          size: "small"
-        }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.deleteEmojiDescription, {
-          values: {
-            emojiShortName: emoji.shortName
-          }
-        })))), /*#__PURE__*/React.createElement("div", {
-          className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug _2rko1tm3 _1e0c1txw _4cvr1h6o _1bah1h6o _bfhk1gly _1sc1wadc _mezjt9kd _bna7t9kd"])
-        }, /*#__PURE__*/React.createElement(CachingEmoji, {
-          emoji: emoji
-        })), /*#__PURE__*/React.createElement("div", {
-          className: ax(["_zulpu2gc _1e0c1txw _4cvr1h6o _1bahesu3 _19pkutpp _n3tdutpp"])
-        }, error && !loading ? /*#__PURE__*/React.createElement(EmojiErrorMessage, {
-          message: formatMessage(messages.deleteEmojiFailed),
-          errorStyle: "delete",
-          tooltip: true
-        }) : null, /*#__PURE__*/React.createElement(VisuallyHidden, {
-          id: deleteEmojiLabelId
-        }, formatMessage(messages.deleteEmojiLabel)), /*#__PURE__*/React.createElement(AkButton, {
-          appearance: "subtle",
-          onClick: this.onCancel
-        }, /*#__PURE__*/React.createElement(FormattedMessage, messages.cancelLabel)), /*#__PURE__*/React.createElement(RetryableButton, {
-          label: formatMessage(messages.deleteEmojiLabel),
-          onSubmit: this.onSubmit,
-          appearance: "danger",
-          loading: loading,
-          error: error,
-          ariaLabelledBy: "".concat(emojiErrorScreenreaderTestId, " ").concat(deleteEmojiLabelId)
-        }))));
-      }
       return /*#__PURE__*/React.createElement(FocusLock, {
         noFocusGuards: true
       }, /*#__PURE__*/React.createElement("div", {
         "data-testid": emojiDeletePreviewTestId,
-        className: ax(["_4t3i53f4 _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1e0c1txw _2lx21bp4 _1bahesu3"])
+        className: ax(["_zulputpp _1e0c1txw _2lx21bp4 _1tke1sa4 _ca0qutpp _u5f3pxbi _n3tdutpp _19bvpxbi _vchhusvi"])
       }, /*#__PURE__*/React.createElement("div", {
-        className: ax(["_4t3ivbgk"])
+        className: ax(["_zulp1b66 _1e0c1txw _2lx21bp4 _4cvr1y6m _y3gn1e5h"])
+      }, /*#__PURE__*/React.createElement(Box, {
+        paddingBlockEnd: "space.100"
       }, /*#__PURE__*/React.createElement(Heading, {
-        size: "xxsmall"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.deleteEmojiTitle)), /*#__PURE__*/React.createElement(Text, {
+        size: "small"
+      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.deleteEmojiTitle))), /*#__PURE__*/React.createElement(Text, {
         color: "color.text.subtle",
         size: "small"
       }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.deleteEmojiDescription, {
@@ -156,28 +108,28 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
           emojiShortName: emoji.shortName
         }
       })))), /*#__PURE__*/React.createElement("div", {
-        className: ax(["_11c8fhey _1e0c1txw _4t3i1ylp _4cvr1h6o _1bah1yb4 _19l3zwfg _rtyst9kd _m73io7ol _1txfwu06 _1qz31b66"])
+        className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug _2rko1tm3 _1e0c1txw _4cvr1h6o _1bah1h6o _bfhk1gly _1sc1wadc _mezjt9kd _bna7t9kd"])
       }, /*#__PURE__*/React.createElement(CachingEmoji, {
         emoji: emoji
-      }), /*#__PURE__*/React.createElement("div", {
-        className: ax(["_1e0c1txw"])
-      }, error ? !loading ? /*#__PURE__*/React.createElement(EmojiErrorMessage, {
+      })), /*#__PURE__*/React.createElement("div", {
+        className: ax(["_zulpu2gc _1e0c1txw _4cvr1h6o _1bahesu3 _19pkutpp _n3tdutpp"])
+      }, error && !loading ? /*#__PURE__*/React.createElement(EmojiErrorMessage, {
         message: formatMessage(messages.deleteEmojiFailed),
         errorStyle: "delete",
         tooltip: true
-      }) : null : null, /*#__PURE__*/React.createElement(VisuallyHidden, {
+      }) : null, /*#__PURE__*/React.createElement(VisuallyHidden, {
         id: deleteEmojiLabelId
-      }, formatMessage(messages.deleteEmojiLabel)), /*#__PURE__*/React.createElement(RetryableButton, {
+      }, formatMessage(messages.deleteEmojiLabel)), /*#__PURE__*/React.createElement(AkButton, {
+        appearance: "subtle",
+        onClick: this.onCancel
+      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.cancelLabel)), /*#__PURE__*/React.createElement(RetryableButton, {
         label: formatMessage(messages.deleteEmojiLabel),
         onSubmit: this.onSubmit,
         appearance: "danger",
         loading: loading,
         error: error,
         ariaLabelledBy: "".concat(emojiErrorScreenreaderTestId, " ").concat(deleteEmojiLabelId)
-      }), /*#__PURE__*/React.createElement(AkButton, {
-        appearance: "subtle",
-        onClick: this.onCancel
-      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.cancelLabel))))));
+      }))));
     }
   }]);
 }(Component); // eslint-disable-next-line @typescript-eslint/no-restricted-types

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

@@ -7,7 +7,6 @@ import { ErrorMessage } from '@atlaskit/form/error-message';
 import ErrorIcon from '@atlaskit/icon/core/status-error';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { messages } from '../i18n';
-import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 var errorMessageStyles = {
   chooseFile: "_1e0c1txw _syaz1tmw _u5f319bv _1bah1y6m",
   delete: "_1e0c1txw _syaz1tmw _4cvr1h6o _1bahesu3 _u5f31b66",
@@ -35,15 +34,9 @@ var EmojiErrorMessage = function EmojiErrorMessage(props) {
     label: formatMessage(messages.error),
     spacing: "spacious",
     testId: emojiErrorIconTestId
-  }))) : isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
+  }))) : /*#__PURE__*/React.createElement("div", {
     "data-testid": emojiErrorMessageTestId
-  }, /*#__PURE__*/React.createElement(ErrorMessage, null, message)) : /*#__PURE__*/React.createElement("div", {
-    "data-testid": emojiErrorMessageTestId,
-    className: ax([errorMessageStyles[errorStyle]])
-  }, /*#__PURE__*/React.createElement(ErrorIcon, {
-    color: "currentColor",
-    label: formatMessage(messages.error)
-  }), message);
+  }, /*#__PURE__*/React.createElement(ErrorMessage, null, message));
   return visualContent;
 };
 export default EmojiErrorMessage;

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

@@ -4,14 +4,13 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { memo, forwardRef } from 'react';
 import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
 import { TONESELECTOR_KEYBOARD_KEYS_SUPPORTED } from '../../util/constants';
-import { isTeamoji26RefreshEmojiPickerEnabledNoExposure } from '../../util/teamoji26RefreshEmojiPicker';
 import Emoji from './Emoji';
 var emojiButton = null;
 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') && isTeamoji26RefreshEmojiPickerEnabledNoExposure()) {
+  if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
     var _props$onArrowKey;
     event.preventDefault();
     event.stopPropagation();
@@ -47,9 +46,9 @@ export var EmojiRadioButton = /*#__PURE__*/forwardRef(function (props, ref) {
     onKeyDown: function onKeyDown(event) {
       return handleKeyDown(props, event);
     },
-    onChange: isTeamoji26RefreshEmojiPickerEnabledNoExposure() ? function (e) {
+    onChange: function onChange(e) {
       return e.preventDefault();
-    } : undefined,
+    },
     className: ax([emojiRadio.default])
   }), /*#__PURE__*/React.createElement(Emoji, {
     emoji: emoji,

package/dist/esm/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)}