@atlaskit/user-picker 11.18.2 → 11.19.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/user-picker
 
+## 11.19.0
+
+### Minor Changes
+
+- [`87b12e64ff750`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/87b12e64ff750) -
+  Removed usages of LEGACY icon props
+
+### Patch Changes
+
+- Updated dependencies
+
+## 11.18.3
+
+### Patch Changes
+
+- [`7b2a6c98563cb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7b2a6c98563cb) -
+  Icon entry point migration update
+- Updated dependencies
+
 ## 11.18.2
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -30,6 +30,9 @@
 		{
 			"path": "../../../design-system/avatar/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../../measurement/feature-gate-js-client/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/icon/afm-cc/tsconfig.json"
 		},

package/afm-jira/tsconfig.json

@@ -30,6 +30,9 @@
 		{
 			"path": "../../../design-system/avatar/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../../measurement/feature-gate-js-client/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/icon/afm-jira/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -30,6 +30,9 @@
 		{
 			"path": "../../../design-system/avatar/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../../measurement/feature-gate-js-client/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/icon/afm-products/tsconfig.json"
 		},

package/dist/cjs/analytics.js

@@ -7,12 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.userInfoEvent = exports.startSession = exports.selectEvent = exports.searchedEvent = exports.focusEvent = exports.failedEvent = exports.deleteEvent = exports.createAndFireEventInElementsChannel = exports.clearEvent = exports.cancelEvent = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _uuid = require("uuid");
 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; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "0.0.0-development";
+var packageVersion = "11.19.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}$/;
@@ -95,13 +96,19 @@ var clearEvent = exports.clearEvent = function clearEvent(props, state, session,
   }));
 };
 var deleteEvent = exports.deleteEvent = function deleteEvent(props, state, session, journeyId) {
-  return createEvent('ui', 'deleted', 'userPickerItem', {
+  var _args$;
+  for (var _len = arguments.length, args = new Array(_len > 4 ? _len - 4 : 0), _key = 4; _key < _len; _key++) {
+    args[_key - 4] = arguments[_key];
+  }
+  return createEvent('ui', 'deleted', 'userPickerItem', _objectSpread({
     context: props.fieldId,
     sessionId: sessionId(session),
     journeyId: journeyId,
-    value: optionData2Analytics(arguments.length <= 4 ? undefined : arguments[4]),
+    value: optionData2Analytics(args[0]),
     pickerOpen: state.menuIsOpen
-  });
+  }, _featureGateJsClient.default.getExperimentValue('team_member_suggestions_while_creating_team', 'isEnabled', false) && ((_args$ = args[0]) === null || _args$ === void 0 ? void 0 : _args$.isSuggestedMember) !== undefined ? {
+    isSuggestedMember: args[0].isSuggestedMember
+  } : {}));
 };
 var cancelEvent = exports.cancelEvent = function cancelEvent(props, _, session, journeyId) {
   return createEvent('ui', 'cancelled', 'userPicker', _objectSpread(_objectSpread({}, createDefaultPickerAttributes(props, session, journeyId)), {}, {

package/dist/cjs/components/AddOptionAvatar.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AddOptionAvatar = void 0;
-var _email = _interopRequireDefault(require("@atlaskit/icon/core/migration/email"));
+var _email = _interopRequireDefault(require("@atlaskit/icon/core/email"));
 var _colors = require("@atlaskit/theme/colors");
 var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
@@ -42,8 +42,6 @@ var AddOptionAvatar = exports.AddOptionAvatar = function AddOptionAvatar(_ref) {
     }, (0, _react.jsx)(_email.default, {
       testId: "add-option-avatar-email-icon",
       label: label || '',
-      LEGACY_size: isLozenge ? 'small' : 'medium',
-      LEGACY_margin: "0 0 0 -2px",
       color: isPendingAction && (0, _platformFeatureFlags.fg)('twcg-444-invite-usd-improvements-m2-gate') ? "var(--ds-text-warning, #9E4C00)" : "var(--ds-text-subtle, ".concat(_colors.N500, ")")
     }))
   );

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

@@ -41,8 +41,6 @@ var _default = exports.default = function _default() {
     }, (0, _react2.jsx)(_statusInformation.default, {
       testId: "source-icon",
       label: "",
-      LEGACY_size: "large",
-      LEGACY_margin: "0 ".concat("var(--ds-space-negative-050, -4px)", " 0 0"),
       spacing: "spacious",
       color: "var(--ds-text-subtlest, ".concat(isMouseHovered ? _colors.N200 : _colors.N50, ")")
     }))

package/dist/cjs/components/MultiValue.js

@@ -70,11 +70,8 @@ var MultiValue = exports.MultiValue = /*#__PURE__*/function (_React$Component) {
         return (0, _react2.jsx)(_primitives.Box, {
           xcss: groupTagContainer
         }, (0, _react2.jsx)(_peopleGroup.default, {
-          LEGACY_margin: "-2px 0 0 0",
           color: "currentColor",
           label: "" // This element is a decorative icon and does not require a label
-          ,
-          LEGACY_size: "small"
         }));
       }
 

package/dist/cjs/components/ValueContainerWrapper.js

@@ -1,14 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("@emotion/react");
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 /**
@@ -22,8 +25,8 @@ var ValueContainerWrapper = function ValueContainerWrapper(_ref) {
     onMouseDown = _ref.onMouseDown;
   return isEnabled ?
   // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlassian/a11y/no-static-element-interactions -- Ignored via go/DSP-18766
-  (0, _react.jsx)("div", {
-    css: (0, _react.css)({
+  (0, _react2.jsx)("div", {
+    css: (0, _react2.css)({
       flexGrow: 1
     }),
     onMouseDown: onMouseDown

package/dist/es2019/analytics.js

@@ -1,9 +1,10 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 const packageName = "@atlaskit/user-picker";
-const packageVersion = "0.0.0-development";
+const packageVersion = "11.19.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}$/;
@@ -80,13 +81,19 @@ export const clearEvent = (props, state, session, journeyId) => createEvent('ui'
   pickerOpen: state.menuIsOpen,
   values: values(state)
 });
-export const deleteEvent = (props, state, session, journeyId, ...args) => createEvent('ui', 'deleted', 'userPickerItem', {
-  context: props.fieldId,
-  sessionId: sessionId(session),
-  journeyId,
-  value: optionData2Analytics(args[0]),
-  pickerOpen: state.menuIsOpen
-});
+export const deleteEvent = (props, state, session, journeyId, ...args) => {
+  var _args$;
+  return createEvent('ui', 'deleted', 'userPickerItem', {
+    context: props.fieldId,
+    sessionId: sessionId(session),
+    journeyId,
+    value: optionData2Analytics(args[0]),
+    pickerOpen: state.menuIsOpen,
+    ...(FeatureGates.getExperimentValue('team_member_suggestions_while_creating_team', 'isEnabled', false) && ((_args$ = args[0]) === null || _args$ === void 0 ? void 0 : _args$.isSuggestedMember) !== undefined ? {
+      isSuggestedMember: args[0].isSuggestedMember
+    } : {})
+  });
+};
 export const cancelEvent = (props, _, session, journeyId, ...args) => createEvent('ui', 'cancelled', 'userPicker', {
   ...createDefaultPickerAttributes(props, session, journeyId),
   sessionDuration: sessionDuration(session),

package/dist/es2019/components/AddOptionAvatar.js

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import EmailIcon from '@atlaskit/icon/core/migration/email';
+import EmailIcon from '@atlaskit/icon/core/email';
 import { N40, N500 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -34,8 +34,6 @@ export const AddOptionAvatar = ({
     }, jsx(EmailIcon, {
       testId: "add-option-avatar-email-icon",
       label: label || '',
-      LEGACY_size: isLozenge ? 'small' : 'medium',
-      LEGACY_margin: "0 0 0 -2px",
       color: isPendingAction && fg('twcg-444-invite-usd-improvements-m2-gate') ? "var(--ds-text-warning, #9E4C00)" : `var(--ds-text-subtle, ${N500})`
     }))
   );

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

@@ -24,8 +24,6 @@ export default (() => {
     }, jsx(EditorPanelIcon, {
       testId: "source-icon",
       label: "",
-      LEGACY_size: "large",
-      LEGACY_margin: `0 ${"var(--ds-space-negative-050, -4px)"} 0 0`,
       spacing: "spacious",
       color: `var(--ds-text-subtlest, ${isMouseHovered ? N200 : N50})`
     }))

package/dist/es2019/components/MultiValue.js

@@ -60,11 +60,8 @@ export class MultiValue extends React.Component {
         return jsx(Box, {
           xcss: groupTagContainer
         }, jsx(PeopleIcon, {
-          LEGACY_margin: "-2px 0 0 0",
           color: "currentColor",
           label: "" // This element is a decorative icon and does not require a label
-          ,
-          LEGACY_size: "small"
         }));
       }
 

package/dist/es2019/components/ValueContainerWrapper.js

@@ -2,6 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
+import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 

package/dist/esm/analytics.js

@@ -2,11 +2,12 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 import { createAndFireEvent } from '@atlaskit/analytics-next';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 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.19.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}$/;
@@ -89,13 +90,19 @@ export var clearEvent = function clearEvent(props, state, session, journeyId) {
   }));
 };
 export var deleteEvent = function deleteEvent(props, state, session, journeyId) {
-  return createEvent('ui', 'deleted', 'userPickerItem', {
+  var _args$;
+  for (var _len = arguments.length, args = new Array(_len > 4 ? _len - 4 : 0), _key = 4; _key < _len; _key++) {
+    args[_key - 4] = arguments[_key];
+  }
+  return createEvent('ui', 'deleted', 'userPickerItem', _objectSpread({
     context: props.fieldId,
     sessionId: sessionId(session),
     journeyId: journeyId,
-    value: optionData2Analytics(arguments.length <= 4 ? undefined : arguments[4]),
+    value: optionData2Analytics(args[0]),
     pickerOpen: state.menuIsOpen
-  });
+  }, FeatureGates.getExperimentValue('team_member_suggestions_while_creating_team', 'isEnabled', false) && ((_args$ = args[0]) === null || _args$ === void 0 ? void 0 : _args$.isSuggestedMember) !== undefined ? {
+    isSuggestedMember: args[0].isSuggestedMember
+  } : {}));
 };
 export var cancelEvent = function cancelEvent(props, _, session, journeyId) {
   return createEvent('ui', 'cancelled', 'userPicker', _objectSpread(_objectSpread({}, createDefaultPickerAttributes(props, session, journeyId)), {}, {

package/dist/esm/components/AddOptionAvatar.js

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import EmailIcon from '@atlaskit/icon/core/migration/email';
+import EmailIcon from '@atlaskit/icon/core/email';
 import { N40, N500 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -33,8 +33,6 @@ export var AddOptionAvatar = function AddOptionAvatar(_ref) {
     }, jsx(EmailIcon, {
       testId: "add-option-avatar-email-icon",
       label: label || '',
-      LEGACY_size: isLozenge ? 'small' : 'medium',
-      LEGACY_margin: "0 0 0 -2px",
       color: isPendingAction && fg('twcg-444-invite-usd-improvements-m2-gate') ? "var(--ds-text-warning, #9E4C00)" : "var(--ds-text-subtle, ".concat(N500, ")")
     }))
   );

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

@@ -32,8 +32,6 @@ export default (function () {
     }, jsx(EditorPanelIcon, {
       testId: "source-icon",
       label: "",
-      LEGACY_size: "large",
-      LEGACY_margin: "0 ".concat("var(--ds-space-negative-050, -4px)", " 0 0"),
       spacing: "spacious",
       color: "var(--ds-text-subtlest, ".concat(isMouseHovered ? N200 : N50, ")")
     }))

package/dist/esm/components/MultiValue.js

@@ -65,11 +65,8 @@ export var MultiValue = /*#__PURE__*/function (_React$Component) {
         return jsx(Box, {
           xcss: groupTagContainer
         }, jsx(PeopleIcon, {
-          LEGACY_margin: "-2px 0 0 0",
           color: "currentColor",
           label: "" // This element is a decorative icon and does not require a label
-          ,
-          LEGACY_size: "small"
         }));
       }
 

package/dist/esm/components/ValueContainerWrapper.js

@@ -2,6 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
+import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 

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

@@ -156,7 +156,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
      */
     UNSAFE_hasDraggableParentComponent?: boolean;
     width: string | number;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuIsOpen" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuIsOpen" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "options" | "styles" | "required" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "defaultValue" | "disableInput" | "emailLabel" | "fieldId" | "footer" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
     isClearable?: boolean | undefined;
     isMulti?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;

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

@@ -4,10 +4,9 @@
  */
 import React from 'react';
 import { type UserPickerProps } from '../types';
-import { jsx } from '@emotion/react';
 export type Props = React.PropsWithChildren<{
     selectProps: UserPickerProps;
 }>;
 export declare class Menu extends React.Component<Props> {
-    render(): jsx.JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -4,7 +4,6 @@
  */
 import React from 'react';
 import { type OptionType } from '@atlaskit/select';
-import { jsx } from '@emotion/react';
 import { type Option, type UserPickerProps } from '../types';
 import { type MultiValueProps } from '@atlaskit/select';
 export declare const scrollToValue: (valueContainer: HTMLDivElement, control: HTMLElement) => void;
@@ -23,8 +22,8 @@ export declare class MultiValue extends React.Component<Props> {
     constructor(props: Props);
     componentDidUpdate(): void;
     shouldComponentUpdate(nextProps: Props): boolean;
-    getElemBefore: () => jsx.JSX.Element;
-    getElemAfter: () => jsx.JSX.Element | null;
-    render(): jsx.JSX.Element;
+    getElemBefore: () => React.JSX.Element;
+    getElemAfter: () => React.JSX.Element | null;
+    render(): React.JSX.Element;
 }
 export {};

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

@@ -4,8 +4,7 @@
  */
 import React from 'react';
 import { type ControlProps } from '@atlaskit/select';
-import { jsx } from '@emotion/react';
 import type { UserPickerProps } from '../types';
 export declare class PopupControl extends React.PureComponent<ControlProps<any> & UserPickerProps> {
-    render(): jsx.JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -135,9 +135,6 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     options?: import("../types").OptionData[] | undefined;
     styles?: import("@atlaskit/select").StylesConfig | undefined;
     required?: boolean | undefined;
-    footer?: React.ReactNode;
-    target?: import("../types").Target | undefined;
-    defaultValue?: import("../types").DefaultValue;
     search?: string | undefined;
     anchor?: React.ComponentType<any> | undefined;
     addMoreMessage?: string | undefined;
@@ -147,9 +144,11 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     ariaLabelledBy?: string | undefined;
     ariaLive?: "polite" | "off" | "assertive" | undefined;
     clearValueLabel?: string | undefined;
+    defaultValue?: import("../types").DefaultValue;
     disableInput?: boolean | undefined;
     emailLabel?: string | undefined;
     fieldId?: string | null | undefined;
+    footer?: React.ReactNode;
     forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef> | undefined;
     groupByTypeOrder?: NonNullable<import("../types").OptionData["type"]>[] | undefined;
     header?: React.ReactNode;
@@ -181,6 +180,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     textFieldBackgroundColor?: boolean | undefined;
     UNSAFE_hasDraggableParentComponent?: boolean | undefined;
     width?: number | string | undefined;
+    target?: import("../types").Target | undefined;
     popupTitle?: string | undefined;
     placement?: import("@popperjs/core").Placement | undefined;
     rootBoundary?: import("../types").RootBoundary | undefined;

package/dist/types/components/TeamOption/main.d.ts

@@ -1,4 +1,3 @@
-import { jsx } from '@emotion/react';
 import React from 'react';
 import { type Team } from '../../types';
 export type TeamOptionProps = {
@@ -14,5 +13,5 @@ export declare class TeamOption extends React.PureComponent<TeamOptionProps> {
     private renderVerifiedIcon;
     private getLozengeProps;
     private renderCustomByLine;
-    render(): jsx.JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -11,5 +11,5 @@ export declare class UserOption extends React.PureComponent<UserOptionProps> {
     renderSecondaryText: () => jsx.JSX.Element | undefined;
     private renderAvatar;
     private getLozengeProps;
-    render(): jsx.JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -86,7 +86,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     UNSAFE_hasDraggableParentComponent?: boolean;
     value?: import("../types").Value;
     width?: number | string;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuIsOpen" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuIsOpen" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "defaultValue" | "disableInput" | "emailLabel" | "fieldId" | "footer" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
     isMulti?: boolean | undefined;
     width?: number | string | undefined;
 } & {} & React.RefAttributes<any>>;

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

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
+import React from 'react';
 /**
  * Conditional wrapper for the ValueContainer in Select. Provides a workaround
  * for issues using react-select on react-beautiful-dnd Draggable elements.
@@ -12,5 +12,5 @@ declare const ValueContainerWrapper: ({ children, isEnabled, onMouseDown, }: {
     children: React.ReactElement;
     isEnabled: boolean;
     onMouseDown: () => void;
-}) => jsx.JSX.Element;
+}) => React.JSX.Element;
 export default ValueContainerWrapper;

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

@@ -156,7 +156,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
      */
     UNSAFE_hasDraggableParentComponent?: boolean;
     width: string | number;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuIsOpen" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuIsOpen" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "options" | "styles" | "required" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "defaultValue" | "disableInput" | "emailLabel" | "fieldId" | "footer" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
     isClearable?: boolean | undefined;
     isMulti?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;

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

@@ -4,10 +4,9 @@
  */
 import React from 'react';
 import { type UserPickerProps } from '../types';
-import { jsx } from '@emotion/react';
 export type Props = React.PropsWithChildren<{
     selectProps: UserPickerProps;
 }>;
 export declare class Menu extends React.Component<Props> {
-    render(): jsx.JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -4,7 +4,6 @@
  */
 import React from 'react';
 import { type OptionType } from '@atlaskit/select';
-import { jsx } from '@emotion/react';
 import { type Option, type UserPickerProps } from '../types';
 import { type MultiValueProps } from '@atlaskit/select';
 export declare const scrollToValue: (valueContainer: HTMLDivElement, control: HTMLElement) => void;
@@ -23,8 +22,8 @@ export declare class MultiValue extends React.Component<Props> {
     constructor(props: Props);
     componentDidUpdate(): void;
     shouldComponentUpdate(nextProps: Props): boolean;
-    getElemBefore: () => jsx.JSX.Element;
-    getElemAfter: () => jsx.JSX.Element | null;
-    render(): jsx.JSX.Element;
+    getElemBefore: () => React.JSX.Element;
+    getElemAfter: () => React.JSX.Element | null;
+    render(): React.JSX.Element;
 }
 export {};

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

@@ -4,8 +4,7 @@
  */
 import React from 'react';
 import { type ControlProps } from '@atlaskit/select';
-import { jsx } from '@emotion/react';
 import type { UserPickerProps } from '../types';
 export declare class PopupControl extends React.PureComponent<ControlProps<any> & UserPickerProps> {
-    render(): jsx.JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -141,9 +141,6 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     options?: import("../types").OptionData[] | undefined;
     styles?: import("@atlaskit/select").StylesConfig | undefined;
     required?: boolean | undefined;
-    footer?: React.ReactNode;
-    target?: import("../types").Target | undefined;
-    defaultValue?: import("../types").DefaultValue;
     search?: string | undefined;
     anchor?: React.ComponentType<any> | undefined;
     addMoreMessage?: string | undefined;
@@ -153,9 +150,11 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     ariaLabelledBy?: string | undefined;
     ariaLive?: "polite" | "off" | "assertive" | undefined;
     clearValueLabel?: string | undefined;
+    defaultValue?: import("../types").DefaultValue;
     disableInput?: boolean | undefined;
     emailLabel?: string | undefined;
     fieldId?: string | null | undefined;
+    footer?: React.ReactNode;
     forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef> | undefined;
     groupByTypeOrder?: NonNullable<import("../types").OptionData["type"]>[] | undefined;
     header?: React.ReactNode;
@@ -187,6 +186,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     textFieldBackgroundColor?: boolean | undefined;
     UNSAFE_hasDraggableParentComponent?: boolean | undefined;
     width?: number | string | undefined;
+    target?: import("../types").Target | undefined;
     popupTitle?: string | undefined;
     placement?: import("@popperjs/core").Placement | undefined;
     rootBoundary?: import("../types").RootBoundary | undefined;

package/dist/types-ts4.5/components/TeamOption/main.d.ts

@@ -1,4 +1,3 @@
-import { jsx } from '@emotion/react';
 import React from 'react';
 import { type Team } from '../../types';
 export type TeamOptionProps = {
@@ -14,5 +13,5 @@ export declare class TeamOption extends React.PureComponent<TeamOptionProps> {
     private renderVerifiedIcon;
     private getLozengeProps;
     private renderCustomByLine;
-    render(): jsx.JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -11,5 +11,5 @@ export declare class UserOption extends React.PureComponent<UserOptionProps> {
     renderSecondaryText: () => jsx.JSX.Element | undefined;
     private renderAvatar;
     private getLozengeProps;
-    render(): jsx.JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -86,7 +86,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     UNSAFE_hasDraggableParentComponent?: boolean;
     value?: import("../types").Value;
     width?: number | string;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuIsOpen" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuIsOpen" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "defaultValue" | "disableInput" | "emailLabel" | "fieldId" | "footer" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
     isMulti?: boolean | undefined;
     width?: number | string | undefined;
 } & {} & React.RefAttributes<any>>;

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

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
+import React from 'react';
 /**
  * Conditional wrapper for the ValueContainer in Select. Provides a workaround
  * for issues using react-select on react-beautiful-dnd Draggable elements.
@@ -12,5 +12,5 @@ declare const ValueContainerWrapper: ({ children, isEnabled, onMouseDown, }: {
     children: React.ReactElement;
     isEnabled: boolean;
     onMouseDown: () => void;
-}) => jsx.JSX.Element;
+}) => React.JSX.Element;
 export default ValueContainerWrapper;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "11.18.2",
+	"version": "11.19.0",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,10 +44,11 @@
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-elements-user-picker": "2.7.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.6.0",
-		"@atlaskit/icon": "^29.3.0",
+		"@atlaskit/avatar": "^25.7.0",
+		"@atlaskit/feature-gate-js-client": "^5.5.0",
+		"@atlaskit/icon": "^29.4.0",
 		"@atlaskit/logo": "^19.9.0",
-		"@atlaskit/lozenge": "^13.2.0",
+		"@atlaskit/lozenge": "^13.3.0",
 		"@atlaskit/people-teams-ui-public": "^3.7.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
@@ -56,8 +57,8 @@
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/teams-avatar": "^2.4.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^9.0.0",
-		"@atlaskit/tooltip": "^20.11.0",
+		"@atlaskit/tokens": "^9.1.0",
+		"@atlaskit/tooltip": "^20.12.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",