@atlaskit/user-picker 11.16.1 → 11.18.0

package/dist/es2019/i18n/tr.js

@@ -5,6 +5,47 @@
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-
-import translations from '@atlaskit/afm-i18n-platform-elements-user-picker/i18n/tr';
-export default translations;
+//Turkish (Turkey)
+export default {
+  'fabric.elements.user-picker.custom.type.label': 'Özel Ayarlar',
+  'fabric.elements.user-picker.email.add': 'Kullanıcı ekleyin',
+  'fabric.elements.user-picker.email.add.potential': 'Bir e-posta adresi girin',
+  'fabric.elements.user-picker.email.select.to.add': 'Bir e-posta adresi seçin',
+  'fabric.elements.user-picker.email.type.label': 'E-postalar',
+  'fabric.elements.user-picker.error.message': 'Bir hata oluştu',
+  'fabric.elements.user-picker.external.sourced.error': 'Şu anda bağlantınızı kuramıyoruz.',
+  'fabric.elements.user-picker.external.sourced.from': 'Bulunduğu yer:',
+  'fabric.elements.user-picker.external.user.type.label': 'Harici Kullanıcılar',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.group.byline': 'Yönetici tarafından yönetilen grup',
+  'fabric.elements.user-picker.group.byline.admin-managed': 'Yönetici grubu {verifiedIcon}',
+  'fabric.elements.user-picker.group.type.label': 'Gruplar',
+  'fabric.elements.user-picker.guest.lozenge.text': 'KONUK',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Konuk gruplar yalnızca bazı alanlara erişebilir ve kullanıcı bilgilerine erişimleri de kısıtlıdır.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Konuklar yalnızca bazı alanlara erişebilir ve kullanıcı bilgilerine erişimleri de kısıtlıdır.',
+  'fabric.elements.user-picker.member.lozenge.text': 'ÜYE',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.multi.remove-item': 'Kaldır',
+  'fabric.elements.user-picker.other.type.label': 'Diğer',
+  'fabric.elements.user-picker.placeholder': 'Kişi veya takım girin...',
+  'fabric.elements.user-picker.placeholder.add-more': 'daha fazla kişi ekleyin...',
+  'fabric.elements.user-picker.single.clear': 'Temizle',
+  'fabric.elements.user-picker.slack.provider': 'Slack',
+  'fabric.elements.user-picker.source.confluence': 'Confluence',
+  'fabric.elements.user-picker.source.jira': 'Jira',
+  'fabric.elements.user-picker.source.other-atlassian': 'Diğer Atlassian ürünleri',
+  'fabric.elements.user-picker.source.other-atlassian-appify': 'Diğer Atlassian uygulamaları',
+  'fabric.elements.user-picker.team.byline': 'Takım',
+  'fabric.elements.user-picker.team.byline.official': 'Resmi takım {verifiedIcon}',
+  'fabric.elements.user-picker.team.member.50plus': "Takım • 50'den fazla üye",
+  'fabric.elements.user-picker.team.member.50plus.including.you': "Takım • Siz de dahil olmak üzere 50'den fazla üye",
+  'fabric.elements.user-picker.team.member.50plus.official': "Resmi takım {verifiedIcon} • 50'den fazla üye",
+  'fabric.elements.user-picker.team.member.50plus.official.including.you': "Resmi takım {verifiedIcon} • 50'den fazla üye, siz dahil",
+  'fabric.elements.user-picker.team.member.count': '{count, plural, one {Takım • {count} üye} other {Takım • {count} üye}}',
+  'fabric.elements.user-picker.team.member.count.including.you': '{count, plural, one {Takım • Siz de dahil olmak üzere {count} üye} other {Takım • Siz de dahil olmak üzere {count} üye}}',
+  'fabric.elements.user-picker.team.member.count.official': '{count, plural, one {Resmi takım {verifiedIcon} • {count} üye} other {Resmi takım {verifiedIcon} • {count} üye}}',
+  'fabric.elements.user-picker.team.member.count.official.including.you': '{count, plural, one {Resmi takım {verifiedIcon} • {count} üye, siz dahil} other {Resmi takım {verifiedIcon} • {count} üye, siz dahil}}',
+  'fabric.elements.user-picker.team.type.label': 'Takımlar',
+  'fabric.elements.user-picker.user.type.label': 'Kişiler'
+};

package/dist/es2019/i18n/uk.js

@@ -5,6 +5,47 @@
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-
-import translations from '@atlaskit/afm-i18n-platform-elements-user-picker/i18n/uk';
-export default translations;
+//Ukrainian (Ukraine)
+export default {
+  'fabric.elements.user-picker.custom.type.label': 'Настроювані',
+  'fabric.elements.user-picker.email.add': 'Додайте користувача',
+  'fabric.elements.user-picker.email.add.potential': 'Введіть адресу електронної пошти',
+  'fabric.elements.user-picker.email.select.to.add': 'Виберіть адресу електронної пошти',
+  'fabric.elements.user-picker.email.type.label': 'Адреси електронної пошти',
+  'fabric.elements.user-picker.error.message': 'Сталася помилка',
+  'fabric.elements.user-picker.external.sourced.error': 'Не вдається вас підключити.',
+  'fabric.elements.user-picker.external.sourced.from': 'Знайдено в:',
+  'fabric.elements.user-picker.external.user.type.label': 'Зовнішні користувачі',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.group.byline': 'Група, яку модерує адміністратор',
+  'fabric.elements.user-picker.group.byline.admin-managed': 'Група під керуванням адміністратора {verifiedIcon}',
+  'fabric.elements.user-picker.group.type.label': 'Групи',
+  'fabric.elements.user-picker.guest.lozenge.text': 'ГІСТЬ',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Групи гостей мають доступ лише до певних розділів, а також обмежений доступ до інформації про користувачів.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Гості мають доступ лише до певних розділів, а також обмежений доступ до інформації про користувачів.',
+  'fabric.elements.user-picker.member.lozenge.text': 'Учасник',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.multi.remove-item': 'Видалити',
+  'fabric.elements.user-picker.other.type.label': 'Інше',
+  'fabric.elements.user-picker.placeholder': 'Укажіть користувачів або команди…',
+  'fabric.elements.user-picker.placeholder.add-more': 'додайте інших користувачів…',
+  'fabric.elements.user-picker.single.clear': 'Очистити',
+  'fabric.elements.user-picker.slack.provider': 'Slack',
+  'fabric.elements.user-picker.source.confluence': 'Confluence',
+  'fabric.elements.user-picker.source.jira': 'Jira',
+  'fabric.elements.user-picker.source.other-atlassian': 'Інші продукти Atlassian',
+  'fabric.elements.user-picker.source.other-atlassian-appify': 'Інші застосунки Atlassian',
+  'fabric.elements.user-picker.team.byline': 'Команда',
+  'fabric.elements.user-picker.team.byline.official': 'Офіційна команда {verifiedIcon}',
+  'fabric.elements.user-picker.team.member.50plus': 'Команда • Понад 50 учасників',
+  'fabric.elements.user-picker.team.member.50plus.including.you': 'Команда • Понад 50 учасників включно з вами',
+  'fabric.elements.user-picker.team.member.50plus.official': 'Офіційна команда {verifiedIcon} • Понад 50 учасників',
+  'fabric.elements.user-picker.team.member.50plus.official.including.you': 'Офіційна команда {verifiedIcon} • Понад 50 учасників разом із вами',
+  'fabric.elements.user-picker.team.member.count': '{count, plural, one {Команда • {count} учасник} few {Команда • {count} учасники} many {Команда • {count} учасників} other {Команда • {count} учасника}}',
+  'fabric.elements.user-picker.team.member.count.including.you': '{count, plural, one {Команда • {count} учасник включно з вами} few {Команда • {count} учасники включно з вами} many {Команда • {count} учасників включно з вами} other {Команда • {count} учасника включно з вами}}',
+  'fabric.elements.user-picker.team.member.count.official': '{count, plural, one {Офіційна команда {verifiedIcon} • {count} учасник} few {Офіційна команда {verifiedIcon} • {count} учасники} many {Офіційна команда {verifiedIcon} • {count} учасників} other {Офіційна команда {verifiedIcon} • {count} учасників}}',
+  'fabric.elements.user-picker.team.member.count.official.including.you': '{count, plural, one {Офіційна команда {verifiedIcon} • {count} учасник разом із вами} few {Офіційна команда {verifiedIcon} • {count} учасники разом із вами} many {Офіційна команда {verifiedIcon} • {count} учасників разом із вами} other {Офіційна команда {verifiedIcon} • {count} учасників разом із вами}}',
+  'fabric.elements.user-picker.team.type.label': 'Команди',
+  'fabric.elements.user-picker.user.type.label': 'Люди'
+};

package/dist/es2019/i18n/vi.js

@@ -5,6 +5,47 @@
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-
-import translations from '@atlaskit/afm-i18n-platform-elements-user-picker/i18n/vi';
-export default translations;
+//Vietnamese (Vietnam)
+export default {
+  'fabric.elements.user-picker.custom.type.label': 'Tùy chỉnh',
+  'fabric.elements.user-picker.email.add': 'Thêm người dùng',
+  'fabric.elements.user-picker.email.add.potential': 'Nhập địa chỉ email',
+  'fabric.elements.user-picker.email.select.to.add': 'Chọn địa chỉ email',
+  'fabric.elements.user-picker.email.type.label': 'Email',
+  'fabric.elements.user-picker.error.message': 'Đã xảy ra lỗi',
+  'fabric.elements.user-picker.external.sourced.error': 'Chúng tôi hiện không thể kết nối bạn.',
+  'fabric.elements.user-picker.external.sourced.from': 'Tìm thấy trong:',
+  'fabric.elements.user-picker.external.user.type.label': 'Người dùng bên ngoài',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.group.byline': 'Nhóm có quản trị viên',
+  'fabric.elements.user-picker.group.byline.admin-managed': 'Nhóm quản trị {verifiedIcon}',
+  'fabric.elements.user-picker.group.type.label': 'Nhóm',
+  'fabric.elements.user-picker.guest.lozenge.text': 'KHÁCH',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Các nhóm khách chỉ có thể vào một số không gian nhất định và có quyền truy cập hạn chế vào thông tin người dùng.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Khách chỉ có thể vào một số không gian nhất định và có quyền truy cập hạn chế vào thông tin người dùng.',
+  'fabric.elements.user-picker.member.lozenge.text': 'Thành viên',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.multi.remove-item': 'Xóa',
+  'fabric.elements.user-picker.other.type.label': 'Khác',
+  'fabric.elements.user-picker.placeholder': 'Nhập người hoặc nhóm...',
+  'fabric.elements.user-picker.placeholder.add-more': 'thêm người khác...',
+  'fabric.elements.user-picker.single.clear': 'Xóa',
+  'fabric.elements.user-picker.slack.provider': 'Slack',
+  'fabric.elements.user-picker.source.confluence': 'Confluence',
+  'fabric.elements.user-picker.source.jira': 'Jira',
+  'fabric.elements.user-picker.source.other-atlassian': 'Các sản phẩm khác của Atlassian',
+  'fabric.elements.user-picker.source.other-atlassian-appify': 'Các ứng dụng khác của Atlassian',
+  'fabric.elements.user-picker.team.byline': 'Đội ngũ',
+  'fabric.elements.user-picker.team.byline.official': 'Đội ngũ chính thức {verifiedIcon}',
+  'fabric.elements.user-picker.team.member.50plus': 'Nhóm • 50+ thành viên',
+  'fabric.elements.user-picker.team.member.50plus.including.you': 'Nhóm • 50+ thành viên, bao gồm cả bạn',
+  'fabric.elements.user-picker.team.member.50plus.official': 'Đội ngũ chính thức {verifiedIcon} • Trên 50 thành viên',
+  'fabric.elements.user-picker.team.member.50plus.official.including.you': 'Đội ngũ chính thức {verifiedIcon} • Trên 50 thành viên, kể cả bạn',
+  'fabric.elements.user-picker.team.member.count': '{count, plural, other {Nhóm • {count} thành viên}}',
+  'fabric.elements.user-picker.team.member.count.including.you': '{count, plural, other {Nhóm • {count} thành viên, bao gồm cả bạn}}',
+  'fabric.elements.user-picker.team.member.count.official': '{count, plural, other {Đội ngũ chính thức {verifiedIcon} • {count} thành viên}}',
+  'fabric.elements.user-picker.team.member.count.official.including.you': '{count, plural, other {Đội ngũ chính thức {verifiedIcon} • {count} thành viên, kể cả bạn}}',
+  'fabric.elements.user-picker.team.type.label': 'Đội ngũ',
+  'fabric.elements.user-picker.user.type.label': 'Mọi người'
+};

package/dist/es2019/i18n/zh.js

@@ -5,6 +5,47 @@
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-
-import translations from '@atlaskit/afm-i18n-platform-elements-user-picker/i18n/zh';
-export default translations;
+//Chinese (Simplified)
+export default {
+  'fabric.elements.user-picker.custom.type.label': '自定义设置',
+  'fabric.elements.user-picker.email.add': '添加用户',
+  'fabric.elements.user-picker.email.add.potential': '输入电子邮件地址',
+  'fabric.elements.user-picker.email.select.to.add': '选择电子邮件地址',
+  'fabric.elements.user-picker.email.type.label': '电子邮件地址',
+  'fabric.elements.user-picker.error.message': '出错了',
+  'fabric.elements.user-picker.external.sourced.error': '当前无法与您连接。',
+  'fabric.elements.user-picker.external.sourced.from': '发现位置：',
+  'fabric.elements.user-picker.external.user.type.label': '外部用户',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.group.byline': '管理员管理的群组',
+  'fabric.elements.user-picker.group.byline.admin-managed': '管理员群组 {verifiedIcon}',
+  'fabric.elements.user-picker.group.type.label': '群组',
+  'fabric.elements.user-picker.guest.lozenge.text': '访客',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': '访客群组只能访问特定的空间，并对用户信息具有有限的访问权限。',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': '访客只能访问特定的空间，并对用户信息具有有限的访问权限。',
+  'fabric.elements.user-picker.member.lozenge.text': '成员',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.multi.remove-item': '删除',
+  'fabric.elements.user-picker.other.type.label': '其他',
+  'fabric.elements.user-picker.placeholder': '输入人员或团队…',
+  'fabric.elements.user-picker.placeholder.add-more': '添加更多人员...',
+  'fabric.elements.user-picker.single.clear': '清除',
+  'fabric.elements.user-picker.slack.provider': 'Slack',
+  'fabric.elements.user-picker.source.confluence': 'Confluence',
+  'fabric.elements.user-picker.source.jira': 'Jira',
+  'fabric.elements.user-picker.source.other-atlassian': '其他 Atlassian 产品',
+  'fabric.elements.user-picker.source.other-atlassian-appify': '其他 Atlassian 应用',
+  'fabric.elements.user-picker.team.byline': '团队',
+  'fabric.elements.user-picker.team.byline.official': '官方团队 {verifiedIcon}',
+  'fabric.elements.user-picker.team.member.50plus': '团队 • 50 多名成员',
+  'fabric.elements.user-picker.team.member.50plus.including.you': '团队 • 50 多名成员，包括您',
+  'fabric.elements.user-picker.team.member.50plus.official': '官方团队 {verifiedIcon} • 50 多名成员',
+  'fabric.elements.user-picker.team.member.50plus.official.including.you': '官方团队 {verifiedIcon} • 50 多名成员，包括您自己',
+  'fabric.elements.user-picker.team.member.count': '{count, plural, other {团队 • {count} 名成员}}',
+  'fabric.elements.user-picker.team.member.count.including.you': '{count, plural, other {团队 • {count} 名成员，包括您}}',
+  'fabric.elements.user-picker.team.member.count.official': '{count, plural, other {官方团队 {verifiedIcon} • {count} 名成员}}',
+  'fabric.elements.user-picker.team.member.count.official.including.you': '{count, plural, other {官方团队 {verifiedIcon} • {count} 名成员，包括您自己}}',
+  'fabric.elements.user-picker.team.type.label': '团队',
+  'fabric.elements.user-picker.user.type.label': '人员'
+};

package/dist/es2019/i18n/zh_TW.js

@@ -5,6 +5,47 @@
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-
-import translations from '@atlaskit/afm-i18n-platform-elements-user-picker/i18n/zh_TW';
-export default translations;
+//Chinese (Traditional)
+export default {
+  'fabric.elements.user-picker.custom.type.label': '客戶',
+  'fabric.elements.user-picker.email.add': '新增使用者',
+  'fabric.elements.user-picker.email.add.potential': '輸入電子郵件地址',
+  'fabric.elements.user-picker.email.select.to.add': '選取電子郵件地址',
+  'fabric.elements.user-picker.email.type.label': '電子郵件',
+  'fabric.elements.user-picker.error.message': '發生錯誤',
+  'fabric.elements.user-picker.external.sourced.error': '我們目前無法與您建立連線。',
+  'fabric.elements.user-picker.external.sourced.from': '尋找位置：',
+  'fabric.elements.user-picker.external.user.type.label': '外部使用者',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.group.byline': '由系統管理員所管理的群組',
+  'fabric.elements.user-picker.group.byline.admin-managed': '管理員群組 {verifiedIcon}',
+  'fabric.elements.user-picker.group.type.label': '群組',
+  'fabric.elements.user-picker.guest.lozenge.text': '訪客',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': '訪客群組只能存取特定空間，而且只能存取有限的使用者資訊。',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': '訪客只能存取特定空間，而且只能存取有限的使用者資訊。',
+  'fabric.elements.user-picker.member.lozenge.text': '成員',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.multi.remove-item': '移除',
+  'fabric.elements.user-picker.other.type.label': '其他',
+  'fabric.elements.user-picker.placeholder': '輸入人員或團隊...',
+  'fabric.elements.user-picker.placeholder.add-more': '新增更多人員...',
+  'fabric.elements.user-picker.single.clear': '清除',
+  'fabric.elements.user-picker.slack.provider': 'Slack',
+  'fabric.elements.user-picker.source.confluence': 'Confluence',
+  'fabric.elements.user-picker.source.jira': 'Jira',
+  'fabric.elements.user-picker.source.other-atlassian': '其他 Atlassian 產品',
+  'fabric.elements.user-picker.source.other-atlassian-appify': '其他 Atlassian 應用程式',
+  'fabric.elements.user-picker.team.byline': '團隊',
+  'fabric.elements.user-picker.team.byline.official': '官方團隊 {verifiedIcon}',
+  'fabric.elements.user-picker.team.member.50plus': '團隊 • 50 名以上的成員',
+  'fabric.elements.user-picker.team.member.50plus.including.you': '團隊 • 50 名以上的成員，包含您',
+  'fabric.elements.user-picker.team.member.50plus.official': '官方團隊 {verifiedIcon} • 超過 50 名成員',
+  'fabric.elements.user-picker.team.member.50plus.official.including.you': '官方團隊 {verifiedIcon} • 超過 50 名成員，包括您',
+  'fabric.elements.user-picker.team.member.count': '{count, plural, other {團隊 • {count} 名成員}}',
+  'fabric.elements.user-picker.team.member.count.including.you': '{count, plural, other {團隊 • {count} 名成員，包含您}}',
+  'fabric.elements.user-picker.team.member.count.official': '{count, plural, other {官方團隊 {verifiedIcon} • {count} 位成員}}',
+  'fabric.elements.user-picker.team.member.count.official.including.you': '{count, plural, other {官方團隊 {verifiedIcon} • {count} 名成員，包括您}}',
+  'fabric.elements.user-picker.team.type.label': '團隊',
+  'fabric.elements.user-picker.user.type.label': '人員'
+};

package/dist/esm/analytics.js

@@ -6,7 +6,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "0.0.0-development";
+var packageVersion = "11.17.0";
 var UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/esm/components/AvatarOrIcon.js

@@ -0,0 +1,59 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+import { SizeableAvatar } from './SizeableAvatar';
+import { getAvatarSize } from './utils';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
+var iconStyle = css({
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  flexShrink: 0
+});
+var iconSizes = {
+  xsmall: css({
+    width: '20px',
+    height: '20px'
+  }),
+  small: css({
+    width: '28px',
+    height: '28px'
+  }),
+  medium: css({
+    width: '36px',
+    height: '36px'
+  })
+};
+export var AvatarOrIcon = function AvatarOrIcon(_ref) {
+  var _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? 'big' : _ref$appearance,
+    avatarAppearanceShape = _ref.avatarAppearanceShape,
+    icon = _ref.icon,
+    iconColor = _ref.iconColor,
+    presence = _ref.presence,
+    src = _ref.src,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'person' : _ref$type;
+  // If icon is provided, render it instead of avatar
+  if (icon) {
+    var avatarSize = getAvatarSize(appearance);
+    return jsx("div", {
+      css: [iconStyle, iconSizes[avatarSize]],
+      style: {
+        color: iconColor
+      }
+    }, icon);
+  }
+
+  // Otherwise, render the avatar as before
+  return jsx(SizeableAvatar, {
+    appearance: appearance,
+    src: src,
+    presence: presence,
+    type: type,
+    avatarAppearanceShape: avatarAppearanceShape
+  });
+};

package/dist/esm/components/BaseUserPicker.js

@@ -27,6 +27,7 @@ import { messages } from './i18n';
 import { callCallback, extractOptionValue, getOptions, isIterable, isPopupUserPickerByComponent, isDefaultValuePopulated, isSingleValue, optionToSelectableOptions } from './utils';
 import { groupOptionsByType } from '../util/group-options-by-type';
 import { userPickerOptionsShownUfoExperience } from '../util/ufoExperiences';
+import { fg } from '@atlaskit/platform-feature-flags';
 var loadingMessage = function loadingMessage() {
   return null;
 };
@@ -239,7 +240,16 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
       });
       callCallback(_this.props.onInputChange, '', _this.getSessionId());
     });
+    _defineProperty(_this, "handleOpen", function () {
+      callCallback(_this.props.onOpen, _this.getSessionId());
+      _this.setState({
+        menuIsOpen: true
+      });
+    });
     _defineProperty(_this, "handleBlur", function () {
+      if (_this.isCreateTeamA11yEnabled && _this.props.isFooterFocused) {
+        return;
+      }
       callCallback(_this.props.onBlur, _this.getSessionId());
       if (isPopupUserPickerByComponent(_this.props.SelectComponent)) {
         return;
@@ -252,13 +262,10 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         options: []
       });
     });
-    _defineProperty(_this, "handleOpen", function () {
-      callCallback(_this.props.onOpen, _this.getSessionId());
-      _this.setState({
-        menuIsOpen: true
-      });
-    });
     _defineProperty(_this, "handleClose", function () {
+      if (_this.isCreateTeamA11yEnabled && _this.props.isFooterFocused) {
+        return;
+      }
       _this.resetInputState();
       callCallback(_this.props.onClose, _this.getSessionId());
       _this.setState({
@@ -319,6 +326,18 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         }
       }
       _this.props.onKeyDown && _this.props.onKeyDown(event);
+      if (_this.isCreateTeamA11yEnabled) {
+        if (event.key === 'Escape') {
+          _this.setState({
+            menuIsOpen: false,
+            options: []
+          });
+          _this.props.setIsFooterFocused && _this.props.setIsFooterFocused(false);
+        }
+        if (event.key === 'Tab' && _this.props.setIsFooterFocused && _this.props.footer) {
+          _this.props.setIsFooterFocused(true);
+        }
+      }
     });
     _defineProperty(_this, "handleClearIndicatorHover", function (hoveringClearIndicator) {
       _this.setState({
@@ -375,6 +394,9 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         });
       }
     });
+    _defineProperty(_this, "shouldKeepMenuOpen", function () {
+      return Boolean(!!_this.props.footer) && Boolean(_this.props.isFooterFocused);
+    });
     _this.state = {
       options: [],
       isDefaultSet: false,
@@ -409,6 +431,11 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
     get: function get() {
       return this.props.openMenuOnClick && !this.props.isMulti;
     }
+  }, {
+    key: "isCreateTeamA11yEnabled",
+    get: function get() {
+      return fg('a11y-create-team-is-not-focusable-and-has-no-btn');
+    }
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -425,7 +452,7 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
     }
   }, {
     key: "componentDidUpdate",
-    value: function componentDidUpdate(_, prevState) {
+    value: function componentDidUpdate(prevProps, prevState) {
       var _this$state2 = this.state,
         menuIsOpen = _this$state2.menuIsOpen,
         options = _this$state2.options,
@@ -433,6 +460,16 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         count = _this$state2.count,
         inputValue = _this$state2.inputValue;
 
+      // Close menu when isFooterFocused changes from true to false
+      if (this.isCreateTeamA11yEnabled && menuIsOpen && prevProps.isFooterFocused === true && this.props.isFooterFocused === false && !this.shouldKeepMenuOpen()) {
+        this.resetInputState();
+        callCallback(this.props.onClose, this.getSessionId());
+        this.setState({
+          menuIsOpen: false,
+          options: []
+        });
+      }
+
       // Create a new session when the menu is opened and there is no session
       if (menuIsOpen && !prevState.menuIsOpen && !this.session) {
         this.startSession();
@@ -454,7 +491,7 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
           this.session.inputChangeTime = Date.now();
         }
       }
-      if (menuIsOpen && (!_.loadOptions || prevState.menuIsOpen) && count === 0 && !resolving && [UFOExperienceState.STARTED.id, UFOExperienceState.IN_PROGRESS.id].includes(this.optionsShownUfoExperienceInstance.state.id)) {
+      if (menuIsOpen && (!prevProps.loadOptions || prevState.menuIsOpen) && count === 0 && !resolving && [UFOExperienceState.STARTED.id, UFOExperienceState.IN_PROGRESS.id].includes(this.optionsShownUfoExperienceInstance.state.id)) {
         this.optionsShownUfoExperienceInstance.success();
       }
     }

package/dist/esm/components/CustomOption/main.js

@@ -14,8 +14,10 @@ import { B400, N800, N200 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { AvatarItemOption, textWrapper } from '../AvatarItemOption';
 import { HighlightText } from '../HighlightText';
+import { AvatarOrIcon } from '../AvatarOrIcon';
 import { SizeableAvatar } from '../SizeableAvatar';
 export var CustomOption = /*#__PURE__*/function (_React$PureComponent) {
   function CustomOption() {
@@ -53,7 +55,20 @@ export var CustomOption = /*#__PURE__*/function (_React$PureComponent) {
       return _this.getBylineComponent(_this.props.isSelected, _this.props.data.byline);
     });
     _defineProperty(_this, "renderAvatar", function () {
-      var avatarUrl = _this.props.data.avatarUrl;
+      var _this$props$data3 = _this.props.data,
+        avatarUrl = _this$props$data3.avatarUrl,
+        icon = _this$props$data3.icon,
+        iconColor = _this$props$data3.iconColor;
+      // Only use icon if feature gate is enabled
+      if (icon && fg('atlaskit_user_picker_support_icon')) {
+        return jsx(AvatarOrIcon, {
+          appearance: "big",
+          icon: icon,
+          iconColor: iconColor,
+          src: avatarUrl
+        });
+      }
+      // Fallback to original behavior
       return jsx(SizeableAvatar, {
         appearance: "big",
         src: avatarUrl

package/dist/esm/components/ExternalUserOption/main.js

@@ -19,6 +19,7 @@ import Tooltip from '@atlaskit/tooltip';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { createAndFireEventInElementsChannel, userInfoEvent } from '../../analytics';
 import { textWrapper } from '../AvatarItemOption';
+import { AvatarOrIcon } from '../AvatarOrIcon';
 import { SizeableAvatar } from '../SizeableAvatar';
 import { ExternalUserSourcesContainer } from '../ExternalUserSourcesContainer';
 import InfoIcon from './InfoIcon';
@@ -98,7 +99,21 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
         _this$props$user2 = _this$props.user,
         avatarUrl = _this$props$user2.avatarUrl,
         appType = _this$props$user2.appType,
+        icon = _this$props$user2.icon,
+        iconColor = _this$props$user2.iconColor,
         status = _this$props.status;
+      // Only use icon if feature gate is enabled
+      if (icon && fg('atlaskit_user_picker_support_icon')) {
+        return jsx(AvatarOrIcon, {
+          appearance: "big",
+          icon: icon,
+          iconColor: iconColor,
+          src: avatarUrl,
+          presence: status,
+          avatarAppearanceShape: fg('jira_ai_agent_avatar_user_picker_user_option') ? getAppearanceForAppType(appType) : undefined
+        });
+      }
+      // Fallback to original behavior
       return jsx(SizeableAvatar, {
         appearance: "big",
         src: avatarUrl,

package/dist/esm/components/MultiValue.js

@@ -20,10 +20,12 @@ import { components } from '@atlaskit/select';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { AddOptionAvatar } from './AddOptionAvatar';
+import { AvatarOrIcon } from './AvatarOrIcon';
 import { SizeableAvatar } from './SizeableAvatar';
 import { getAvatarUrl, isEmail, isGroup, isTeam } from './utils';
 import PeopleIcon from '@atlaskit/icon/core/migration/people-group--people';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
+import { fg } from '@atlaskit/platform-feature-flags';
 export var scrollToValue = function scrollToValue(valueContainer, control) {
   var _valueContainer$getBo = valueContainer.getBoundingClientRect(),
     top = _valueContainer$getBo.top,
@@ -70,6 +72,18 @@ export var MultiValue = /*#__PURE__*/function (_React$Component) {
           LEGACY_size: "small"
         }));
       }
+
+      // Only use icon if feature gate is enabled
+      if (data.icon && fg('atlaskit_user_picker_support_icon')) {
+        return jsx(AvatarOrIcon, {
+          appearance: "multi",
+          icon: data.icon,
+          iconColor: data.iconColor,
+          src: getAvatarUrl(data),
+          type: isTeam(data) ? 'team' : 'person'
+        });
+      }
+      // Fallback to original behavior
       return jsx(SizeableAvatar, {
         appearance: "multi",
         src: getAvatarUrl(data),
@@ -78,8 +92,10 @@ export var MultiValue = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "getElemAfter", function () {
       var data = _this.props.data.data;
-      if (isTeam(data) && data.verified) {
-        return jsx(VerifiedTeamIcon, null);
+      if (isGroup(data) && data.includeTeamsUpdates || isTeam(data) && data.verified) {
+        return jsx(VerifiedTeamIcon, {
+          size: data.includeTeamsUpdates ? 'small' : 'medium'
+        });
       }
       return null;
     });

package/dist/esm/components/SingleValue.js

@@ -3,8 +3,9 @@ import "./SingleValue.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { components } from '@atlaskit/select';
+import { AvatarOrIcon } from './AvatarOrIcon';
 import { SizeableAvatar } from './SizeableAvatar';
-import { getAvatarUrl, isTeam } from './utils';
+import { getAvatarUrl, isTeam, isGroup } from './utils';
 import { getAppearanceForAppType } from '@atlaskit/avatar';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
@@ -17,9 +18,11 @@ var styles = {
 var ElementAfter = function ElementAfter(props) {
   var data = props.data.data,
     shouldShowVerifiedIcon = props.shouldShowVerifiedIcon;
-  var showIcon = shouldShowVerifiedIcon ? shouldShowVerifiedIcon(data) : isTeam(data) && data.verified;
+  var showIcon = shouldShowVerifiedIcon ? shouldShowVerifiedIcon(data) : isTeam(data) && data.verified || isGroup(data) && data.includeTeamsUpdates;
   if (showIcon) {
-    return /*#__PURE__*/React.createElement(VerifiedTeamIcon, null);
+    return /*#__PURE__*/React.createElement(VerifiedTeamIcon, {
+      size: data.includeTeamsUpdates ? 'small' : 'medium'
+    });
   }
   return null;
 };
@@ -32,7 +35,14 @@ export var SingleValue = function SingleValue(props) {
     isFocused = _props$selectProps.isFocused;
   return !isFocused ? /*#__PURE__*/React.createElement(components.SingleValue, props, /*#__PURE__*/React.createElement(Flex, {
     xcss: styles.avatarItem
-  }, /*#__PURE__*/React.createElement(SizeableAvatar, {
+  }, data.icon && fg('atlaskit_user_picker_support_icon') ? /*#__PURE__*/React.createElement(AvatarOrIcon, {
+    icon: data.icon,
+    iconColor: data.iconColor,
+    src: getAvatarUrl(data),
+    appearance: appearance,
+    type: isTeam(data) ? 'team' : 'person',
+    avatarAppearanceShape: fg('jira_ai_agent_avatar_user_picker_user_option') ? getAppearanceForAppType(data.appType) : undefined
+  }) : /*#__PURE__*/React.createElement(SizeableAvatar, {
     src: getAvatarUrl(data),
     appearance: appearance,
     type: isTeam(data) ? 'team' : 'person',

package/dist/esm/components/SingleValueContainer.js

@@ -14,6 +14,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { components } from '@atlaskit/select';
+import { AvatarOrIcon } from './AvatarOrIcon';
 import { SizeableAvatar } from './SizeableAvatar';
 import ValueContainerWrapper from './ValueContainerWrapper';
 import { getAppearanceForAppType } from '@atlaskit/avatar';
@@ -44,11 +45,24 @@ export var SingleValueContainer = /*#__PURE__*/function (_React$Component) {
         value = _this$props$selectPro.value,
         placeholderAvatar = _this$props$selectPro.placeholderAvatar;
       if (isFocused || !hasValue) {
+        var userData = showUserAvatar(inputValue, value) ? value.data : undefined;
+        // Only use icon if feature gate is enabled
+        if (userData !== null && userData !== void 0 && userData.icon && fg('atlaskit_user_picker_support_icon')) {
+          return /*#__PURE__*/React.createElement(AvatarOrIcon, {
+            appearance: appearance,
+            icon: userData.icon,
+            iconColor: userData.iconColor,
+            type: placeholderAvatar,
+            src: userData.avatarUrl,
+            avatarAppearanceShape: userData && fg('jira_ai_agent_avatar_user_picker_user_option') ? getAppearanceForAppType(userData.appType) : undefined
+          });
+        }
+        // Fallback to original behavior
         return /*#__PURE__*/React.createElement(SizeableAvatar, {
           appearance: appearance,
           type: placeholderAvatar,
-          src: showUserAvatar(inputValue, value) ? value.data.avatarUrl : undefined,
-          avatarAppearanceShape: value && value.data && fg('jira_ai_agent_avatar_user_picker_user_option') ? getAppearanceForAppType(value.data.appType) : undefined
+          src: userData === null || userData === void 0 ? void 0 : userData.avatarUrl,
+          avatarAppearanceShape: userData && fg('jira_ai_agent_avatar_user_picker_user_option') ? getAppearanceForAppType(userData.appType) : undefined
         });
       }
       return null;