@zendeskgarden/react-dropdowns 9.0.0-next.1 → 9.0.0-next.3

package/dist/typings/types/index.d.ts

@@ -4,147 +4,268 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { HTMLAttributes, LiHTMLAttributes, PropsWithChildren } from 'react';
-import { ControllerStateAndHelpers, StateChangeOptions } from 'downshift';
-import { Modifiers } from 'popper.js';
-import { IFauxInputProps } from '@zendeskgarden/react-forms';
+import { HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, ReactElement, ReactNode, RefObject } from 'react';
+import { IOption, IUseComboboxProps, IUseComboboxReturnValue } from '@zendeskgarden/container-combobox';
+import { IUseMenuProps, ISelectedItem as IUseMenuSelectedItem } from '@zendeskgarden/container-menu';
+import { VALIDATION } from '@zendeskgarden/react-forms';
+import { ITagProps as IBaseTagProps } from '@zendeskgarden/react-tags';
+import { IButtonProps } from '@zendeskgarden/react-buttons';
+export type ISelectedItem = IUseMenuSelectedItem;
+export type ISelectedOption = Extract<IUseComboboxReturnValue['selection'], IOption>;
+export type OptionValue = Exclude<IUseComboboxReturnValue['activeValue'], undefined>;
+export declare const OPTION_TYPE: readonly ["add", "danger", "next", "previous"];
+export type OptionType = (typeof OPTION_TYPE)[number];
+export type Validation = (typeof VALIDATION)[number];
 export declare const PLACEMENT: readonly ["auto", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "end", "end-top", "end-bottom", "start", "start-top", "start-bottom"];
-export declare const POPPER_PLACEMENT: readonly ["auto", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"];
 export type GardenPlacement = (typeof PLACEMENT)[number];
-export type PopperPlacement = (typeof POPPER_PLACEMENT)[number];
-export interface IDropdownProps extends PropsWithChildren {
-    /** Opens the dropdown */
-    isOpen?: boolean;
-    /** Identifies the currently selected item */
-    selectedItem?: any;
-    /** Identifies the currently selected items */
-    selectedItems?: any[];
-    /** Highlights an element at a selected index */
-    highlightedIndex?: number;
-    /** Sets the value of the input element*/
+export interface IComboboxProps extends HTMLAttributes<HTMLDivElement> {
+    /** Sets the currently active option index in a controlled combobox */
+    activeIndex?: number;
+    /** Sets the default active option index in an uncontrolled combobox */
+    defaultActiveIndex?: number;
+    /** Determines default listbox expansion in an uncontrolled combobox */
+    defaultExpanded?: boolean;
+    /** Accepts an "end" icon to display */
+    endIcon?: ReactElement;
+    /** Applies inset `box-shadow` styling on focus */
+    focusInset?: boolean;
+    /** Identifies the combobox */
+    id?: string;
+    /** Passes HTML attributes to the input element */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    /** Sets the input value in a controlled combobox */
     inputValue?: string;
+    /** Indicates that the combobox provides autocompletion  */
+    isAutocomplete?: boolean;
+    /** Removes borders and padding */
+    isBare?: boolean;
+    /** Applies compact styling */
+    isCompact?: boolean;
+    /** Indicates that the combobox is not interactive */
+    isDisabled?: boolean;
+    /** Determines whether the combobox is editable or select-only */
+    isEditable?: boolean;
+    /** Determines listbox expansion in a controlled combobox */
+    isExpanded?: boolean;
+    /** Determines whether multiple options can be selected */
+    isMultiselectable?: boolean;
+    /** Appends the lisbox to the element provided */
+    listboxAppendToNode?: Element | DocumentFragment;
+    /** Specifies the listbox `aria-label` */
+    listboxAriaLabel?: string;
+    /** Sets the `max-height` of the listbox */
+    listboxMaxHeight?: string;
+    /** Overrides the `min-height` of the listbox */
+    listboxMinHeight?: string | null;
+    /** Sets the `z-index` of the listbox */
+    listboxZIndex?: number;
+    /** Overrides the `max-height` of the combobox */
+    maxHeight?: string;
+    /** Determines the maximum number of tags displayed when a multiselectable combobox is collapsed */
+    maxTags?: number;
     /**
-     * Handles item selection
-     *
-     * @param {any|null} selectedItem The selected item
-     * @param {Object} stateAndHelpers [Downshift state and helpers](https://github.com/downshift-js/downshift#onselect)
-     * */
-    onSelect?: (selectedItem: any | null, stateAndHelpers: ControllerStateAndHelpers<any>) => void;
-    /**
-     * Handles state change
-     *
-     * @param {Object} options [Downshift internal state changes](https://github.com/downshift-js/downshift#onstatechange)
-     * @param {Object} stateAndHelpers [Downshift state and helpers](https://github.com/downshift-js/downshift#onstatechange)
-     * */
-    onStateChange?: (options: StateChangeOptions<any>, stateAndHelpers: ControllerStateAndHelpers<any>) => void;
-    /**
-     * Handles input value change
+     * Handles combobox state changes
      *
-     * @param {string} inputValue Value of the input element
-     * @param {Object} stateAndHelpers [Downshift state and helpers](https://github.com/downshift-js/downshift#oninputvaluechange)
-     * */
-    onInputValueChange?: (inputValue: string, stateAndHelpers: ControllerStateAndHelpers<any>) => void;
-    /** Passes customization props to the [Downshift](https://www.downshift-js.com/) component */
-    downshiftProps?: Record<string, any>;
-}
-export interface ITriggerProps extends HTMLAttributes<HTMLElement> {
-    /** Passes the ref callback to components with non-standard ref props (i.e. `innerRef`) */
-    refKey?: string;
-}
-export interface ISelectProps extends Omit<IFauxInputProps, 'isFocused' | 'isHovered' | 'readOnly'> {
-    /** Defines the icon rendered before the element's content */
-    start?: any;
-}
-export interface IAutocompleteProps extends ISelectProps {
-    /** Provides ref access to the underlying input element */
-    inputRef?: React.Ref<HTMLInputElement>;
-}
-export interface IComboboxProps extends IAutocompleteProps {
-    /** Defines text that appears in the element when no items are selected */
-    placeholder?: string;
-    /** Defines the icon rendered in the end position */
-    end?: any;
-}
-export interface IMultiselectProps extends IAutocompleteProps {
+     * @param {string} changes.type The event type that triggered the change
+     * @param {boolean} [changes.isExpanded] The updated listbox expansion
+     * @param {OptionValue|OptionValue[]} [changes.selectionValue] The updated selection value(s)
+     * @param {string} [changes.inputValue] The updated input value
+     * @param {number} [changes.activeIndex] The updated active option index
+     */
+    onChange?: IUseComboboxProps['onChange'];
     /** Defines text that appears in the element when no items are selected */
     placeholder?: string;
-    /** Determines the maximum number of items displayed while collapsed */
-    maxItems?: number;
     /**
-     * Overrides the "+ N more" text displayed when the total number of items exceeds `maxItems`
+     * Overrides the "+ N more" text displayed when the total number of multiselectable tags exceeds `maxTags`
      *
      * @param {number} value The number of hidden items
+     *
      * @returns {string} a replacement for the "+ N more" text
      */
-    renderShowMore?: (value: number) => string;
+    renderExpandTags?: (value: number) => string;
     /**
-     * Renders each item element. Designed to be used with [Tag](/components/tags).
+     * Overrides the `inputValue` or `placeholder` text displayed when the combobox is not focused
      *
-     * @param {Object} options Rendered item options
-     * @param {any} options.value The item value
-     * @param {Function} options.removeValue Remove item callback
-     * @returns {React.ReactElement} the item element
+     * @param {object|object[]} options.selection Current selection
+     * @param {string} [options.inputValue] Current input value
+     *
+     * @returns {Object} content for the current combobox value
      */
-    renderItem: (options: {
-        value: any;
-        removeValue: () => void;
-    }) => React.ReactElement;
+    renderValue?: (options: {
+        selection: IUseComboboxReturnValue['selection'];
+        inputValue?: IUseComboboxReturnValue['inputValue'];
+    }) => ReactNode;
+    /** Sets the selection value (or `isMultiselectable` values) in a controlled combobox */
+    selectionValue?: IUseComboboxProps['selectionValue'];
+    /** Accepts a "start" icon to display */
+    startIcon?: ReactElement;
+    /** Applies validation state styling */
+    validation?: Validation;
 }
-export interface IMenuProps extends HTMLAttributes<HTMLUListElement> {
-    /**
-     * Passes configuration options to the [Popper instance](https://popper.js.org/docs/v2/modifiers/)
-     */
-    popperModifiers?: Modifiers;
-    /**
-     * Allows the menu to reposition during browser resize events
-     */
-    eventsEnabled?: boolean;
-    /**
-     * Sets the `z-index` of the menu
-     */
-    zIndex?: number;
-    /**
-     * Adjusts the placement of the menu
-     */
-    placement?: GardenPlacement;
-    /**
-     * Animates the menu
-     */
-    isAnimated?: boolean;
-    /**
-     * Applies compact styling
-     */
+export interface ILabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    /** Applies regular (non-bold) font weight */
+    isRegular?: boolean;
+    /** Hides the label visually without hiding it from screen readers */
+    hidden?: LabelHTMLAttributes<HTMLLabelElement>['hidden'];
+}
+export interface IListboxProps extends HTMLAttributes<HTMLUListElement> {
+    /** Appends the lisbox to the element provided */
+    appendToNode?: Element | DocumentFragment;
+    /** Applies compact styling */
     isCompact?: boolean;
-    /**
-     * Attaches an arrow that points towards the menu trigger
-     */
+    /** Determines listbox expansion */
+    isExpanded?: boolean;
+    /** Sets the `max-height` of the listbox */
+    maxHeight?: IComboboxProps['listboxMaxHeight'];
+    /** Sets the `min-height` of the listbox */
+    minHeight?: IComboboxProps['listboxMinHeight'];
+    /** Provides ref access to the associated trigger element */
+    triggerRef: RefObject<HTMLElement>;
+    /** Sets the `z-index` of the listbox */
+    zIndex?: IComboboxProps['listboxZIndex'];
+}
+export interface IMessageProps extends HTMLAttributes<HTMLDivElement> {
+    /** Applies validation state styling */
+    validation?: Validation;
+    /** Defines the `aria-label` for the validation icon */
+    validationLabel?: string;
+}
+export interface IOptionProps extends Omit<LiHTMLAttributes<HTMLLIElement>, 'value'> {
+    /** Accepts an icon to display */
+    icon?: ReactElement;
+    /** Indicates that the option is not interactive */
+    isDisabled?: boolean;
+    /** Hides the option while retaining props (i.e. selected `tagProps`) */
+    isHidden?: boolean;
+    /** Determines the initial selection state for the option */
+    isSelected?: boolean;
+    /** Sets the text label of the option (defaults to `value`) */
+    label?: string;
+    /** Overrides props (including `children`) for the associated tag */
+    tagProps?: Omit<ITagProps, 'option'>;
+    /** Determines the option type */
+    type?: OptionType;
+    /** Sets the unique value that is returned upon selection */
+    value: string | object;
+}
+export interface IOptGroupProps extends Omit<LiHTMLAttributes<HTMLLIElement>, 'content'> {
+    /** Renders content for the option group (defaults to `label` text) */
+    content?: ReactNode;
+    /** Accepts an icon to display */
+    icon?: ReactElement;
+    /** Sets the text label of the option group */
+    label?: string;
+}
+export interface ITagProps extends Omit<IBaseTagProps, 'isRound' | 'size'> {
+    /** @ignore Associates this tag with the given option (internal only) */
+    option: IOption;
+    /** Sets the `aria-label` and tooltip for the remove icon */
+    removeLabel?: string;
+    /** @ignore Sets the `z-index` of the tooltip */
+    tooltipZIndex?: number;
+}
+export interface ITagGroupProps {
+    /** Indicates that the tag group is not interactive */
+    isDisabled?: boolean;
+    /** Determines tag group expansion */
+    isExpanded: boolean;
+    /** Indicates the `z-index` of the listbox */
+    listboxZIndex?: number;
+    /** Determines the maximum number of tags displayed when the tag group is collapsed */
+    maxTags: number;
+    /** Provides tag props for the associated option */
+    optionTagProps: Record<string, IOptionProps['tagProps']>;
+    /** Provides the current selection */
+    selection: IOption[];
+}
+export interface IMenuListProps extends HTMLAttributes<HTMLUListElement> {
+    /** Appends the menu to the element provided */
+    appendToNode?: Element | DocumentFragment;
+    /** Attaches an arrow that points towards the menu trigger */
     hasArrow?: boolean;
-    /**
-     * Sets the `max-height` of the menu
-     */
-    maxHeight?: string;
-    /**
-     * Appends the menu to the element provided
-     */
-    appendToNode?: HTMLElement;
+    /** Applies compact styling */
+    isCompact?: boolean;
+    /** Determines menu expansion */
+    isExpanded?: boolean;
+    /** Provides a list of acceptable fallback placements */
+    fallbackPlacements?: Exclude<GardenPlacement, 'auto'>[];
+    /** Sets the `max-height` of the menu */
+    maxHeight?: IListboxProps['maxHeight'];
+    /** Sets the `min-height` of the menu */
+    minHeight?: IListboxProps['minHeight'];
+    /** Adjusts the placement of the menu */
+    placement?: GardenPlacement;
+    /** Provides ref access to the associated trigger element */
+    triggerRef: RefObject<HTMLElement>;
+    /** Sets the `z-index` of the menu */
+    zIndex?: IListboxProps['zIndex'];
 }
-export interface IItemProps extends LiHTMLAttributes<HTMLLIElement> {
-    /** Sets the value that is returned upon selection */
-    value?: any;
-    /** Indicates that the element is not interactive */
-    disabled?: boolean;
-    /** Applies danger styling */
-    isDanger?: boolean;
-    /**
-     * @ignore Sets the wrapping component for the item
-     */
-    component?: any;
+export interface IMenuProps extends HTMLAttributes<HTMLUListElement> {
+    /** Appends the menu to the element provided */
+    appendToNode?: IMenuListProps['appendToNode'];
+    /** Sets the menu button label or renders a provided trigger element */
+    button: string | ((props: IButtonProps & {
+        ref: RefObject<HTMLButtonElement>;
+    }) => ReactNode);
+    /** Provides additional props to the menu [Button](/components/button#button) */
+    buttonProps?: IButtonProps;
+    /** Determines default expansion in an uncontrolled menu */
+    defaultExpanded?: IUseMenuProps['defaultExpanded'];
+    /** Determines focused value on menu initialization */
+    defaultFocusedValue?: IUseMenuProps['defaultFocusedValue'];
+    /** Provides a list of acceptable fallback placements */
+    fallbackPlacements?: IMenuListProps['fallbackPlacements'];
+    /** Sets the focused value in a controlled menu */
+    focusedValue?: IUseMenuProps['focusedValue'];
+    /** Attaches an arrow that points towards the menu trigger */
+    hasArrow?: IMenuListProps['hasArrow'];
+    /** Applies compact styling */
+    isCompact?: IMenuListProps['isCompact'];
+    /** Sets the expansion in a controlled menu */
+    isExpanded?: IUseMenuProps['isExpanded'];
+    /** Sets the `max-height` of the menu */
+    maxHeight?: IListboxProps['maxHeight'];
+    /** Sets the `min-height` of the menu */
+    minHeight?: IListboxProps['minHeight'];
     /**
-     * @ignore Hides the select icon for the item
+     * Handles menu state changes
+     *
+     * @param {string} changes.type The event type that triggered the change
+     * @param {boolean} [changes.isExpanded] The updated menu expansion
+     * @param {ISelectedItem[]} [changes.selectedItems] The updated selection values
+     * @param {string | null} [changes.focusedValue] The updated focused value
      */
-    hasIcon?: boolean;
+    onChange?: IUseMenuProps['onChange'];
+    /** Sets the selected items in a controlled menu */
+    selectedItems?: IUseMenuProps['selectedItems'];
+    /** Adjusts the placement of the menu */
+    placement?: GardenPlacement;
+    /** Sets the `z-index` of the menu */
+    zIndex?: IListboxProps['zIndex'];
+}
+export interface IItemProps extends Omit<LiHTMLAttributes<HTMLLIElement>, 'value'> {
+    /** Accepts an icon to display */
+    icon?: ReactElement;
+    /** Indicates that the item is not interactive */
+    isDisabled?: boolean;
+    /** Determines the initial selection state for the item */
+    isSelected?: boolean;
+    /** Sets the text label of the item (defaults to `value`) */
+    label?: string;
+    /** Associates the item in a radio item group */
+    name?: string;
+    /** Determines the item type */
+    type?: OptionType;
+    /** Sets the unique value that is returned upon selection */
+    value: string;
 }
-export interface IHeaderItemProps extends LiHTMLAttributes<HTMLLIElement> {
-    /** Applies icon styling */
-    hasIcon?: boolean;
+export interface IItemGroupProps extends Omit<LiHTMLAttributes<HTMLLIElement>, 'content'> {
+    /** Renders content for the item group (defaults to `legend` text) */
+    content?: ReactNode;
+    /** Accepts an icon to display */
+    icon?: ReactElement;
+    /** Sets the text label of the item group */
+    legend?: string;
+    /** Configures the selection type for items within the group */
+    type?: ISelectedItem['type'];
 }

package/dist/typings/{styled/items/StyledItemIcon.d.ts → views/combobox/StyledCombobox.d.ts}

@@ -4,14 +4,12 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { DefaultTheme } from 'styled-components';
-interface IStyledItemIconProps {
+import { ThemeProps, DefaultTheme } from 'styled-components';
+interface IStyledComboboxProps extends ThemeProps<DefaultTheme> {
     isCompact?: boolean;
-    isVisible?: boolean;
-    isDisabled?: boolean;
 }
-export declare const StyledItemIcon: import("styled-components").StyledComponent<"div", DefaultTheme, {
+export declare const StyledCombobox: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-} & IStyledItemIconProps, "data-garden-id" | "data-garden-version">;
+} & IStyledComboboxProps, "data-garden-id" | "data-garden-version">;
 export {};

package/dist/typings/{styled/multiselect/StyledMultiselectItemWrapper.d.ts → views/combobox/StyledContainer.d.ts}

@@ -4,7 +4,7 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-export declare const StyledMultiselectItemWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/{styled/select/StyledSelect.d.ts → views/combobox/StyledField.d.ts}

@@ -4,7 +4,7 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-export declare const StyledSelect: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledField: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/views/combobox/StyledFloatingListbox.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { ThemeProps, DefaultTheme } from 'styled-components';
+import { MenuPosition } from '@zendeskgarden/react-theming';
+import { IListboxProps } from '../../types';
+export interface IStyledFloatingListboxProps extends ThemeProps<DefaultTheme> {
+    isHidden?: boolean;
+    position: MenuPosition;
+    zIndex?: IListboxProps['zIndex'];
+}
+export declare const StyledFloatingListbox: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledFloatingListboxProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/views/combobox/StyledHint.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+/// <reference types="react" />
+export declare const StyledHint: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/views/combobox/StyledInput.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { ThemeProps, DefaultTheme } from 'styled-components';
+interface IStyledInputProps extends ThemeProps<DefaultTheme> {
+    isBare?: boolean;
+    isCompact?: boolean;
+    isEditable?: boolean;
+    isMultiselectable?: boolean;
+}
+export declare const getHeight: (props: IStyledInputProps) => number;
+export declare const sizeStyles: (props: IStyledInputProps) => import("styled-components").FlattenSimpleInterpolation;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledInputProps, "data-garden-id" | "data-garden-version">;
+export {};

package/dist/typings/{styled/items/StyledAddItem.d.ts → views/combobox/StyledInputGroup.d.ts}

@@ -4,10 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/**
- * Accepts all `<li>` props
- */
-export declare const StyledAddItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, import("./StyledItem").IStyledItemProps & {
+import { DefaultTheme } from 'styled-components';
+export declare const StyledInputGroup: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/views/combobox/StyledInputIcon.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+/// <reference types="react" />
+import { ThemeProps, DefaultTheme } from 'styled-components';
+interface IStyledInputIconProps extends ThemeProps<DefaultTheme> {
+    isCompact?: boolean;
+    isDisabled?: boolean;
+    isEnd?: boolean;
+    isLabelHovered?: boolean;
+    isRotated?: boolean;
+}
+export declare const StyledInputIcon: import("styled-components").StyledComponent<({ children, isCompact, isDisabled, isEnd, isLabelHovered, isRotated, theme, ...props }: any) => import("react").FunctionComponentElement<SVGElement>, DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledInputIconProps, "data-garden-id" | "data-garden-version">;
+export {};

package/dist/typings/views/combobox/StyledLabel.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+/// <reference types="react" />
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-forms").ILabelProps & import("react").RefAttributes<HTMLLabelElement>>, import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/views/combobox/StyledListbox.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { DefaultTheme, ThemeProps } from 'styled-components';
+import { IListboxProps } from '../../types';
+export interface IStyledListboxProps extends ThemeProps<DefaultTheme> {
+    isCompact?: boolean;
+    maxHeight?: IListboxProps['maxHeight'];
+    minHeight?: IListboxProps['minHeight'];
+}
+export declare const StyledListbox: import("styled-components").StyledComponent<"ul", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledListboxProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/{styled/items/StyledNextItem.d.ts → views/combobox/StyledListboxSeparator.d.ts}

@@ -4,10 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/**
- * Accepts all `<li>` props
- */
-export declare const StyledNextItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, import("./StyledItem").IStyledItemProps & {
+import { DefaultTheme } from 'styled-components';
+export declare const StyledListboxSeparator: import("styled-components").StyledComponent<"li", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/views/combobox/StyledMessage.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+/// <reference types="react" />
+export declare const StyledMessage: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-forms").IMessageProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/views/combobox/StyledOptGroup.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { ThemeProps, DefaultTheme } from 'styled-components';
+export interface IStyledOptGroupProps extends ThemeProps<DefaultTheme> {
+    isCompact?: boolean;
+}
+export declare const StyledOptGroup: import("styled-components").StyledComponent<"ul", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledOptGroupProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/views/combobox/StyledOption.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { ThemeProps, DefaultTheme } from 'styled-components';
+import { OptionType } from '../../types';
+export interface IStyledOptionProps extends ThemeProps<DefaultTheme> {
+    isActive?: boolean;
+    isCompact?: boolean;
+    $type?: OptionType | 'header' | 'group';
+}
+export declare const getMinHeight: (props: IStyledOptionProps) => number;
+export declare const StyledOption: import("styled-components").StyledComponent<"li", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledOptionProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/views/combobox/StyledOptionContent.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+export declare const StyledOptionContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/views/combobox/StyledOptionIcon.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+/// <reference types="react" />
+import { DefaultTheme } from 'styled-components';
+export declare const StyledOptionIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").FunctionComponentElement<SVGElement>, DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;