@atlaskit/react-select 2.1.0 → 2.2.1

package/dist/types-ts4.5/emotion/components/indicators.d.ts

@@ -0,0 +1,73 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../../types';
+export interface DropdownIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * The children to be rendered inside the indicator.
+     */
+    children?: ReactNode;
+    /**
+     * Props that will be passed on to the children.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    /**
+     * The focused state of the select.
+     */
+    isFocused: boolean;
+    isDisabled: boolean;
+    /**
+     * Whether the select is compact.
+     */
+    isCompact?: boolean;
+}
+export declare const dropdownIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isCompact, isDisabled, }: DropdownIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const DropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * The children to be rendered inside the indicator.
+     */
+    children?: ReactNode;
+    /**
+     * Sets the `aria-label` for the clear icon button
+     */
+    clearControlLabel?: string;
+    /**
+     * Props that will be passed on to the children.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    /**
+     * The focused state of the select.
+     */
+    isFocused: boolean;
+    /**
+     * Whether the select is compact.
+     */
+    isCompact?: boolean;
+}
+export declare const clearIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isCompact, }: ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare const loadingIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isCompact, }: LoadingIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export interface LoadingIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * Props that will be passed on to the children.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    /**
+     * The focused state of the select.
+     */
+    isFocused: boolean;
+    isDisabled: boolean;
+    /**
+     * Set size of the container.
+     */
+    size: number;
+    /**
+     * Whether the select is compact.
+     */
+    isCompact?: boolean;
+}
+export declare const LoadingIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ innerProps, isRtl, size, ...restProps }: LoadingIndicatorProps<Option, IsMulti, Group>) => jsx.JSX.Element;

package/dist/types-ts4.5/emotion/components/input.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type InputHTMLAttributes } from 'react';
+import { jsx } from '@emotion/react';
+import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../../types';
+interface InputSpecificProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends InputHTMLAttributes<HTMLInputElement>, CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * Reference to the internal element
+     */
+    innerRef?: (instance: HTMLInputElement | null) => void;
+    /**
+     * Set whether the input should be visible. Does not affect input size.
+     */
+    isHidden: boolean;
+    /**
+     * Whether the input is disabled
+     */
+    isDisabled?: boolean;
+    /**
+     * The ID of the form that the input belongs to
+     */
+    form?: string;
+    /**
+     * Set className for the input element
+     */
+    inputClassName?: string;
+    /**
+     * A testId prop is provided for specific elements. This is a unique string that appears as a data attribute data-testid in the rendered code and serves as a hook for automated tests.
+     */
+    testId?: string;
+}
+export type InputProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = InputSpecificProps<Option, IsMulti, Group>;
+export declare const inputCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, value, }: InputProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+declare const Input: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default Input;

package/dist/types-ts4.5/emotion/components/internal/a11y-text.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+declare const A11yText: (props: JSX.IntrinsicElements['span']) => jsx.JSX.Element;
+export default A11yText;

package/dist/types-ts4.5/emotion/components/internal/dummy-input.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type Ref } from 'react';
+import { jsx } from '@emotion/react';
+export default function DummyInput({ innerRef, ...props }: JSX.IntrinsicElements['input'] & {
+    readonly innerRef: Ref<HTMLInputElement>;
+}): jsx.JSX.Element;

package/dist/types-ts4.5/emotion/components/internal/index.d.ts

@@ -0,0 +1,4 @@
+export { default as A11yText } from './a11y-text';
+export { default as DummyInput } from './dummy-input';
+export { default as ScrollManager } from './scroll-manager';
+export { default as RequiredInput } from './required-input';

package/dist/types-ts4.5/emotion/components/internal/notify-open-layer-observer.d.ts

@@ -0,0 +1,11 @@
+type NotifyOpenLayerObserverProps = {
+    isOpen: boolean;
+    onClose: () => void;
+};
+/**
+ * Functional component wrapper around `useNotifyOpenLayerObserver`.
+ *
+ * This is needed as Select is a class component, which cannot use hooks directly.
+ */
+export declare function NotifyOpenLayerObserver({ isOpen, onClose }: NotifyOpenLayerObserverProps): null;
+export {};

package/dist/types-ts4.5/emotion/components/internal/required-input.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type FocusEventHandler, type FunctionComponent } from 'react';
+declare const RequiredInput: FunctionComponent<{
+    readonly name?: string;
+    readonly onFocus: FocusEventHandler<HTMLInputElement>;
+}>;
+export default RequiredInput;

package/dist/types-ts4.5/emotion/components/internal/scroll-manager.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactElement, type RefCallback } from 'react';
+import { jsx } from '@emotion/react';
+interface ScrollManagerProps {
+    readonly children: (ref: RefCallback<HTMLElement>) => ReactElement;
+    readonly lockEnabled: boolean;
+    readonly captureEnabled: boolean;
+    readonly onBottomArrive?: (event: WheelEvent | TouchEvent) => void;
+    readonly onBottomLeave?: (event: WheelEvent | TouchEvent) => void;
+    readonly onTopArrive?: (event: WheelEvent | TouchEvent) => void;
+    readonly onTopLeave?: (event: WheelEvent | TouchEvent) => void;
+}
+export default function ScrollManager({ children, lockEnabled, captureEnabled, onBottomArrive, onBottomLeave, onTopArrive, onTopLeave, }: ScrollManagerProps): jsx.JSX.Element;
+export {};

package/dist/types-ts4.5/emotion/components/internal/use-scroll-capture.d.ts

@@ -0,0 +1,12 @@
+interface Options {
+    readonly isEnabled: boolean;
+    readonly onBottomArrive?: (event: WheelEvent | TouchEvent) => void;
+    readonly onBottomLeave?: (event: WheelEvent | TouchEvent) => void;
+    readonly onTopArrive?: (event: WheelEvent | TouchEvent) => void;
+    readonly onTopLeave?: (event: WheelEvent | TouchEvent) => void;
+}
+/**
+ * {description}.
+ */
+export default function useScrollCapture({ isEnabled, onBottomArrive, onBottomLeave, onTopArrive, onTopLeave, }: Options): (element: HTMLElement | null) => void;
+export {};

package/dist/types-ts4.5/emotion/components/internal/use-scroll-lock.d.ts

@@ -0,0 +1,9 @@
+interface Options {
+    readonly isEnabled: boolean;
+    readonly accountForScrollbars?: boolean;
+}
+/**
+ * {description}.
+ */
+export default function useScrollLock({ isEnabled, accountForScrollbars }: Options): (element: HTMLElement | null) => void;
+export {};

package/dist/types-ts4.5/emotion/components/live-region.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ * @jsxFrag React.Fragment
+ */
+import { type ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+import { type AriaSelection } from '../../accessibility';
+import { type CommonProps, type GroupBase, type Options } from '../../types';
+interface LiveRegionProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group> {
+    children: ReactNode;
+    innerProps: {
+        className?: string;
+    };
+    ariaSelection: AriaSelection<Option, IsMulti>;
+    focusedOption: Option | null;
+    focusedValue: Option | null;
+    selectValue: Options<Option>;
+    focusableOptions: Options<Option>;
+    isFocused: boolean;
+    id: string;
+    isAppleDevice: boolean;
+}
+declare const LiveRegion: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LiveRegionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default LiveRegion;

package/dist/types-ts4.5/emotion/components/menu.d.ts

@@ -0,0 +1,116 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type LegacyRef, type ReactElement, type ReactNode, type Ref } from 'react';
+import { jsx } from '@emotion/react';
+import { type CoercedMenuPlacement, type CommonProps, type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase, type MenuPlacement, type MenuPosition } from '../../types';
+interface MenuPlacementProps {
+    /**
+     * Set the minimum height of the menu.
+     */
+    minMenuHeight: number;
+    /**
+     * Set the maximum height of the menu.
+     */
+    maxMenuHeight: number;
+    /**
+     * Set whether the menu should be at the top, at the bottom. The auto options sets it to bottom.
+     */
+    menuPlacement: MenuPlacement;
+    /**
+     * The CSS position value of the menu, when "fixed" extra layout management is required
+     */
+    menuPosition: MenuPosition;
+    /**
+     * Set whether the page should scroll to show the menu.
+     */
+    menuShouldScrollIntoView: boolean;
+}
+export interface MenuProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group>, MenuPlacementProps {
+    /**
+     * Reference to the internal element, consumed by the MenuPlacer component
+     */
+    innerRef: Ref<HTMLDivElement>;
+    innerProps: JSX.IntrinsicElements['div'];
+    isLoading: boolean;
+    placement: CoercedMenuPlacement;
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+}
+interface PlacerProps {
+    placement: CoercedMenuPlacement;
+    maxHeight: number;
+}
+interface ChildrenProps {
+    ref: Ref<HTMLDivElement>;
+    placerProps: PlacerProps;
+}
+interface MenuPlacerProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group>, MenuPlacementProps {
+    /**
+     * The children to be rendered.
+     */
+    children: (childrenProps: ChildrenProps) => ReactElement;
+}
+export declare const menuCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ placement, }: MenuProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const MenuPlacer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPlacerProps<Option, IsMulti, Group>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const Menu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default Menu;
+export interface MenuListProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * Set the max height of the Menu component
+     */
+    maxHeight: number;
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * Inner ref to DOM ReactNode
+     */
+    innerRef: LegacyRef<HTMLDivElement>;
+    /**
+     * The currently focused option
+     */
+    focusedOption: Option;
+    /**
+     * Props to be passed to the menu-list wrapper.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+}
+export declare const menuListCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ maxHeight, }: MenuListProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const MenuList: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare const noOptionsMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({}: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const loadingMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({}: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export interface NoticeProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * Props to be passed on to the wrapper.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+}
+export declare const NoOptionsMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, ...restProps }: NoticeProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare const LoadingMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, ...restProps }: NoticeProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export interface MenuPortalProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    appendTo: HTMLElement | undefined;
+    children: ReactNode;
+    controlElement: HTMLDivElement | null;
+    innerProps: JSX.IntrinsicElements['div'];
+    menuPlacement: MenuPlacement;
+    menuPosition: MenuPosition;
+}
+export interface PortalStyleArgs {
+    offset: number;
+    position: MenuPosition;
+    rect: {
+        left: number;
+        width: number;
+    };
+}
+export declare const menuPortalCSS: ({ rect, offset, position }: PortalStyleArgs) => CSSObjectWithLabel;
+export declare const MenuPortal: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPortalProps<Option, IsMulti, Group>) => jsx.JSX.Element | null;

package/dist/types-ts4.5/emotion/components/multi-value.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ComponentType, type ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+import { type SelectProps } from '../../select';
+import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../../types';
+interface MultiValueComponents<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
+    Container: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
+    Label: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
+    Remove: ComponentType<MultiValueRemoveProps<Option, IsMulti, Group>>;
+}
+export interface MultiValueProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    children: ReactNode;
+    components: MultiValueComponents<Option, IsMulti, Group>;
+    cropWithEllipsis?: boolean;
+    data: Option;
+    innerProps: JSX.IntrinsicElements['div'];
+    isFocused: boolean;
+    isDisabled: boolean;
+    removeProps: JSX.IntrinsicElements['div'];
+    index: number;
+}
+export declare const multiValueCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const multiValueLabelCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ cropWithEllipsis, isDisabled, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const multiValueRemoveCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export interface MultiValueGenericProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
+    children: ReactNode;
+    data: any;
+    innerProps: {
+        className?: string;
+    };
+    selectProps: SelectProps<Option, IsMulti, Group>;
+}
+export declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare const MultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export interface MultiValueRemoveProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
+    children?: ReactNode;
+    data: Option;
+    innerProps: JSX.IntrinsicElements['div'];
+    selectProps: SelectProps<Option, IsMulti, Group>;
+    isDisabled: boolean;
+}
+export declare function MultiValueRemove<Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, innerProps, }: MultiValueRemoveProps<Option, IsMulti, Group>): jsx.JSX.Element;
+declare const MultiValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default MultiValue;

package/dist/types-ts4.5/emotion/components/option.d.ts

@@ -0,0 +1,49 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode, type RefCallback } from 'react';
+import { jsx } from '@emotion/react';
+import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../../types';
+export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * Inner ref to DOM Node
+     */
+    innerRef: RefCallback<HTMLDivElement>;
+    /**
+     * props passed to the wrapping element for the group.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    /**
+     * Text to be displayed representing the option.
+     */
+    label: string;
+    /**
+     * Type is used by the menu to determine whether this is an option or a group.
+     * In the case of option this is always `option`. *
+     */
+    type: 'option';
+    /**
+     * The data of the selected option.
+     */
+    data: Option;
+    /**
+     * Whether the option is disabled.
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the option is focused.
+     */
+    isFocused: boolean;
+    /**
+     * Whether the option is selected.
+     */
+    isSelected: boolean;
+}
+export declare const optionCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, isSelected, }: OptionProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+declare const Option: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default Option;

package/dist/types-ts4.5/emotion/components/placeholder.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../../types';
+export interface PlaceholderProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * props passed to the wrapping element for the group.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    isDisabled: boolean;
+    isFocused: boolean;
+}
+export declare const placeholderCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, }: PlaceholderProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+declare const Placeholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default Placeholder;

package/dist/types-ts4.5/emotion/components/single-value.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../../types';
+export interface SingleValueProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * The data of the selected option rendered in the Single Value component.
+     */
+    data: Option;
+    /**
+     * Props passed to the wrapping element for the group.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    /**
+     * Whether this is disabled.
+     */
+    isDisabled: boolean;
+}
+export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, }: SingleValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+declare const SingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export default SingleValue;

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

@@ -155,7 +155,7 @@ export interface SelectProps<Option, IsMulti extends boolean, Group extends Grou
     /**
      * Formats group labels in the menu as React components
      *
-     * An example can be found in the [Replacing builtins](/advanced#replacing-builtins) documentation.
+     * An example can be found in the [Replacing builtins](https://react-select.com/advanced#replacing-builtins) documentation.
      */
     formatGroupLabel: (group: Group) => ReactNode;
     /**
@@ -212,7 +212,7 @@ export interface SelectProps<Option, IsMulti extends boolean, Group extends Grou
     /**
      * Override the built-in logic to detect whether an option is disabled
      *
-     * An example can be found in the [Replacing builtins](/advanced#replacing-builtins) documentation.
+     * An example can be found in the [Replacing builtins](https://react-select.com/advanced#replacing-builtins) documentation.
      */
     isOptionDisabled: (option: Option, selectValue: Options<Option>) => boolean;
     /**
@@ -275,7 +275,7 @@ export interface SelectProps<Option, IsMulti extends boolean, Group extends Grou
     /**
      * Whether the menu should use a portal, and where it should attach
      *
-     * An example can be found in the [Portaling](/advanced#portaling) documentation
+     * An example can be found in the [Portaling](https://react-select.com/advanced#portaling) documentation
      */
     menuPortalTarget?: HTMLElement | null;
     /**
@@ -369,7 +369,7 @@ export interface SelectProps<Option, IsMulti extends boolean, Group extends Grou
     /**
      * Style modifier methods
      *
-     * A basic example can be found at the bottom of the [Replacing builtins](/advanced#replacing-builtins) documentation.
+     * A basic example can be found at the bottom of the [Replacing builtins](https://react-select.com/advanced#replacing-builtins) documentation.
      */
     styles: StylesConfig<Option, IsMulti, Group>;
     /**
@@ -424,6 +424,7 @@ export interface SelectProps<Option, IsMulti extends boolean, Group extends Grou
     spacing?: 'compact' | 'default';
     appearance: 'default' | 'subtle' | 'none';
     [key: string]: any;
+    UNSAFE_is_experimental_generic?: boolean;
 }
 export declare const defaultProps: {
     'aria-live': string | undefined;
@@ -466,6 +467,7 @@ export declare const defaultProps: {
     styles: {};
     tabIndex: number;
     tabSelectsValue: boolean;
+    UNSAFE_is_experimental_generic: boolean;
 };
 interface State<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
     ariaSelection: AriaSelection<Option, IsMulti> | null;
@@ -545,6 +547,7 @@ export default class Select<Option = unknown, IsMulti extends boolean = false, G
         styles: {};
         tabIndex: number;
         tabSelectsValue: boolean;
+        UNSAFE_is_experimental_generic: boolean;
     };
     state: State<Option, IsMulti, Group>;
     blockOptionHover: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-select",
-	"version": "2.1.0",
+	"version": "2.2.1",
 	"description": "A forked version of react-select to only be used in atlaskit/select",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -33,9 +33,9 @@
 		"@atlaskit/icon": "^25.5.0",
 		"@atlaskit/layering": "^2.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.3.0",
+		"@atlaskit/primitives": "^14.4.0",
 		"@atlaskit/spinner": "^18.0.0",
-		"@atlaskit/tokens": "^4.6.0",
+		"@atlaskit/tokens": "^4.7.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"@floating-ui/dom": "^1.0.1",