@instructure/ui-select 11.7.2-snapshot-47 → 11.7.2-snapshot-49

package/types/Select/v2/Group/index.d.ts

@@ -0,0 +1,21 @@
+import { Component } from 'react';
+import type { SelectGroupProps } from './props';
+/**
+---
+parent: Select
+id: Select.Group
+---
+@module Group
+**/
+declare class Group extends Component<SelectGroupProps> {
+    static readonly componentId = "Select.Group";
+    static allowedProps: readonly (keyof {
+        renderLabel: import("@instructure/shared-types").Renderable;
+        children?: React.ReactNode;
+    })[];
+    static defaultProps: {};
+    render(): null;
+}
+export default Group;
+export { Group };
+//# sourceMappingURL=index.d.ts.map

package/types/Select/v2/Group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Select/v2/Group/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C;;;;;;GAMG;AACH,cAAM,KAAM,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IAC7C,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY;;;SAAe;IAElC,MAAM,CAAC,YAAY,KAAK;IAGxB,MAAM;CAKP;AAED,eAAe,KAAK,CAAA;AACpB,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/types/Select/v2/Group/props.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { OtherHTMLAttributes, Renderable } from '@instructure/shared-types';
+type SelectGroupOwnProps = {
+    /**
+     * The label associated with the group options.
+     */
+    renderLabel: Renderable;
+    /**
+     * Children of type `<SimpleSelect.Option />` that will be considered part of the group.
+     */
+    children?: React.ReactNode;
+};
+type PropKeys = keyof SelectGroupOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type SelectGroupProps = SelectGroupOwnProps & OtherHTMLAttributes<SelectGroupOwnProps>;
+declare const allowedProps: AllowedPropKeys;
+export type { SelectGroupProps };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Select/v2/Group/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Select/v2/Group/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEhF,KAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,WAAW,EAAE,UAAU,CAAA;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,gBAAgB,GAAG,mBAAmB,GACzC,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAC1C,QAAA,MAAM,YAAY,EAAE,eAA6C,CAAA;AAEjE,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/Select/v2/Option/index.d.ts

@@ -0,0 +1,28 @@
+import { Component } from 'react';
+import type { SelectOptionProps } from './props';
+/**
+---
+parent: Select
+id: Select.Option
+---
+@module Option
+**/
+declare class Option extends Component<SelectOptionProps> {
+    static readonly componentId = "Select.Option";
+    static allowedProps: readonly ("renderBeforeLabel" | "renderAfterLabel" | keyof {
+        id: string;
+        isHighlighted?: boolean;
+        isSelected?: boolean;
+        isDisabled?: boolean;
+        children?: React.ReactNode;
+    })[];
+    static defaultProps: {
+        isHighlighted: boolean;
+        isSelected: boolean;
+        isDisabled: boolean;
+    };
+    render(): null;
+}
+export default Option;
+export { Option };
+//# sourceMappingURL=index.d.ts.map

package/types/Select/v2/Option/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Select/v2/Option/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGhD;;;;;;GAMG;AACH,cAAM,MAAO,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,WAAW,mBAAkB;IAE7C,MAAM,CAAC,YAAY;;;;;;SAAe;IAElC,MAAM,CAAC,YAAY;;;;MAIlB;IAGD,MAAM;CAKP;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/types/Select/v2/Option/props.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import type { OtherHTMLAttributes, Renderable } from '@instructure/shared-types';
+type OptionProps = {
+    /**
+     * The id for the option. **Must be globally unique**, it will be translated
+     * to an `id` prop in the DOM.
+     */
+    id: string;
+    /**
+     * Whether or not this option is highlighted.
+     */
+    isHighlighted?: boolean;
+    /**
+     * Whether or not this option is selected.
+     */
+    isSelected?: boolean;
+    /**
+     * Whether or not this option is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Content to display as the option label.
+     */
+    children?: React.ReactNode;
+};
+type RenderSelectOptionLabel = Renderable<OptionProps>;
+type SelectOptionOwnProps = OptionProps & {
+    /**
+     * Content to display before the option label, such as an icon.
+     */
+    renderBeforeLabel?: RenderSelectOptionLabel;
+    /**
+     * Content to display after the option label, such as an icon.
+     */
+    renderAfterLabel?: RenderSelectOptionLabel;
+};
+type PropKeys = keyof SelectOptionOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type SelectOptionProps = SelectOptionOwnProps & OtherHTMLAttributes<SelectOptionOwnProps>;
+declare const allowedProps: AllowedPropKeys;
+export type { SelectOptionProps, RenderSelectOptionLabel };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Select/v2/Option/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Select/v2/Option/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEhF,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,KAAK,uBAAuB,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;AAEtD,KAAK,oBAAoB,GAAG,WAAW,GAAG;IACxC;;OAEG;IACH,iBAAiB,CAAC,EAAE,uBAAuB,CAAA;IAC3C;;OAEG;IACH,gBAAgB,CAAC,EAAE,uBAAuB,CAAA;CAC3C,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,oBAAoB,CAAA;AAE1C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,iBAAiB,GAAG,oBAAoB,GAC3C,mBAAmB,CAAC,oBAAoB,CAAC,CAAA;AAC3C,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/Select/v2/index.d.ts

@@ -0,0 +1,138 @@
+import { ComponentElement, Component, ReactNode } from 'react';
+import type { OptionsItemProps, OptionsSeparatorProps } from '@instructure/ui-options/latest';
+import type { SelectableProps, SelectableRender } from '@instructure/ui-selectable';
+import { Group } from './Group';
+import type { SelectGroupProps } from './Group/props';
+import { Option } from './Option';
+import type { SelectOptionProps } from './Option/props';
+import type { SelectProps } from './props';
+import { Renderable } from '@instructure/shared-types';
+type GroupChild = ComponentElement<SelectGroupProps, Group>;
+type OptionChild = ComponentElement<SelectOptionProps, Option>;
+type SelectChildren = (GroupChild | OptionChild)[];
+/**
+---
+category: components
+tags: autocomplete, typeahead, combobox, dropdown, search, form
+---
+**/
+declare class Select extends Component<SelectProps> {
+    static readonly componentId = "Select";
+    private readonly SCROLL_TOLERANCE;
+    static allowedProps: readonly ("id" | "assistiveText" | "interaction" | "isInline" | "visibleOptionsCount" | "isOptionContentAppliedToInput" | "optionsMaxHeight" | "optionsMaxWidth" | "inputValue" | "onInputChange" | "listRef" | "scrollToHighlightedOption" | "children" | keyof {
+        isShowingOptions?: boolean;
+        onRequestShowOptions?: (event: React.KeyboardEvent | React.MouseEvent) => void;
+        onRequestHideOptions?: (event: React.KeyboardEvent | React.MouseEvent | React.FocusEvent) => void;
+        onRequestHighlightOption?: (event: React.KeyboardEvent | React.MouseEvent, data: {
+            id?: string;
+            direction?: 1 | -1;
+        }) => void;
+        onRequestSelectOption?: (event: React.KeyboardEvent | React.MouseEvent, data: {
+            id?: string;
+        }) => void;
+    } | keyof {
+        renderLabel: Renderable;
+        size?: "small" | "medium" | "large";
+        placeholder?: string;
+        isRequired?: boolean;
+        width?: string;
+        htmlSize?: number;
+        messages?: import("@instructure/ui-form-field/types/exports/a.js").FormMessage[];
+        onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+        onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+        inputRef?: (inputElement: HTMLInputElement | null) => void;
+        renderBeforeInput?: Renderable;
+        renderAfterInput?: Renderable;
+        shouldNotWrap?: boolean;
+        layout?: "stacked" | "inline";
+    } | keyof {
+        placement?: import("@instructure/ui-position").PlacementPropValues;
+        constrain?: import("@instructure/ui-position").PositionConstraint;
+        mountNode?: import("@instructure/ui-position").PositionMountNode;
+    })[];
+    static defaultProps: {
+        inputValue: string;
+        isShowingOptions: boolean;
+        size: string;
+        interaction: undefined;
+        isRequired: boolean;
+        isInline: boolean;
+        visibleOptionsCount: number;
+        placement: string;
+        constrain: string;
+        shouldNotWrap: boolean;
+        scrollToHighlightedOption: boolean;
+        isOptionContentAppliedToInput: boolean;
+    };
+    static Option: typeof Option;
+    static Group: typeof Group;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    state: {
+        hasInputRef: boolean;
+    };
+    ref: HTMLSpanElement | null;
+    _input: HTMLInputElement | null;
+    private _defaultId;
+    private _inputContainer;
+    private _listView;
+    private _optionIds;
+    private _optionHeight;
+    focus(): void;
+    blur(): void;
+    get childrenArray(): SelectChildren;
+    getGroupChildrenArray(group: GroupChild): OptionChild[];
+    get focused(): boolean;
+    get id(): string;
+    get width(): number | undefined;
+    get interaction(): import("@instructure/ui-react-utils").InteractionType;
+    get highlightedOptionId(): string | undefined;
+    get selectedOptionId(): string | string[] | undefined;
+    handleInputRef: (node: HTMLInputElement | null) => void;
+    handleListRef: (node: HTMLUListElement | null) => void;
+    handleInputContainerRef: (node: HTMLSpanElement | null) => void;
+    scrollToOption(id?: string): void;
+    highlightOption(event: React.KeyboardEvent | React.MouseEvent, id: string): void;
+    getEventHandlers(): Partial<SelectableProps>;
+    renderOption(option: OptionChild, data: Pick<SelectableRender, 'getOptionProps' | 'getDisabledOptionProps'>): import("@emotion/react/jsx-runtime").JSX.Element;
+    renderGroup(group: GroupChild, data: Pick<SelectableRender, 'getOptionProps' | 'getDisabledOptionProps'> & {
+        isFirstChild: boolean;
+        isLastChild: boolean;
+        afterGroup: boolean;
+    }): (import("react").ReactElement<OptionsItemProps, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<OptionsSeparatorProps, string | import("react").JSXElementConstructor<any>>)[];
+    renderList(data: Pick<SelectableRender, 'getListProps' | 'getOptionProps' | 'getDisabledOptionProps'>): import("@emotion/react/jsx-runtime").JSX.Element;
+    renderIcon(): import("@emotion/react/jsx-runtime").JSX.Element;
+    renderContentBeforeOrAfterInput(position: string): string | number | boolean | void | Element | Iterable<ReactNode> | import("react").ComponentClass<{}, any> | import("@emotion/react/jsx-runtime").JSX.Element | import("react").ClassType<{
+        id: string;
+        isHighlighted?: boolean;
+        isSelected?: boolean;
+        isDisabled?: boolean;
+        children?: React.ReactNode;
+    }, import("react").ClassicComponent<{
+        id: string;
+        isHighlighted?: boolean;
+        isSelected?: boolean;
+        isDisabled?: boolean;
+        children?: React.ReactNode;
+    }, any>, import("react").ClassicComponentClass<{
+        id: string;
+        isHighlighted?: boolean;
+        isSelected?: boolean;
+        isDisabled?: boolean;
+        children?: React.ReactNode;
+    }>> | ((data: {
+        id: string;
+        isHighlighted?: boolean;
+        isSelected?: boolean;
+        isDisabled?: boolean;
+        children?: React.ReactNode;
+    }) => ReactNode | Element) | null;
+    handleInputContentRender(renderLabelInput: Renderable, inputValue: string | undefined, isOptionContentAppliedToInput: boolean, position: 'before' | 'after', defaultReturn: Renderable): Renderable;
+    handleRenderBeforeInput(): Renderable;
+    handleRenderAfterInput(): Renderable;
+    renderInput(data: Pick<SelectableRender, 'getInputProps' | 'getTriggerProps'>): import("@emotion/react/jsx-runtime").JSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+}
+export default Select;
+export { Select };
+//# sourceMappingURL=index.d.ts.map

package/types/Select/v2/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Select/v2/index.tsx"],"names":[],"mappings":"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"}

package/types/Select/v2/props.d.ts

@@ -0,0 +1,206 @@
+import { InputHTMLAttributes } from 'react';
+import type { OtherHTMLAttributes } from '@instructure/shared-types';
+import type { FormMessage } from '@instructure/ui-form-field/latest';
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { NewComponentTypes } from '@instructure/ui-themes';
+import type { PlacementPropValues, PositionConstraint, PositionMountNode } from '@instructure/ui-position';
+import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
+import { Renderable } from '@instructure/shared-types';
+type SelectOwnProps = {
+    /**
+     * The id of the text input. One is generated if not supplied.
+     */
+    id?: string;
+    /**
+     * Additional helpful text to provide to screen readers about the operation
+     * of the component.
+     */
+    assistiveText?: string;
+    /**
+     * Specifies if interaction with the input is enabled, disabled, or readonly.
+     * When "disabled", the input changes visibly to indicate that it cannot
+     * receive user interactions. When "readonly" the input still cannot receive
+     * user interactions but it keeps the same styles as if it were enabled.
+     */
+    interaction?: 'enabled' | 'disabled' | 'readonly';
+    /**
+     * Whether the input is rendered inline with other elements or if it
+     * is rendered as a block level element.
+     */
+    isInline?: boolean;
+    /**
+     * The number of options that should be visible before having to scroll. Works best when the options are the same height.
+     */
+    visibleOptionsCount?: number;
+    /**
+     * Whether or not the content of the selected `Select.Option`'s `renderBeforeLabel` and `renderAfterLabel` appear in the input field.
+     *
+     * If the selected `Select.Option` has both `renderBeforeLabel` and `renderAfterLabel` content, both will be displayed in the input field.
+     *
+     * One of the `Select.Option`'s `isSelected` prop should be `true` in order to display the content in the input field.
+     *
+     * `Select.Option`'s `renderBeforeLabel` and `renderAfterLabel` content will not be displayed, if `Select`'s `inputValue` is an empty value, null or undefined.
+     *
+     * If `true` and the selected `Select.Option` has a `renderAfterLabel` value, it will replace the default arrow icon.
+     *
+     * If `true` and `Select`'s `renderBeforeInput` or `renderAfterInput` prop is set, it will display the selected `Select.Option`'s `renderBeforeLabel` and `renderAfterLabel` instead of `Select`'s `renderBeforeInput` or `renderAfterInput` value.
+     *
+     * If the selected `Select.Option`'s `renderAfterLabel` value is empty, default arrow icon will be rendered.
+     */
+    isOptionContentAppliedToInput?: boolean;
+    /**
+     * The max height the options list can be before having to scroll. If
+     * set, it will __override__ the `visibleOptionsCount` prop.
+     */
+    optionsMaxHeight?: string;
+    /**
+     * The max width the options list can be before option text wraps. If not
+     * set, the list will only display as wide as the text input.
+     */
+    optionsMaxWidth?: string;
+    /**
+     * The value to display in the text input.
+     */
+    inputValue?: string;
+    /**
+     * Callback fired when text input value changes.
+     */
+    onInputChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
+    /**
+     * A ref to the html `ul` element.
+     */
+    listRef?: (listElement: HTMLUListElement | null) => void;
+    /**
+     * Enable/disable auto scroll to the highlighted option on every re-render
+     */
+    scrollToHighlightedOption?: boolean;
+    /**
+     * Children of type `<Select.Option />` or `<Select.Group />`.
+     */
+    children?: React.ReactNode;
+} & PropsFromSelectable & PropsFromTextInput & PropsFromPopover;
+type PropsFromSelectable = {
+    /**
+     * Whether or not to show the options list.
+     */
+    isShowingOptions?: boolean;
+    /**
+     * Callback fired requesting that the options list be shown.
+     */
+    onRequestShowOptions?: (event: React.KeyboardEvent | React.MouseEvent) => void;
+    /**
+     * Callback fired requesting that the options list be hidden.
+     */
+    onRequestHideOptions?: (event: React.KeyboardEvent | React.MouseEvent | React.FocusEvent) => void;
+    /**
+     * Callback fired requesting a particular option be highlighted.
+     */
+    onRequestHighlightOption?: (event: React.KeyboardEvent | React.MouseEvent, data: {
+        id?: string;
+        direction?: 1 | -1;
+    }) => void;
+    /**
+     * Callback fired requesting a particular option be selected.
+     */
+    onRequestSelectOption?: (event: React.KeyboardEvent | React.MouseEvent, data: {
+        id?: string;
+    }) => void;
+};
+type PropsFromTextInput = {
+    /**
+     * The form field label.
+     */
+    renderLabel: Renderable;
+    /**
+     * The size of the text input.
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Html placeholder text to display when the input has no value. This should
+     * be hint text, not a label replacement.
+     */
+    placeholder?: string;
+    /**
+     * Whether or not the text input is required.
+     */
+    isRequired?: boolean;
+    /**
+     * The width of the text input.
+     */
+    width?: string;
+    /**
+     * The width of the input (integer value 0 or higher), if a width is not explicitly
+     * provided via the `width` prop.
+     *
+     * Only applicable if `isInline={true}`.
+     *
+     * For more see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/size
+     */
+    htmlSize?: number;
+    /**
+     * Displays messages and validation for the input. It should be an object
+     * with the following shape:
+     * `{
+     *   text: React.ReactNode,
+     *   type: One of: ['newError', 'error', 'hint', 'success', 'screenreader-only']
+     * }`
+     */
+    messages?: FormMessage[];
+    /**
+     * Callback fired when text input receives focus.
+     */
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Callback fired when text input loses focus.
+     */
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * A ref to the html `input` element.
+     */
+    inputRef?: (inputElement: HTMLInputElement | null) => void;
+    /**
+     * Content to display before the text input. This will commonly be an icon or
+     * tags to show multiple selections.
+     */
+    renderBeforeInput?: Renderable;
+    /**
+     * Content to display after the text input. This content will replace the
+     * default arrow icons.
+     */
+    renderAfterInput?: Renderable;
+    /**
+     * Prevents the default behavior of wrapping the input and rendered content
+     * when available space is exceeded.
+     */
+    shouldNotWrap?: boolean;
+    /**
+     * In `stacked` mode the input is below the label.
+     *
+     * In `inline` mode the input is to the right/left (depending on text direction) of the label,
+     * and the layout will look like `stacked` for small screens.
+     */
+    layout?: 'stacked' | 'inline';
+};
+type PropsFromPopover = {
+    /**
+     * The placement of the options list.
+     */
+    placement?: PlacementPropValues;
+    /**
+     * The parent in which to constrain the placement.
+     */
+    constrain?: PositionConstraint;
+    /**
+     * An element or a function returning an element to use mount the options
+     * list to in the DOM (defaults to `document.body`)
+     */
+    mountNode?: PositionMountNode;
+};
+type PropKeys = keyof SelectOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type SelectProps = SelectOwnProps & WithStyleProps<NewComponentTypes['Select'], SelectStyle> & OtherHTMLAttributes<SelectOwnProps, InputHTMLAttributes<SelectOwnProps & Element>> & WithDeterministicIdProps;
+type SelectStyle = ComponentStyle<'assistiveText' | 'popoverBorderWidth'>;
+declare const allowedProps: AllowedPropKeys;
+export type { SelectProps, SelectOwnProps, SelectStyle };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Select/v2/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Select/v2/props.ts"],"names":[],"mappings":"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"}

package/types/Select/v2/styles.d.ts

@@ -0,0 +1,12 @@
+import type { NewComponentTypes } from '@instructure/ui-themes';
+import type { SelectProps, SelectStyle } from './props';
+/**
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} state the state of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+declare const generateStyle: (componentTheme: NewComponentTypes["Select"], _props: SelectProps) => SelectStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

package/types/Select/v2/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Select/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAEvD;;;;;;GAMG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,QAAQ,CAAC,EAC3C,QAAQ,WAAW,KAClB,WAQF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/exports/b.d.ts

@@ -0,0 +1,7 @@
+export { Select } from '../Select/v2';
+export { Group as SelectGroup } from '../Select/v2/Group';
+export { Option as SelectOption } from '../Select/v2/Option';
+export type { SelectProps, SelectOwnProps } from '../Select/v2/props';
+export type { SelectGroupProps } from '../Select/v2/Group/props';
+export type { SelectOptionProps } from '../Select/v2/Option/props';
+//# sourceMappingURL=b.d.ts.map

package/types/exports/b.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"b.d.ts","sourceRoot":"","sources":["../../src/exports/b.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAE5D,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACrE,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA"}