@atlaskit/emoji 67.0.7 → 67.2.0

package/dist/esm/i18n/uk.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -6,38 +7,38 @@
  */
 //Ukrainian (Ukraine)
 export default {
-  'fabric.emoji.add.custom.emoji.label': 'Додати власний емодзі',
-  'fabric.emoji.add.label': 'Додати емодзі',
-  'fabric.emoji.cancel.label': 'Скасувати',
-  'fabric.emoji.categories.search.results': 'Результати пошуку',
-  'fabric.emoji.category.activity': 'Дія',
-  'fabric.emoji.category.all.uploads': 'Усі завантаження',
-  'fabric.emoji.category.flags': 'Прапори',
-  'fabric.emoji.category.foods': 'Їжа та напої',
-  'fabric.emoji.category.frequent': 'Часті',
-  'fabric.emoji.category.nature': 'Природа',
-  'fabric.emoji.category.objects': 'Об’єкти',
-  'fabric.emoji.category.people': 'Контакти',
-  'fabric.emoji.category.places': 'Подорожі та місця',
-  'fabric.emoji.category.productivity': 'Робота',
-  'fabric.emoji.category.symbols': 'Символи',
-  'fabric.emoji.category.user.uploads': 'Ваші завантаження',
-  'fabric.emoji.choose.file.screenReaderDescription': 'Виберіть файл емодзі у форматі JPG, PNG або GIF. Його розмір не може перевищувати 1 МБ.',
-  'fabric.emoji.choose.file.title': 'Вибір файлу',
-  'fabric.emoji.delete.description': 'Усі наявні екземпляри цього емодзі буде замінено на емодзі {emojiShortName}',
-  'fabric.emoji.delete.label': 'Видалити',
-  'fabric.emoji.delete.title': 'Видалення емодзі',
-  'fabric.emoji.error.delete.failed': 'Помилка видалення',
-  'fabric.emoji.error.image.too.big': 'Розмір вибраного зображення більше 1 МБ',
-  'fabric.emoji.error.invalid.image': 'Вибрано неправильне зображення',
-  'fabric.emoji.error.upload.failed': 'Помилка завантаження',
-  'fabric.emoji.image.requirements': 'у форматі JPG, PNG або GIF. Його розмір не може перевищувати 1 МБ.',
-  'fabric.emoji.name.ariaLabel': 'Введіть назву нового емодзі',
-  'fabric.emoji.placeholder': 'Назва емодзі',
-  'fabric.emoji.preview': 'Емодзі {emoji} виглядає чудово',
-  'fabric.emoji.preview.title': 'Попередній перегляд',
-  'fabric.emoji.retry.label': 'Повторити спробу',
-  'fabric.emoji.search.label': 'Пошук емодзі',
-  'fabric.emoji.search.placeholder': 'Пошук',
-  'fabric.emoji.select.skin.tone.ariaLabel': 'Вибрати тон шкіри, {selectedTone}'
+  "fabric.emoji.add.custom.emoji.label": "Додати власний емодзі",
+  "fabric.emoji.add.label": "Додати емодзі",
+  "fabric.emoji.cancel.label": "Скасувати",
+  "fabric.emoji.categories.search.results": "Результати пошуку",
+  "fabric.emoji.category.activity": "Дія",
+  "fabric.emoji.category.all.uploads": "Усі завантаження",
+  "fabric.emoji.category.flags": "Прапори",
+  "fabric.emoji.category.foods": "Їжа та напої",
+  "fabric.emoji.category.frequent": "Часті",
+  "fabric.emoji.category.nature": "Природа",
+  "fabric.emoji.category.objects": "Об’єкти",
+  "fabric.emoji.category.people": "Контакти",
+  "fabric.emoji.category.places": "Подорожі та місця",
+  "fabric.emoji.category.productivity": "Робота",
+  "fabric.emoji.category.symbols": "Символи",
+  "fabric.emoji.category.user.uploads": "Ваші завантаження",
+  "fabric.emoji.choose.file.screenReaderDescription": "Виберіть файл емодзі у форматі JPG, PNG або GIF. Його розмір не може перевищувати 1 МБ.",
+  "fabric.emoji.choose.file.title": "Вибір файлу",
+  "fabric.emoji.delete.description": "Усі наявні екземпляри цього емодзі буде замінено на емодзі {emojiShortName}",
+  "fabric.emoji.delete.label": "Видалити",
+  "fabric.emoji.delete.title": "Видалення емодзі",
+  "fabric.emoji.error.delete.failed": "Помилка видалення",
+  "fabric.emoji.error.image.too.big": "Розмір вибраного зображення більше 1 МБ",
+  "fabric.emoji.error.invalid.image": "Вибрано неправильне зображення",
+  "fabric.emoji.error.upload.failed": "Помилка завантаження",
+  "fabric.emoji.image.requirements": "у форматі JPG, PNG або GIF. Його розмір не може перевищувати 1 МБ.",
+  "fabric.emoji.name.ariaLabel": "Введіть назву нового емодзі",
+  "fabric.emoji.placeholder": "Назва емодзі",
+  "fabric.emoji.preview": "Емодзі {emoji} виглядає чудово",
+  "fabric.emoji.preview.title": "Попередній перегляд",
+  "fabric.emoji.retry.label": "Повторити спробу",
+  "fabric.emoji.search.label": "Пошук емодзі",
+  "fabric.emoji.search.placeholder": "Пошук",
+  "fabric.emoji.select.skin.tone.ariaLabel": "Вибрати тон шкіри, {selectedTone}"
 };

package/dist/esm/i18n/vi.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -6,38 +7,38 @@
  */
 //Vietnamese (Vietnam)
 export default {
-  'fabric.emoji.add.custom.emoji.label': 'Thêm biểu tượng cảm xúc của riêng bạn',
-  'fabric.emoji.add.label': 'Thêm biểu tượng cảm xúc',
-  'fabric.emoji.cancel.label': 'Hủy',
-  'fabric.emoji.categories.search.results': 'Kết quả tìm kiếm',
-  'fabric.emoji.category.activity': 'Hoạt động',
-  'fabric.emoji.category.all.uploads': 'Tất cả các nội dung tải lên',
-  'fabric.emoji.category.flags': 'Cờ',
-  'fabric.emoji.category.foods': 'Thực phẩm & Đồ uống',
-  'fabric.emoji.category.frequent': 'Thường ngày',
-  'fabric.emoji.category.nature': 'Thiên nhiên',
-  'fabric.emoji.category.objects': 'Đồ vật',
-  'fabric.emoji.category.people': 'Mọi người',
-  'fabric.emoji.category.places': 'Du lịch & Địa điểm',
-  'fabric.emoji.category.productivity': 'Năng suất',
-  'fabric.emoji.category.symbols': 'Biểu tượng',
-  'fabric.emoji.category.user.uploads': 'Các nội dung bạn tải lên',
-  'fabric.emoji.choose.file.screenReaderDescription': 'Chọn một tệp cho biểu tượng cảm xúc. JPG, PNG hoặc GIF. Kích thước tối đa 1 MB.',
-  'fabric.emoji.choose.file.title': 'Chọn tập tin',
-  'fabric.emoji.delete.description': 'Tất cả các phiên bản hiện tại của biểu tượng cảm xúc này sẽ được thay thế bằng {emojiShortName}',
-  'fabric.emoji.delete.label': 'Xóa',
-  'fabric.emoji.delete.title': 'Xóa biểu tượng cảm xúc',
-  'fabric.emoji.error.delete.failed': 'Không xóa được',
-  'fabric.emoji.error.image.too.big': 'Hình ảnh đã chọn có kích thước lớn hơn 1 MB',
-  'fabric.emoji.error.invalid.image': 'Hình ảnh đã chọn không hợp lệ',
-  'fabric.emoji.error.upload.failed': 'Không thể tải lên',
-  'fabric.emoji.image.requirements': 'JPG, PNG hoặc GIF. Kích thước tối đa 1 MB.',
-  'fabric.emoji.name.ariaLabel': 'Nhập tên cho biểu tượng cảm xúc mới này',
-  'fabric.emoji.placeholder': 'Tên biểu tượng cảm xúc',
-  'fabric.emoji.preview': 'Biểu tượng cảm xúc mới của bạn {emoji} trông rất tuyệt',
-  'fabric.emoji.preview.title': 'Xem trước',
-  'fabric.emoji.retry.label': 'Thử lại',
-  'fabric.emoji.search.label': 'Tìm kiếm biểu tượng cảm xúc',
-  'fabric.emoji.search.placeholder': 'Tìm kiếm',
-  'fabric.emoji.select.skin.tone.ariaLabel': 'Chọn tông màu da, {selectedTone}'
+  "fabric.emoji.add.custom.emoji.label": "Thêm biểu tượng cảm xúc của riêng bạn",
+  "fabric.emoji.add.label": "Thêm biểu tượng cảm xúc",
+  "fabric.emoji.cancel.label": "Hủy",
+  "fabric.emoji.categories.search.results": "Kết quả tìm kiếm",
+  "fabric.emoji.category.activity": "Hoạt động",
+  "fabric.emoji.category.all.uploads": "Tất cả các nội dung tải lên",
+  "fabric.emoji.category.flags": "Cờ",
+  "fabric.emoji.category.foods": "Thực phẩm & Đồ uống",
+  "fabric.emoji.category.frequent": "Thường ngày",
+  "fabric.emoji.category.nature": "Thiên nhiên",
+  "fabric.emoji.category.objects": "Đồ vật",
+  "fabric.emoji.category.people": "Mọi người",
+  "fabric.emoji.category.places": "Du lịch & Địa điểm",
+  "fabric.emoji.category.productivity": "Năng suất",
+  "fabric.emoji.category.symbols": "Biểu tượng",
+  "fabric.emoji.category.user.uploads": "Các nội dung bạn tải lên",
+  "fabric.emoji.choose.file.screenReaderDescription": "Chọn một tệp cho biểu tượng cảm xúc. JPG, PNG hoặc GIF. Kích thước tối đa 1 MB.",
+  "fabric.emoji.choose.file.title": "Chọn tập tin",
+  "fabric.emoji.delete.description": "Tất cả các phiên bản hiện tại của biểu tượng cảm xúc này sẽ được thay thế bằng {emojiShortName}",
+  "fabric.emoji.delete.label": "Xóa",
+  "fabric.emoji.delete.title": "Xóa biểu tượng cảm xúc",
+  "fabric.emoji.error.delete.failed": "Không xóa được",
+  "fabric.emoji.error.image.too.big": "Hình ảnh đã chọn có kích thước lớn hơn 1 MB",
+  "fabric.emoji.error.invalid.image": "Hình ảnh đã chọn không hợp lệ",
+  "fabric.emoji.error.upload.failed": "Không thể tải lên",
+  "fabric.emoji.image.requirements": "JPG, PNG hoặc GIF. Kích thước tối đa 1 MB.",
+  "fabric.emoji.name.ariaLabel": "Nhập tên cho biểu tượng cảm xúc mới này",
+  "fabric.emoji.placeholder": "Tên biểu tượng cảm xúc",
+  "fabric.emoji.preview": "Biểu tượng cảm xúc mới của bạn {emoji} trông rất tuyệt",
+  "fabric.emoji.preview.title": "Xem trước",
+  "fabric.emoji.retry.label": "Thử lại",
+  "fabric.emoji.search.label": "Tìm kiếm biểu tượng cảm xúc",
+  "fabric.emoji.search.placeholder": "Tìm kiếm",
+  "fabric.emoji.select.skin.tone.ariaLabel": "Chọn tông màu da, {selectedTone}"
 };

package/dist/esm/i18n/zh.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -6,38 +7,38 @@
  */
 //Chinese (Simplified)
 export default {
-  'fabric.emoji.add.custom.emoji.label': '添加您自己的表情符号',
-  'fabric.emoji.add.label': '添加表情符号',
-  'fabric.emoji.cancel.label': '取消',
-  'fabric.emoji.categories.search.results': '搜索结果',
-  'fabric.emoji.category.activity': '活动',
-  'fabric.emoji.category.all.uploads': '所有上传',
-  'fabric.emoji.category.flags': '标记',
-  'fabric.emoji.category.foods': '食物和饮品',
-  'fabric.emoji.category.frequent': '频率',
-  'fabric.emoji.category.nature': '性质',
-  'fabric.emoji.category.objects': '对象',
-  'fabric.emoji.category.people': '人员',
-  'fabric.emoji.category.places': '旅行和地点',
-  'fabric.emoji.category.productivity': '生产力',
-  'fabric.emoji.category.symbols': '符号',
-  'fabric.emoji.category.user.uploads': '您的上传',
-  'fabric.emoji.choose.file.screenReaderDescription': '为表情符号选择一个文件。JPG、PNG 或 GIF。文件大小不得超过 1 MB。',
-  'fabric.emoji.choose.file.title': '选择文件',
-  'fabric.emoji.delete.description': '此表情符号的所有现有实例将替换为{emojiShortName}',
-  'fabric.emoji.delete.label': '删除',
-  'fabric.emoji.delete.title': '删除表情符号',
-  'fabric.emoji.error.delete.failed': '删除失败',
-  'fabric.emoji.error.image.too.big': '选择的图像超过 1 MB',
-  'fabric.emoji.error.invalid.image': '选择的图像无效',
-  'fabric.emoji.error.upload.failed': '上传失败',
-  'fabric.emoji.image.requirements': 'JPG、PNG 或 GIF 最大为 1 MB。',
-  'fabric.emoji.name.ariaLabel': '为新表情符号输入名称',
-  'fabric.emoji.placeholder': '表情符号名称',
-  'fabric.emoji.preview': '您的新表情符号{emoji}看起来很棒',
-  'fabric.emoji.preview.title': '预览',
-  'fabric.emoji.retry.label': '重试',
-  'fabric.emoji.search.label': '搜索表情',
-  'fabric.emoji.search.placeholder': '搜索',
-  'fabric.emoji.select.skin.tone.ariaLabel': '选择肤色，{selectedTone}'
+  "fabric.emoji.add.custom.emoji.label": "添加您自己的表情符号",
+  "fabric.emoji.add.label": "添加表情符号",
+  "fabric.emoji.cancel.label": "取消",
+  "fabric.emoji.categories.search.results": "搜索结果",
+  "fabric.emoji.category.activity": "活动",
+  "fabric.emoji.category.all.uploads": "所有上传",
+  "fabric.emoji.category.flags": "标记",
+  "fabric.emoji.category.foods": "食物和饮品",
+  "fabric.emoji.category.frequent": "频率",
+  "fabric.emoji.category.nature": "性质",
+  "fabric.emoji.category.objects": "对象",
+  "fabric.emoji.category.people": "人员",
+  "fabric.emoji.category.places": "旅行和地点",
+  "fabric.emoji.category.productivity": "生产力",
+  "fabric.emoji.category.symbols": "符号",
+  "fabric.emoji.category.user.uploads": "您的上传",
+  "fabric.emoji.choose.file.screenReaderDescription": "为表情符号选择一个文件。JPG、PNG 或 GIF。文件大小不得超过 1 MB。",
+  "fabric.emoji.choose.file.title": "选择文件",
+  "fabric.emoji.delete.description": "此表情符号的所有现有实例将替换为{emojiShortName}",
+  "fabric.emoji.delete.label": "删除",
+  "fabric.emoji.delete.title": "删除表情符号",
+  "fabric.emoji.error.delete.failed": "删除失败",
+  "fabric.emoji.error.image.too.big": "选择的图像超过 1 MB",
+  "fabric.emoji.error.invalid.image": "选择的图像无效",
+  "fabric.emoji.error.upload.failed": "上传失败",
+  "fabric.emoji.image.requirements": "JPG、PNG 或 GIF 最大为 1 MB。",
+  "fabric.emoji.name.ariaLabel": "为新表情符号输入名称",
+  "fabric.emoji.placeholder": "表情符号名称",
+  "fabric.emoji.preview": "您的新表情符号{emoji}看起来很棒",
+  "fabric.emoji.preview.title": "预览",
+  "fabric.emoji.retry.label": "重试",
+  "fabric.emoji.search.label": "搜索表情",
+  "fabric.emoji.search.placeholder": "搜索",
+  "fabric.emoji.select.skin.tone.ariaLabel": "选择肤色，{selectedTone}"
 };

package/dist/esm/i18n/zh_TW.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -6,38 +7,38 @@
  */
 //Chinese (Traditional)
 export default {
-  'fabric.emoji.add.custom.emoji.label': '新增專屬的表情符號',
-  'fabric.emoji.add.label': '新增表情符號',
-  'fabric.emoji.cancel.label': '取消',
-  'fabric.emoji.categories.search.results': '搜尋結果',
-  'fabric.emoji.category.activity': '活動',
-  'fabric.emoji.category.all.uploads': '所有上傳項目',
-  'fabric.emoji.category.flags': '旗標',
-  'fabric.emoji.category.foods': '食物和飲料',
-  'fabric.emoji.category.frequent': '常用項目',
-  'fabric.emoji.category.nature': '自然',
-  'fabric.emoji.category.objects': '物體',
-  'fabric.emoji.category.people': '人員',
-  'fabric.emoji.category.places': '旅遊和地點',
-  'fabric.emoji.category.productivity': '生產力',
-  'fabric.emoji.category.symbols': '符號',
-  'fabric.emoji.category.user.uploads': '您的上傳項目',
-  'fabric.emoji.choose.file.screenReaderDescription': '請選擇表情符號的檔案。JPG、PNG 或 GIF。大小上限為 1 MB。',
-  'fabric.emoji.choose.file.title': '選擇檔案',
-  'fabric.emoji.delete.description': '此表情符號的所有現有執行個體都將取代為 {emojiShortName}',
-  'fabric.emoji.delete.label': '移除',
-  'fabric.emoji.delete.title': '移除表情符號',
-  'fabric.emoji.error.delete.failed': '移除失敗',
-  'fabric.emoji.error.image.too.big': '所選的影像超過 1 MB',
-  'fabric.emoji.error.invalid.image': '所選的影像無效',
-  'fabric.emoji.error.upload.failed': '上傳失敗',
-  'fabric.emoji.image.requirements': 'JPG、PNG 或 GIF。大小上限為 1 MB。',
-  'fabric.emoji.name.ariaLabel': '請輸入新表情符號的名稱',
-  'fabric.emoji.placeholder': '表情符號名稱',
-  'fabric.emoji.preview': '新的表情符號 {emoji} 看起來很棒',
-  'fabric.emoji.preview.title': '預覽',
-  'fabric.emoji.retry.label': '重試',
-  'fabric.emoji.search.label': '搜尋表情符號',
-  'fabric.emoji.search.placeholder': '搜尋',
-  'fabric.emoji.select.skin.tone.ariaLabel': '選取膚色，{selectedTone}'
+  "fabric.emoji.add.custom.emoji.label": "新增專屬的表情符號",
+  "fabric.emoji.add.label": "新增表情符號",
+  "fabric.emoji.cancel.label": "取消",
+  "fabric.emoji.categories.search.results": "搜尋結果",
+  "fabric.emoji.category.activity": "活動",
+  "fabric.emoji.category.all.uploads": "所有上傳項目",
+  "fabric.emoji.category.flags": "旗標",
+  "fabric.emoji.category.foods": "食物和飲料",
+  "fabric.emoji.category.frequent": "常用項目",
+  "fabric.emoji.category.nature": "自然",
+  "fabric.emoji.category.objects": "物體",
+  "fabric.emoji.category.people": "人員",
+  "fabric.emoji.category.places": "旅遊和地點",
+  "fabric.emoji.category.productivity": "生產力",
+  "fabric.emoji.category.symbols": "符號",
+  "fabric.emoji.category.user.uploads": "您的上傳項目",
+  "fabric.emoji.choose.file.screenReaderDescription": "請選擇表情符號的檔案。JPG、PNG 或 GIF。大小上限為 1 MB。",
+  "fabric.emoji.choose.file.title": "選擇檔案",
+  "fabric.emoji.delete.description": "此表情符號的所有現有執行個體都將取代為 {emojiShortName}",
+  "fabric.emoji.delete.label": "移除",
+  "fabric.emoji.delete.title": "移除表情符號",
+  "fabric.emoji.error.delete.failed": "移除失敗",
+  "fabric.emoji.error.image.too.big": "所選的影像超過 1 MB",
+  "fabric.emoji.error.invalid.image": "所選的影像無效",
+  "fabric.emoji.error.upload.failed": "上傳失敗",
+  "fabric.emoji.image.requirements": "JPG、PNG 或 GIF。大小上限為 1 MB。",
+  "fabric.emoji.name.ariaLabel": "請輸入新表情符號的名稱",
+  "fabric.emoji.placeholder": "表情符號名稱",
+  "fabric.emoji.preview": "新的表情符號 {emoji} 看起來很棒",
+  "fabric.emoji.preview.title": "預覽",
+  "fabric.emoji.retry.label": "重試",
+  "fabric.emoji.search.label": "搜尋表情符號",
+  "fabric.emoji.search.placeholder": "搜尋",
+  "fabric.emoji.select.skin.tone.ariaLabel": "選取膚色，{selectedTone}"
 };

package/dist/esm/types.js

@@ -34,6 +34,11 @@ export var SearchSort;
   SearchSort[SearchSort["Default"] = 1] = "Default";
   SearchSort[SearchSort["UsageFrequency"] = 2] = "UsageFrequency";
 })(SearchSort || (SearchSort = {}));
+export var SearchSourceTypes;
+(function (SearchSourceTypes) {
+  SearchSourceTypes["PICKER"] = "picker";
+  SearchSourceTypes["TYPEAHEAD"] = "typeahead";
+})(SearchSourceTypes || (SearchSourceTypes = {}));
 export var ProviderTypes;
 (function (ProviderTypes) {
   ProviderTypes["SITE"] = "SITE";

package/dist/esm/util/constants.js

@@ -1,6 +1,8 @@
 export var customCategory = 'CUSTOM';
 export var frequentCategory = 'FREQUENT';
 export var customType = 'SITE';
+export var searchCategory = 'SEARCH';
+export var yourUploadsCategory = 'USER_CUSTOM';
 export var customTitle = 'allUploadsCustomCategory';
 export var userCustomTitle = 'userUploadsCustomCategory';
 export var dataURLPrefix = 'data:';
@@ -24,9 +26,39 @@ export var emojiPickerHeightWithPreview = emojiPickerHeight + emojiPickerPreview
 export var localStoragePrefix = 'fabric.emoji';
 export var selectedToneStorageKey = "".concat(localStoragePrefix, ".selectedTone");
 export var defaultCategories = ['PEOPLE', 'NATURE', 'FOODS', 'ACTIVITY', 'PLACES', 'OBJECTS', 'SYMBOLS', 'FLAGS'];
+export var KeyboardKeys;
+
+// Used to search available emoji in the picker list to focus
+(function (KeyboardKeys) {
+  KeyboardKeys["ArrowLeft"] = "ArrowLeft";
+  KeyboardKeys["ArrowRight"] = "ArrowRight";
+  KeyboardKeys["ArrowUp"] = "ArrowUp";
+  KeyboardKeys["ArrowDown"] = "ArrowDown";
+  KeyboardKeys["PageUp"] = "PageUp";
+  KeyboardKeys["PageDown"] = "PageDown";
+  KeyboardKeys["Home"] = "Home";
+  KeyboardKeys["End"] = "End";
+  KeyboardKeys["Enter"] = "Enter";
+  KeyboardKeys["Tab"] = "Tab";
+  KeyboardKeys["Space"] = " ";
+})(KeyboardKeys || (KeyboardKeys = {}));
+export var KeyboardNavigationDirection;
+(function (KeyboardNavigationDirection) {
+  KeyboardNavigationDirection["Down"] = "Down";
+  KeyboardNavigationDirection["Up"] = "Up";
+  KeyboardNavigationDirection["Left"] = "Left";
+  KeyboardNavigationDirection["Right"] = "Right";
+})(KeyboardNavigationDirection || (KeyboardNavigationDirection = {}));
+export var CATEGORYSELECTOR_KEYBOARD_KEYS_SUPPORTED = [KeyboardKeys.ArrowRight, KeyboardKeys.ArrowLeft, KeyboardKeys.Home, KeyboardKeys.End];
+export var TONESELECTOR_KEYBOARD_KEYS_SUPPORTED = [KeyboardKeys.Enter, KeyboardKeys.Tab, KeyboardKeys.Space];
+export var EMOJIPICKERLIST_KEYBOARD_KEYS_SUPPORTED = [KeyboardKeys.ArrowRight, KeyboardKeys.ArrowLeft, KeyboardKeys.Home, KeyboardKeys.End, KeyboardKeys.ArrowUp, KeyboardKeys.ArrowDown, KeyboardKeys.PageUp, KeyboardKeys.PageDown];
+export var DEFAULT_TONE = 0;
 export var defaultListLimit = 50;
 export var migrationUserId = 'hipchat_migration_emoticons';
 export var analyticsEmojiPrefix = 'atlassian.fabric.emoji.picker';
+export var EMOJI_LIST_COLUMNS = 8;
+export var EMOJI_LIST_PAGE_COUNT = 5;
+export var EMOJI_SEARCH_DEBOUNCE = 150;
 
 // This is the base sampling rate in Emoji
 export var SAMPLING_RATE_EMOJI_RENDERED_EXP = 20;

package/dist/esm/util/shared-styles.js

@@ -1,4 +1,3 @@
-import { borderRadius } from '@atlaskit/theme/constants';
 import { N40, N30 } from '@atlaskit/theme/colors';
 import { emojiPickerWidth } from './constants';
 export var emojiPickerListWidth = emojiPickerWidth;
@@ -6,7 +5,7 @@ export var emojiPickerListHeight = 205;
 export var emojiPickerBorderColor = "var(--ds-border, ".concat(N40, ")");
 export var emojiPickerBoxShadow = "var(--ds-shadow-overlay, 0 3px 6px rgba(0, 0, 0, 0.2))";
 export var noDialogContainerBorderColor = "var(--ds-border, ".concat(N40, ")");
-export var noDialogContainerBorderRadius = "".concat(borderRadius(), "px");
+export var noDialogContainerBorderRadius = "var(--ds-radius-100, 3px)";
 export var noDialogContainerBoxShadow = "var(--ds-shadow-overlay, 0 3px 6px rgba(0, 0, 0, 0.2))";
 export var akEmojiSelectedBackgroundColor = "var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")");
 export var emojiPreviewSelectedColor = "var(--ds-background-neutral, ".concat(N30, ")");

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "67.0.7",
+	"version": "67.2.0",
 	"sideEffects": false
 }

package/dist/types/api/EmojiResource.d.ts

@@ -74,6 +74,7 @@ export declare class EmojiResource extends AbstractResource<string, EmojiSearchR
     protected emojiRepository?: EmojiRepository;
     protected lastQuery?: LastQuery;
     protected activeLoaders: number;
+    protected initialLoaders: number;
     protected retries: Map<Retry<any>, ResolveReject<any>>;
     protected siteEmojiResource?: SiteEmojiResource;
     protected selectedTone: ToneSelection;
@@ -95,6 +96,7 @@ export declare class EmojiResource extends AbstractResource<string, EmojiSearchR
     protected initSiteEmojiResource(emojiResponse: EmojiResponse, provider: ServiceConfig): Promise<void>;
     private performRetries;
     getOptimisticImageURL: (emojiId: EmojiId) => string | undefined;
+    protected isRepositoryAvailable: <T>(repository?: T | undefined) => repository is T;
     private isLoaded;
     private loadStoredTone;
     protected refreshLastFilter(): void;

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

@@ -1,6 +1,8 @@
+/** @jsx jsx */
+import React from 'react';
 import { jsx } from '@emotion/react';
 import { EmojiDescription, OnEmojiEvent } from '../../types';
-export interface Props {
+export interface Props extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onMouseMove' | 'onFocus'> {
     /**
      * The emoji to render
      */
@@ -23,6 +25,10 @@ export interface Props {
      * Called when the mouse moves over the emoji.
      */
     onMouseMove?: OnEmojiEvent;
+    /**
+     * Called when the mouse moves over the emoji.
+     */
+    onFocus?: OnEmojiEvent;
     /**
      * Called when an emoji is deleted
      */

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

@@ -21,14 +21,15 @@ export interface Props {
     onFileChooserClicked?: () => void;
     onOpenUpload: () => void;
     query?: string;
-    onChange: any;
+    onChange: (value: string) => void;
+    resultsCount?: number;
 }
 export declare const emojiActionsTestId = "emoji-actions";
 export declare const uploadEmojiTestId = "upload-emoji";
 declare type PropsWithWrappedComponentPropsType = Props & WrappedComponentProps;
 declare type EmojiActionsProps = PropsWithWrappedComponentPropsType;
 export declare const EmojiActions: FC<EmojiActionsProps>;
-declare const _default: FC<import("react-intl-next").WithIntlProps<PropsWithWrappedComponentPropsType>> & {
-    WrappedComponent: import("react").ComponentType<PropsWithWrappedComponentPropsType>;
+declare const _default: FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/components/common/{EmojiButton.d.ts → EmojiRadioButton.d.ts}

@@ -6,9 +6,8 @@ export interface Props {
     onSelected?: () => void;
     selectOnHover?: boolean;
     ariaLabelText?: string;
-    ariaExpanded?: boolean;
-    shouldHideButton?: boolean;
+    defaultChecked?: boolean;
 }
-export declare const EmojiButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>>;
+export declare const EmojiRadioButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>>;
 export default _default;

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

@@ -1,11 +1,13 @@
 /** @jsx jsx */
-import React from 'react';
+import { FC } from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
 import { EmojiUpload, Message } from '../../types';
 export interface OnUploadEmoji {
     (upload: EmojiUpload, retry: boolean, onSuccessHandler?: () => void): void;
 }
 export declare const uploadEmojiNameInputTestId = "upload-emoji-name-input";
+export declare const uploadEmojiComponentTestId = "upload-emoji-component";
+export declare const cancelEmojiUploadPickerTestId = "cancel-emoji-upload-picker";
 export interface Props {
     onUploadEmoji: OnUploadEmoji;
     onUploadCancelled: () => void;
@@ -13,7 +15,7 @@ export interface Props {
     errorMessage?: Message;
     initialUploadName?: string;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const EmojiUploadPickerComponent: FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
 };
-export default _default;
+export default EmojiUploadPickerComponent;

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

@@ -6,6 +6,7 @@ export interface Props {
     error: boolean;
     onSubmit: () => void;
     loading: boolean;
+    ariaDescribedby?: string;
 }
 export declare const retryUploadButtonTestId = "retry-upload-button";
 export declare const uploadEmojiButtonTestId = "upload-emoji-button";

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { EmojiDescription } from '../../types';
+export declare const tonePreviewTestId = "tone-preview";
+export interface Props {
+    emoji: EmojiDescription;
+    isVisible?: boolean;
+    onSelected?: () => void;
+    selectOnHover?: boolean;
+    ariaLabelText?: string;
+    ariaExpanded?: boolean;
+}
+export declare const TonePreviewButton: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement>>;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement>>>;
+export default _default;

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

@@ -1,12 +1,15 @@
-import React, { FC } from 'react';
-import { EmojiDescriptionWithVariations, OnToneSelected } from '../../types';
+import { FC } from 'react';
+import { EmojiDescriptionWithVariations, OnToneSelected, ToneSelection } from '../../types';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 export interface Props {
     emoji: EmojiDescriptionWithVariations;
+    isVisible: boolean;
     onToneSelected: OnToneSelected;
-    previewEmojiId?: string;
+    onToneClose?: () => void;
+    selectedTone?: ToneSelection;
 }
+export declare const toneSelectorTestId = "tone-selector";
 declare type PropsWithAnalyticsEventsPropsType = Props & WithAnalyticsEventsProps;
 export declare const ToneSelectorInternal: FC<PropsWithAnalyticsEventsPropsType>;
-declare const ToneSelector: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<PropsWithAnalyticsEventsPropsType>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
-export default ToneSelector;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("react").PropsWithChildren<PropsWithAnalyticsEventsPropsType>, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>>;
+export default _default;

package/dist/types/components/common/internal-types.d.ts

@@ -4,8 +4,17 @@ export interface EmojiContext {
         emojiProvider: EmojiProvider;
     };
 }
+interface FocusIndexes {
+    rowIndex: number;
+    columnIndex: number;
+}
+export interface EmojiPickerListContextType {
+    currentEmojisFocus: FocusIndexes;
+    setEmojisFocus: (indexes: FocusIndexes) => void;
+}
 export declare enum UploadStatus {
     Waiting = 0,
     Uploading = 1,
     Error = 2
 }
+export {};

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

@@ -12,8 +12,9 @@ export declare const emojiContainer: 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 hiddenToneButton: 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;