@atlaskit/user-picker 11.17.0 → 11.18.1

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/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/InfoIcon.js

@@ -6,7 +6,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useCallback, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import EditorPanelIcon from '@atlaskit/icon/core/migration/status-information--editor-panel';
+import EditorPanelIcon from '@atlaskit/icon/core/status-information';
 import { N50, N200 } from '@atlaskit/theme/colors';
 var wrapper = css({
   display: 'flex',

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/GroupOption/main.js

@@ -16,7 +16,7 @@ import { FormattedMessage } from 'react-intl-next';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { N20, B400, N800, N200 } from '@atlaskit/theme/colors';
-import PeopleIcon from '@atlaskit/icon/core/migration/people-group--people';
+import PeopleIcon from '@atlaskit/icon/core/people-group';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
 import { AvatarItemOption, textWrapper } from '../AvatarItemOption';
 import { messages } from '../i18n';

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 PeopleIcon from '@atlaskit/icon/core/people-group';
 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),

package/dist/esm/components/SingleValue.js

@@ -3,6 +3,7 @@ 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, isGroup } from './utils';
 import { getAppearanceForAppType } from '@atlaskit/avatar';
@@ -34,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;

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

@@ -18,9 +18,11 @@ import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team
 import { jsx } from '@emotion/react';
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { AvatarItemOption, textWrapper } from '../AvatarItemOption';
 import { HighlightText } from '../HighlightText';
 import { messages } from '../i18n';
+import { AvatarOrIcon } from '../AvatarOrIcon';
 import { SizeableAvatar } from '../SizeableAvatar';
 export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
   function TeamOption() {
@@ -111,7 +113,21 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
       }, message);
     });
     _defineProperty(_this, "renderAvatar", function () {
-      var avatarUrl = _this.props.team.avatarUrl;
+      var _this$props$team2 = _this.props.team,
+        avatarUrl = _this$props$team2.avatarUrl,
+        icon = _this$props$team2.icon,
+        iconColor = _this$props$team2.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,
+          type: "team"
+        });
+      }
+      // Fallback to original behavior
       return jsx(SizeableAvatar, {
         appearance: "big",
         src: avatarUrl,
@@ -134,8 +150,8 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
       } : _this.props.team.lozenge;
     });
     _defineProperty(_this, "renderCustomByLine", function () {
-      var _this$props$team2;
-      if (!((_this$props$team2 = _this.props.team) !== null && _this$props$team2 !== void 0 && _this$props$team2.byline)) {
+      var _this$props$team3;
+      if (!((_this$props$team3 = _this.props.team) !== null && _this$props$team3 !== void 0 && _this$props$team3.byline)) {
         return undefined;
       }
       return jsx("span", {

package/dist/esm/components/UserOption.js

@@ -17,6 +17,7 @@ import { css, jsx } from '@emotion/react';
 import React from 'react';
 import { AvatarItemOption, textWrapper } from './AvatarItemOption';
 import { HighlightText } from './HighlightText';
+import { AvatarOrIcon } from './AvatarOrIcon';
 import { SizeableAvatar } from './SizeableAvatar';
 import { hasValue } from './utils';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -76,9 +77,24 @@ export var UserOption = /*#__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;
+      var appearance = fg('platform-component-visual-refresh') ? 'medium' : 'big';
+      // Only use icon if feature gate is enabled
+      if (icon && fg('atlaskit_user_picker_support_icon')) {
+        return jsx(AvatarOrIcon, {
+          appearance: appearance,
+          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: fg('platform-component-visual-refresh') ? 'medium' : 'big',
+        appearance: appearance,
         src: avatarUrl,
         presence: status,
         avatarAppearanceShape: fg('jira_ai_agent_avatar_user_picker_user_option') ? getAppearanceForAppType(appType) : undefined

package/dist/esm/i18n/cs.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/cs';
-export default translations;
+//Czech
+export default {
+  'fabric.elements.user-picker.custom.type.label': 'Vlastní',
+  'fabric.elements.user-picker.email.add': 'Přidat uživatele',
+  'fabric.elements.user-picker.email.add.potential': 'Zadejte e-mailovou adresu.',
+  'fabric.elements.user-picker.email.select.to.add': 'Vyberte e-mailovou adresu.',
+  'fabric.elements.user-picker.email.type.label': 'E-maily',
+  'fabric.elements.user-picker.error.message': 'Něco se pokazilo',
+  'fabric.elements.user-picker.external.sourced.error': 'Momentálně vás nejde připojit.',
+  'fabric.elements.user-picker.external.sourced.from': 'Nalezen v:',
+  'fabric.elements.user-picker.external.user.type.label': 'Externí uživatelé',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.group.byline': 'Skupina spravovaná administrátorem',
+  'fabric.elements.user-picker.group.byline.admin-managed': 'Skupina správců {verifiedIcon}',
+  'fabric.elements.user-picker.group.type.label': 'Skupiny',
+  'fabric.elements.user-picker.guest.lozenge.text': 'HOST',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Skupiny hostů mají přístup pouze k určitým prostorům a mají omezený přístup k uživatelským údajům.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Hosté mají přístup pouze k určitým prostorům a mají omezený přístup k uživatelským údajům.',
+  'fabric.elements.user-picker.member.lozenge.text': 'ČLEN',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.multi.remove-item': 'Odstranit',
+  'fabric.elements.user-picker.other.type.label': 'Ostatní',
+  'fabric.elements.user-picker.placeholder': 'Zadejte osoby nebo týmy...',
+  'fabric.elements.user-picker.placeholder.add-more': 'přidat více lidí...',
+  'fabric.elements.user-picker.single.clear': 'Vymazat',
+  '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': 'Ostatní produkty Atlassian',
+  'fabric.elements.user-picker.source.other-atlassian-appify': 'Ostatní aplikace Atlassian',
+  'fabric.elements.user-picker.team.byline': 'Tým',
+  'fabric.elements.user-picker.team.byline.official': 'Oficiální tým {verifiedIcon}',
+  'fabric.elements.user-picker.team.member.50plus': 'Tým • 50 a více členů',
+  'fabric.elements.user-picker.team.member.50plus.including.you': 'Tým • 50 a více členů včetně vás',
+  'fabric.elements.user-picker.team.member.50plus.official': 'Oficiální tým {verifiedIcon} • 50+ členů',
+  'fabric.elements.user-picker.team.member.50plus.official.including.you': 'Oficiální tým {verifiedIcon} • 50+ členů, včetně vás',
+  'fabric.elements.user-picker.team.member.count': '{count, plural, one {Tým • {count} člen} few {Tým • {count} členové} many {Tým • {count} člena} other {Tým • {count} členů}}',
+  'fabric.elements.user-picker.team.member.count.including.you': '{count, plural, one {Tým • {count} člen včetně vás} few {Tým • {count} členové včetně vás} many {Tým • {count} člena včetně vás} other {Tým • {count} členů včetně vás}}',
+  'fabric.elements.user-picker.team.member.count.official': '{count, plural, one {Oficiální tým {verifiedIcon} • {count} člen} few {Oficiální tým {verifiedIcon} • {count} členové} many {Oficiální tým {verifiedIcon} • {count} člena} other {Oficiální tým {verifiedIcon} • {count} členů}}',
+  'fabric.elements.user-picker.team.member.count.official.including.you': '{count, plural, one {Oficiální tým {verifiedIcon} • {count} člen, včetně vás} few {Oficiální tým {verifiedIcon} • {count} členové, včetně vás} many {Oficiální tým {verifiedIcon} • {count} člena, včetně vás} other {Oficiální tým {verifiedIcon} • {count} členů, včetně vás}}',
+  'fabric.elements.user-picker.team.type.label': 'Týmy',
+  'fabric.elements.user-picker.user.type.label': 'Lidé'
+};

package/dist/esm/i18n/da.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/da';
-export default translations;
+//Danish (Denmark)
+export default {
+  'fabric.elements.user-picker.custom.type.label': 'Brugerdefineret',
+  'fabric.elements.user-picker.email.add': 'Tilføj bruger',
+  'fabric.elements.user-picker.email.add.potential': 'Indtast en e-mailadresse',
+  'fabric.elements.user-picker.email.select.to.add': 'Vælg en e-mailadresse',
+  'fabric.elements.user-picker.email.type.label': 'E-mails',
+  'fabric.elements.user-picker.error.message': 'Noget gik galt',
+  'fabric.elements.user-picker.external.sourced.error': 'Vi kan ikke oprette forbindelse lige nu.',
+  'fabric.elements.user-picker.external.sourced.from': 'Fundet i:',
+  'fabric.elements.user-picker.external.user.type.label': 'Eksterne brugere',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.group.byline': 'Administreret gruppe',
+  'fabric.elements.user-picker.group.byline.admin-managed': 'Administratorgruppe {verifiedIcon}',
+  'fabric.elements.user-picker.group.type.label': 'Grupper',
+  'fabric.elements.user-picker.guest.lozenge.text': 'GÆST',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Gæstegrupper har kun adgang til bestemte områder og har begrænset adgang til brugeroplysninger.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Gæster har kun adgang til bestemte områder og har begrænset adgang til brugeroplysninger.',
+  'fabric.elements.user-picker.member.lozenge.text': 'Medlem',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.multi.remove-item': 'Fjern',
+  'fabric.elements.user-picker.other.type.label': 'Andet',
+  'fabric.elements.user-picker.placeholder': 'Indtast personer eller hold ...',
+  'fabric.elements.user-picker.placeholder.add-more': 'tilføj flere personer ...',
+  'fabric.elements.user-picker.single.clear': 'Ryd',
+  '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': 'Andre Atlassian-produkter',
+  'fabric.elements.user-picker.source.other-atlassian-appify': 'Andre Atlassian-apps',
+  'fabric.elements.user-picker.team.byline': 'Team',
+  'fabric.elements.user-picker.team.byline.official': 'Officielt team {verifiedIcon}',
+  'fabric.elements.user-picker.team.member.50plus': 'Team • Over 50 medlemmer',
+  'fabric.elements.user-picker.team.member.50plus.including.you': 'Team • Over 50 medlemmer, inklusive dig',
+  'fabric.elements.user-picker.team.member.50plus.official': 'Officielt team {verifiedIcon} • over 50 medlemmer',
+  'fabric.elements.user-picker.team.member.50plus.official.including.you': 'Officielt team {verifiedIcon} • over 50 medlemmer, inklusive dig',
+  'fabric.elements.user-picker.team.member.count': '{count, plural, one {Team • {count} medlem} other {Team • {count} medlemmer}}',
+  'fabric.elements.user-picker.team.member.count.including.you': '{count, plural, one {Team • {count} medlem, inklusive dig} other {Team • {count} medlemmer, inklusive dig}}',
+  'fabric.elements.user-picker.team.member.count.official': '{count, plural, one {Officielt team {verifiedIcon} • {count} medlem} other {Officielt team {verifiedIcon} • {count} medlemmer}}',
+  'fabric.elements.user-picker.team.member.count.official.including.you': '{count, plural, one {Officielt team {verifiedIcon} • {count} medlem, inklusive dig} other {Officielt team {verifiedIcon} • {count} medlemmer, inklusive dig}}',
+  'fabric.elements.user-picker.team.type.label': 'Teams',
+  'fabric.elements.user-picker.user.type.label': 'Personer'
+};

package/dist/esm/i18n/de.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/de';
-export default translations;
+//German (Germany)
+export default {
+  'fabric.elements.user-picker.custom.type.label': 'Benutzerdefinierte Einstellungen',
+  'fabric.elements.user-picker.email.add': 'Benutzer hinzufügen',
+  'fabric.elements.user-picker.email.add.potential': 'Geben Sie eine E-Mail-Adresse ein',
+  'fabric.elements.user-picker.email.select.to.add': 'Wählen Sie eine E-Mail-Adresse aus',
+  'fabric.elements.user-picker.email.type.label': 'E-Mails',
+  'fabric.elements.user-picker.error.message': 'Etwas ist schiefgelaufen',
+  'fabric.elements.user-picker.external.sourced.error': 'Es ist derzeit keine Verbindung möglich.',
+  'fabric.elements.user-picker.external.sourced.from': 'Gefunden in:',
+  'fabric.elements.user-picker.external.user.type.label': 'Externe Benutzer',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.group.byline': 'Vom Administrator verwaltete Gruppe',
+  'fabric.elements.user-picker.group.byline.admin-managed': 'Administratorgruppe {verifiedIcon}',
+  'fabric.elements.user-picker.group.type.label': 'Gruppen',
+  'fabric.elements.user-picker.guest.lozenge.text': 'GAST',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Gästegruppen können ausschließlich auf ausgewählte Bereiche zugreifen und verfügen über eingeschränkten Zugriff auf Benutzerinformationen.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Gäste können ausschließlich auf ausgewählte Bereiche zugreifen und verfügen über eingeschränkten Zugriff auf Benutzerinformationen.',
+  'fabric.elements.user-picker.member.lozenge.text': 'Mitglied',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.multi.remove-item': 'Entfernen',
+  'fabric.elements.user-picker.other.type.label': 'Sonstiges',
+  'fabric.elements.user-picker.placeholder': 'Personen oder Teams eingeben …',
+  'fabric.elements.user-picker.placeholder.add-more': 'weitere Personen hinzufügen …',
+  'fabric.elements.user-picker.single.clear': 'Löschen',
+  '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': 'Andere Atlassian-Produkte',
+  'fabric.elements.user-picker.source.other-atlassian-appify': 'Andere Atlassian-Apps',
+  'fabric.elements.user-picker.team.byline': 'Team',
+  'fabric.elements.user-picker.team.byline.official': 'Offizielles Team {verifiedIcon}',
+  'fabric.elements.user-picker.team.member.50plus': 'Team • über 50 Mitglieder',
+  'fabric.elements.user-picker.team.member.50plus.including.you': 'Team • über 50 Mitglieder, einschließlich Ihnen',
+  'fabric.elements.user-picker.team.member.50plus.official': 'Offizielles Team {verifiedIcon} • über 50 Mitglieder',
+  'fabric.elements.user-picker.team.member.50plus.official.including.you': 'Offizielles Team {verifiedIcon} • über 50 Mitglieder, einschließlich Ihnen',
+  'fabric.elements.user-picker.team.member.count': '{count, plural, one {Team • {count} Mitglied} other {Team • {count} Mitglieder}}',
+  'fabric.elements.user-picker.team.member.count.including.you': '{count, plural, one {Team • {count} Mitglied, einschließlich Ihnen} other {Team • {count} Mitglieder, einschließlich Ihnen}}',
+  'fabric.elements.user-picker.team.member.count.official': '{count, plural, one {Offizielles Team {verifiedIcon} • {count} Mitglied} other {Offizielles Team {verifiedIcon} • {count} Mitglieder}}',
+  'fabric.elements.user-picker.team.member.count.official.including.you': '{count, plural, one {Offizielles Team {verifiedIcon} • {count} Mitglied, einschließlich Ihnen} other {Offizielles Team {verifiedIcon} • {count} Mitglieder, einschließlich Ihnen}}',
+  'fabric.elements.user-picker.team.type.label': 'Teams',
+  'fabric.elements.user-picker.user.type.label': 'Personen'
+};

package/dist/esm/i18n/en.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/en';
-export default translations;
+//
+export default {
+  'fabric.elements.user-picker.custom.type.label': 'Customs',
+  'fabric.elements.user-picker.email.add': 'Add user',
+  'fabric.elements.user-picker.email.add.potential': 'Enter an email address',
+  'fabric.elements.user-picker.email.select.to.add': 'Select an email address',
+  'fabric.elements.user-picker.email.type.label': 'Emails',
+  'fabric.elements.user-picker.error.message': 'Something went wrong',
+  'fabric.elements.user-picker.external.sourced.error': "We can't connect you right now.",
+  'fabric.elements.user-picker.external.sourced.from': 'Found in:',
+  'fabric.elements.user-picker.external.user.type.label': 'External Users',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.group.byline': 'Admin-managed group',
+  'fabric.elements.user-picker.group.byline.admin-managed': 'Admin group {verifiedIcon}',
+  'fabric.elements.user-picker.group.type.label': 'Groups',
+  'fabric.elements.user-picker.guest.lozenge.text': 'GUEST',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Guest groups can only access certain spaces and have limited access to user info.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Guests can only access certain spaces and have limited access to user info.',
+  'fabric.elements.user-picker.member.lozenge.text': 'MEMBER',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.multi.remove-item': 'Remove',
+  'fabric.elements.user-picker.other.type.label': 'Others',
+  'fabric.elements.user-picker.placeholder': 'Enter people or teams...',
+  'fabric.elements.user-picker.placeholder.add-more': 'add more people...',
+  'fabric.elements.user-picker.single.clear': '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': 'Other Atlassian products',
+  'fabric.elements.user-picker.source.other-atlassian-appify': 'Other Atlassian apps',
+  'fabric.elements.user-picker.team.byline': 'Team',
+  'fabric.elements.user-picker.team.byline.official': 'Official team {verifiedIcon}',
+  'fabric.elements.user-picker.team.member.50plus': 'Team • 50+ members',
+  'fabric.elements.user-picker.team.member.50plus.including.you': 'Team • 50+ members, including you',
+  'fabric.elements.user-picker.team.member.50plus.official': 'Official team {verifiedIcon} • 50+ members',
+  'fabric.elements.user-picker.team.member.50plus.official.including.you': 'Official team {verifiedIcon} • 50+ members, including you',
+  'fabric.elements.user-picker.team.member.count': 'Team • {count} {count, plural, one {member} other {members}}',
+  'fabric.elements.user-picker.team.member.count.including.you': 'Team • {count} {count, plural, one {member} other {members}}, including you',
+  'fabric.elements.user-picker.team.member.count.official': 'Official team {verifiedIcon} • {count} {count, plural, one {member} other {members}}',
+  'fabric.elements.user-picker.team.member.count.official.including.you': 'Official team {verifiedIcon} • {count} {count, plural, one {member} other {members}}, including you',
+  'fabric.elements.user-picker.team.type.label': 'Teams',
+  'fabric.elements.user-picker.user.type.label': 'People'
+};

package/dist/esm/i18n/en_GB.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/en_GB';
-export default translations;
+//English (United Kingdom)
+export default {
+  'fabric.elements.user-picker.custom.type.label': 'Customs',
+  'fabric.elements.user-picker.email.add': 'Add user',
+  'fabric.elements.user-picker.email.add.potential': 'Enter an email address',
+  'fabric.elements.user-picker.email.select.to.add': 'Select an email address',
+  'fabric.elements.user-picker.email.type.label': 'Emails',
+  'fabric.elements.user-picker.error.message': 'Something went wrong',
+  'fabric.elements.user-picker.external.sourced.error': "We can't connect you right now.",
+  'fabric.elements.user-picker.external.sourced.from': 'Found in:',
+  'fabric.elements.user-picker.external.user.type.label': 'External Users',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.group.byline': 'Admin-managed group',
+  'fabric.elements.user-picker.group.byline.admin-managed': 'Admin group {verifiedIcon}',
+  'fabric.elements.user-picker.group.type.label': 'Groups',
+  'fabric.elements.user-picker.guest.lozenge.text': 'GUEST',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Guest groups can only access certain spaces and have limited access to user info.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Guests can only access certain spaces and have limited access to user info.',
+  'fabric.elements.user-picker.member.lozenge.text': 'MEMBER',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.multi.remove-item': 'Remove',
+  'fabric.elements.user-picker.other.type.label': 'Others',
+  'fabric.elements.user-picker.placeholder': 'Enter people or teams...',
+  'fabric.elements.user-picker.placeholder.add-more': 'add more people...',
+  'fabric.elements.user-picker.single.clear': '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': 'Other Atlassian products',
+  'fabric.elements.user-picker.source.other-atlassian-appify': 'Other Atlassian apps',
+  'fabric.elements.user-picker.team.byline': 'Team',
+  'fabric.elements.user-picker.team.byline.official': 'Official team {verifiedIcon}',
+  'fabric.elements.user-picker.team.member.50plus': 'Team • 50+ members',
+  'fabric.elements.user-picker.team.member.50plus.including.you': 'Team • 50+ members, including you',
+  'fabric.elements.user-picker.team.member.50plus.official': 'Official team {verifiedIcon} • 50+ members',
+  'fabric.elements.user-picker.team.member.50plus.official.including.you': 'Official team {verifiedIcon} • 50+ members, including you',
+  'fabric.elements.user-picker.team.member.count': 'Team • {count} {count, plural, one {member} other {members}}',
+  'fabric.elements.user-picker.team.member.count.including.you': 'Team • {count} {count, plural, one {member} other {members}}, including you',
+  'fabric.elements.user-picker.team.member.count.official': 'Official team {verifiedIcon} • {count} {count, plural, one {member} other {members}}',
+  'fabric.elements.user-picker.team.member.count.official.including.you': 'Official team {verifiedIcon} • {count} {count, plural, one {member} other {members}}, including you',
+  'fabric.elements.user-picker.team.type.label': 'Teams',
+  'fabric.elements.user-picker.user.type.label': 'People'
+};