@atlaskit/user-picker 11.23.0 → 11.23.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/user-picker
 
+## 11.23.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 11.23.0
 
 ### Minor Changes

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/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/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/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/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/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/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.23.0",
+	"version": "11.23.1",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -46,7 +46,7 @@
 		"@atlaskit/analytics-next": "^11.1.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",