@salutejs/plasma-web 1.417.0-canary.1458.11318485552.0 → 1.417.0-canary.1470.11326517225.0

package/api/plasma-web.api.md

@@ -42,7 +42,6 @@ import { BaseCallbackKeyboardInstance } from '@salutejs/plasma-new-hope/types/co
 import { BaseProps } from '@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types';
 import { BaseTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types';
 import { BaseTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
-import { BasicProps } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types';
 import { BlurProps } from '@salutejs/plasma-core';
 import { blurs } from '@salutejs/plasma-core';
 import { BoldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Typography.types';
@@ -156,6 +155,7 @@ import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
 import { InputHTMLAttributes } from '@salutejs/plasma-core';
 import { InputHTMLAttributes as InputHTMLAttributes_2 } from '@salutejs/plasma-new-hope/types/types';
 import { InputHTMLAttributes as InputHTMLAttributes_3 } from 'react';
+import { ItemOption } from '@salutejs/plasma-new-hope/styled-components';
 import { JSXElementConstructor } from 'react';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { LineSkeletonProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -1248,7 +1248,27 @@ true: PolymorphicClassName;
 readOnly: {
 true: PolymorphicClassName;
 };
-}> & BasicProps & {
+}> & {
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
@@ -1280,7 +1300,27 @@ true: PolymorphicClassName;
 readOnly: {
 true: PolymorphicClassName;
 };
-}> & BasicProps & {
+}> & {
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
@@ -1312,7 +1352,27 @@ true: PolymorphicClassName;
 readOnly: {
 true: PolymorphicClassName;
 };
-}> & BasicProps & {
+}> & {
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
@@ -1344,7 +1404,27 @@ true: PolymorphicClassName;
 readOnly: {
 true: PolymorphicClassName;
 };
-}> & BasicProps & {
+}> & {
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
@@ -1376,7 +1456,27 @@ true: PolymorphicClassName;
 readOnly: {
 true: PolymorphicClassName;
 };
-}> & BasicProps & {
+}> & {
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
     alwaysOpened?: true | undefined;
@@ -1408,7 +1508,27 @@ true: PolymorphicClassName;
 readOnly: {
 true: PolymorphicClassName;
 };
-}> & BasicProps & {
+}> & {
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
     alwaysOpened?: true | undefined;

package/components/Combobox/Combobox.d.ts

@@ -22,7 +22,27 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     readOnly: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & ((import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+}> & (({
+    items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    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;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
@@ -31,7 +51,27 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    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;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
@@ -40,7 +80,27 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: boolean | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    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;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
@@ -49,7 +109,27 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    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;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
@@ -58,7 +138,27 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: boolean | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    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;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
     alwaysOpened?: true | undefined;
@@ -67,7 +167,27 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    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;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
     alwaysOpened?: true | undefined;

package/components/Combobox/index.d.ts

@@ -24,7 +24,27 @@ declare const Combobox: React.ForwardRefExoticComponent<(Omit<import("@salutejs/
     readOnly: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+}> & {
+    items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: React.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => React.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
@@ -56,7 +76,27 @@ declare const Combobox: React.ForwardRefExoticComponent<(Omit<import("@salutejs/
     readOnly: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+}> & {
+    items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: React.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => React.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
@@ -88,7 +128,27 @@ declare const Combobox: React.ForwardRefExoticComponent<(Omit<import("@salutejs/
     readOnly: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+}> & {
+    items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: React.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => React.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
@@ -120,7 +180,27 @@ declare const Combobox: React.ForwardRefExoticComponent<(Omit<import("@salutejs/
     readOnly: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+}> & {
+    items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: React.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => React.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
@@ -152,7 +232,27 @@ declare const Combobox: React.ForwardRefExoticComponent<(Omit<import("@salutejs/
     readOnly: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+}> & {
+    items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: React.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => React.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
     alwaysOpened?: true | undefined;
@@ -184,7 +284,27 @@ declare const Combobox: React.ForwardRefExoticComponent<(Omit<import("@salutejs/
     readOnly: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+}> & {
+    items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: React.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => React.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
     alwaysOpened?: true | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-web",
-  "version": "1.417.0-canary.1458.11318485552.0",
+  "version": "1.417.0-canary.1470.11326517225.0",
   "description": "Salute Design System / React UI kit for web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@salutejs/plasma-core": "1.181.0-dev.0",
     "@salutejs/plasma-hope": "1.314.0-dev.0",
-    "@salutejs/plasma-new-hope": "0.164.0-canary.1458.11318485552.0",
+    "@salutejs/plasma-new-hope": "0.164.0-canary.1470.11326517225.0",
     "@salutejs/plasma-themes": "0.19.0-dev.0",
     "@salutejs/plasma-tokens-b2b": "1.42.0",
     "@salutejs/plasma-tokens-b2c": "0.52.0",
@@ -112,5 +112,5 @@
     "Fanil Zubairov"
   ],
   "sideEffects": false,
-  "gitHead": "8b63c1c6897026bfb971e314da0c01b261e16a18"
+  "gitHead": "457e2c7b8b3b8050e4e2412bc3b6e5cfd1bb6eaf"
 }

package/temp/plasma-web.api.md

@@ -42,7 +42,6 @@ import { BaseCallbackKeyboardInstance } from '@salutejs/plasma-new-hope/types/co
 import { BaseProps } from '@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types';
 import { BaseTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types';
 import { BaseTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
-import { BasicProps } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types';
 import { BlurProps } from '@salutejs/plasma-core';
 import { blurs } from '@salutejs/plasma-core';
 import { BoldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Typography.types';
@@ -156,6 +155,7 @@ import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
 import { InputHTMLAttributes } from '@salutejs/plasma-core';
 import { InputHTMLAttributes as InputHTMLAttributes_2 } from '@salutejs/plasma-new-hope/types/types';
 import { InputHTMLAttributes as InputHTMLAttributes_3 } from 'react';
+import { ItemOption } from '@salutejs/plasma-new-hope/styled-components';
 import { JSXElementConstructor } from 'react';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { LineSkeletonProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -1248,7 +1248,27 @@ true: PolymorphicClassName;
 readOnly: {
 true: PolymorphicClassName;
 };
-}> & BasicProps & {
+}> & {
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
@@ -1280,7 +1300,27 @@ true: PolymorphicClassName;
 readOnly: {
 true: PolymorphicClassName;
 };
-}> & BasicProps & {
+}> & {
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
@@ -1312,7 +1352,27 @@ true: PolymorphicClassName;
 readOnly: {
 true: PolymorphicClassName;
 };
-}> & BasicProps & {
+}> & {
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
@@ -1344,7 +1404,27 @@ true: PolymorphicClassName;
 readOnly: {
 true: PolymorphicClassName;
 };
-}> & BasicProps & {
+}> & {
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
@@ -1376,7 +1456,27 @@ true: PolymorphicClassName;
 readOnly: {
 true: PolymorphicClassName;
 };
-}> & BasicProps & {
+}> & {
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
     alwaysOpened?: true | undefined;
@@ -1408,7 +1508,27 @@ true: PolymorphicClassName;
 readOnly: {
 true: PolymorphicClassName;
 };
-}> & BasicProps & {
+}> & {
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
     alwaysOpened?: true | undefined;