@atlaskit/emoji 70.17.10 → 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": "70.17.10",
+	"version": "71.0.1",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -12,14 +12,6 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"sideEffects": [
 		"*.compiled.css"
 	],
@@ -38,29 +30,30 @@
 	},
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-elements-emoji": "2.7.0",
-		"@atlaskit/analytics-next": "^11.3.0",
-		"@atlaskit/browser-apis": "^0.0.2",
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/feature-gate-js-client": "^5.8.0",
-		"@atlaskit/form": "^15.5.0",
-		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/icon": "^35.4.0",
-		"@atlaskit/icon-lab": "^6.14.0",
-		"@atlaskit/image": "^3.1.0",
-		"@atlaskit/media-client": "^36.3.0",
-		"@atlaskit/media-client-react": "^5.2.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/spinner": "^19.1.0",
-		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/tmp-editor-statsig": "^103.0.0",
-		"@atlaskit/tokens": "^13.4.0",
-		"@atlaskit/tooltip": "^22.6.0",
-		"@atlaskit/ufo": "^0.5.0",
-		"@atlaskit/util-service-support": "^6.4.0",
-		"@atlaskit/visually-hidden": "^3.1.0",
+		"@atlaskit/analytics-next": "^12.0.0",
+		"@atlaskit/browser-apis": "^1.0.0",
+		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/feature-gate-js-client": "^6.0.0",
+		"@atlaskit/form": "^16.0.0",
+		"@atlaskit/heading": "^6.0.0",
+		"@atlaskit/icon": "^36.0.0",
+		"@atlaskit/icon-lab": "^7.0.0",
+		"@atlaskit/image": "^4.0.0",
+		"@atlaskit/media-client": "^37.0.0",
+		"@atlaskit/media-client-react": "^6.0.0",
+		"@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": "^105.0.0",
+		"@atlaskit/tokens": "^14.0.0",
+		"@atlaskit/tooltip": "^23.0.0",
+		"@atlaskit/ufo": "^1.0.0",
+		"@atlaskit/util-service-support": "^7.0.0",
+		"@atlaskit/visually-hidden": "^4.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"@tanstack/react-virtual": "3.0.0-beta.60",
@@ -80,9 +73,9 @@
 	"devDependencies": {
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/media-core": "^37.1.0",
+		"@atlaskit/media-core": "^38.0.0",
 		"@atlaskit/ssr": "workspace:^",
-		"@atlaskit/theme": "^25.0.0",
+		"@atlaskit/theme": "^26.0.0",
 		"@atlassian/a11y-jest-testing": "^0.12.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@emotion/jest": "^11.8.0",