@atlaskit/user-picker 11.8.2 → 11.10.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/user-picker
 
+## 11.10.0
+
+### Minor Changes
+
+- [`b7c680ed7d6c8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b7c680ed7d6c8) -
+  [ux] fix screenreader doesn't announce selected option when both aria labelledby and describedby
+  are provided
+
+## 11.9.0
+
+### Minor Changes
+
+- [`f70c3197f7179`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f70c3197f7179) -
+  [ux] add hexagon appearanceShape to user-picker based on appType as agent
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 11.8.2
 
 ### Patch Changes

package/afm-products/tsconfig.json

@@ -0,0 +1,75 @@
+{
+	"extends": "../../../../tsconfig.entry-points.products.json",
+	"compilerOptions": {
+		"declaration": true,
+		"target": "es5",
+		"outDir": "../../../../../tsDist/@atlaskit__user-picker/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
+	],
+	"references": [
+		{
+			"path": "../../../analytics/analytics-next/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/avatar/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/icon/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/logo/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/lozenge/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../people-and-teams/people-teams-ui-public/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/popper/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/primitives/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/select/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/spinner/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../people-and-teams/teams-avatar/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/theme/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tooltip/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../data/ufo-external/afm-products/tsconfig.json"
+		}
+	]
+}

package/dist/cjs/analytics.js

@@ -12,7 +12,7 @@ var _utils = require("./components/utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "11.8.1";
+var packageVersion = "11.9.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/cjs/components/BaseUserPicker.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BaseUserPickerWithoutAnalytics = exports.BaseUserPicker = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -24,6 +25,8 @@ var _i18n = require("./i18n");
 var _utils = require("./utils");
 var _groupOptionsByType = require("../util/group-options-by-type");
 var _ufoExperiences = require("../util/ufoExperiences");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _excluded = ["aria-labelledby", "aria-describedby"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
@@ -524,12 +527,18 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
         blurInputOnSelect: !isMulti,
         openMenuOnFocus: true
       });
+      var _this$ariaProps = this.ariaProps,
+        ariaLabelledByStandard = _this$ariaProps['aria-labelledby'],
+        ariaDescribedByStandard = _this$ariaProps['aria-describedby'],
+        restAriaProps = (0, _objectWithoutProperties2.default)(_this$ariaProps, _excluded);
       return /*#__PURE__*/_react.default.createElement(SelectComponent, (0, _extends2.default)({
         name: name,
         value: value,
         autoFocus: autoFocus !== undefined ? autoFocus : menuIsOpen,
-        "aria-labelledby": ariaLabelledBy,
-        "aria-describedby": ariaDescribedBy,
+        labelId: (0, _platformFeatureFlags.fg)('user_picker_migrate_aria_label_description') ? ariaLabelledBy !== null && ariaLabelledBy !== void 0 ? ariaLabelledBy : ariaLabelledByStandard : undefined,
+        "aria-labelledby": (0, _platformFeatureFlags.fg)('user_picker_migrate_aria_label_description') ? undefined : ariaLabelledBy,
+        descriptionId: (0, _platformFeatureFlags.fg)('user_picker_migrate_aria_label_description') ? ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : ariaDescribedByStandard : undefined,
+        "aria-describedby": (0, _platformFeatureFlags.fg)('user_picker_migrate_aria_label_description') ? undefined : ariaDescribedBy,
         "aria-live": ariaLive,
         "aria-required": required // This has been added as a safety net.
         ,
@@ -582,7 +591,7 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
         textFieldBackgroundColor: textFieldBackgroundColor,
         header: header,
         placeholderAvatar: placeholderAvatar
-      }, this.ariaProps, pickerProps, UNSAFE_hasDraggableParentComponent && {
+      }, (0, _platformFeatureFlags.fg)('user_picker_migrate_aria_label_description') ? restAriaProps : this.ariaProps, pickerProps, UNSAFE_hasDraggableParentComponent && {
         onValueContainerClick: this.handleClickDraggableParentComponent
       }, menuOpenDeciderProps));
     }

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

@@ -24,6 +24,8 @@ var _ExternalUserSourcesContainer = require("../ExternalUserSourcesContainer");
 var _InfoIcon = _interopRequireDefault(require("./InfoIcon"));
 var _ExternalAvatarItemOption = require("./ExternalAvatarItemOption");
 var _SourcesTooltipContent = require("./SourcesTooltipContent");
+var _avatar = require("@atlaskit/avatar");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
  * @jsxRuntime classic
@@ -96,12 +98,15 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
     });
     (0, _defineProperty2.default)(_this, "renderAvatar", function () {
       var _this$props = _this.props,
-        avatarUrl = _this$props.user.avatarUrl,
+        _this$props$user2 = _this$props.user,
+        avatarUrl = _this$props$user2.avatarUrl,
+        appType = _this$props$user2.appType,
         status = _this$props.status;
       return (0, _react2.jsx)(_SizeableAvatar.SizeableAvatar, {
         appearance: "big",
         src: avatarUrl,
-        presence: status
+        presence: status,
+        avatarAppearanceShape: (0, _platformFeatureFlags.fg)('jira_ai_agent_avatar_user_picker_user_option') ? (0, _avatar.getAppearanceForAppType)(appType) : undefined
       });
     });
     (0, _defineProperty2.default)(_this, "fireEvent", function (eventCreator) {
@@ -141,10 +146,10 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "formattedTooltipContent",
     value: function formattedTooltipContent() {
-      var _this$props$user2 = this.props.user,
-        id = _this$props$user2.id,
-        requiresSourceHydration = _this$props$user2.requiresSourceHydration,
-        sources = _this$props$user2.sources;
+      var _this$props$user3 = this.props.user,
+        id = _this$props$user3.id,
+        requiresSourceHydration = _this$props$user3.requiresSourceHydration,
+        sources = _this$props$user3.sources;
       return (0, _react2.jsx)(_ExternalUserSourcesContainer.ExternalUserSourcesContainer, {
         accountId: id,
         shouldFetchSources: Boolean(requiresSourceHydration),

package/dist/cjs/components/SizeableAvatar.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SizeableAvatar = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -14,6 +15,8 @@ var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 var _teamsAvatar = _interopRequireDefault(require("@atlaskit/teams-avatar"));
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("./utils");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var SizeableAvatar = exports.SizeableAvatar = /*#__PURE__*/function (_React$PureComponent) {
@@ -30,13 +33,16 @@ var SizeableAvatar = exports.SizeableAvatar = /*#__PURE__*/function (_React$Pure
         presence = _this$props.presence,
         appearance = _this$props.appearance,
         _this$props$type = _this$props.type,
-        type = _this$props$type === void 0 ? 'person' : _this$props$type;
-      var props = {
+        type = _this$props$type === void 0 ? 'person' : _this$props$type,
+        avatarAppearanceShape = _this$props.avatarAppearanceShape;
+      var props = _objectSpread({
         size: (0, _utils.getAvatarSize)(appearance),
         src: src,
         borderColor: 'transparent',
         presence: presence
-      };
+      }, avatarAppearanceShape && {
+        appearance: avatarAppearanceShape
+      });
       return type === 'team' ? /*#__PURE__*/_react.default.createElement(_teamsAvatar.default, props) : /*#__PURE__*/_react.default.createElement(_avatar.default, props);
     }
   }]);

package/dist/cjs/components/UserOption.js

@@ -11,6 +11,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _avatar = require("@atlaskit/avatar");
 var _colors = require("@atlaskit/theme/colors");
 var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
@@ -65,12 +66,15 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
     });
     (0, _defineProperty2.default)(_this, "renderAvatar", function () {
       var _this$props = _this.props,
-        avatarUrl = _this$props.user.avatarUrl,
+        _this$props$user2 = _this$props.user,
+        avatarUrl = _this$props$user2.avatarUrl,
+        appType = _this$props$user2.appType,
         status = _this$props.status;
       return (0, _react.jsx)(_SizeableAvatar.SizeableAvatar, {
         appearance: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? 'medium' : 'big',
         src: avatarUrl,
-        presence: status
+        presence: status,
+        avatarAppearanceShape: (0, _platformFeatureFlags.fg)('jira_ai_agent_avatar_user_picker_user_option') ? (0, _avatar.getAppearanceForAppType)(appType) : undefined
       });
     });
     (0, _defineProperty2.default)(_this, "getLozengeProps", function () {

package/dist/es2019/analytics.js

@@ -2,7 +2,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 const packageName = "@atlaskit/user-picker";
-const packageVersion = "11.8.1";
+const packageVersion = "11.9.0";
 const 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}$/;
 const 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}$/;
 const UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/es2019/components/BaseUserPicker.js

@@ -12,6 +12,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';
 const loadingMessage = () => null;
 const classNamePrefix = 'fabric-user-picker';
 export class BaseUserPickerWithoutAnalytics extends React.Component {
@@ -505,12 +506,19 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
         openMenuOnFocus: true
       })
     };
+    const {
+      'aria-labelledby': ariaLabelledByStandard,
+      'aria-describedby': ariaDescribedByStandard,
+      ...restAriaProps
+    } = this.ariaProps;
     return /*#__PURE__*/React.createElement(SelectComponent, _extends({
       name: name,
       value: value,
       autoFocus: autoFocus !== undefined ? autoFocus : menuIsOpen,
-      "aria-labelledby": ariaLabelledBy,
-      "aria-describedby": ariaDescribedBy,
+      labelId: fg('user_picker_migrate_aria_label_description') ? ariaLabelledBy !== null && ariaLabelledBy !== void 0 ? ariaLabelledBy : ariaLabelledByStandard : undefined,
+      "aria-labelledby": fg('user_picker_migrate_aria_label_description') ? undefined : ariaLabelledBy,
+      descriptionId: fg('user_picker_migrate_aria_label_description') ? ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : ariaDescribedByStandard : undefined,
+      "aria-describedby": fg('user_picker_migrate_aria_label_description') ? undefined : ariaDescribedBy,
       "aria-live": ariaLive,
       "aria-required": required // This has been added as a safety net.
       ,
@@ -561,7 +569,7 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
       textFieldBackgroundColor: textFieldBackgroundColor,
       header: header,
       placeholderAvatar: placeholderAvatar
-    }, this.ariaProps, pickerProps, UNSAFE_hasDraggableParentComponent && {
+    }, fg('user_picker_migrate_aria_label_description') ? restAriaProps : this.ariaProps, pickerProps, UNSAFE_hasDraggableParentComponent && {
       onValueContainerClick: this.handleClickDraggableParentComponent
     }, menuOpenDeciderProps));
   }

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

@@ -16,6 +16,8 @@ import { ExternalUserSourcesContainer } from '../ExternalUserSourcesContainer';
 import InfoIcon from './InfoIcon';
 import { ExternalAvatarItemOption } from './ExternalAvatarItemOption';
 import { SourcesTooltipContent } from './SourcesTooltipContent';
+import { getAppearanceForAppType } from '@atlaskit/avatar';
+import { fg } from '@atlaskit/platform-feature-flags';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const imageContainer = css({
@@ -82,14 +84,16 @@ class ExternalUserOptionImpl extends React.PureComponent {
     _defineProperty(this, "renderAvatar", () => {
       const {
         user: {
-          avatarUrl
+          avatarUrl,
+          appType
         },
         status
       } = this.props;
       return jsx(SizeableAvatar, {
         appearance: "big",
         src: avatarUrl,
-        presence: status
+        presence: status,
+        avatarAppearanceShape: fg('jira_ai_agent_avatar_user_picker_user_option') ? getAppearanceForAppType(appType) : undefined
       });
     });
     _defineProperty(this, "fireEvent", (eventCreator, ...args) => {

package/dist/es2019/components/SizeableAvatar.js

@@ -8,13 +8,17 @@ export class SizeableAvatar extends React.PureComponent {
       src,
       presence,
       appearance,
-      type = 'person'
+      type = 'person',
+      avatarAppearanceShape
     } = this.props;
     const props = {
       size: getAvatarSize(appearance),
       src,
       borderColor: 'transparent',
-      presence
+      presence,
+      ...(avatarAppearanceShape && {
+        appearance: avatarAppearanceShape
+      })
     };
     return type === 'team' ? /*#__PURE__*/React.createElement(TeamAvatar, props) : /*#__PURE__*/React.createElement(Avatar, props);
   }

package/dist/es2019/components/UserOption.js

@@ -3,6 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  * @jsxRuntime classic
  * @jsx jsx
  */
+import { getAppearanceForAppType } from '@atlaskit/avatar';
 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';
@@ -50,14 +51,16 @@ export class UserOption extends React.PureComponent {
     _defineProperty(this, "renderAvatar", () => {
       const {
         user: {
-          avatarUrl
+          avatarUrl,
+          appType
         },
         status
       } = this.props;
       return jsx(SizeableAvatar, {
         appearance: fg('platform-component-visual-refresh') ? 'medium' : 'big',
         src: avatarUrl,
-        presence: status
+        presence: status,
+        avatarAppearanceShape: fg('jira_ai_agent_avatar_user_picker_user_option') ? getAppearanceForAppType(appType) : undefined
       });
     });
     _defineProperty(this, "getLozengeProps", () => typeof this.props.user.lozenge === 'string' ? {

package/dist/esm/analytics.js

@@ -5,7 +5,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 = "11.8.1";
+var packageVersion = "11.9.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/BaseUserPicker.js

@@ -1,10 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["aria-labelledby", "aria-describedby"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
@@ -24,6 +26,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;
 };
@@ -517,12 +520,18 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         blurInputOnSelect: !isMulti,
         openMenuOnFocus: true
       });
+      var _this$ariaProps = this.ariaProps,
+        ariaLabelledByStandard = _this$ariaProps['aria-labelledby'],
+        ariaDescribedByStandard = _this$ariaProps['aria-describedby'],
+        restAriaProps = _objectWithoutProperties(_this$ariaProps, _excluded);
       return /*#__PURE__*/React.createElement(SelectComponent, _extends({
         name: name,
         value: value,
         autoFocus: autoFocus !== undefined ? autoFocus : menuIsOpen,
-        "aria-labelledby": ariaLabelledBy,
-        "aria-describedby": ariaDescribedBy,
+        labelId: fg('user_picker_migrate_aria_label_description') ? ariaLabelledBy !== null && ariaLabelledBy !== void 0 ? ariaLabelledBy : ariaLabelledByStandard : undefined,
+        "aria-labelledby": fg('user_picker_migrate_aria_label_description') ? undefined : ariaLabelledBy,
+        descriptionId: fg('user_picker_migrate_aria_label_description') ? ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : ariaDescribedByStandard : undefined,
+        "aria-describedby": fg('user_picker_migrate_aria_label_description') ? undefined : ariaDescribedBy,
         "aria-live": ariaLive,
         "aria-required": required // This has been added as a safety net.
         ,
@@ -575,7 +584,7 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         textFieldBackgroundColor: textFieldBackgroundColor,
         header: header,
         placeholderAvatar: placeholderAvatar
-      }, this.ariaProps, pickerProps, UNSAFE_hasDraggableParentComponent && {
+      }, fg('user_picker_migrate_aria_label_description') ? restAriaProps : this.ariaProps, pickerProps, UNSAFE_hasDraggableParentComponent && {
         onValueContainerClick: this.handleClickDraggableParentComponent
       }, menuOpenDeciderProps));
     }

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

@@ -24,6 +24,8 @@ import { ExternalUserSourcesContainer } from '../ExternalUserSourcesContainer';
 import InfoIcon from './InfoIcon';
 import { ExternalAvatarItemOption } from './ExternalAvatarItemOption';
 import { SourcesTooltipContent } from './SourcesTooltipContent';
+import { getAppearanceForAppType } from '@atlaskit/avatar';
+import { fg } from '@atlaskit/platform-feature-flags';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var imageContainer = css({
@@ -92,12 +94,15 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
     });
     _defineProperty(_this, "renderAvatar", function () {
       var _this$props = _this.props,
-        avatarUrl = _this$props.user.avatarUrl,
+        _this$props$user2 = _this$props.user,
+        avatarUrl = _this$props$user2.avatarUrl,
+        appType = _this$props$user2.appType,
         status = _this$props.status;
       return jsx(SizeableAvatar, {
         appearance: "big",
         src: avatarUrl,
-        presence: status
+        presence: status,
+        avatarAppearanceShape: fg('jira_ai_agent_avatar_user_picker_user_option') ? getAppearanceForAppType(appType) : undefined
       });
     });
     _defineProperty(_this, "fireEvent", function (eventCreator) {
@@ -137,10 +142,10 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "formattedTooltipContent",
     value: function formattedTooltipContent() {
-      var _this$props$user2 = this.props.user,
-        id = _this$props$user2.id,
-        requiresSourceHydration = _this$props$user2.requiresSourceHydration,
-        sources = _this$props$user2.sources;
+      var _this$props$user3 = this.props.user,
+        id = _this$props$user3.id,
+        requiresSourceHydration = _this$props$user3.requiresSourceHydration,
+        sources = _this$props$user3.sources;
       return jsx(ExternalUserSourcesContainer, {
         accountId: id,
         shouldFetchSources: Boolean(requiresSourceHydration),

package/dist/esm/components/SizeableAvatar.js

@@ -1,8 +1,11 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import Avatar from '@atlaskit/avatar';
@@ -23,13 +26,16 @@ export var SizeableAvatar = /*#__PURE__*/function (_React$PureComponent) {
         presence = _this$props.presence,
         appearance = _this$props.appearance,
         _this$props$type = _this$props.type,
-        type = _this$props$type === void 0 ? 'person' : _this$props$type;
-      var props = {
+        type = _this$props$type === void 0 ? 'person' : _this$props$type,
+        avatarAppearanceShape = _this$props.avatarAppearanceShape;
+      var props = _objectSpread({
         size: getAvatarSize(appearance),
         src: src,
         borderColor: 'transparent',
         presence: presence
-      };
+      }, avatarAppearanceShape && {
+        appearance: avatarAppearanceShape
+      });
       return type === 'team' ? /*#__PURE__*/React.createElement(TeamAvatar, props) : /*#__PURE__*/React.createElement(Avatar, props);
     }
   }]);

package/dist/esm/components/UserOption.js

@@ -10,6 +10,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsxRuntime classic
  * @jsx jsx
  */
+import { getAppearanceForAppType } from '@atlaskit/avatar';
 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';
@@ -60,12 +61,15 @@ export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
     });
     _defineProperty(_this, "renderAvatar", function () {
       var _this$props = _this.props,
-        avatarUrl = _this$props.user.avatarUrl,
+        _this$props$user2 = _this$props.user,
+        avatarUrl = _this$props$user2.avatarUrl,
+        appType = _this$props$user2.appType,
         status = _this$props.status;
       return jsx(SizeableAvatar, {
         appearance: fg('platform-component-visual-refresh') ? 'medium' : 'big',
         src: avatarUrl,
-        presence: status
+        presence: status,
+        avatarAppearanceShape: fg('jira_ai_agent_avatar_user_picker_user_option') ? getAppearanceForAppType(appType) : undefined
       });
     });
     _defineProperty(_this, "getLozengeProps", function () {

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { Appearance, OptionData, UserPickerProps, UserPickerState } from '../types';
+import type { AriaAttributes } from 'react';
 export type BaseUserPickerProps = UserPickerProps & {
     components: any;
     name?: string;
@@ -60,7 +61,7 @@ export declare class BaseUserPickerWithoutAnalytics extends React.Component<Base
     handleClearIndicatorHover: (hoveringClearIndicator: boolean) => void;
     private getOptions;
     private getAppearance;
-    get ariaProps(): {};
+    get ariaProps(): Partial<AriaAttributes>;
     private handleClickDraggableParentComponent;
     render(): React.JSX.Element;
 }

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

@@ -1,6 +1,8 @@
+import { type AppearanceType } from '@atlaskit/avatar';
 import React from 'react';
 export type Props = {
     appearance: string;
+    avatarAppearanceShape?: AppearanceType;
     presence?: string;
     src?: string;
     type?: 'person' | 'team';

package/dist/types/types.d.ts

@@ -279,6 +279,7 @@ export interface ExternalUser extends User {
     sources: UserSource[];
 }
 export interface User extends OptionData {
+    appType?: string | null;
     avatarUrl?: string;
     byline?: string;
     email?: string;

package/dist/types-ts4.5/components/BaseUserPicker.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { Appearance, OptionData, UserPickerProps, UserPickerState } from '../types';
+import type { AriaAttributes } from 'react';
 export type BaseUserPickerProps = UserPickerProps & {
     components: any;
     name?: string;
@@ -60,7 +61,7 @@ export declare class BaseUserPickerWithoutAnalytics extends React.Component<Base
     handleClearIndicatorHover: (hoveringClearIndicator: boolean) => void;
     private getOptions;
     private getAppearance;
-    get ariaProps(): {};
+    get ariaProps(): Partial<AriaAttributes>;
     private handleClickDraggableParentComponent;
     render(): React.JSX.Element;
 }

package/dist/types-ts4.5/components/SizeableAvatar.d.ts

@@ -1,6 +1,8 @@
+import { type AppearanceType } from '@atlaskit/avatar';
 import React from 'react';
 export type Props = {
     appearance: string;
+    avatarAppearanceShape?: AppearanceType;
     presence?: string;
     src?: string;
     type?: 'person' | 'team';

package/dist/types-ts4.5/types.d.ts

@@ -282,6 +282,7 @@ export interface ExternalUser extends User {
     sources: UserSource[];
 }
 export interface User extends OptionData {
+    appType?: string | null;
     avatarUrl?: string;
     byline?: string;
     email?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "11.8.2",
+	"version": "11.10.0",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,7 +44,7 @@
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-elements-user-picker": "2.7.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.4.0",
+		"@atlaskit/avatar": "^25.5.0",
 		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/logo": "^19.9.0",
 		"@atlaskit/lozenge": "^13.0.0",
@@ -57,7 +57,7 @@
 		"@atlaskit/teams-avatar": "^2.3.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tokens": "^7.0.0",
-		"@atlaskit/tooltip": "^20.5.0",
+		"@atlaskit/tooltip": "^20.6.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
@@ -74,7 +74,7 @@
 	"devDependencies": {
 		"@atlaskit/elements-test-helpers": "workspace:^",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlassian/feature-flags-test-utils": "^0.3.0",
+		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@emotion/styled": "^11.0.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
@@ -114,6 +114,12 @@
 		},
 		"user-picker-migrate-off-finddomnode": {
 			"type": "boolean"
+		},
+		"jira_ai_agent_avatar_user_picker_user_option": {
+			"type": "boolean"
+		},
+		"user_picker_migrate_aria_label_description": {
+			"type": "boolean"
 		}
 	}
 }

package/afm-dev-agents/tsconfig.json

@@ -1,75 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.dev-agents.json",
-	"compilerOptions": {
-		"declaration": true,
-		"target": "es5",
-		"outDir": "../../../../../dev-agents/tsDist/@atlaskit__user-picker/app",
-		"rootDir": "../",
-		"composite": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../../analytics/analytics-next/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/avatar/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/icon/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/logo/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/lozenge/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../people-and-teams/people-teams-ui-public/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/popper/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/primitives/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/select/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/spinner/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../people-and-teams/teams-avatar/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/theme/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tokens/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tooltip/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../data/ufo-external/afm-dev-agents/tsconfig.json"
-		}
-	]
-}

package/afm-passionfruit/tsconfig.json

@@ -1,75 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.passionfruit.json",
-	"compilerOptions": {
-		"declaration": true,
-		"target": "es5",
-		"outDir": "../../../../../passionfruit/tsDist/@atlaskit__user-picker/app",
-		"rootDir": "../",
-		"composite": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../../analytics/analytics-next/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/avatar/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/icon/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/logo/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/lozenge/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../people-and-teams/people-teams-ui-public/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/popper/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/primitives/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/select/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/spinner/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../people-and-teams/teams-avatar/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/theme/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tokens/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tooltip/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../data/ufo-external/afm-passionfruit/tsconfig.json"
-		}
-	]
-}

package/afm-rovo-extension/tsconfig.json

@@ -1,75 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.rovo-extension.json",
-	"compilerOptions": {
-		"declaration": true,
-		"target": "es5",
-		"outDir": "../../../../../rovo-extension/tsDist/@atlaskit__user-picker/app",
-		"rootDir": "../",
-		"composite": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../../analytics/analytics-next/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/avatar/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/icon/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/logo/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/lozenge/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../people-and-teams/people-teams-ui-public/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/popper/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/primitives/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/select/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/spinner/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../people-and-teams/teams-avatar/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/theme/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tokens/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tooltip/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../data/ufo-external/afm-rovo-extension/tsconfig.json"
-		}
-	]
-}

package/afm-volt/tsconfig.json

@@ -1,75 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.volt.json",
-	"compilerOptions": {
-		"declaration": true,
-		"target": "es5",
-		"outDir": "../../../../../volt/tsDist/@atlaskit__user-picker/app",
-		"rootDir": "../",
-		"composite": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../../analytics/analytics-next/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/avatar/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/icon/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/logo/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/lozenge/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../people-and-teams/people-teams-ui-public/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/popper/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/primitives/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/select/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/spinner/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../people-and-teams/teams-avatar/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/theme/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tokens/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tooltip/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../data/ufo-external/afm-volt/tsconfig.json"
-		}
-	]
-}