@atlaskit/select 15.7.4 → 15.7.5

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/select
 
+## 15.7.5
+
+### Patch Changes
+
+- [`a0bf7e532ff`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a0bf7e532ff) - Fix validationState taking precedent over isInvalid
+- Updated dependencies
+
 ## 15.7.4
 
 ### Patch Changes

package/dist/cjs/Select.js

@@ -14,7 +14,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _createSelect = _interopRequireDefault(require("./createSelect"));
 
 var packageName = "@atlaskit/select";
-var packageVersion = "15.7.4";
+var packageVersion = "15.7.5";
 var SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
 exports.SelectWithoutAnalytics = SelectWithoutAnalytics;
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');

package/dist/cjs/createSelect.js

@@ -130,14 +130,16 @@ function createSelect(WrappedComponent) {
           "aria-live": "assertive"
         }, props, {
           components: this.components,
-          styles: (0, _reactSelect.mergeStyles)((0, _styles.default)(validationState || (isInvalid ? 'error' : 'default'), isCompact, this.props.appearance || 'default'), styles)
+          styles: (0, _reactSelect.mergeStyles)((0, _styles.default)( // This will cover both props for invalid state while giving priority to isInvalid. When cleaning up validationState, we can just keep the inner condition.
+          typeof isInvalid !== 'undefined' ? isInvalid ? 'error' : 'default' : validationState, isCompact, this.props.appearance || 'default'), styles)
         }));
       }
     }]);
     return AtlaskitSelect;
   }(_react.Component), (0, _defineProperty2.default)(_class, "defaultProps", {
     validationState: 'default',
-    isInvalid: false,
+    // TODO: uncomment the next line when cleaning up validationState prop so it has a default value
+    // isInvalid: false,
     spacing: 'default',
     onClickPreventDefault: true,
     tabSelectsValue: false,

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/select",
-	"version": "15.7.4",
+	"version": "15.7.5",
 	"sideEffects": false
 }

package/dist/es2019/Select.js

@@ -2,7 +2,7 @@ import Select from 'react-select';
 import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
 import createSelect from './createSelect';
 const packageName = "@atlaskit/select";
-const packageVersion = "15.7.4";
+const packageVersion = "15.7.5";
 export const SelectWithoutAnalytics = createSelect(Select);
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

package/dist/es2019/createSelect.js

@@ -76,13 +76,15 @@ export default function createSelect(WrappedComponent) {
         "aria-live": "assertive"
       }, props, {
         components: this.components,
-        styles: mergeStyles(baseStyles(validationState || (isInvalid ? 'error' : 'default'), isCompact, this.props.appearance || 'default'), styles)
+        styles: mergeStyles(baseStyles( // This will cover both props for invalid state while giving priority to isInvalid. When cleaning up validationState, we can just keep the inner condition.
+        typeof isInvalid !== 'undefined' ? isInvalid ? 'error' : 'default' : validationState, isCompact, this.props.appearance || 'default'), styles)
       }));
     }
 
   }, _defineProperty(_class, "defaultProps", {
     validationState: 'default',
-    isInvalid: false,
+    // TODO: uncomment the next line when cleaning up validationState prop so it has a default value
+    // isInvalid: false,
     spacing: 'default',
     onClickPreventDefault: true,
     tabSelectsValue: false,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/select",
-	"version": "15.7.4",
+	"version": "15.7.5",
 	"sideEffects": false
 }

package/dist/esm/Select.js

@@ -2,7 +2,7 @@ import Select from 'react-select';
 import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
 import createSelect from './createSelect';
 var packageName = "@atlaskit/select";
-var packageVersion = "15.7.4";
+var packageVersion = "15.7.5";
 export var SelectWithoutAnalytics = createSelect(Select);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

package/dist/esm/createSelect.js

@@ -106,7 +106,8 @@ export default function createSelect(WrappedComponent) {
           "aria-live": "assertive"
         }, props, {
           components: this.components,
-          styles: mergeStyles(baseStyles(validationState || (isInvalid ? 'error' : 'default'), isCompact, this.props.appearance || 'default'), styles)
+          styles: mergeStyles(baseStyles( // This will cover both props for invalid state while giving priority to isInvalid. When cleaning up validationState, we can just keep the inner condition.
+          typeof isInvalid !== 'undefined' ? isInvalid ? 'error' : 'default' : validationState, isCompact, this.props.appearance || 'default'), styles)
         }));
       }
     }]);
@@ -114,7 +115,8 @@ export default function createSelect(WrappedComponent) {
     return AtlaskitSelect;
   }(Component), _defineProperty(_class, "defaultProps", {
     validationState: 'default',
-    isInvalid: false,
+    // TODO: uncomment the next line when cleaning up validationState prop so it has a default value
+    // isInvalid: false,
     spacing: 'default',
     onClickPreventDefault: true,
     tabSelectsValue: false,

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/select",
-	"version": "15.7.4",
+	"version": "15.7.5",
 	"sideEffects": false
 }

package/dist/types/AsyncCreatableSelect.d.ts

@@ -33,7 +33,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types/AsyncSelect.d.ts

@@ -33,7 +33,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types/CreatableSelect.d.ts

@@ -33,7 +33,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types/Select.d.ts

@@ -34,7 +34,6 @@ export declare const SelectWithoutAnalytics: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;
@@ -77,7 +76,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types/createSelect.d.ts

@@ -35,7 +35,6 @@ export default function createSelect(WrappedComponent: ComponentType<any>): {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types-ts4.0/AsyncCreatableSelect.d.ts

@@ -33,7 +33,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types-ts4.0/AsyncSelect.d.ts

@@ -33,7 +33,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types-ts4.0/CreatableSelect.d.ts

@@ -33,7 +33,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types-ts4.0/Select.d.ts

@@ -34,7 +34,6 @@ export declare const SelectWithoutAnalytics: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;
@@ -77,7 +76,6 @@ declare const _default: {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/dist/types-ts4.0/createSelect.d.ts

@@ -35,7 +35,6 @@ export default function createSelect(WrappedComponent: ComponentType<any>): {
     };
     defaultProps: {
         validationState: string;
-        isInvalid: boolean;
         spacing: string;
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "15.7.4",
+  "version": "15.7.5",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/icon": "^21.11.0",
-    "@atlaskit/spinner": "^15.0.0",
+    "@atlaskit/spinner": "^15.2.0",
     "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@atlaskit/visually-hidden": "^1.1.0",
@@ -58,11 +58,11 @@
     "react-dom": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.3.0",
+    "@atlaskit/button": "^16.4.0",
     "@atlaskit/checkbox": "^12.4.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/drawer": "^7.3.0",
-    "@atlaskit/form": "^8.6.0",
+    "@atlaskit/drawer": "^7.4.0",
+    "@atlaskit/form": "^8.7.0",
     "@atlaskit/logo": "^13.10.0",
     "@atlaskit/modal-dialog": "^12.4.0",
     "@atlaskit/radio": "^5.4.0",

package/report.api.md

@@ -1,6 +1,10 @@
-## API Report File for "@atlaskit/select".
+## API Report File for "@atlaskit/select"
 
-> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+<!--
+	Generated API Report version: 2.0
+-->
 
 [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
@@ -46,9 +50,11 @@ import { ValueContainerProps as ValueContainerProps_2 } from 'react-select';
 import { ValueType as ValueType_2 } from 'react-select';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 
-export declare type ActionMeta<Option = OptionType> = ActionMeta_2<Option>;
+// @public (undocumented)
+export type ActionMeta<Option = OptionType> = ActionMeta_2<Option>;
 
-export declare const AsyncCreatableSelect: {
+// @public (undocumented)
+export const AsyncCreatableSelect: {
   new <Option = OptionType, IsMulti extends boolean = false>(
     props: SelectProps<Option, IsMulti>,
   ): {
@@ -143,7 +149,8 @@ export declare const AsyncCreatableSelect: {
   contextType?: Context<any> | undefined;
 };
 
-export declare const AsyncSelect: {
+// @public (undocumented)
+export const AsyncSelect: {
   new <Option = OptionType, IsMulti extends boolean = false>(
     props: SelectProps<Option, IsMulti>,
   ): {
@@ -238,35 +245,45 @@ export declare const AsyncSelect: {
   contextType?: Context<any> | undefined;
 };
 
-export declare const CheckboxOption: FC<OptionProps<OptionType, true>>;
+// @public (undocumented)
+export const CheckboxOption: FC<OptionProps<OptionType, true>>;
 
-export declare const CheckboxSelect: ({
+// @public (undocumented)
+export const CheckboxSelect: ({
   components,
   ...props
 }: SelectProps<OptionType, true>) => JSX.Element;
 
 export { components };
 
-export declare type ControlProps<
+// @public (undocumented)
+export type ControlProps<
   OptionType,
   IsMulti extends boolean = false
 > = ControlProps_2<OptionType, IsMulti>;
 
-declare type Country = typeof groupedCountries[number]['options'][number];
+// @public (undocumented)
+type Country = typeof groupedCountries[number]['options'][number];
 
-declare interface Country_2 {
+// @public (undocumented)
+interface Country_2 {
+  // (undocumented)
   abbr: string;
+  // (undocumented)
   code: string;
+  // (undocumented)
   icon: string;
+  // (undocumented)
   name: string;
+  // (undocumented)
   suggested?: boolean;
 }
 
-export declare const CountrySelect: (
-  props: SelectProps<Country>,
-) => jsx.JSX.Element;
+// @public (undocumented)
+export const CountrySelect: (props: SelectProps<Country>) => jsx.JSX.Element;
 
-export declare const CreatableSelect: {
+// @public (undocumented)
+export const CreatableSelect: {
   new <Option = OptionType, IsMulti extends boolean = false>(
     props: SelectProps<Option, IsMulti>,
   ): {
@@ -363,7 +380,8 @@ export declare const CreatableSelect: {
 
 export { createFilter };
 
-declare const _default: {
+// @public (undocumented)
+const _default: {
   new <Option = OptionType, IsMulti extends boolean = false>(
     props: SelectProps<Option, IsMulti>,
   ): {
@@ -459,14 +477,17 @@ declare const _default: {
 };
 export default _default;
 
-declare type defaultModifiers = 'offset' | 'preventOverflow';
+// @public (undocumented)
+type defaultModifiers = 'offset' | 'preventOverflow';
 
-export declare type FormatOptionLabelMeta<
+// @public (undocumented)
+export type FormatOptionLabelMeta<
   OptionType,
   IsMulti extends boolean = false
 > = FormatOptionLabelMeta_2<OptionType, IsMulti>;
 
-declare const groupedCountries: readonly [
+// @public (undocumented)
+const groupedCountries: readonly [
   {
     readonly label: 'Suggested';
     readonly options: Country_2[];
@@ -481,17 +502,20 @@ export { GroupedOptionsType };
 
 export { GroupType };
 
-export declare type IndicatorComponentType<
+// @public (undocumented)
+export type IndicatorComponentType<
   OptionType,
   IsMulti extends boolean = false
 > = IndicatorComponentType_2<OptionType, IsMulti>;
 
-export declare type IndicatorProps<
+// @public (undocumented)
+export type IndicatorProps<
   OptionType,
   IsMulti extends boolean = false
 > = IndicatorProps_2<OptionType, IsMulti>;
 
-export declare type InputActionMeta = InputActionMeta_2;
+// @public (undocumented)
+export type InputActionMeta = InputActionMeta_2;
 
 export { InputProps };
 
@@ -499,19 +523,22 @@ export { makeAsyncSelect };
 
 export { makeCreatableSelect };
 
-export declare type MenuListComponentProps<
+// @public (undocumented)
+export type MenuListComponentProps<
   OptionType,
   IsMulti extends boolean = false
 > = MenuListComponentProps_2<OptionType, IsMulti>;
 
-export declare type MenuProps<
+// @public (undocumented)
+export type MenuProps<
   OptionType,
   IsMulti extends boolean = false
 > = MenuProps_2<OptionType, IsMulti>;
 
 export { mergeStyles };
 
-declare type ModifierList =
+// @public (undocumented)
+type ModifierList =
   | 'offset'
   | 'computeStyles'
   | 'preventOverflow'
@@ -522,11 +549,14 @@ declare type ModifierList =
   | 'hide'
   | string;
 
-export declare interface OptionProps<
+// @public (undocumented)
+export interface OptionProps<
   Option = OptionType,
   IsMulti extends boolean = false
 > extends OptionProps_2<Option, IsMulti> {
+  // (undocumented)
   [key: string]: any;
+  // (undocumented)
   Icon?: React.ComponentType<{
     label: string;
     size?: 'small' | 'medium' | 'large' | 'xlarge';
@@ -534,50 +564,54 @@ export declare interface OptionProps<
     primaryColor?: string;
     secondaryColor?: string;
   }>;
+  // (undocumented)
   isDisabled: boolean;
+  // (undocumented)
   isFocused: boolean;
+  // (undocumented)
   isSelected: boolean;
 }
 
-export declare type OptionsType<Option = OptionType> = OptionsType_2<Option>;
+// @public (undocumented)
+export type OptionsType<Option = OptionType> = OptionsType_2<Option>;
 
-export declare interface OptionType {
+// @public (undocumented)
+export interface OptionType {
+  // (undocumented)
   [key: string]: any;
+  // (undocumented)
   label: string;
+  // (undocumented)
   value: string | number;
 }
 
-declare type PopperPropsNoChildren<Modifiers> = Omit<
+// @public (undocumented)
+type PopperPropsNoChildren<Modifiers> = Omit<
   PopperProps<Modifiers>,
   'children'
 >;
 
-export declare class PopupSelect<
+// @public (undocumented)
+export class PopupSelect<
   Option = OptionType,
   IsMulti extends boolean = false
 > extends PureComponent<PopupSelectProps<Option, IsMulti>, State> {
-  menuRef: HTMLElement | null;
-  selectRef: Select<Option, IsMulti> | null;
-  targetRef: HTMLElement | null;
-  unbindWindowClick: UnbindFn | null;
-  unbindWindowKeydown: UnbindFn | null;
-  defaultStyles: StylesConfig<Option, IsMulti>;
-  isOpenControlled: boolean;
+  close: (
+    options?:
+      | {
+          controlOverride?: boolean | undefined;
+        }
+      | undefined,
+  ) => void;
+  // (undocumented)
+  componentDidMount(): void;
+  // (undocumented)
+  componentDidUpdate(prevProps: PopupSelectProps<Option, IsMulti>): void;
+  // (undocumented)
+  componentWillUnmount(): void;
+  // (undocumented)
   defaultOpenState: boolean | undefined;
-  state: {
-    isOpen: boolean;
-    mergedComponents: {
-      Control: React_2.FC<ControlProps<OptionType, boolean>>;
-      DropdownIndicator: () => jsx;
-      Menu: ({
-        children,
-        innerProps,
-        ...props
-      }: MenuProps<OptionType, boolean>) => jsx;
-    };
-    mergedPopperProps: PopperPropsNoChildren<string>;
-  };
-  popperWrapperId: string;
+  // (undocumented)
   static defaultProps: {
     closeMenuOnSelect: boolean;
     components: {};
@@ -590,24 +624,32 @@ export declare class PopupSelect<
     styles: {};
     options: never[];
   };
+  // (undocumented)
+  defaultStyles: StylesConfig<Option, IsMulti>;
+  // (undocumented)
   static getDerivedStateFromProps(
     props: PopupSelectProps<OptionType>,
     state: State,
   ): Partial<State<string>> | null;
-  componentDidMount(): void;
-  componentWillUnmount(): void;
-  componentDidUpdate(prevProps: PopupSelectProps<Option, IsMulti>): void;
-  handleKeyDown: (event: KeyboardEvent) => void;
+  // (undocumented)
+  getItemCount: () => number;
+  // (undocumented)
+  getMaxHeight: () => number | undefined;
+  // (undocumented)
+  getSelectRef: (ref: Select<Option, IsMulti>) => void;
+  // (undocumented)
   handleClick: ({ target }: MouseEvent) => void;
+  // (undocumented)
+  handleKeyDown: (event: KeyboardEvent) => void;
+  // (undocumented)
   handleSelectChange: (
     value: ValueType<Option, IsMulti>,
     actionMeta: ActionMeta<Option>,
   ) => void;
-  /**
-   * Opens the popup
-   *
-   * @param options.controlOverride  - Force the popup to open when it's open state is being controlled
-   */
+  // (undocumented)
+  isOpenControlled: boolean;
+  // (undocumented)
+  menuRef: HTMLElement | null;
   open: (
     options?:
       | {
@@ -615,127 +657,119 @@ export declare class PopupSelect<
         }
       | undefined,
   ) => void;
-  /**
-   * Closes the popup
-   *
-   * @param options.controlOverride  - Force the popup to close when it's open state is being controlled
-   */
-  close: (
-    options?:
-      | {
-          controlOverride?: boolean | undefined;
-        }
-      | undefined,
-  ) => void;
-  resolveTargetRef: (
+  // (undocumented)
+  popperWrapperId: string;
+  // (undocumented)
+  render(): JSX.Element;
+  // (undocumented)
+  renderSelect: () => JSX.Element | null;
+  // (undocumented)
+  resolveMenuRef: (
     popperRef: React_2.Ref<HTMLElement>,
   ) => (ref: HTMLElement) => void;
-  resolveMenuRef: (
+  // (undocumented)
+  resolveTargetRef: (
     popperRef: React_2.Ref<HTMLElement>,
   ) => (ref: HTMLElement) => void;
-  getSelectRef: (ref: Select<Option, IsMulti>) => void;
-  getItemCount: () => number;
-  getMaxHeight: () => number | undefined;
+  // (undocumented)
+  selectRef: Select<Option, IsMulti> | null;
+  // (undocumented)
   showSearchControl: () => boolean | undefined;
-  renderSelect: () => JSX.Element | null;
-  render(): JSX.Element;
+  // (undocumented)
+  state: {
+    isOpen: boolean;
+    mergedComponents: {
+      Control: React_2.FC<ControlProps<OptionType, boolean>>;
+      DropdownIndicator: () => jsx;
+      Menu: ({
+        children,
+        innerProps,
+        ...props
+      }: MenuProps<OptionType, boolean>) => jsx;
+    };
+    mergedPopperProps: PopperPropsNoChildren<string>;
+  };
+  // (undocumented)
+  targetRef: HTMLElement | null;
+  // (undocumented)
+  unbindWindowClick: UnbindFn | null;
+  // (undocumented)
+  unbindWindowKeydown: UnbindFn | null;
 }
 
-export declare interface PopupSelectProps<
+// @public (undocumented)
+export interface PopupSelectProps<
   Option = OptionType,
   IsMulti extends boolean = false,
   Modifiers = ModifierList
 > extends Props<Option, IsMulti> {
-  /**
-   * Defines whether the menu should close when selected. Defaults to "true"
-   */
   closeMenuOnSelect?: boolean;
-  /**
-   * The footer content shown at the bottom of the Popup, underneath the Select options
-   */
+  // (undocumented)
+  defaultIsOpen?: boolean;
   footer?: ReactNode;
-  /**
-     The props passed down to React Popper.
-
-     Use these to override the default positioning strategy, behaviour and placement used by this library.
-     For more information, see the [React Popper documentation](https://popper.js.org/react-popper/v2/render-props).
-
-     */
-  popperProps?: PopperPropsNoChildren<Modifiers>;
-  /**
-   * The maximum number of options the select can contain without rendering the search field. Defaults to 5.
-   */
-  searchThreshold?: number;
-  /**
-   * If false, renders a select with no search field. If true, renders a search field in the select when the
-   * number of options exceeds the `searchThreshold`. Defaults to true.
-   */
+  // (undocumented)
+  isInvalid?: boolean;
+  // (undocumented)
+  isOpen?: boolean;
   isSearchable?: boolean;
-  /**
-   * The maximum width for the popup menu. Can be a number, representing width in pixels,
-   * or a string containing a CSS length datatype.
-   */
   maxMenuWidth?: number | string;
-  /**
-   * The maximum width for the popup menu. Can be a number, representing width in pixels,
-   * or a string containing a CSS length datatype.
-   */
   minMenuWidth?: number | string;
-  /**
-     Render props used to anchor the popup to your content.
-
-     Make this an interactive element, such as an @atlaskit/button component.
-
-     The provided render props in `options` are detailed below:
-     - `isOpen`: The current state of the popup.
-     Use this to change the appearance of your target based on the state of your component
-     - `ref`: Pass this ref to the element the Popup should be attached to
-     - `aria-haspopup`, `aria-expanded`, `aria-controls`: Spread these onto a target element to
-     ensure your experience is accessible
-     */
+  popperProps?: PopperPropsNoChildren<Modifiers>;
+  searchThreshold?: number;
+  // (undocumented)
+  spacing?: string;
   target?: (
     options: PopupSelectTriggerProps & {
       isOpen: boolean;
     },
   ) => ReactNode;
-  isOpen?: boolean;
-  defaultIsOpen?: boolean;
-  spacing?: string;
+  // (undocumented)
   validationState?: ValidationState;
-  isInvalid?: boolean;
 }
 
-declare interface PopupSelectTriggerProps {
-  ref: any;
-  'aria-haspopup': 'true';
-  'aria-expanded': boolean;
+// @public (undocumented)
+interface PopupSelectTriggerProps {
+  // (undocumented)
   'aria-controls'?: string;
+  // (undocumented)
+  'aria-expanded': boolean;
+  // (undocumented)
+  'aria-haspopup': 'true';
+  // (undocumented)
+  ref: any;
 }
 
-export declare const RadioOption: FC<OptionProps>;
+// @public (undocumented)
+export const RadioOption: FC<OptionProps>;
 
-export declare const RadioSelect: ({
+// @public (undocumented)
+export const RadioSelect: ({
   components,
   ...props
 }: SelectProps<OptionType>) => JSX.Element;
 
-export declare type SelectComponentsConfig<
+// @public (undocumented)
+export type SelectComponentsConfig<
   OptionType,
   IsMulti extends boolean = false
 > = SelectComponentsConfig_2<OptionType, IsMulti>;
 
-export declare interface SelectProps<
-  OptionType,
-  IsMulti extends boolean = false
-> extends Props<OptionType, IsMulti>,
+// @public (undocumented)
+export interface SelectProps<OptionType, IsMulti extends boolean = false>
+  extends Props<OptionType, IsMulti>,
     WithAnalyticsEventsProps {
-  spacing?: 'compact' | 'default';
-  validationState?: ValidationState;
+  // (undocumented)
   appearance?: 'default' | 'subtle' | 'none';
+  // (undocumented)
   isInvalid?: boolean;
+  // (undocumented)
+  spacing?: 'compact' | 'default';
+  // (undocumented)
+  validationState?: ValidationState;
 }
 
-export declare const SelectWithoutAnalytics: {
+// @public (undocumented)
+export const SelectWithoutAnalytics: {
   new <Option = OptionType, IsMulti extends boolean = false>(
     props: SelectProps<Option, IsMulti>,
   ): {
@@ -830,28 +864,36 @@ export declare const SelectWithoutAnalytics: {
   contextType?: Context<any> | undefined;
 };
 
-declare interface State<Modifiers = string> {
+// @public (undocumented)
+interface State<Modifiers = string> {
+  // (undocumented)
   isOpen: boolean;
+  // (undocumented)
   mergedComponents: Object;
+  // (undocumented)
   mergedPopperProps: PopperPropsNoChildren<defaultModifiers | Modifiers>;
 }
 
-export declare type StylesConfig<
+// @public (undocumented)
+export type StylesConfig<
   Option = OptionType,
   IsMulti extends boolean = false
 > = StylesConfig_2<Option, IsMulti>;
 
-declare type ValidationState = 'default' | 'error' | 'success';
+// @public (undocumented)
+type ValidationState = 'default' | 'error' | 'success';
 
-export declare type ValueContainerProps<
+// @public (undocumented)
+export type ValueContainerProps<
   OptionType,
   IsMulti extends boolean = false
 > = ValueContainerProps_2<OptionType, IsMulti>;
 
-export declare type ValueType<
+// @public (undocumented)
+export type ValueType<
   OptionType,
   IsMulti extends boolean = false
 > = ValueType_2<OptionType, IsMulti>;
 
-export {};
+// (No @packageDocumentation comment for this package)
 ```