@atlaskit/emoji 69.0.7 → 69.0.9

package/dist/types-ts4.5/components/common/EmojiErrorMessage.d.ts

@@ -1,17 +1,14 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx, type SerializedStyles } from '@emotion/react';
+/// <reference types="react" />
 import type { Message } from '../../types';
+export type ErrorStyle = 'chooseFile' | 'delete' | 'preview';
 export interface Props {
     message: Message;
     tooltip?: boolean;
-    messageStyles: SerializedStyles;
+    errorStyle: ErrorStyle;
 }
 export declare const emojiErrorScreenreaderTestId = "emoji-error-screenreader-message";
 export declare const emojiErrorMessageTestId = "emoji-error-message";
 export declare const emojiErrorMessageTooltipTestId = "emoji-error-message-tooltip";
 export declare const emojiErrorIconTestId = "emoji-error-icon";
-declare const EmojiErrorMessage: (props: Props) => jsx.JSX.Element;
+declare const EmojiErrorMessage: (props: Props) => JSX.Element;
 export default EmojiErrorMessage;

package/dist/types-ts4.5/components/common/EmojiFallback.d.ts

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import { type Props as EmojiProps } from './Emoji';
-export declare const EmojiFallback: (props: React.PropsWithChildren<EmojiProps>) => jsx.JSX.Element;
+export declare const EmojiFallback: (props: React.PropsWithChildren<EmojiProps>) => JSX.Element;
 export default EmojiFallback;

package/dist/types-ts4.5/components/common/EmojiPlaceholder.d.ts

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import type { EmojiImageRepresentation } from '../../types';
 export interface Props {
     shortName: string;
@@ -12,5 +8,5 @@ export interface Props {
     loading?: boolean;
 }
 export declare const emojiPlaceholderTestId: (shortName: string) => string;
-declare const EmojiPlaceholder: (props: Props) => jsx.JSX.Element;
+declare const EmojiPlaceholder: (props: Props) => JSX.Element;
 export default EmojiPlaceholder;

package/dist/types-ts4.5/components/common/EmojiPreviewComponent.d.ts

@@ -1,11 +1,7 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import type { EmojiDescription } from '../../types';
 type Props = {
     emoji: EmojiDescription;
 };
-export declare const EmojiPreviewComponent: ({ emoji }: Props) => jsx.JSX.Element;
+export declare const EmojiPreviewComponent: ({ emoji }: Props) => JSX.Element;
 export {};

package/dist/types-ts4.5/components/common/RetryableButton.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 export interface Props {
     label: string;
     appearance: string;
@@ -10,5 +10,5 @@ export interface Props {
 }
 export declare const retryUploadButtonTestId = "retry-upload-button";
 export declare const uploadEmojiButtonTestId = "upload-emoji-button";
-declare const RetryableButton: (props: Props) => jsx.JSX.Element;
+declare const RetryableButton: (props: Props) => JSX.Element;
 export default RetryableButton;

package/dist/types-ts4.5/components/common/Scrollable.d.ts

@@ -1,8 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
 import { type MouseEventHandler, PureComponent, type ReactNode, type UIEvent } from 'react';
 export interface OnScroll {
     (element: Element, event: UIEvent<any>): void;
@@ -20,5 +15,5 @@ export default class Scrollable extends PureComponent<Props, {}> {
     scrollToBottom: () => void;
     private handleScroll;
     private handleRef;
-    render(): jsx.JSX.Element;
+    render(): JSX.Element;
 }

package/dist/types-ts4.5/components/common/ToneSelector.d.ts

@@ -1,9 +1,4 @@
 /// <reference types="react" />
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
 import type { EmojiDescriptionWithVariations, OnToneSelected, ToneSelection } from '../../types';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 export interface Props {
@@ -15,6 +10,6 @@ export interface Props {
 }
 export declare const toneSelectorTestId = "tone-selector";
 type PropsWithAnalyticsEventsPropsType = Props & WithAnalyticsEventsProps;
-export declare const ToneSelectorInternal: (props: PropsWithAnalyticsEventsPropsType) => jsx.JSX.Element;
+export declare const ToneSelectorInternal: (props: PropsWithAnalyticsEventsPropsType) => JSX.Element;
 declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>>;
 export default _default;

package/dist/types-ts4.5/components/common/ToolTipContentWithKeymap.d.ts

@@ -3,10 +3,9 @@
  * @jsx jsx
  */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import { type Keymap } from '../../util/keymaps';
 export declare const ToolTipContentWithKeymap: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
     description?: string | React.ReactNode;
     keymap?: Keymap | undefined;
     shortcutOverride?: string | undefined;
-}) => jsx.JSX.Element | null>;
+}) => JSX.Element | null>;

package/dist/types-ts4.5/components/common/styles.d.ts

@@ -6,47 +6,5 @@ export declare const emojiImage = "emoji-common-emoji-image";
 export declare const emojiDeleteButton = "emoji-common-deleteButton";
 export declare const emojiMainStyle = "emoji-common-main-styles";
 export declare const deletableEmoji = "emoji-common-deletable";
-export declare const deleteButton: import("@emotion/react").SerializedStyles;
-export declare const emojiToneSelectorContainer: import("@emotion/react").SerializedStyles;
-export declare const emojiImageContainer: import("@emotion/react").SerializedStyles;
-export declare const emojiSpriteContainer: import("@emotion/react").SerializedStyles;
 export declare const placeholder = "emoji-common-placeholder";
-export declare const placeholderContainer: import("@emotion/react").SerializedStyles;
-export declare const placeholderContainerAnimated: import("@emotion/react").SerializedStyles;
-export declare const hidden: import("@emotion/react").SerializedStyles;
-export declare const emojiButton: import("@emotion/react").SerializedStyles;
-export declare const emojiRadio: import("@emotion/react").SerializedStyles;
 export declare const emojiPickerAddEmoji = "emoji-picker-add-emoji";
-export declare const previewText: import("@emotion/react").SerializedStyles;
-export declare const emojiName: import("@emotion/react").SerializedStyles;
-export declare const emojiShortName: import("@emotion/react").SerializedStyles;
-export declare const preview: import("@emotion/react").SerializedStyles;
-export declare const previewImg: import("@emotion/react").SerializedStyles;
-export declare const emojiScrollable: import("@emotion/react").SerializedStyles;
-export declare const emojiUpload: import("@emotion/react").SerializedStyles;
-export declare const emojiUploadTop: import("@emotion/react").SerializedStyles;
-export declare const uploadChooseFileMessage: import("@emotion/react").SerializedStyles;
-export declare const closeEmojiUploadButton: import("@emotion/react").SerializedStyles;
-export declare const emojiUploadBottom: import("@emotion/react").SerializedStyles;
-export declare const uploadChooseFileRow: import("@emotion/react").SerializedStyles;
-export declare const uploadChooseFileEmojiName: import("@emotion/react").SerializedStyles;
-export declare const uploadPreviewFooter: import("@emotion/react").SerializedStyles;
-export declare const uploadPreview: import("@emotion/react").SerializedStyles;
-export declare const uploadPreviewText: import("@emotion/react").SerializedStyles;
-export declare const bigEmojiPreview: import("@emotion/react").SerializedStyles;
-export declare const uploadAddRow: import("@emotion/react").SerializedStyles;
-export declare const addCustomEmoji: import("@emotion/react").SerializedStyles;
-export declare const submitDelete = "emoji-submit-delete";
-export declare const deletePreview: import("@emotion/react").SerializedStyles;
-export declare const deleteText: import("@emotion/react").SerializedStyles;
-export declare const headingH5: import("@emotion/react").SerializedStyles;
-export declare const requiredSymbol: import("@emotion/react").SerializedStyles;
-export declare const previewButtonGroup: import("@emotion/react").SerializedStyles;
-export declare const deleteFooter: import("@emotion/react").SerializedStyles;
-export declare const emojiDeleteErrorMessage: import("@emotion/react").SerializedStyles;
-export declare const emojiChooseFileErrorMessage: import("@emotion/react").SerializedStyles;
-export declare const emojiPreviewErrorMessage: import("@emotion/react").SerializedStyles;
-export declare const addCustomEmojiButton: import("@emotion/react").SerializedStyles;
-export declare const buttonSpinner: import("@emotion/react").SerializedStyles;
-export declare const emojiActionsWrapper: import("@emotion/react").SerializedStyles;
-export declare const tooltipShortcutStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/components/picker/CategorySelector.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import type { CategoryDescription, OnCategory } from '../../types';
 import { type CategoryGroupKey, type CategoryId } from './categories';
 export interface Props {
@@ -13,5 +13,5 @@ export type CategoryMap = {
 export declare const sortCategories: (c1: CategoryGroupKey, c2: CategoryGroupKey) => number;
 export declare const categorySelectorComponentTestId = "category-selector-component";
 export declare const categorySelectorCategoryTestId: (categoryId: string) => string;
-declare const CategorySelector: (props: Props) => jsx.JSX.Element;
+declare const CategorySelector: (props: Props) => JSX.Element;
 export default CategorySelector;

package/dist/types-ts4.5/components/picker/EmojiPicker.d.ts

@@ -2,8 +2,8 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
+import React from 'react';
 import type { ComponentClass } from 'react';
-import { jsx } from '@emotion/react';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import type { EmojiProvider } from '../../api/EmojiResource';
 import type { OnEmojiEvent, PickerSize } from '../../types';
@@ -34,12 +34,12 @@ export declare class EmojiPickerInternal extends LoadingEmojiComponent<Props & W
         size: string;
     };
     state: {
-        asyncLoadedComponent: import("react").ComponentType<import("react").PropsWithChildren<ComponentProps>> | undefined;
+        asyncLoadedComponent: React.ComponentType<React.PropsWithChildren<ComponentProps>> | undefined;
     };
     constructor(props: Props);
     asyncLoadComponent(): void;
     renderLoading(): JSX.Element | null;
-    renderLoaded(loadedEmojiProvider: EmojiProvider, EmojiPickerComponent: ComponentClass<ComponentProps>): jsx.JSX.Element;
+    renderLoaded(loadedEmojiProvider: EmojiProvider, EmojiPickerComponent: ComponentClass<ComponentProps>): JSX.Element;
 }
-declare const EmojiPicker: import("react").ForwardRefExoticComponent<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
+declare const EmojiPicker: React.ForwardRefExoticComponent<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export default EmojiPicker;

package/dist/types-ts4.5/components/picker/EmojiPickerCategoryHeading.d.ts

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import type { CategoryGroupKey } from './categories';
 /**
  * Test id for wrapper Emoji Picker List div
@@ -13,5 +9,5 @@ export interface Props {
     title: string;
     className?: string;
 }
-declare const EmojiPickerCategoryHeading: ({ id, title, className }: Props) => jsx.JSX.Element;
+declare const EmojiPickerCategoryHeading: ({ id, title, className }: Props) => JSX.Element;
 export default EmojiPickerCategoryHeading;

package/dist/types-ts4.5/components/picker/EmojiPickerComponent.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { jsx } from '@emotion/react';
 import { type OnEmojiEvent, type PickerSize } from '../../types';
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export interface PickerRefHandler {
@@ -21,5 +20,5 @@ export interface Props {
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
     size?: PickerSize;
 }
-declare const _default: import("react").MemoExoticComponent<({ onSelection, onPickerRef, hideToneSelector, createAnalyticsEvent, size, }: Props) => jsx.JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<({ onSelection, onPickerRef, hideToneSelector, createAnalyticsEvent, size, }: Props) => JSX.Element>;
 export default _default;

package/dist/types-ts4.5/components/picker/EmojiPickerEmojiRow.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { jsx } from '@emotion/react';
 import type { EmojiDescription, OnEmojiEvent } from '../../types';
 import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
 import type { CategoryGroupKey } from './categories';
@@ -14,5 +13,5 @@ export interface Props {
     onDelete?: OnEmojiEvent;
     virtualItemContext?: VirtualItemContext;
 }
-declare const _default: import("react").MemoExoticComponent<({ emojis, onSelected, onMouseMove, onFocus, title, showDelete, onDelete, virtualItemContext, }: Props) => jsx.JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<({ emojis, onSelected, onMouseMove, onFocus, title, showDelete, onDelete, virtualItemContext, }: Props) => JSX.Element>;
 export default _default;

package/dist/types-ts4.5/components/picker/EmojiPickerFooter.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-import { jsx } from '@emotion/react';
 import type { EmojiDescription } from '../../types';
 export interface Props {
     selectedEmoji?: EmojiDescription;
 }
 export declare const emojiPickerFooterTestId = "emoji-picker-footer";
-declare const _default: import("react").MemoExoticComponent<({ selectedEmoji }: Props) => jsx.JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<({ selectedEmoji }: Props) => JSX.Element>;
 export default _default;

package/dist/types-ts4.5/components/picker/EmojiPickerListSearch.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import type { Styles } from '../../types';
 export interface Props {
     style?: Styles;
@@ -8,4 +8,4 @@ export interface Props {
     resultsCount: number;
 }
 export declare const emojiPickerSearchTestId = "emoji-picker-search";
-export declare const EmojiPickerListSearch: (props: Props) => jsx.JSX.Element;
+export declare const EmojiPickerListSearch: (props: Props) => JSX.Element;

package/dist/types-ts4.5/components/picker/EmojiPickerVirtualItems.d.ts

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import type { ReactNode } from 'react';
-import { jsx } from '@emotion/react';
 import { type Props as CategoryHeadingProps } from './EmojiPickerCategoryHeading';
 import { type Props as EmojiRowProps } from './EmojiPickerEmojiRow';
 import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
@@ -23,14 +22,14 @@ export declare abstract class AbstractItem<P> implements VirtualItem<P> {
 }
 export declare class EmojisRowItem extends AbstractItem<EmojiRowProps> {
     constructor(props: EmojiRowProps);
-    renderItem: (context?: VirtualItemContext) => jsx.JSX.Element;
+    renderItem: (context?: VirtualItemContext) => JSX.Element;
 }
 export declare class LoadingItem extends AbstractItem<{}> {
     constructor();
-    renderItem: () => jsx.JSX.Element;
+    renderItem: () => JSX.Element;
 }
 export declare class CategoryHeadingItem extends AbstractItem<CategoryHeadingProps> {
     constructor(props: CategoryHeadingProps);
-    renderItem: () => jsx.JSX.Element;
+    renderItem: () => JSX.Element;
 }
-export declare const virtualItemRenderer: (rows: VirtualItem<CategoryHeadingProps | EmojiRowProps | {}>[], context: VirtualItemContext) => jsx.JSX.Element;
+export declare const virtualItemRenderer: (rows: VirtualItem<CategoryHeadingProps | EmojiRowProps | {}>[], context: VirtualItemContext) => JSX.Element;

package/dist/types-ts4.5/components/typeahead/EmojiTypeAheadList.d.ts

@@ -11,8 +11,7 @@ export interface State {
 }
 export default class EmojiTypeAheadList extends PureComponent<Props, State> {
     private lastMousePosition?;
-    private compiledScrollable?;
-    private emotionScrollable?;
+    private scrollable?;
     private items;
     static defaultProps: {
         onEmojiSelected: () => void;
@@ -32,6 +31,5 @@ export default class EmojiTypeAheadList extends PureComponent<Props, State> {
     private renderItems;
     private isSelectedEmoji;
     render(): React.JSX.Element;
-    private handleCompiledScrollableRef;
-    private handleEmotionScrollableRef;
+    private handleScrollableRef;
 }

package/dist/types-ts4.5/element.d.ts

@@ -1,6 +1,3 @@
-/// <reference types="react" />
-declare const EmojiPlaceholder: import("react").FC<import("./components/compiled/common/EmojiPlaceholder").Props & import("./components/common/EmojiPlaceholder").Props>;
-export { EmojiPlaceholder };
-declare const Emoji: import("react").FC<import("./components/compiled/common/Emoji").Props & import("./components/common/Emoji").Props>;
-export { Emoji };
+export { default as EmojiPlaceholder } from './components/common/EmojiPlaceholder';
+export { default as Emoji } from './components/common/Emoji';
 export { default as ResourcedEmoji } from './components/common/ResourcedEmoji';

package/dist/types-ts4.5/index.d.ts

@@ -1,7 +1,8 @@
 import { AbstractResource } from '@atlaskit/util-service-support';
-import { Emoji, EmojiPlaceholder } from './element';
+import Emoji from './components/common/Emoji';
+import EmojiPlaceholder from './components/common/EmojiPlaceholder';
 import ResourcedEmoji from './components/common/ResourcedEmoji';
-import { EmojiPicker } from './picker';
+import EmojiPicker from './components/picker/EmojiPicker';
 import { preloadEmojiPicker } from './components/picker/EmojiPicker';
 import EmojiUploader from './components/uploader/EmojiUploader';
 import EmojiTypeAhead from './components/typeahead/EmojiTypeAhead';

package/dist/types-ts4.5/picker.d.ts

@@ -1,3 +1 @@
-/// <reference types="react" />
-declare const EmojiPicker: import("react").FC<Omit<Omit<import("./components/compiled/picker/EmojiPicker").Props & import("@atlaskit/analytics-next").WithAnalyticsEventsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any>, "ref"> & Omit<Omit<import("./components/picker/EmojiPicker").Props & import("@atlaskit/analytics-next").WithAnalyticsEventsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>;
-export { EmojiPicker };
+export { default as EmojiPicker } from './components/picker/EmojiPicker';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "69.0.7",
+	"version": "69.0.9",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,16 +39,16 @@
 		"@atlaskit/button": "^23.0.0",
 		"@atlaskit/css": "^0.10.0",
 		"@atlaskit/heading": "^5.1.0",
-		"@atlaskit/icon": "^25.4.0",
+		"@atlaskit/icon": "^25.5.0",
 		"@atlaskit/media-client": "^32.0.0",
 		"@atlaskit/media-client-react": "^4.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.1.0",
-		"@atlaskit/primitives": "^14.2.0",
+		"@atlaskit/primitives": "^14.3.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.5.0",
+		"@atlaskit/tokens": "^4.6.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/util-service-support": "^6.3.0",

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

@@ -1,52 +0,0 @@
-/* DeleteButton.tsx generated by @compiled/babel-plugin v0.36.1 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.RENDER_EMOJI_DELETE_BUTTON_TESTID = void 0;
-require("./DeleteButton.compiled.css");
-var React = _interopRequireWildcard(require("react"));
-var _runtime = require("@compiled/react/runtime");
-var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
-var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/utility/migration/cross-circle"));
-var _colors = require("@atlaskit/theme/colors");
-var _constants = require("../../../util/constants");
-var _styles = require("../../common/styles");
-var _compiled = require("@atlaskit/primitives/compiled");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var styles = {
-  boxWrapperStyle: "_1bsbf6fq _4t3if6fq"
-};
-var deleteButton = null;
-
-/**
- * Test id for wrapper Emoji delete button
- */
-var RENDER_EMOJI_DELETE_BUTTON_TESTID = exports.RENDER_EMOJI_DELETE_BUTTON_TESTID = 'render-emoji-delete-button';
-var DeleteButton = function DeleteButton(props) {
-  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", _styles.emojiDeleteButton]),
-    "data-testid": RENDER_EMOJI_DELETE_BUTTON_TESTID
-  }, /*#__PURE__*/React.createElement(_standardButton.default, {
-    iconBefore: /*#__PURE__*/React.createElement(_compiled.Box, {
-      xcss: styles.boxWrapperStyle
-    }, /*#__PURE__*/React.createElement(_crossCircle.default, {
-      label: _constants.deleteEmojiLabel,
-      color: "var(--ds-text-subtle, ".concat(_colors.N500, ")"),
-      LEGACY_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.
-    ,
-    appearance: "subtle-link",
-    spacing: "none",
-    testId: "emoji-delete-button",
-    tabIndex: -1
-  }));
-};
-var _default = exports.default = DeleteButton;