@salutejs/sdds-dfa 0.169.0-canary.1538.11793772609.0 → 0.169.0-canary.1550.11793426836.0

package/api/sdds-dfa.api.md

@@ -9,7 +9,7 @@
 import { addFocus } from '@salutejs/plasma-new-hope/styled-components';
 import { AlignProp } from '@salutejs/plasma-new-hope/types/components/Cell/Cell.types';
 import { AnchorHTMLAttributes } from 'react';
-import { AsProps } from '@salutejs/plasma-new-hope/types/types';
+import { AsProps } from '@salutejs/plasma-new-hope/styled-components';
 import { AvatarGroupProps } from '@salutejs/plasma-new-hope/styled-components';
 import { AvatarProps } from '@salutejs/plasma-new-hope/styled-components';
 import { BadgeProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -79,6 +79,8 @@ import { DatePickerRangeProps } from '@salutejs/plasma-new-hope/styled-component
 import { DatePickerTextFieldProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types';
 import { datePickerTokens } from '@salutejs/plasma-new-hope/styled-components';
 import { DatePickerVariationProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
+import type { DistributiveOmit } from '@salutejs/plasma-new-hope';
+import type { DistributivePick } from '@salutejs/plasma-new-hope';
 import { DividerProps } from '@salutejs/plasma-new-hope/styled-components';
 import { dividerTokens } from '@salutejs/plasma-new-hope/styled-components';
 import { DoubleSliderProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -86,6 +88,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';
@@ -115,19 +118,18 @@ import { HTMLAttributes } from 'react';
 import { ImageProps } from '@salutejs/plasma-new-hope/styled-components';
 import { ImgHTMLAttributes } from 'react';
 import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
-import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/types/types';
+import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/styled-components';
 import { InputHTMLAttributes as InputHTMLAttributes_2 } from 'react';
 import type { ItemOption } from '@salutejs/plasma-new-hope';
+import type { ItemOptionSelect } from '@salutejs/plasma-new-hope';
 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';
@@ -171,7 +173,7 @@ import { SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components';
 import { SegmentProviderProps } from '@salutejs/plasma-new-hope/styled-components';
-import type { SelectProps } from '@salutejs/plasma-new-hope/styled-components';
+import type { SelectProps as SelectProps_2 } from '@salutejs/plasma-new-hope';
 import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components';
 import { SheetProps } from '@salutejs/plasma-new-hope/styled-components';
 import { ShowToastArgs } from '@salutejs/plasma-new-hope/styled-components';
@@ -191,7 +193,7 @@ import { TabItemRefs } from '@salutejs/plasma-new-hope/styled-components';
 import { TabsContext } from '@salutejs/plasma-new-hope/styled-components';
 import { TabsControllerProps } from '@salutejs/plasma-new-hope/styled-components';
 import { TabsProps } from '@salutejs/plasma-new-hope/styled-components';
-import { TextareaHTMLAttributes } from '@salutejs/plasma-new-hope/types/types';
+import { TextareaHTMLAttributes } from '@salutejs/plasma-new-hope/styled-components';
 import { TextFieldGroupProps } from '@salutejs/plasma-new-hope/styled-components';
 import { TextFieldPrimitiveValue } from '@salutejs/plasma-new-hope/types/components/TextField/TextField.types';
 import { TextfieldPrimitiveValue } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
@@ -1017,7 +1019,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;
@@ -1053,7 +1055,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;
@@ -1089,7 +1091,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;
@@ -1125,7 +1127,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;
@@ -1161,7 +1163,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;
@@ -1197,7 +1199,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;
@@ -1233,7 +1235,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;
@@ -1269,7 +1271,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;
@@ -1305,7 +1307,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;
@@ -1341,7 +1343,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;
@@ -1377,7 +1379,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;
@@ -1413,7 +1415,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;
@@ -3498,184 +3500,10 @@ export { SegmentProvider }
 
 export { SegmentProviderProps }
 
+// Warning: (ae-forgotten-export) The symbol "SelectProps" needs to be exported by the entry point index.d.ts
+//
 // @public (undocumented)
-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;
-warning: PolymorphicClassName;
-negative: PolymorphicClassName;
-accent: PolymorphicClassName;
-secondary: PolymorphicClassName;
-clear: PolymorphicClassName;
-dark: PolymorphicClassName;
-black: PolymorphicClassName;
-white: PolymorphicClassName;
-};
-chipView: {
-default: PolymorphicClassName;
-secondary: PolymorphicClassName;
-accent: PolymorphicClassName;
-};
-}> & (({
-    target?: "textfield-like" | undefined;
-    view?: "default" | "positive" | "warning" | "negative" | undefined;
-    contentLeft?: React_2.ReactNode;
-    labelPlacement?: "outer" | "inner" | undefined;
-    placeholder?: string | undefined;
-    helperText?: string | undefined;
-} & {
-    multiselect?: false | undefined;
-    separator?: undefined;
-} & {
-    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?: 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: 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: MergedDropdownNode) => string) | undefined;
-    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
-    closeAfterSelect?: boolean | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-    chipView?: string | 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;
-    contentLeft?: React_2.ReactNode;
-    labelPlacement?: "outer" | "inner" | undefined;
-    placeholder?: string | undefined;
-    helperText?: string | undefined;
-} & {
-    multiselect?: true | undefined;
-    separator?: string | undefined;
-} & {
-    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?: 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: 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: MergedDropdownNode) => string) | undefined;
-    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
-    closeAfterSelect?: boolean | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-    chipView?: string | 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;
-    contentLeft?: undefined;
-    labelPlacement?: undefined;
-    placeholder?: undefined;
-    helperText?: undefined;
-} & {
-    multiselect?: false | undefined;
-    separator?: undefined;
-} & {
-    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?: 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: 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: MergedDropdownNode) => string) | undefined;
-    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
-    closeAfterSelect?: boolean | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-    chipView?: string | 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;
-    contentLeft?: undefined;
-    labelPlacement?: undefined;
-    placeholder?: undefined;
-    helperText?: undefined;
-} & {
-    multiselect?: true | undefined;
-    separator?: string | undefined;
-} & {
-    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?: 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: 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: MergedDropdownNode) => string) | undefined;
-    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
-    closeAfterSelect?: boolean | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-    chipView?: string | undefined;
-} & Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React_2.RefAttributes<HTMLButtonElement>)), "view" | "size" | "chipView"> & React_2.RefAttributes<HTMLButtonElement>>;
+export const Select: <K extends ItemOptionSelect>(props: SelectProps<K> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactNode;
 
 // @public
 export const Sheet: FunctionComponent<PropsType<    {

package/components/Attach/Attach.d.ts

@@ -21,7 +21,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
         s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & ((import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
+}> & ((import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
     text?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: ("default" | "relaxed") | undefined;
@@ -44,7 +44,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     contentRight?: undefined;
 } & import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").BaseAttachProps & {
     buttonType?: "button" | undefined;
-} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
     text?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: ("default" | "relaxed") | undefined;
@@ -70,7 +70,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
 } & {
     value?: undefined;
     contentRight?: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
     text?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: ("default" | "relaxed") | undefined;
@@ -94,7 +94,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
 } & import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").BaseAttachProps & {
     buttonType?: "iconButton" | undefined;
     icon?: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
     text?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: ("default" | "relaxed") | undefined;
@@ -121,7 +121,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
 } & {
     value?: undefined;
     contentRight?: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
     text?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: ("default" | "relaxed") | undefined;
@@ -147,7 +147,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
 } & {
     value?: string | number | undefined;
     contentRight?: undefined;
-} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
     text?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: ("default" | "relaxed") | undefined;
@@ -170,7 +170,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     contentRight?: import("react").ReactNode;
 } & import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").BaseAttachProps & {
     buttonType?: "button" | undefined;
-} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
     text?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: ("default" | "relaxed") | undefined;
@@ -197,7 +197,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
 } & {
     value?: string | number | undefined;
     contentRight?: undefined;
-} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
     text?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: ("default" | "relaxed") | undefined;

package/components/Button/Button.d.ts

@@ -34,7 +34,7 @@ declare const ButtonComponent: import("react").FunctionComponent<import("@salute
         filled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         fixed: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
+}> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
     text?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: ("default" | "relaxed") | undefined;
@@ -55,7 +55,7 @@ declare const ButtonComponent: import("react").FunctionComponent<import("@salute
 } & {
     value?: string | number | undefined;
     contentRight?: undefined;
-} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
+} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
     text?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: ("default" | "relaxed") | undefined;
@@ -116,7 +116,7 @@ export declare const Button: import("react").FunctionComponent<import("@salutejs
         filled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         fixed: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
+}> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
     text?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: ("default" | "relaxed") | undefined;
@@ -137,7 +137,7 @@ export declare const Button: import("react").FunctionComponent<import("@salutejs
 } & {
     value?: string | number | undefined;
     contentRight?: undefined;
-} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
+} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
     text?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: ("default" | "relaxed") | 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;