@salutejs/sdds-finportal 0.161.1-canary.1517.11744378817.0 → 0.162.0-canary.1550.11768426274.0

package/api/sdds-finportal.api.md

@@ -90,6 +90,7 @@ 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';
@@ -122,16 +123,15 @@ 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 { NotificationIconPlacement } from '@salutejs/plasma-new-hope/styled-components';
 import { NotificationLayout } from '@salutejs/plasma-new-hope/styled-components';
 import { NotificationPlacement } from '@salutejs/plasma-new-hope/styled-components';
@@ -1066,7 +1066,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1102,7 +1102,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1138,7 +1138,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1174,7 +1174,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1210,7 +1210,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1246,7 +1246,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1282,7 +1282,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1318,7 +1318,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1354,7 +1354,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1390,7 +1390,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1426,7 +1426,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1462,7 +1462,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -3593,13 +3593,7 @@ export { SegmentProvider }
 export { SegmentProviderProps }
 
 // @public (undocumented)
-export const Select: React_2.ForwardRefExoticComponent<Omit<SelectProps, "view" | "size" | "chipView"> & Pick<PropsType<    {
-size: {
-xs: PolymorphicClassName;
-s: PolymorphicClassName;
-m: PolymorphicClassName;
-l: PolymorphicClassName;
-};
+export const Select: React_2.ForwardRefExoticComponent<Omit<SelectProps<ItemOptionSelect>, "view" | "size" | "chipView"> & Pick<PropsType<    {
 view: {
 default: PolymorphicClassName;
 positive: PolymorphicClassName;
@@ -3612,11 +3606,24 @@ 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;
@@ -3628,7 +3635,7 @@ accent: 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;
@@ -3636,21 +3643,21 @@ accent: PolymorphicClassName;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: MergedDropdownNode[] | undefined;
-    onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: DropdownNodeSelect[] | undefined;
+    onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
     hasItems?: boolean | undefined;
     children?: undefined;
     isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
-    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
+    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("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: MergedDropdownNode) => string) | undefined;
-    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
+    renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
+    renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
@@ -3666,7 +3673,7 @@ accent: 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;
@@ -3674,21 +3681,21 @@ accent: PolymorphicClassName;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: MergedDropdownNode[] | undefined;
-    onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: DropdownNodeSelect[] | undefined;
+    onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
     hasItems?: boolean | undefined;
     children?: undefined;
     isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
-    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
+    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("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: MergedDropdownNode) => string) | undefined;
-    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
+    renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
+    renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
@@ -3704,7 +3711,7 @@ accent: 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;
@@ -3712,21 +3719,21 @@ accent: PolymorphicClassName;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: MergedDropdownNode[] | undefined;
-    onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: DropdownNodeSelect[] | undefined;
+    onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
     hasItems?: boolean | undefined;
     children?: undefined;
     isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
-    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
+    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("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: MergedDropdownNode) => string) | undefined;
-    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
+    renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
+    renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
@@ -3742,7 +3749,7 @@ accent: 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;
@@ -3750,21 +3757,21 @@ accent: PolymorphicClassName;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: MergedDropdownNode[] | undefined;
-    onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: DropdownNodeSelect[] | undefined;
+    onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
     hasItems?: boolean | undefined;
     children?: undefined;
     isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
-    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
+    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("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: MergedDropdownNode) => string) | undefined;
-    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
+    renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
+    renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;

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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | 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,16 +1,11 @@
 export declare const config: {
     defaults: {
         view: string;
-        chipView: string;
         size: string;
+        labelPlacement: string;
+        chipView: 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;
@@ -23,10 +18,23 @@ 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;
+        };
     };
 };