@atlaskit/user-picker 11.22.0 → 11.23.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/user-picker
 
+## 11.23.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 11.23.0
+
+### Minor Changes
+
+- [`4222fa748c46e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4222fa748c46e) -
+  [ux] Feature flag clean up to enable keyboard interactions in with header prop plugin in
+  Confluence
+
 ## 11.22.0
 
 ### Minor Changes

package/afm-cc/tsconfig.json

@@ -1,7 +1,6 @@
 {
 	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
-		"declaration": true,
 		"target": "es5",
 		"outDir": "../../../../../confluence/tsDist/@atlaskit__user-picker",
 		"rootDir": "../",

package/afm-jira/tsconfig.json

@@ -1,7 +1,6 @@
 {
 	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
-		"declaration": true,
 		"target": "es5",
 		"outDir": "../../../../../jira/tsDist/@atlaskit__user-picker/app",
 		"rootDir": "../",

package/afm-products/tsconfig.json

@@ -1,7 +1,6 @@
 {
 	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
-		"declaration": true,
 		"target": "es5",
 		"outDir": "../../../../../tsDist/@atlaskit__user-picker/app",
 		"rootDir": "../",

package/dist/cjs/analytics.js

@@ -13,7 +13,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; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "11.21.2";
+var packageVersion = "0.0.0-development";
 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

@@ -25,7 +25,6 @@ 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; }
@@ -253,7 +252,7 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
       });
     });
     (0, _defineProperty2.default)(_this, "handleBlur", function () {
-      if (_this.isCreateTeamA11yEnabled && (_this.props.isFooterFocused || _this.props.isHeaderFocused)) {
+      if (_this.props.isFooterFocused || _this.props.isHeaderFocused) {
         return;
       }
       (0, _utils.callCallback)(_this.props.onBlur, _this.getSessionId());
@@ -269,7 +268,7 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
       });
     });
     (0, _defineProperty2.default)(_this, "handleClose", function () {
-      if (_this.isCreateTeamA11yEnabled && (_this.props.isFooterFocused || _this.props.isHeaderFocused)) {
+      if (_this.props.isFooterFocused || _this.props.isHeaderFocused) {
         return;
       }
       _this.resetInputState();
@@ -332,21 +331,19 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
         }
       }
       _this.props.onKeyDown && _this.props.onKeyDown(event);
-      if (_this.isCreateTeamA11yEnabled) {
-        if (event.key === 'Escape') {
-          _this.setState({
-            menuIsOpen: false,
-            options: []
-          });
-          _this.props.setIsFooterFocused && _this.props.setIsFooterFocused(false);
-          _this.props.setIsHeaderFocused && _this.props.setIsHeaderFocused(false);
-        }
-        if (event.key === 'Tab' && _this.props.setIsFooterFocused && _this.props.footer) {
-          _this.props.setIsFooterFocused(true);
-        }
-        if (event.key === 'Tab' && _this.props.setIsHeaderFocused && _this.props.header) {
-          _this.props.setIsHeaderFocused(true);
-        }
+      if (event.key === 'Escape') {
+        _this.setState({
+          menuIsOpen: false,
+          options: []
+        });
+        _this.props.setIsFooterFocused && _this.props.setIsFooterFocused(false);
+        _this.props.setIsHeaderFocused && _this.props.setIsHeaderFocused(false);
+      }
+      if (event.key === 'Tab' && _this.props.setIsFooterFocused && _this.props.footer) {
+        _this.props.setIsFooterFocused(true);
+      }
+      if (event.key === 'Tab' && _this.props.setIsHeaderFocused && _this.props.header) {
+        _this.props.setIsHeaderFocused(true);
       }
     });
     (0, _defineProperty2.default)(_this, "handleClearIndicatorHover", function (hoveringClearIndicator) {
@@ -441,11 +438,6 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
     get: function get() {
       return this.props.openMenuOnClick && !this.props.isMulti;
     }
-  }, {
-    key: "isCreateTeamA11yEnabled",
-    get: function get() {
-      return (0, _platformFeatureFlags.fg)('a11y-create-team-is-not-focusable-and-has-no-btn');
-    }
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -471,7 +463,7 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
         inputValue = _this$state2.inputValue;
 
       // Close menu when isFooterFocused or isHeaderFocused changes from true to false
-      if (this.isCreateTeamA11yEnabled && menuIsOpen && (prevProps.isFooterFocused === true && this.props.isFooterFocused === false || prevProps.isHeaderFocused === true && this.props.isHeaderFocused === false) && !this.shouldKeepMenuOpen()) {
+      if (menuIsOpen && (prevProps.isFooterFocused === true && this.props.isFooterFocused === false || prevProps.isHeaderFocused === true && this.props.isHeaderFocused === false) && !this.shouldKeepMenuOpen()) {
         this.resetInputState();
         (0, _utils.callCallback)(this.props.onClose, this.getSessionId());
         this.setState({

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

@@ -148,8 +148,7 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
       if (_this.props.team.verified) {
         return (0, _react.jsx)(_verifiedTeamIcon.VerifiedTeamIcon, {
           label: "",
-          size: "small",
-          spacing: "none"
+          size: "small"
         });
       }
       return undefined;

package/dist/cjs/components/UserPicker.js

@@ -108,7 +108,7 @@ var UserPickerWithoutAnalytics = exports.UserPickerWithoutAnalytics = /*#__PURE_
         SelectComponent: SelectComponent
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         ,
-        styles: (0, _styles.getStyles)(width, isMulti, this.props.appearance === 'compact', this.props.styles, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh'), false, this.props.height),
+        styles: (0, _styles.getStyles)(width, isMulti, this.props.appearance === 'compact', this.props.styles, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh'), false, this.props.height, this.props.minHeight),
         components: (0, _components.getComponents)(isMulti, anchor, showClearIndicator, (_this$props2 = this.props) !== null && _this$props2 !== void 0 && _this$props2.components ? this.props.components : {}),
         pickerProps: pickerProps
       })))));

package/dist/cjs/components/styles.js

@@ -10,14 +10,14 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _colors = require("@atlaskit/theme/colors");
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _select = require("@atlaskit/select");
-var _excluded = ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"],
-  _excluded2 = ["paddingTop", "paddingBottom", "position"];
+var _excluded = ["_paddingTop", "_paddingBottom", "_paddingLeft", "_paddingRight"],
+  _excluded2 = ["_paddingTop", "_paddingBottom", "_position"];
 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 BORDER_PADDING = exports.BORDER_PADDING = "var(--ds-space-075, 6px)";
 var AVATAR_PADDING = exports.AVATAR_PADDING = 6;
 var INDICATOR_WIDTH = exports.INDICATOR_WIDTH = 39;
-var getStyles = exports.getStyles = (0, _memoizeOne.default)(function (width, isMulti, isCompact, overrideStyles, isVisualRefresh, isPopupStyles, height) {
+var getStyles = exports.getStyles = (0, _memoizeOne.default)(function (width, isMulti, isCompact, overrideStyles, isVisualRefresh, isPopupStyles, height, minHeight) {
   var styles = {
     menu: function menu(css, state) {
       return _objectSpread(_objectSpread({}, css), {}, {
@@ -45,17 +45,17 @@ var getStyles = exports.getStyles = (0, _memoizeOne.default)(function (width, is
           backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? "var(--ds-background-danger, ".concat(_colors.R50, ")") : state.isFocused ? css[':hover'] ? "var(--ds-background-input, ".concat(css[':hover'].backgroundColor, ")") : "var(--ds-background-input, ".concat(_colors.N0, ")") : state.isDisabled ? "var(--ds-background-disabled, ".concat(_colors.N10, ")") : "var(--ds-background-input-hovered, ".concat(_colors.N30, ")")
         }),
         padding: 0,
-        minHeight: height || isCompact ? 'none' : 44,
+        minHeight: minHeight ? minHeight : height || isCompact ? 'none' : 44,
         /* IE 11 needs to set height explicitly to be vertical align when being in not compact mode */
         height: height ? height : isCompact || isMulti ? '100%' : 44,
         maxWidth: '100%'
       });
     },
     clearIndicator: function clearIndicator(_ref) {
-      var paddingTop = _ref.paddingTop,
-        paddingBottom = _ref.paddingBottom,
-        paddingLeft = _ref.paddingLeft,
-        paddingRight = _ref.paddingRight,
+      var _paddingTop = _ref._paddingTop,
+        _paddingBottom = _ref._paddingBottom,
+        _paddingLeft = _ref._paddingLeft,
+        _paddingRight = _ref._paddingRight,
         css = (0, _objectWithoutProperties2.default)(_ref, _excluded);
       return _objectSpread(_objectSpread({}, css), {}, {
         // By default show clear indicator, except for on devices where "hover" is supported.
@@ -78,9 +78,9 @@ var getStyles = exports.getStyles = (0, _memoizeOne.default)(function (width, is
       });
     },
     valueContainer: function valueContainer(_ref2, state) {
-      var paddingTop = _ref2.paddingTop,
-        paddingBottom = _ref2.paddingBottom,
-        position = _ref2.position,
+      var _paddingTop = _ref2._paddingTop,
+        _paddingBottom = _ref2._paddingBottom,
+        _position = _ref2._position,
         css = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
       var isMulti = state.selectProps.isMulti;
       return _objectSpread(_objectSpread({}, css), {}, {

package/dist/es2019/analytics.js

@@ -4,7 +4,7 @@ import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 const packageName = "@atlaskit/user-picker";
-const packageVersion = "11.21.2";
+const packageVersion = "0.0.0-development";
 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

@@ -13,7 +13,6 @@ 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 {
@@ -243,7 +242,7 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
       });
     });
     _defineProperty(this, "handleBlur", () => {
-      if (this.isCreateTeamA11yEnabled && (this.props.isFooterFocused || this.props.isHeaderFocused)) {
+      if (this.props.isFooterFocused || this.props.isHeaderFocused) {
         return;
       }
       callCallback(this.props.onBlur, this.getSessionId());
@@ -259,7 +258,7 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
       });
     });
     _defineProperty(this, "handleClose", () => {
-      if (this.isCreateTeamA11yEnabled && (this.props.isFooterFocused || this.props.isHeaderFocused)) {
+      if (this.props.isFooterFocused || this.props.isHeaderFocused) {
         return;
       }
       this.resetInputState();
@@ -322,21 +321,19 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
         }
       }
       this.props.onKeyDown && this.props.onKeyDown(event);
-      if (this.isCreateTeamA11yEnabled) {
-        if (event.key === 'Escape') {
-          this.setState({
-            menuIsOpen: false,
-            options: []
-          });
-          this.props.setIsFooterFocused && this.props.setIsFooterFocused(false);
-          this.props.setIsHeaderFocused && this.props.setIsHeaderFocused(false);
-        }
-        if (event.key === 'Tab' && this.props.setIsFooterFocused && this.props.footer) {
-          this.props.setIsFooterFocused(true);
-        }
-        if (event.key === 'Tab' && this.props.setIsHeaderFocused && this.props.header) {
-          this.props.setIsHeaderFocused(true);
-        }
+      if (event.key === 'Escape') {
+        this.setState({
+          menuIsOpen: false,
+          options: []
+        });
+        this.props.setIsFooterFocused && this.props.setIsFooterFocused(false);
+        this.props.setIsHeaderFocused && this.props.setIsHeaderFocused(false);
+      }
+      if (event.key === 'Tab' && this.props.setIsFooterFocused && this.props.footer) {
+        this.props.setIsFooterFocused(true);
+      }
+      if (event.key === 'Tab' && this.props.setIsHeaderFocused && this.props.header) {
+        this.props.setIsHeaderFocused(true);
       }
     });
     _defineProperty(this, "handleClearIndicatorHover", hoveringClearIndicator => {
@@ -420,9 +417,6 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
   get isMenuOpenOnClickForSingleSelect() {
     return this.props.openMenuOnClick && !this.props.isMulti;
   }
-  get isCreateTeamA11yEnabled() {
-    return fg('a11y-create-team-is-not-focusable-and-has-no-btn');
-  }
   componentDidMount() {
     const {
       open,
@@ -446,7 +440,7 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
     } = this.state;
 
     // Close menu when isFooterFocused or isHeaderFocused changes from true to false
-    if (this.isCreateTeamA11yEnabled && menuIsOpen && (prevProps.isFooterFocused === true && this.props.isFooterFocused === false || prevProps.isHeaderFocused === true && this.props.isHeaderFocused === false) && !this.shouldKeepMenuOpen()) {
+    if (menuIsOpen && (prevProps.isFooterFocused === true && this.props.isFooterFocused === false || prevProps.isHeaderFocused === true && this.props.isHeaderFocused === false) && !this.shouldKeepMenuOpen()) {
       this.resetInputState();
       callCallback(this.props.onClose, this.getSessionId());
       this.setState({

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

@@ -136,8 +136,7 @@ export class TeamOption extends React.PureComponent {
       if (this.props.team.verified) {
         return jsx(VerifiedTeamIcon, {
           label: "",
-          size: "small",
-          spacing: "none"
+          size: "small"
         });
       }
       return undefined;

package/dist/es2019/components/UserPicker.js

@@ -85,7 +85,7 @@ export class UserPickerWithoutAnalytics extends React.Component {
       SelectComponent: SelectComponent
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       ,
-      styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles, fg('platform-component-visual-refresh'), false, this.props.height),
+      styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles, fg('platform-component-visual-refresh'), false, this.props.height, this.props.minHeight),
       components: getComponents(isMulti, anchor, showClearIndicator, (_this$props = this.props) !== null && _this$props !== void 0 && _this$props.components ? this.props.components : {}),
       pickerProps: pickerProps
     })))));

package/dist/es2019/components/styles.js

@@ -4,7 +4,7 @@ import { mergeStyles } from '@atlaskit/select';
 export const BORDER_PADDING = "var(--ds-space-075, 6px)";
 export const AVATAR_PADDING = 6;
 export const INDICATOR_WIDTH = 39;
-export const getStyles = memoizeOne((width, isMulti, isCompact, overrideStyles, isVisualRefresh, isPopupStyles, height) => {
+export const getStyles = memoizeOne((width, isMulti, isCompact, overrideStyles, isVisualRefresh, isPopupStyles, height, minHeight) => {
   let styles = {
     menu: (css, state) => ({
       ...css,
@@ -32,17 +32,17 @@ export const getStyles = memoizeOne((width, isMulti, isCompact, overrideStyles,
           backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? `var(--ds-background-danger, ${R50})` : state.isFocused ? css[':hover'] ? `var(--ds-background-input, ${css[':hover'].backgroundColor})` : `var(--ds-background-input, ${N0})` : state.isDisabled ? `var(--ds-background-disabled, ${N10})` : `var(--ds-background-input-hovered, ${N30})`
         },
         padding: 0,
-        minHeight: height || isCompact ? 'none' : 44,
+        minHeight: minHeight ? minHeight : height || isCompact ? 'none' : 44,
         /* IE 11 needs to set height explicitly to be vertical align when being in not compact mode */
         height: height ? height : isCompact || isMulti ? '100%' : 44,
         maxWidth: '100%'
       };
     },
     clearIndicator: ({
-      paddingTop,
-      paddingBottom,
-      paddingLeft,
-      paddingRight,
+      _paddingTop,
+      _paddingBottom,
+      _paddingLeft,
+      _paddingRight,
       ...css
     }) => ({
       ...css,
@@ -64,9 +64,9 @@ export const getStyles = memoizeOne((width, isMulti, isCompact, overrideStyles,
       paddingRight: "var(--ds-space-050, 4px)"
     }),
     valueContainer: ({
-      paddingTop,
-      paddingBottom,
-      position,
+      _paddingTop,
+      _paddingBottom,
+      _position,
       ...css
     }, state) => {
       const isMulti = state.selectProps.isMulti;

package/dist/esm/analytics.js

@@ -7,7 +7,7 @@ import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "11.21.2";
+var packageVersion = "0.0.0-development";
 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

@@ -27,7 +27,6 @@ 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;
 };
@@ -247,7 +246,7 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
       });
     });
     _defineProperty(_this, "handleBlur", function () {
-      if (_this.isCreateTeamA11yEnabled && (_this.props.isFooterFocused || _this.props.isHeaderFocused)) {
+      if (_this.props.isFooterFocused || _this.props.isHeaderFocused) {
         return;
       }
       callCallback(_this.props.onBlur, _this.getSessionId());
@@ -263,7 +262,7 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
       });
     });
     _defineProperty(_this, "handleClose", function () {
-      if (_this.isCreateTeamA11yEnabled && (_this.props.isFooterFocused || _this.props.isHeaderFocused)) {
+      if (_this.props.isFooterFocused || _this.props.isHeaderFocused) {
         return;
       }
       _this.resetInputState();
@@ -326,21 +325,19 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         }
       }
       _this.props.onKeyDown && _this.props.onKeyDown(event);
-      if (_this.isCreateTeamA11yEnabled) {
-        if (event.key === 'Escape') {
-          _this.setState({
-            menuIsOpen: false,
-            options: []
-          });
-          _this.props.setIsFooterFocused && _this.props.setIsFooterFocused(false);
-          _this.props.setIsHeaderFocused && _this.props.setIsHeaderFocused(false);
-        }
-        if (event.key === 'Tab' && _this.props.setIsFooterFocused && _this.props.footer) {
-          _this.props.setIsFooterFocused(true);
-        }
-        if (event.key === 'Tab' && _this.props.setIsHeaderFocused && _this.props.header) {
-          _this.props.setIsHeaderFocused(true);
-        }
+      if (event.key === 'Escape') {
+        _this.setState({
+          menuIsOpen: false,
+          options: []
+        });
+        _this.props.setIsFooterFocused && _this.props.setIsFooterFocused(false);
+        _this.props.setIsHeaderFocused && _this.props.setIsHeaderFocused(false);
+      }
+      if (event.key === 'Tab' && _this.props.setIsFooterFocused && _this.props.footer) {
+        _this.props.setIsFooterFocused(true);
+      }
+      if (event.key === 'Tab' && _this.props.setIsHeaderFocused && _this.props.header) {
+        _this.props.setIsHeaderFocused(true);
       }
     });
     _defineProperty(_this, "handleClearIndicatorHover", function (hoveringClearIndicator) {
@@ -435,11 +432,6 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
     get: function get() {
       return this.props.openMenuOnClick && !this.props.isMulti;
     }
-  }, {
-    key: "isCreateTeamA11yEnabled",
-    get: function get() {
-      return fg('a11y-create-team-is-not-focusable-and-has-no-btn');
-    }
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -465,7 +457,7 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         inputValue = _this$state2.inputValue;
 
       // Close menu when isFooterFocused or isHeaderFocused changes from true to false
-      if (this.isCreateTeamA11yEnabled && menuIsOpen && (prevProps.isFooterFocused === true && this.props.isFooterFocused === false || prevProps.isHeaderFocused === true && this.props.isHeaderFocused === false) && !this.shouldKeepMenuOpen()) {
+      if (menuIsOpen && (prevProps.isFooterFocused === true && this.props.isFooterFocused === false || prevProps.isHeaderFocused === true && this.props.isHeaderFocused === false) && !this.shouldKeepMenuOpen()) {
         this.resetInputState();
         callCallback(this.props.onClose, this.getSessionId());
         this.setState({

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

@@ -143,8 +143,7 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
       if (_this.props.team.verified) {
         return jsx(VerifiedTeamIcon, {
           label: "",
-          size: "small",
-          spacing: "none"
+          size: "small"
         });
       }
       return undefined;

package/dist/esm/components/UserPicker.js

@@ -100,7 +100,7 @@ export var UserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component)
         SelectComponent: SelectComponent
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         ,
-        styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles, fg('platform-component-visual-refresh'), false, this.props.height),
+        styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles, fg('platform-component-visual-refresh'), false, this.props.height, this.props.minHeight),
         components: getComponents(isMulti, anchor, showClearIndicator, (_this$props2 = this.props) !== null && _this$props2 !== void 0 && _this$props2.components ? this.props.components : {}),
         pickerProps: pickerProps
       })))));

package/dist/esm/components/styles.js

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"],
-  _excluded2 = ["paddingTop", "paddingBottom", "position"];
+var _excluded = ["_paddingTop", "_paddingBottom", "_paddingLeft", "_paddingRight"],
+  _excluded2 = ["_paddingTop", "_paddingBottom", "_position"];
 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 { B100, N0, N10, N20, N30, N100, R50, R400, N90 } from '@atlaskit/theme/colors';
@@ -10,7 +10,7 @@ import { mergeStyles } from '@atlaskit/select';
 export var BORDER_PADDING = "var(--ds-space-075, 6px)";
 export var AVATAR_PADDING = 6;
 export var INDICATOR_WIDTH = 39;
-export var getStyles = memoizeOne(function (width, isMulti, isCompact, overrideStyles, isVisualRefresh, isPopupStyles, height) {
+export var getStyles = memoizeOne(function (width, isMulti, isCompact, overrideStyles, isVisualRefresh, isPopupStyles, height, minHeight) {
   var styles = {
     menu: function menu(css, state) {
       return _objectSpread(_objectSpread({}, css), {}, {
@@ -38,17 +38,17 @@ export var getStyles = memoizeOne(function (width, isMulti, isCompact, overrideS
           backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? "var(--ds-background-danger, ".concat(R50, ")") : state.isFocused ? css[':hover'] ? "var(--ds-background-input, ".concat(css[':hover'].backgroundColor, ")") : "var(--ds-background-input, ".concat(N0, ")") : state.isDisabled ? "var(--ds-background-disabled, ".concat(N10, ")") : "var(--ds-background-input-hovered, ".concat(N30, ")")
         }),
         padding: 0,
-        minHeight: height || isCompact ? 'none' : 44,
+        minHeight: minHeight ? minHeight : height || isCompact ? 'none' : 44,
         /* IE 11 needs to set height explicitly to be vertical align when being in not compact mode */
         height: height ? height : isCompact || isMulti ? '100%' : 44,
         maxWidth: '100%'
       });
     },
     clearIndicator: function clearIndicator(_ref) {
-      var paddingTop = _ref.paddingTop,
-        paddingBottom = _ref.paddingBottom,
-        paddingLeft = _ref.paddingLeft,
-        paddingRight = _ref.paddingRight,
+      var _paddingTop = _ref._paddingTop,
+        _paddingBottom = _ref._paddingBottom,
+        _paddingLeft = _ref._paddingLeft,
+        _paddingRight = _ref._paddingRight,
         css = _objectWithoutProperties(_ref, _excluded);
       return _objectSpread(_objectSpread({}, css), {}, {
         // By default show clear indicator, except for on devices where "hover" is supported.
@@ -71,9 +71,9 @@ export var getStyles = memoizeOne(function (width, isMulti, isCompact, overrideS
       });
     },
     valueContainer: function valueContainer(_ref2, state) {
-      var paddingTop = _ref2.paddingTop,
-        paddingBottom = _ref2.paddingBottom,
-        position = _ref2.position,
+      var _paddingTop = _ref2._paddingTop,
+        _paddingBottom = _ref2._paddingBottom,
+        _position = _ref2._position,
         css = _objectWithoutProperties(_ref2, _excluded2);
       var isMulti = state.selectProps.isMulti;
       return _objectSpread(_objectSpread({}, css), {}, {

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

@@ -49,7 +49,6 @@ export declare class BaseUserPickerWithoutAnalytics extends React.Component<Base
     private get isMenuOpenOnClickForSingleSelect();
     abortOptionsShownUfoExperience: () => void;
     startOptionsShownUfoExperience: () => void;
-    private get isCreateTeamA11yEnabled();
     private executeLoadOptions;
     private handleFocus;
     private resetInputState;
@@ -78,7 +77,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     ariaDescribedBy?: string;
     ariaLabel?: string;
     ariaLabelledBy?: string;
-    ariaLive?: "polite" | "off" | "assertive";
+    ariaLive?: 'polite' | 'off' | 'assertive';
     autoFocus?: boolean;
     captureMenuScroll?: boolean;
     clearValueLabel?: string;
@@ -90,7 +89,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     fieldId: string | null;
     footer?: React.ReactNode;
     forwardedRef?: React.ForwardedRef<UserPickerRef>;
-    groupByTypeOrder?: NonNullable<OptionData["type"]>[];
+    groupByTypeOrder?: NonNullable<OptionData['type']>[];
     header?: React.ReactNode;
     height?: number | string;
     includeTeamsUpdates?: boolean;
@@ -113,7 +112,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     menuIsOpen?: boolean;
     menuMinWidth?: number;
     menuPortalTarget?: HTMLElement;
-    menuPosition?: "absolute" | "fixed";
+    menuPosition?: 'absolute' | 'fixed';
     menuShouldBlockScroll?: boolean;
     name?: string;
     noBorder?: boolean;
@@ -133,14 +132,14 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     openMenuOnClick?: boolean;
     options?: OptionData[];
     placeholder?: React.ReactNode;
-    placeholderAvatar?: "person" | "team";
+    placeholderAvatar?: 'person' | 'team';
     popupSelectProps?: PopupSelectProps<OptionData>;
     required?: boolean;
     search?: string;
     setIsFooterFocused?: React.Dispatch<React.SetStateAction<boolean>>;
     setIsHeaderFocused?: React.Dispatch<React.SetStateAction<boolean>>;
     showClearIndicator?: boolean;
-    strategy?: "fixed" | "absolute";
+    strategy?: 'fixed' | 'absolute';
     styles?: StylesConfig;
     subtle?: boolean;
     suggestEmailsForDomain?: string;
@@ -161,7 +160,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
      */
     UNSAFE_hasDraggableParentComponent?: boolean;
     width: string | number;
-}, keyof WithAnalyticsEventsProps>, "options" | "noOptionsMessage" | "placeholder" | "addMoreMessage" | "allowEmail" | "anchor" | "appearance" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "autoFocus" | "captureMenuScroll" | "clearValueLabel" | "closeMenuOnScroll" | "components" | "defaultValue" | "disableInput" | "emailLabel" | "fieldId" | "footer" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "inputId" | "isDisabled" | "isFooterFocused" | "isInvalid" | "isLoading" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuIsOpen" | "menuMinWidth" | "menuPortalTarget" | "menuPosition" | "menuShouldBlockScroll" | "name" | "onBlur" | "onChange" | "onClear" | "onClose" | "onFocus" | "onInputChange" | "onKeyDown" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "required" | "search" | "setIsFooterFocused" | "showClearIndicator" | "strategy" | "styles" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "value" | "width" | "pickerProps" | "SelectComponent"> & {
+}, keyof WithAnalyticsEventsProps>, 'options' | 'noOptionsMessage' | 'placeholder' | 'addMoreMessage' | 'allowEmail' | 'anchor' | 'appearance' | 'ariaDescribedBy' | 'ariaLabel' | 'ariaLabelledBy' | 'ariaLive' | 'autoFocus' | 'captureMenuScroll' | 'clearValueLabel' | 'closeMenuOnScroll' | 'components' | 'defaultValue' | 'disableInput' | 'emailLabel' | 'fieldId' | 'footer' | 'forwardedRef' | 'groupByTypeOrder' | 'header' | 'height' | 'includeTeamsUpdates' | 'inputId' | 'isDisabled' | 'isFooterFocused' | 'isInvalid' | 'isLoading' | 'isValidEmail' | 'loadOptions' | 'loadUserSource' | 'maxOptions' | 'maxPickerHeight' | 'menuIsOpen' | 'menuMinWidth' | 'menuPortalTarget' | 'menuPosition' | 'menuShouldBlockScroll' | 'name' | 'onBlur' | 'onChange' | 'onClear' | 'onClose' | 'onFocus' | 'onInputChange' | 'onKeyDown' | 'onOpen' | 'onSelection' | 'open' | 'placeholderAvatar' | 'popupSelectProps' | 'required' | 'search' | 'setIsFooterFocused' | 'showClearIndicator' | 'strategy' | 'styles' | 'suggestEmailsForDomain' | 'UNSAFE_hasDraggableParentComponent' | 'value' | 'width' | 'pickerProps' | 'SelectComponent'> & {
     isClearable?: boolean | undefined;
     isMulti?: boolean | undefined;
     loadOptionsErrorMessage?: ((value: {

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

@@ -64,6 +64,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     menuPortalTarget?: HTMLElement;
     menuPosition?: "absolute" | "fixed";
     menuShouldBlockScroll?: boolean;
+    minHeight?: number | string;
     name?: string;
     noBorder?: boolean;
     noOptionsMessage?: ((value: {
@@ -167,6 +168,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     maxOptions?: number | undefined;
     maxPickerHeight?: number | undefined;
     menuMinWidth?: number | undefined;
+    minHeight?: number | string | undefined;
     noBorder?: boolean | undefined;
     onClear?: import("..").OnPicker | undefined;
     onClose?: import("..").OnPicker | undefined;

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

@@ -55,6 +55,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     menuPortalTarget?: HTMLElement;
     menuPosition?: "absolute" | "fixed";
     menuShouldBlockScroll?: boolean;
+    minHeight?: number | string;
     name?: string;
     noBorder?: boolean;
     noOptionsMessage?: ((value: {
@@ -88,7 +89,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     UNSAFE_hasDraggableParentComponent?: boolean;
     value?: import("..").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" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "defaultValue" | "disableInput" | "emailLabel" | "fieldId" | "footer" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isHeaderFocused" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "setIsHeaderFocused" | "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" | "isHeaderFocused" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "minHeight" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "setIsHeaderFocused" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
     isMulti?: boolean | undefined;
     width?: number | string | undefined;
 } & {} & React.RefAttributes<any>>;

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

@@ -1,7 +1,7 @@
 import { type MemoizedFn } from 'memoize-one';
 import { type Placement } from '@atlaskit/popper';
 import { type Target, type BoundariesElement, type RootBoundary } from '../types';
-export declare const getPopupProps: MemoizedFn<(width: string | number, target: Target, onFlip: (data: any) => any, boundariesElement?: BoundariesElement, offset?: number[], placement?: Placement, rootBoundary?: RootBoundary, shouldFlip?: boolean, popupTitle?: string, strategy?: "fixed" | "absolute") => {
+export declare const getPopupProps: MemoizedFn<(width: string | number, target: Target, onFlip: (data: any) => any, boundariesElement?: BoundariesElement, offset?: number[], placement?: Placement, rootBoundary?: RootBoundary, shouldFlip?: boolean, popupTitle?: string, strategy?: 'fixed' | 'absolute') => {
     autoFocus: boolean;
     controlShouldRenderValue: boolean;
     maxMenuWidth: string | number;
@@ -41,7 +41,7 @@ export declare const getPopupProps: MemoizedFn<(width: string | number, target:
             order?: undefined;
         })[];
         placement: Placement;
-        strategy: "fixed" | "absolute";
+        strategy: 'fixed' | 'absolute';
     };
     popupTitle: string | undefined;
     searchThreshold: number;

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

@@ -2,5 +2,5 @@ import { type StylesConfig } from '@atlaskit/select';
 export declare const BORDER_PADDING: "var(--ds-space-075)";
 export declare const AVATAR_PADDING = 6;
 export declare const INDICATOR_WIDTH = 39;
-export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig, isVisualRefresh?: boolean, isPopupStyles?: boolean, height?: number | string) => StylesConfig>;
+export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig, isVisualRefresh?: boolean, isPopupStyles?: boolean, height?: number | string, minHeight?: number | string) => StylesConfig>;
 export declare const getPopupStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, overrideStyles?: StylesConfig, isVisualRefresh?: boolean) => StylesConfig>;

package/dist/types/types.d.ts

@@ -125,6 +125,8 @@ export type UserPickerProps = WithAnalyticsEventsProps & {
     menuPosition?: 'absolute' | 'fixed';
     /** Whether to block scrolling actions */
     menuShouldBlockScroll?: boolean;
+    /** Sets the minimum height of the user picker. If not set, the minimum height will be based on the "height" prop then "compact" or "normal" appearance if height is not set. */
+    minHeight?: number | string;
     /** Name to use for input element. */
     name?: string;
     /** Display the picker with no border. */

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

@@ -49,7 +49,6 @@ export declare class BaseUserPickerWithoutAnalytics extends React.Component<Base
     private get isMenuOpenOnClickForSingleSelect();
     abortOptionsShownUfoExperience: () => void;
     startOptionsShownUfoExperience: () => void;
-    private get isCreateTeamA11yEnabled();
     private executeLoadOptions;
     private handleFocus;
     private resetInputState;
@@ -78,7 +77,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     ariaDescribedBy?: string;
     ariaLabel?: string;
     ariaLabelledBy?: string;
-    ariaLive?: "polite" | "off" | "assertive";
+    ariaLive?: 'polite' | 'off' | 'assertive';
     autoFocus?: boolean;
     captureMenuScroll?: boolean;
     clearValueLabel?: string;
@@ -90,7 +89,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     fieldId: string | null;
     footer?: React.ReactNode;
     forwardedRef?: React.ForwardedRef<UserPickerRef>;
-    groupByTypeOrder?: NonNullable<OptionData["type"]>[];
+    groupByTypeOrder?: NonNullable<OptionData['type']>[];
     header?: React.ReactNode;
     height?: number | string;
     includeTeamsUpdates?: boolean;
@@ -113,7 +112,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     menuIsOpen?: boolean;
     menuMinWidth?: number;
     menuPortalTarget?: HTMLElement;
-    menuPosition?: "absolute" | "fixed";
+    menuPosition?: 'absolute' | 'fixed';
     menuShouldBlockScroll?: boolean;
     name?: string;
     noBorder?: boolean;
@@ -133,14 +132,14 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     openMenuOnClick?: boolean;
     options?: OptionData[];
     placeholder?: React.ReactNode;
-    placeholderAvatar?: "person" | "team";
+    placeholderAvatar?: 'person' | 'team';
     popupSelectProps?: PopupSelectProps<OptionData>;
     required?: boolean;
     search?: string;
     setIsFooterFocused?: React.Dispatch<React.SetStateAction<boolean>>;
     setIsHeaderFocused?: React.Dispatch<React.SetStateAction<boolean>>;
     showClearIndicator?: boolean;
-    strategy?: "fixed" | "absolute";
+    strategy?: 'fixed' | 'absolute';
     styles?: StylesConfig;
     subtle?: boolean;
     suggestEmailsForDomain?: string;
@@ -161,7 +160,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
      */
     UNSAFE_hasDraggableParentComponent?: boolean;
     width: string | number;
-}, keyof WithAnalyticsEventsProps>, "options" | "noOptionsMessage" | "placeholder" | "addMoreMessage" | "allowEmail" | "anchor" | "appearance" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "autoFocus" | "captureMenuScroll" | "clearValueLabel" | "closeMenuOnScroll" | "components" | "defaultValue" | "disableInput" | "emailLabel" | "fieldId" | "footer" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "inputId" | "isDisabled" | "isFooterFocused" | "isInvalid" | "isLoading" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuIsOpen" | "menuMinWidth" | "menuPortalTarget" | "menuPosition" | "menuShouldBlockScroll" | "name" | "onBlur" | "onChange" | "onClear" | "onClose" | "onFocus" | "onInputChange" | "onKeyDown" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "required" | "search" | "setIsFooterFocused" | "showClearIndicator" | "strategy" | "styles" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "value" | "width" | "pickerProps" | "SelectComponent"> & {
+}, keyof WithAnalyticsEventsProps>, 'options' | 'noOptionsMessage' | 'placeholder' | 'addMoreMessage' | 'allowEmail' | 'anchor' | 'appearance' | 'ariaDescribedBy' | 'ariaLabel' | 'ariaLabelledBy' | 'ariaLive' | 'autoFocus' | 'captureMenuScroll' | 'clearValueLabel' | 'closeMenuOnScroll' | 'components' | 'defaultValue' | 'disableInput' | 'emailLabel' | 'fieldId' | 'footer' | 'forwardedRef' | 'groupByTypeOrder' | 'header' | 'height' | 'includeTeamsUpdates' | 'inputId' | 'isDisabled' | 'isFooterFocused' | 'isInvalid' | 'isLoading' | 'isValidEmail' | 'loadOptions' | 'loadUserSource' | 'maxOptions' | 'maxPickerHeight' | 'menuIsOpen' | 'menuMinWidth' | 'menuPortalTarget' | 'menuPosition' | 'menuShouldBlockScroll' | 'name' | 'onBlur' | 'onChange' | 'onClear' | 'onClose' | 'onFocus' | 'onInputChange' | 'onKeyDown' | 'onOpen' | 'onSelection' | 'open' | 'placeholderAvatar' | 'popupSelectProps' | 'required' | 'search' | 'setIsFooterFocused' | 'showClearIndicator' | 'strategy' | 'styles' | 'suggestEmailsForDomain' | 'UNSAFE_hasDraggableParentComponent' | 'value' | 'width' | 'pickerProps' | 'SelectComponent'> & {
     isClearable?: boolean | undefined;
     isMulti?: boolean | undefined;
     loadOptionsErrorMessage?: ((value: {

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

@@ -64,6 +64,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     menuPortalTarget?: HTMLElement;
     menuPosition?: "absolute" | "fixed";
     menuShouldBlockScroll?: boolean;
+    minHeight?: number | string;
     name?: string;
     noBorder?: boolean;
     noOptionsMessage?: ((value: {
@@ -173,6 +174,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     maxOptions?: number | undefined;
     maxPickerHeight?: number | undefined;
     menuMinWidth?: number | undefined;
+    minHeight?: number | string | undefined;
     noBorder?: boolean | undefined;
     onClear?: import("..").OnPicker | undefined;
     onClose?: import("..").OnPicker | undefined;

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

@@ -55,6 +55,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     menuPortalTarget?: HTMLElement;
     menuPosition?: "absolute" | "fixed";
     menuShouldBlockScroll?: boolean;
+    minHeight?: number | string;
     name?: string;
     noBorder?: boolean;
     noOptionsMessage?: ((value: {
@@ -88,7 +89,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     UNSAFE_hasDraggableParentComponent?: boolean;
     value?: import("..").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" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "defaultValue" | "disableInput" | "emailLabel" | "fieldId" | "footer" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isHeaderFocused" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "setIsHeaderFocused" | "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" | "isHeaderFocused" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "minHeight" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "setIsHeaderFocused" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
     isMulti?: boolean | undefined;
     width?: number | string | undefined;
 } & {} & React.RefAttributes<any>>;

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

@@ -1,7 +1,7 @@
 import { type MemoizedFn } from 'memoize-one';
 import { type Placement } from '@atlaskit/popper';
 import { type Target, type BoundariesElement, type RootBoundary } from '../types';
-export declare const getPopupProps: MemoizedFn<(width: string | number, target: Target, onFlip: (data: any) => any, boundariesElement?: BoundariesElement, offset?: number[], placement?: Placement, rootBoundary?: RootBoundary, shouldFlip?: boolean, popupTitle?: string, strategy?: "fixed" | "absolute") => {
+export declare const getPopupProps: MemoizedFn<(width: string | number, target: Target, onFlip: (data: any) => any, boundariesElement?: BoundariesElement, offset?: number[], placement?: Placement, rootBoundary?: RootBoundary, shouldFlip?: boolean, popupTitle?: string, strategy?: 'fixed' | 'absolute') => {
     autoFocus: boolean;
     controlShouldRenderValue: boolean;
     maxMenuWidth: string | number;
@@ -41,7 +41,7 @@ export declare const getPopupProps: MemoizedFn<(width: string | number, target:
             order?: undefined;
         })[];
         placement: Placement;
-        strategy: "fixed" | "absolute";
+        strategy: 'fixed' | 'absolute';
     };
     popupTitle: string | undefined;
     searchThreshold: number;

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

@@ -2,5 +2,5 @@ import { type StylesConfig } from '@atlaskit/select';
 export declare const BORDER_PADDING: "var(--ds-space-075)";
 export declare const AVATAR_PADDING = 6;
 export declare const INDICATOR_WIDTH = 39;
-export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig, isVisualRefresh?: boolean, isPopupStyles?: boolean, height?: number | string) => StylesConfig>;
+export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig, isVisualRefresh?: boolean, isPopupStyles?: boolean, height?: number | string, minHeight?: number | string) => StylesConfig>;
 export declare const getPopupStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, overrideStyles?: StylesConfig, isVisualRefresh?: boolean) => StylesConfig>;

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

@@ -125,6 +125,8 @@ export type UserPickerProps = WithAnalyticsEventsProps & {
     menuPosition?: 'absolute' | 'fixed';
     /** Whether to block scrolling actions */
     menuShouldBlockScroll?: boolean;
+    /** Sets the minimum height of the user picker. If not set, the minimum height will be based on the "height" prop then "compact" or "normal" appearance if height is not set. */
+    minHeight?: number | string;
     /** Name to use for input element. */
     name?: string;
     /** Display the picker with no border. */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "11.22.0",
+	"version": "11.23.1",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,9 +44,9 @@
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-elements-user-picker": "2.7.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.7.0",
+		"@atlaskit/avatar": "^25.8.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
-		"@atlaskit/icon": "^31.0.0",
+		"@atlaskit/icon": "^32.0.0",
 		"@atlaskit/logo": "^19.10.0",
 		"@atlaskit/lozenge": "^13.4.0",
 		"@atlaskit/people-teams-ui-public": "^3.7.0",
@@ -118,9 +118,6 @@
 		},
 		"jira_ai_agent_avatar_user_picker_user_option": {
 			"type": "boolean"
-		},
-		"a11y-create-team-is-not-focusable-and-has-no-btn": {
-			"type": "boolean"
 		}
 	}
 }

package/tsconfig.json

@@ -13,6 +13,5 @@
     "**/stories/*.tsx",
     "**/stories/**/*.ts",
     "**/stories/**/*.tsx"
-  ],
-  "compilerOptions": {}
+  ]
 }