@atlaskit/emoji 71.0.0 → 71.0.1

package/dist/types/components/common/ProductivityColorSelector.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type MemoExoticComponent } from 'react';
+import type { EmojiDescription } from '../../types';
+import { type ProductivityColor } from '../../util/productivity-colors';
+export declare const productivityColorSelectorTestId = "productivity-color-selector";
+export declare const productivityColorSelectorId = "emoji-picker-productivity-color-selector";
+export interface Props {
+    colorPreviewEmojis: Partial<Record<ProductivityColor, EmojiDescription>>;
+    onColorSelected: (color: ProductivityColor) => void;
+    selectedColor: ProductivityColor;
+}
+export declare const ProductivityColorSelector: ({ colorPreviewEmojis, onColorSelected, selectedColor, }: Props) => JSX.Element | null;
+declare const _default_1: MemoExoticComponent<typeof ProductivityColorSelector>;
+export default _default_1;

package/dist/types/components/common/TonePreviewButton.d.ts

@@ -6,6 +6,7 @@ import { type ForwardRefExoticComponent, type MemoExoticComponent, type RefAttri
 import type { EmojiDescription } from '../../types';
 export declare const tonePreviewTestId = "tone-preview";
 export interface Props {
+    ariaControls?: string;
     ariaExpanded?: boolean;
     ariaLabelText?: string;
     emoji: EmojiDescription;

package/dist/types/components/i18n.d.ts

@@ -164,6 +164,16 @@ export declare const messages: {
         description: string;
         id: string;
     };
+    emojiSelectColorButtonAriaLabelText: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    emojiSelectColorListAriaLabelText: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
     emojiSelectSkinToneListAriaLabelText: {
         defaultMessage: string;
         description: string;

package/dist/types/components/picker/EmojiPickerList.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { EmojiDescription, EmojiDescriptionWithVariations, Message, OnCategory, OnEmojiEvent, OnToneSelected, OnToneSelectorCancelled, PickerSize, ToneSelection, User } from '../../types';
+import { type ProductivityColor } from '../../util/productivity-colors';
 import { type CategoryId } from './categories';
 import type { OnUploadEmoji } from '../common/EmojiUploadPicker';
 import type { OnDeleteEmoji } from '../common/EmojiDeletePreview';
@@ -26,12 +27,14 @@ export interface Props {
     onEmojiSelected?: OnEmojiEvent;
     onFileChooserClicked?: () => void;
     onOpenUpload: () => void;
+    onProductivityColorSelected?: (color: ProductivityColor) => void;
     onSearch?: OnSearch;
     onToneSelected?: OnToneSelected;
     onToneSelectorCancelled?: OnToneSelectorCancelled;
     onUploadCancelled: () => void;
     onUploadEmoji: OnUploadEmoji;
     query?: string;
+    selectedProductivityColor?: ProductivityColor;
     selectedTone?: ToneSelection;
     size?: PickerSize;
     toneEmoji?: EmojiDescriptionWithVariations;

package/dist/types/types.d.ts

@@ -220,13 +220,20 @@ export interface EmojiDescription extends EmojiId {
     altRepresentation?: EmojiRepresentation;
     ascii?: string[];
     category: string;
+    color?: string;
     createdDate?: string;
     creatorUserId?: string;
+    fallback?: string;
+    hidden?: boolean;
+    keywords?: string[];
     name?: string;
     order?: number;
     representation: EmojiRepresentation;
     searchable: boolean;
     type: string;
+    variantBase?: boolean;
+    variantChildren?: string[];
+    variantParent?: string;
 }
 export interface EmojiDescriptionWithVariations extends EmojiDescription {
     skinVariations?: EmojiDescription[];

package/dist/types/util/hidden-emojis.d.ts

@@ -0,0 +1,3 @@
+import type { EmojiDescription } from '../types';
+export declare const isHiddenEmoji: (emoji: EmojiDescription) => boolean;
+export declare const filterHiddenEmojis: <Emoji extends EmojiDescription>(emojis: Emoji[]) => Emoji[];

package/dist/types/util/productivity-colors.d.ts

@@ -0,0 +1,8 @@
+import type { EmojiDescription } from '../types';
+export declare const productivityColors: readonly ["gray", "magenta", "purple", "blue", "teal", "green", "lime", "yellow", "orange", "red"];
+export type ProductivityColor = (typeof productivityColors)[number];
+export declare const defaultProductivityColor: ProductivityColor;
+export declare const getProductivityColor: (emoji: EmojiDescription) => ProductivityColor | undefined;
+export declare const isProductivityNumberEmoji: (emoji: EmojiDescription) => boolean;
+export declare const filterProductivityEmojisByColor: (emojis: EmojiDescription[], selectedColor: ProductivityColor) => EmojiDescription[];
+export declare const getProductivityColorPreviewEmojis: (emojis: EmojiDescription[]) => Partial<Record<ProductivityColor, EmojiDescription>>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "71.0.0",
+	"version": "71.0.1",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -45,9 +45,10 @@
 		"@atlaskit/platform-feature-flags": "^2.0.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
 		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/radio": "^9.0.0",
 		"@atlaskit/spinner": "^20.0.0",
 		"@atlaskit/textfield": "^9.0.0",
-		"@atlaskit/tmp-editor-statsig": "^104.0.0",
+		"@atlaskit/tmp-editor-statsig": "^105.0.0",
 		"@atlaskit/tokens": "^14.0.0",
 		"@atlaskit/tooltip": "^23.0.0",
 		"@atlaskit/ufo": "^1.0.0",