@commonsku/styles 1.14.8 → 1.16.0

package/dist/styles/Select.d.ts

@@ -1,38 +1,556 @@
 import React from 'react';
-import BaseSelect, { Props as SelectProps, components, createFilter, mergeStyles } from 'react-select';
-import BaseCreatableSelect, { Props as CreatableSelectProps, makeCreatableSelect } from 'react-select/creatable';
-import BaseAsyncSelect, { Props as AsyncSelectProps } from 'react-select/async';
+import { SelectInstance, GroupBase, StylesConfig, components, createFilter, mergeStyles } from 'react-select';
 declare type AdditionalSKUSelectProps = {
     noMargin?: boolean;
     error?: boolean;
     menuRelative?: boolean;
     inPopup?: boolean;
 };
-declare type GenericObject = {
-    [key: string]: any;
-};
-declare type SKUSelectProps = AdditionalSKUSelectProps & SelectProps;
-declare type SKUAsyncSelectProps = AdditionalSKUSelectProps & AsyncSelectProps<GenericObject>;
-declare type SKUCreatableSelectProps = AdditionalSKUSelectProps & CreatableSelectProps<GenericObject>;
-declare const SKUSelect: React.ForwardRefExoticComponent<SKUSelectProps & React.RefAttributes<BaseSelect>>;
-declare type LabeledSelectProp = SKUSelectProps & {
-    parentStyle?: React.CSSProperties;
-};
-declare type TLabeledSelect = React.ForwardRefExoticComponent<LabeledSelectProp & React.RefAttributes<BaseSelect>>;
-declare const LabeledSelect: TLabeledSelect;
-declare type TSKUCreatableSelect = React.ForwardRefExoticComponent<SKUCreatableSelectProps & React.RefAttributes<BaseCreatableSelect<GenericObject>>>;
-declare const SKUCreatableSelect: TSKUCreatableSelect;
-declare type LabeledCreatableSelectProps = SKUCreatableSelectProps & {
-    parentStyle?: React.CSSProperties;
-};
-declare type TLabeledCreatableSelect = React.ForwardRefExoticComponent<LabeledCreatableSelectProps & React.RefAttributes<BaseCreatableSelect<GenericObject>>>;
-declare const LabeledCreatableSelect: TLabeledCreatableSelect;
-declare type TSKUAsyncSelect = React.ForwardRefExoticComponent<SKUAsyncSelectProps & React.RefAttributes<BaseAsyncSelect<GenericObject>>>;
-declare const SKUAsyncSelect: TSKUAsyncSelect;
-declare type LabeledAsyncSelectProps = SKUAsyncSelectProps & {
-    parentStyle?: React.CSSProperties;
-};
-declare type TLabeledAsyncSelect = React.ForwardRefExoticComponent<LabeledAsyncSelectProps & React.RefAttributes<BaseAsyncSelect<GenericObject>>>;
-declare const LabeledAsyncSelect: TLabeledAsyncSelect;
-export { SKUSelect as Select, LabeledSelect, SKUCreatableSelect as CreatableSelect, LabeledCreatableSelect, SKUAsyncSelect as AsyncSelect, LabeledAsyncSelect, components, makeCreatableSelect, createFilter, mergeStyles, };
+declare const SKUSelect: React.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, boolean, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form"> & {
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, boolean, GroupBase<unknown>>> | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: GroupBase<unknown>) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
+    isDisabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
+    isMulti?: boolean | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    options?: import("react-select").OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    pageSize?: number | undefined;
+    placeholder?: React.ReactNode;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    styles?: StylesConfig<unknown, boolean, GroupBase<unknown>> | undefined;
+    tabIndex?: number | undefined;
+    tabSelectsValue?: boolean | undefined;
+} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, boolean, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form"> & {
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, boolean, GroupBase<unknown>>> | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: GroupBase<unknown>) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
+    isDisabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
+    isMulti?: boolean | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    options?: import("react-select").OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    pageSize?: number | undefined;
+    placeholder?: React.ReactNode;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    styles?: StylesConfig<unknown, boolean, GroupBase<unknown>> | undefined;
+    tabIndex?: number | undefined;
+    tabSelectsValue?: boolean | undefined;
+} & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & React.RefAttributes<SelectInstance<unknown, boolean, GroupBase<unknown>>>>;
+declare const LabeledSelect: React.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, boolean, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form"> & {
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, boolean, GroupBase<unknown>>> | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: GroupBase<unknown>) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
+    isDisabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
+    isMulti?: boolean | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    options?: import("react-select").OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    pageSize?: number | undefined;
+    placeholder?: React.ReactNode;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    styles?: StylesConfig<unknown, boolean, GroupBase<unknown>> | undefined;
+    tabIndex?: number | undefined;
+    tabSelectsValue?: boolean | undefined;
+} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, boolean, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form"> & {
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, boolean, GroupBase<unknown>>> | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: GroupBase<unknown>) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
+    isDisabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
+    isMulti?: boolean | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    options?: import("react-select").OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    pageSize?: number | undefined;
+    placeholder?: React.ReactNode;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    styles?: StylesConfig<unknown, boolean, GroupBase<unknown>> | undefined;
+    tabIndex?: number | undefined;
+    tabSelectsValue?: boolean | undefined;
+} & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & {
+    parentStyle?: React.CSSProperties | undefined;
+    label?: string | undefined;
+    required?: boolean | undefined;
+} & React.RefAttributes<SelectInstance<unknown, boolean, GroupBase<unknown>>>>;
+declare const SKUCreatableSelect: React.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, false, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form"> & {
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: GroupBase<unknown>) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
+    isDisabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
+    isMulti?: false | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    options?: import("react-select").OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    pageSize?: number | undefined;
+    placeholder?: React.ReactNode;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
+    tabIndex?: number | undefined;
+    tabSelectsValue?: boolean | undefined;
+} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, false, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form"> & {
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: GroupBase<unknown>) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
+    isDisabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
+    isMulti?: false | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    options?: import("react-select").OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    pageSize?: number | undefined;
+    placeholder?: React.ReactNode;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
+    tabIndex?: number | undefined;
+    tabSelectsValue?: boolean | undefined;
+} & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<unknown, GroupBase<unknown>> & React.RefAttributes<SelectInstance<unknown, false, GroupBase<unknown>>>>;
+declare const LabeledCreatableSelect: React.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, false, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form"> & {
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: GroupBase<unknown>) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
+    isDisabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
+    isMulti?: false | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    options?: import("react-select").OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    pageSize?: number | undefined;
+    placeholder?: React.ReactNode;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
+    tabIndex?: number | undefined;
+    tabSelectsValue?: boolean | undefined;
+} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, false, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form"> & {
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: GroupBase<unknown>) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
+    isDisabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
+    isMulti?: false | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    options?: import("react-select").OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    pageSize?: number | undefined;
+    placeholder?: React.ReactNode;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
+    tabIndex?: number | undefined;
+    tabSelectsValue?: boolean | undefined;
+} & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<unknown, GroupBase<unknown>> & {
+    parentStyle?: React.CSSProperties | undefined;
+    label?: string | undefined;
+    required?: boolean | undefined;
+} & React.RefAttributes<SelectInstance<unknown, false, GroupBase<unknown>>>>;
+declare const SKUAsyncSelect: React.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, false, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form"> & {
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: GroupBase<unknown>) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
+    isDisabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
+    isMulti?: false | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    options?: import("react-select").OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    pageSize?: number | undefined;
+    placeholder?: React.ReactNode;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
+    tabIndex?: number | undefined;
+    tabSelectsValue?: boolean | undefined;
+} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, false, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form"> & {
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: GroupBase<unknown>) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
+    isDisabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
+    isMulti?: false | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    options?: import("react-select").OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    pageSize?: number | undefined;
+    placeholder?: React.ReactNode;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
+    tabIndex?: number | undefined;
+    tabSelectsValue?: boolean | undefined;
+} & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react-select/dist/declarations/src/useAsync").AsyncAdditionalProps<unknown, GroupBase<unknown>> & React.RefAttributes<SelectInstance<unknown, false, GroupBase<unknown>>>>;
+declare const LabeledAsyncSelect: React.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, false, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form"> & {
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: GroupBase<unknown>) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
+    isDisabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
+    isMulti?: false | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    options?: import("react-select").OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    pageSize?: number | undefined;
+    placeholder?: React.ReactNode;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
+    tabIndex?: number | undefined;
+    tabSelectsValue?: boolean | undefined;
+} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, false, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form"> & {
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: GroupBase<unknown>) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
+    isDisabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
+    isMulti?: false | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    options?: import("react-select").OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    pageSize?: number | undefined;
+    placeholder?: React.ReactNode;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
+    tabIndex?: number | undefined;
+    tabSelectsValue?: boolean | undefined;
+} & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react-select/dist/declarations/src/useAsync").AsyncAdditionalProps<unknown, GroupBase<unknown>> & {
+    parentStyle?: React.CSSProperties | undefined;
+    label?: string | undefined;
+    required?: boolean | undefined;
+} & React.RefAttributes<SelectInstance<unknown, false, GroupBase<unknown>>>>;
+export { SKUSelect as Select, LabeledSelect, SKUCreatableSelect as CreatableSelect, LabeledCreatableSelect, SKUAsyncSelect as AsyncSelect, LabeledAsyncSelect, components, createFilter, mergeStyles, };
 //# sourceMappingURL=Select.d.ts.map

package/dist/styles/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,EAAE,EAAE,KAAK,IAAI,WAAW,EAAiB,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AACrH,OAAO,mBAAmB,EAAE,EAAE,KAAK,IAAI,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAChH,OAAO,eAAe,EAAE,EAAE,KAAK,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAK/E,aAAK,wBAAwB,GAAG;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAC,OAAO,CAAC;CAClB,CAAA;AAED,aAAK,aAAa,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CAAC,CAAC;AAC3C,aAAK,cAAc,GAAG,wBAAwB,GAAG,WAAW,CAAA;AAC5D,aAAK,mBAAmB,GAAG,wBAAwB,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAA;AACrF,aAAK,uBAAuB,GAAG,wBAAwB,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAA;AA2M7F,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,yBAAyB,CAAC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CA0B7F,CAAC;AAEL,aAAK,iBAAiB,GAAG,cAAc,GAAG;IAAC,WAAW,CAAC,EAAC,KAAK,CAAC,aAAa,CAAA;CAAC,CAAC;AAC7E,aAAK,cAAc,GAAG,KAAK,CAAC,yBAAyB,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;AAC3G,QAAA,MAAM,aAAa,EAAE,cAQlB,CAAC;AAEJ,aAAK,mBAAmB,GAAG,KAAK,CAAC,yBAAyB,CAAC,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;AAC9I,QAAA,MAAM,kBAAkB,EAAE,mBA4BvB,CAAC;AAEJ,aAAK,2BAA2B,GAAG,uBAAuB,GAAG;IAAC,WAAW,CAAC,EAAC,KAAK,CAAC,aAAa,CAAA;CAAC,CAAC;AAChG,aAAK,uBAAuB,GAAG,KAAK,CAAC,yBAAyB,CAAC,2BAA2B,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;AACtJ,QAAA,MAAM,sBAAsB,EAAE,uBAQ3B,CAAC;AAGJ,aAAK,eAAe,GAAG,KAAK,CAAC,yBAAyB,CAAC,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;AAClI,QAAA,MAAM,cAAc,EAAE,eA4BnB,CAAC;AAEJ,aAAK,uBAAuB,GAAG,mBAAmB,GAAG;IAAC,WAAW,CAAC,EAAC,KAAK,CAAC,aAAa,CAAA;CAAC,CAAC;AACxF,aAAK,mBAAmB,GAAG,KAAK,CAAC,yBAAyB,CAAC,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;AAC1I,QAAA,MAAM,kBAAkB,EAAE,mBAQvB,CAAC;AAEJ,OAAO,EACL,SAAS,IAAI,MAAM,EACnB,aAAa,EACb,kBAAkB,IAAI,eAAe,EACrC,sBAAsB,EACtB,cAAc,IAAI,WAAW,EAC7B,kBAAkB,EAClB,UAAU,EACV,mBAAmB,EACnB,YAAY,EACZ,WAAW,GACZ,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAmB,EAAwB,cAAc,EAAE,SAAS,EAAE,YAAY,EAAS,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAOtJ,aAAK,wBAAwB,GAAG;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAC,OAAO,CAAC;CAClB,CAAA;AA+MD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wLAsBb,CAAC;AAGH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8EAOlB,CAAC;AAEF,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wSAwBvB,CAAC;AAGF,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAO3B,CAAC;AAGF,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gSAwBnB,CAAC;AAGF,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAOvB,CAAC;AAEF,OAAO,EACL,SAAS,IAAI,MAAM,EACnB,aAAa,EACb,kBAAkB,IAAI,eAAe,EACrC,sBAAsB,EACtB,cAAc,IAAI,WAAW,EAC7B,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,WAAW,GACZ,CAAC"}

package/dist/styles/Tabs.d.ts

@@ -10,6 +10,7 @@ declare const TabBar: import("styled-components").StyledComponent<"ul", any, {
 declare const Tab: import("styled-components").StyledComponent<"li", any, {
     selected?: boolean | undefined;
     size?: "small" | "medium" | undefined;
+    variant?: "primary" | "secondary" | undefined;
 } & SharedStyleTypes, never>;
 export declare type TTab = {
     label: string;

package/dist/styles/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAE/D,QAAA,MAAM,QAAQ;;;CAWb,CAAC;AAEF,QAAA,MAAM,MAAM;;4BAUX,CAAA;AAED,QAAA,MAAM,GAAG;;;4BAgBR,CAAA;AAgCD,oBAAY,IAAI,GAAG;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,QAAQ,GAAC,YAAY,CAAA;CAAC,CAAC;AAC9F,oBAAY,SAAS,GAAG;IAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAA;CAAE,CAAC;AACpH,aAAK,SAAS,GAAG;IAAC,gBAAgB,EAAE,MAAM,CAAA;CAAC,CAAC;AAE5C,cAAM,IAAK,SAAQ,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;gBACpC,KAAK,EAAE,SAAS;IAO5B,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,QAAQ,SAAE,GAAG,IAAI,GAAG,IAAI;IAO7C,iBAAiB;IAUjB,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC;IAgBjF,MAAM;CAmBP;AAED,OAAO,EAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAC,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAG/D,QAAA,MAAM,QAAQ;;;CAWb,CAAC;AAEF,QAAA,MAAM,MAAM;;4BAUX,CAAA;AAOD,QAAA,MAAM,GAAG;;;;4BAkBR,CAAA;AAgCD,oBAAY,IAAI,GAAG;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,QAAQ,GAAC,YAAY,CAAA;CAAC,CAAC;AAC9F,oBAAY,SAAS,GAAG;IAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAA;CAAE,CAAC;AACpH,aAAK,SAAS,GAAG;IAAC,gBAAgB,EAAE,MAAM,CAAA;CAAC,CAAC;AAE5C,cAAM,IAAK,SAAQ,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;gBACpC,KAAK,EAAE,SAAS;IAO5B,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,QAAQ,SAAE,GAAG,IAAI,GAAG,IAAI;IAO7C,iBAAiB;IAUjB,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC;IAgBjF,MAAM;CAmBP;AAED,OAAO,EAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAC,CAAC"}