@salutejs/sdds-dfa 0.168.0-canary.1550.11777193712.0 → 0.168.0-canary.1553.11776288397.0

package/api/sdds-dfa.api.md

@@ -86,7 +86,6 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
 import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
-import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
 import { DropdownProps } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
 import { dsplL } from '@salutejs/sdds-themes/tokens';
 import { dsplLBold } from '@salutejs/sdds-themes/tokens';
@@ -119,15 +118,16 @@ import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
 import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/types/types';
 import { InputHTMLAttributes as InputHTMLAttributes_2 } from 'react';
 import type { ItemOption } from '@salutejs/plasma-new-hope';
-import { ItemOptionSelect } from '@salutejs/plasma-new-hope/styled-components';
 import { JSXElementConstructor } from 'react';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { LinkCustomProps } from '@salutejs/plasma-new-hope/types/components/Link/Link';
 import { MaskProps } from '@salutejs/plasma-new-hope/types/components/Mask/Mask.types';
 import { mediaQuery } from '@salutejs/plasma-new-hope/styled-components';
+import { MergedDropdownNode } from '@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types';
 import { modalClasses } from '@salutejs/plasma-new-hope/styled-components';
 import { ModalProps } from '@salutejs/plasma-new-hope/styled-components';
 import { MouseEvent as MouseEvent_2 } from 'react';
+import { MutableRefObject } from 'react';
 import { numberInputClasses } from '@salutejs/plasma-new-hope/styled-components';
 import { numberInputTokens } from '@salutejs/plasma-new-hope/styled-components';
 import { Orientation } from '@salutejs/plasma-new-hope/types/components/TextFieldGroup/TextFieldGroup.types';
@@ -1017,7 +1017,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1053,7 +1053,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1089,7 +1089,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1125,7 +1125,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1161,7 +1161,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1197,7 +1197,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1233,7 +1233,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1269,7 +1269,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1305,7 +1305,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1341,7 +1341,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1377,7 +1377,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1413,7 +1413,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -3499,7 +3499,13 @@ export { SegmentProvider }
 export { SegmentProviderProps }
 
 // @public (undocumented)
-export const Select: React_2.ForwardRefExoticComponent<Omit<SelectProps<ItemOptionSelect>, "view" | "size" | "chipView"> & Pick<PropsType<    {
+export const Select: React_2.ForwardRefExoticComponent<Omit<SelectProps, "view" | "size" | "chipView"> & Pick<PropsType<    {
+size: {
+xs: PolymorphicClassName;
+s: PolymorphicClassName;
+m: PolymorphicClassName;
+l: PolymorphicClassName;
+};
 view: {
 default: PolymorphicClassName;
 positive: PolymorphicClassName;
@@ -3512,24 +3518,11 @@ dark: PolymorphicClassName;
 black: PolymorphicClassName;
 white: PolymorphicClassName;
 };
-size: {
-l: PolymorphicClassName;
-m: PolymorphicClassName;
-s: PolymorphicClassName;
-xs: PolymorphicClassName;
-};
-labelPlacement: {
-inner: PolymorphicClassName;
-outer: PolymorphicClassName;
-};
 chipView: {
 default: PolymorphicClassName;
 secondary: PolymorphicClassName;
 accent: PolymorphicClassName;
 };
-disabled: {
-true: PolymorphicClassName;
-};
 }> & (({
     target?: "textfield-like" | undefined;
     view?: "default" | "positive" | "warning" | "negative" | undefined;
@@ -3541,33 +3534,33 @@ true: PolymorphicClassName;
     multiselect?: false | undefined;
     separator?: undefined;
 } & {
-    value?: any;
+    value: any;
     onChange?: ((value: any) => void) | undefined;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
+    status?: "warning" | "success" | "error" | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: DropdownNodeSelect[] | undefined;
-    onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    hasItems?: boolean | undefined;
     children?: undefined;
+    isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
-    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
+    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
     label?: string | undefined;
     onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
     variant?: "normal" | "tight" | undefined;
     listWidth?: Property.Width<string | number> | undefined;
     portal?: string | React_2.RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
-    renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
+    renderValue?: ((item: MergedDropdownNode) => string) | undefined;
+    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
     chipView?: string | undefined;
-    status?: "warning" | "success" | "error" | undefined;
-    hasItems?: boolean | undefined;
-    isOpen?: boolean | undefined;
 } & Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React_2.RefAttributes<HTMLButtonElement>) | ({
     target?: "textfield-like" | undefined;
     view?: "default" | "positive" | "warning" | "negative" | undefined;
@@ -3579,33 +3572,33 @@ true: PolymorphicClassName;
     multiselect?: true | undefined;
     separator?: string | undefined;
 } & {
-    value?: any;
+    value: any;
     onChange?: ((value: any) => void) | undefined;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
+    status?: "warning" | "success" | "error" | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: DropdownNodeSelect[] | undefined;
-    onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    hasItems?: boolean | undefined;
     children?: undefined;
+    isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
-    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
+    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
     label?: string | undefined;
     onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
     variant?: "normal" | "tight" | undefined;
     listWidth?: Property.Width<string | number> | undefined;
     portal?: string | React_2.RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
-    renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
+    renderValue?: ((item: MergedDropdownNode) => string) | undefined;
+    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
     chipView?: string | undefined;
-    status?: "warning" | "success" | "error" | undefined;
-    hasItems?: boolean | undefined;
-    isOpen?: boolean | undefined;
 } & Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React_2.RefAttributes<HTMLButtonElement>) | ({
     target?: "button-like" | undefined;
     view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "clear" | "dark" | "black" | "white" | undefined;
@@ -3617,33 +3610,33 @@ true: PolymorphicClassName;
     multiselect?: false | undefined;
     separator?: undefined;
 } & {
-    value?: any;
+    value: any;
     onChange?: ((value: any) => void) | undefined;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
+    status?: "warning" | "success" | "error" | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: DropdownNodeSelect[] | undefined;
-    onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    hasItems?: boolean | undefined;
     children?: undefined;
+    isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
-    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
+    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
     label?: string | undefined;
     onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
     variant?: "normal" | "tight" | undefined;
     listWidth?: Property.Width<string | number> | undefined;
     portal?: string | React_2.RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
-    renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
+    renderValue?: ((item: MergedDropdownNode) => string) | undefined;
+    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
     chipView?: string | undefined;
-    status?: "warning" | "success" | "error" | undefined;
-    hasItems?: boolean | undefined;
-    isOpen?: boolean | undefined;
 } & Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React_2.RefAttributes<HTMLButtonElement>) | ({
     target?: "button-like" | undefined;
     view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "clear" | "dark" | "black" | "white" | undefined;
@@ -3655,33 +3648,33 @@ true: PolymorphicClassName;
     multiselect?: true | undefined;
     separator?: string | undefined;
 } & {
-    value?: any;
+    value: any;
     onChange?: ((value: any) => void) | undefined;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
+    status?: "warning" | "success" | "error" | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: DropdownNodeSelect[] | undefined;
-    onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    hasItems?: boolean | undefined;
     children?: undefined;
+    isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
-    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
+    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
     label?: string | undefined;
     onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
     variant?: "normal" | "tight" | undefined;
     listWidth?: Property.Width<string | number> | undefined;
     portal?: string | React_2.RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
-    renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
+    renderValue?: ((item: MergedDropdownNode) => string) | undefined;
+    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
     chipView?: string | undefined;
-    status?: "warning" | "success" | "error" | undefined;
-    hasItems?: boolean | undefined;
-    isOpen?: boolean | undefined;
 } & Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React_2.RefAttributes<HTMLButtonElement>)), "view" | "size" | "chipView"> & React_2.RefAttributes<HTMLButtonElement>>;
 
 // @public

package/components/Combobox/Combobox.d.ts

@@ -35,7 +35,7 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -71,7 +71,7 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -107,7 +107,7 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -143,7 +143,7 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -179,7 +179,7 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -215,7 +215,7 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -251,7 +251,7 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -287,7 +287,7 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -323,7 +323,7 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -359,7 +359,7 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -395,7 +395,7 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -431,7 +431,7 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;

package/components/Combobox/index.d.ts

@@ -40,7 +40,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -76,7 +76,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -112,7 +112,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -148,7 +148,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -184,7 +184,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -220,7 +220,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -256,7 +256,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -292,7 +292,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -328,7 +328,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -364,7 +364,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -400,7 +400,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -436,7 +436,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;

package/components/Select/Select.config.d.ts

@@ -1,11 +1,16 @@
 export declare const config: {
     defaults: {
         view: string;
-        size: string;
-        labelPlacement: string;
         chipView: string;
+        size: string;
     };
     variations: {
+        size: {
+            xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
         view: {
             default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -18,23 +23,10 @@ export declare const config: {
             black: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             white: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };
-        size: {
-            l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        };
-        labelPlacement: {
-            inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        };
         chipView: {
             default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };
-        disabled: {
-            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        };
     };
 };