@salutejs/plasma-web 1.369.0-canary.1349.10433909980.0 → 1.369.0-canary.1361.10443723916.0

package/api/plasma-web.api.md

@@ -39,6 +39,7 @@ import { BaseboxProps } from '@salutejs/plasma-new-hope/styled-components';
 import { BaseCallbackChangeInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
 import { BaseCallbackKeyboardInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
 import { BaseProps } from '@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types';
+import { BasicProps } from '@salutejs/plasma-new-hope/types/components/Select/Select.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,7 +157,6 @@ import { ListItem } from '@salutejs/plasma-hope';
 import { MaxLinesProps } from '@salutejs/plasma-core';
 import { mediaQuery } from '@salutejs/plasma-hope';
 import { MediaQueryFunction } from '@salutejs/plasma-hope';
-import { MergedDropdownNode } from '@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types';
 import { Modal } from '@salutejs/plasma-hope';
 import { modalClasses as modalBaseClasses } from '@salutejs/plasma-new-hope/styled-components';
 import { ModalProps as ModalBaseProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -199,7 +199,6 @@ import { PreviewGalleryProps } from '@salutejs/plasma-hope';
 import { priceClasses } from '@salutejs/plasma-new-hope/styled-components';
 import { PriceProps } from '@salutejs/plasma-new-hope/types/components/Price/Price.types';
 import { ProgressProps } from '@salutejs/plasma-new-hope/styled-components';
-import { Property } from 'csstype';
 import { Props } from '@salutejs/plasma-new-hope/types/components/EmptyState/EmptyState.types';
 import { PropsType } from '@salutejs/plasma-new-hope/types/engines/types';
 import { RadioGroup } from '@salutejs/plasma-new-hope/styled-components';
@@ -229,8 +228,7 @@ 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 { SelectGroup } from '@salutejs/plasma-hope';
-import { MergedSelectProps as SelectProps } from '@salutejs/plasma-new-hope/styled-components';
-import { SelectProps as SelectPropsHope } from '@salutejs/plasma-hope';
+import { SelectProps } from '@salutejs/plasma-hope';
 import { selectText } from '@salutejs/plasma-hope';
 import { setRef } from '@salutejs/plasma-core';
 import { shadows } from '@salutejs/plasma-core';
@@ -259,7 +257,6 @@ import { StyledComponent } from 'styled-components';
 import { StyledPreviewGallery } from '@salutejs/plasma-hope';
 import { SubtitleProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SwitchProps as SwitchProps_2 } from '@salutejs/plasma-new-hope/styled-components';
-import { SyntheticEvent } from 'react';
 import { syntheticFocus } from '@salutejs/plasma-core';
 import { TabItemProps } from '@salutejs/plasma-new-hope/styled-components';
 import { TabItemRefs } from '@salutejs/plasma-new-hope/styled-components';
@@ -286,7 +283,6 @@ import { toolbarTokens } from '@salutejs/plasma-new-hope/styled-components';
 import { TooltipProps } from '@salutejs/plasma-new-hope/styled-components';
 import { transformStyles } from '@salutejs/plasma-core';
 import { TypographyOldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Old/TypographyOld';
-import { UIEvent as UIEvent_2 } from 'react';
 import { Upload } from '@salutejs/plasma-hope';
 import { UploadAudio } from '@salutejs/plasma-hope';
 import { UploadAudioProps } from '@salutejs/plasma-hope';
@@ -2046,8 +2042,13 @@ export { SegmentProvider }
 
 export { SegmentProviderProps }
 
-// @public (undocumented)
-export const Select: FunctionComponent<PropsType<    {
+// @public
+export const Select: React_2.ForwardRefExoticComponent<SelectProps<any> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export { SelectGroup }
+
+// @public
+export const SelectNew: FunctionComponent<PropsType<    {
 size: {
 xs: PolymorphicClassName;
 s: PolymorphicClassName;
@@ -2071,162 +2072,62 @@ default: PolymorphicClassName;
 secondary: PolymorphicClassName;
 accent: PolymorphicClassName;
 };
-}> & (({
-target?: "textfield-like" | undefined;
-view?: "default" | "positive" | "warning" | "negative" | undefined;
-contentLeft?: ReactNode;
-labelPlacement?: "outer" | "inner" | undefined;
-placeholder?: string | undefined;
-helperText?: string | undefined;
-} & {
+}> & ((BasicProps & {
 multiselect?: false | undefined;
-separator?: undefined;
+value?: string | undefined;
+onChange?: ((value: string) => void) | undefined;
+isTargetAmount?: false | undefined;
+renderTarget?: ((value: string) => ReactNode) | 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: SyntheticEvent<Element, Event>) => void) | undefined;
-hasItems?: boolean | undefined;
-children?: undefined;
-isOpen?: boolean | undefined;
-isTargetAmount?: boolean | undefined;
-renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => ReactNode) | undefined;
-placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
-label?: string | undefined;
-onScrollBottom?: ((e: UIEvent_2<HTMLUListElement, UIEvent>) => void) | undefined;
-variant?: "normal" | "tight" | undefined;
-listWidth?: Property.Width<string | number> | undefined;
-portal?: string | RefObject<HTMLElement> | undefined;
-renderValue?: ((item: MergedDropdownNode) => string) | undefined;
-renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
-size?: string | undefined;
-view?: string | undefined;
-chipView?: string | undefined;
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>) | ({
 target?: "textfield-like" | undefined;
 view?: "default" | "positive" | "warning" | "negative" | undefined;
 contentLeft?: ReactNode;
 labelPlacement?: "outer" | "inner" | undefined;
 placeholder?: string | undefined;
 helperText?: string | undefined;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>) | (BasicProps & {
+multiselect?: false | undefined;
+value?: string | undefined;
+onChange?: ((value: string) => void) | undefined;
+isTargetAmount?: false | undefined;
+renderTarget?: ((value: string) => ReactNode) | 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: SyntheticEvent<Element, Event>) => void) | undefined;
-hasItems?: boolean | undefined;
-children?: undefined;
-isOpen?: boolean | undefined;
-isTargetAmount?: boolean | undefined;
-renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => ReactNode) | undefined;
-placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
-label?: string | undefined;
-onScrollBottom?: ((e: UIEvent_2<HTMLUListElement, UIEvent>) => void) | undefined;
-variant?: "normal" | "tight" | undefined;
-listWidth?: Property.Width<string | number> | undefined;
-portal?: string | RefObject<HTMLElement> | undefined;
-renderValue?: ((item: MergedDropdownNode) => string) | undefined;
-renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
-size?: string | undefined;
-view?: string | undefined;
-chipView?: string | undefined;
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>) | ({
 target?: "button-like" | undefined;
 view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "black" | "white" | "dark" | "clear" | undefined;
 contentLeft?: undefined;
 labelPlacement?: undefined;
 placeholder?: undefined;
 helperText?: undefined;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>) | (BasicProps & {
+multiselect: true;
+value?: string[] | undefined;
+onChange?: ((value: string[]) => void) | undefined;
+isTargetAmount?: boolean | undefined;
+renderTarget?: ((value: string[]) => ReactNode) | 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;
+target?: "textfield-like" | undefined;
+view?: "default" | "positive" | "warning" | "negative" | undefined;
+contentLeft?: ReactNode;
+labelPlacement?: "outer" | "inner" | undefined;
 placeholder?: string | undefined;
 helperText?: string | undefined;
-disabled?: boolean | undefined;
-items?: MergedDropdownNode[] | undefined;
-onItemSelect?: ((e: MergedDropdownNode, event: SyntheticEvent<Element, Event>) => void) | undefined;
-hasItems?: boolean | undefined;
-children?: undefined;
-isOpen?: boolean | undefined;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>) | (BasicProps & {
+multiselect: true;
+value?: string[] | undefined;
+onChange?: ((value: string[]) => void) | undefined;
 isTargetAmount?: boolean | undefined;
-renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => ReactNode) | undefined;
-placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
-label?: string | undefined;
-onScrollBottom?: ((e: UIEvent_2<HTMLUListElement, UIEvent>) => void) | undefined;
-variant?: "normal" | "tight" | undefined;
-listWidth?: Property.Width<string | number> | undefined;
-portal?: string | RefObject<HTMLElement> | undefined;
-renderValue?: ((item: MergedDropdownNode) => string) | undefined;
-renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
-size?: string | undefined;
-view?: string | undefined;
-chipView?: string | undefined;
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>) | ({
+renderTarget?: ((value: string[]) => ReactNode) | undefined;
+} & {
 target?: "button-like" | undefined;
 view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "black" | "white" | "dark" | "clear" | 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: SyntheticEvent<Element, Event>) => void) | undefined;
-hasItems?: boolean | undefined;
-children?: undefined;
-isOpen?: boolean | undefined;
-isTargetAmount?: boolean | undefined;
-renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => ReactNode) | undefined;
-placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
-label?: string | undefined;
-onScrollBottom?: ((e: UIEvent_2<HTMLUListElement, UIEvent>) => void) | undefined;
-variant?: "normal" | "tight" | undefined;
-listWidth?: Property.Width<string | number> | undefined;
-portal?: string | RefObject<HTMLElement> | undefined;
-renderValue?: ((item: MergedDropdownNode) => string) | undefined;
-renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
-size?: string | undefined;
-view?: string | undefined;
-chipView?: string | undefined;
 } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>))>;
 
-export { SelectGroup }
-
 export { SelectProps }
 
-export { SelectPropsHope }
-
 export { selectText }
 
 export { setRef }

package/components/Combobox/Combobox.config.js

@@ -20,7 +20,7 @@ var config = exports.config = {
       l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": auto;\n                ", ": 0.875rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": 0.063rem;\n                ", ": 0;\n                ", ": 1rem;\n                ", ": 0;\n                ", ": 1rem;\n\n                ", ": auto;\n                ", ": 1.5rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 0.75rem;\n                ", ": 1.875rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": auto;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1rem;\n                ", ": 3.5rem;\n                ", ": 100%;\n                ", ": 0.875rem;\n                ", ": 0 3.5rem 0 1.5rem;\n                ", ": 0 3.625rem 0 0.375rem;\n                ", ": 0 3.625rem 0 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _styledComponents.comboboxTokens.width, _styledComponents.comboboxTokens.height, _styledComponents.comboboxTokens.borderRadius, _styledComponents.comboboxTokens.paddingTop, _styledComponents.comboboxTokens.paddingRight, _styledComponents.comboboxTokens.paddingBottom, _styledComponents.comboboxTokens.paddingLeft, _styledComponents.comboboxTokens.dividerColor, _styledComponents.comboboxTokens.dividerHeight, _styledComponents.comboboxTokens.dividerMarginTop, _styledComponents.comboboxTokens.dividerMarginRight, _styledComponents.comboboxTokens.dividerMarginBottom, _styledComponents.comboboxTokens.dividerMarginLeft, _styledComponents.comboboxTokens.itemWidth, _styledComponents.comboboxTokens.itemHeight, _styledComponents.comboboxTokens.itemPaddingTop, _styledComponents.comboboxTokens.itemPaddingRight, _styledComponents.comboboxTokens.itemPaddingBottom, _styledComponents.comboboxTokens.itemPaddingLeft, _styledComponents.comboboxTokens.itemBorderRadius, _styledComponents.comboboxTokens.itemContentLeftWidth, _styledComponents.comboboxTokens.itemFontFamily, _styledComponents.comboboxTokens.itemFontSize, _styledComponents.comboboxTokens.itemFontStyle, _styledComponents.comboboxTokens.itemFontWeightBold, _styledComponents.comboboxTokens.itemFontLetterSpacing, _styledComponents.comboboxTokens.itemFontLineHeight, _styledComponents.comboboxTokens.chipGap, _styledComponents.comboboxTokens.chipBorderRadius, _styledComponents.comboboxTokens.chipWidth, _styledComponents.comboboxTokens.chipHeight, _styledComponents.comboboxTokens.chipPaddingRight, _styledComponents.comboboxTokens.chipPaddingLeft, _styledComponents.comboboxTokens.chipClearContentMarginLeft, _styledComponents.comboboxTokens.chipClearContentMarginRight, _styledComponents.comboboxTokens.chipCloseIconSize, _styledComponents.comboboxTokens.chipFontFamily, _styledComponents.comboboxTokens.chipFontSize, _styledComponents.comboboxTokens.chipFontStyle, _styledComponents.comboboxTokens.chipFontWeight, _styledComponents.comboboxTokens.chipLetterSpacing, _styledComponents.comboboxTokens.chipLineHeight, _styledComponents.comboboxTokens.targetArrowRight, _styledComponents.comboboxTokens.targetHeight, _styledComponents.comboboxTokens.targetWidth, _styledComponents.comboboxTokens.targetRadius, _styledComponents.comboboxTokens.targetPadding, _styledComponents.comboboxTokens.targetPaddingHasChips, _styledComponents.comboboxTokens.targetPaddingWithInput, _styledComponents.comboboxTokens.targetInnerTop, _styledComponents.comboboxTokens.targetLabelInnerTop, _styledComponents.comboboxTokens.targetFontFamily, _styledComponents.comboboxTokens.targetFontSize, _styledComponents.comboboxTokens.targetFontStyle, _styledComponents.comboboxTokens.targetFontWeight, _styledComponents.comboboxTokens.targetLetterSpacing, _styledComponents.comboboxTokens.targetLineHeight, _styledComponents.comboboxTokens.targetLabelInnerFontFamily, _styledComponents.comboboxTokens.targetLabelInnerFontSize, _styledComponents.comboboxTokens.targetLabelInnerFontStyle, _styledComponents.comboboxTokens.targetLabelInnerFontWeight, _styledComponents.comboboxTokens.targetLabelInnerLetterSpacing, _styledComponents.comboboxTokens.targetLabelInnerLineHeight)
     },
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary-hover);\n                ", ": var(--text-tertiary-active);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); /* TODO: \u0417\u0430\u0431\u0438\u0440\u0430\u0442\u044C \u0438\u0437 \u0442\u043E\u043A\u0435\u043D\u0430 --shadow-down-soft-s */\n\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n\n                ", ": 0.4;\n                ", ": var(--surface-accent);\n            "])), _styledComponents.comboboxTokens.targetColor, _styledComponents.comboboxTokens.targetLabelColor, _styledComponents.comboboxTokens.targetArrowColor, _styledComponents.comboboxTokens.targetBorderColor, _styledComponents.comboboxTokens.targetBorderColorHover, _styledComponents.comboboxTokens.targetBorderColorActive, _styledComponents.comboboxTokens.targetBorderColorOpen, _styledComponents.comboboxTokens.background, _styledComponents.comboboxTokens.boxShadow, _styledComponents.comboboxTokens.itemBackground, _styledComponents.comboboxTokens.itemBackgroundHover, _styledComponents.comboboxTokens.itemBackgroundSelectedHover, _styledComponents.comboboxTokens.itemColor, _styledComponents.comboboxTokens.itemContentLeftColor, _styledComponents.comboboxTokens.chipCloseIconColor, _styledComponents.comboboxTokens.chipColor, _styledComponents.comboboxTokens.chipBackground, _styledComponents.comboboxTokens.chipColorHover, _styledComponents.comboboxTokens.chipBackgroundHover, _styledComponents.comboboxTokens.chipColorActive, _styledComponents.comboboxTokens.chipBackgroundActive, _styledComponents.comboboxTokens.chipBackgroundReadOnly, _styledComponents.comboboxTokens.chipColorReadOnly, _styledComponents.comboboxTokens.chipBackgroundReadOnlyHover, _styledComponents.comboboxTokens.chipColorReadOnlyHover, _styledComponents.comboboxTokens.chipOpacityReadonly, _styledComponents.comboboxTokens.disabledOpacity, _styledComponents.comboboxTokens.focusColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary-hover);\n                ", ": var(--text-tertiary-active);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-solid-card-brightness);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); /* TODO: \u0417\u0430\u0431\u0438\u0440\u0430\u0442\u044C \u0438\u0437 \u0442\u043E\u043A\u0435\u043D\u0430 --shadow-down-soft-s */\n\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n\n                ", ": 0.4;\n                ", ": var(--surface-accent);\n            "])), _styledComponents.comboboxTokens.targetColor, _styledComponents.comboboxTokens.targetLabelColor, _styledComponents.comboboxTokens.targetArrowColor, _styledComponents.comboboxTokens.targetBorderColor, _styledComponents.comboboxTokens.targetBorderColorHover, _styledComponents.comboboxTokens.targetBorderColorActive, _styledComponents.comboboxTokens.targetBorderColorOpen, _styledComponents.comboboxTokens.background, _styledComponents.comboboxTokens.boxShadow, _styledComponents.comboboxTokens.itemBackground, _styledComponents.comboboxTokens.itemBackgroundHover, _styledComponents.comboboxTokens.itemBackgroundSelectedHover, _styledComponents.comboboxTokens.itemColor, _styledComponents.comboboxTokens.itemContentLeftColor, _styledComponents.comboboxTokens.chipCloseIconColor, _styledComponents.comboboxTokens.chipColor, _styledComponents.comboboxTokens.chipBackground, _styledComponents.comboboxTokens.chipColorHover, _styledComponents.comboboxTokens.chipBackgroundHover, _styledComponents.comboboxTokens.chipColorActive, _styledComponents.comboboxTokens.chipBackgroundActive, _styledComponents.comboboxTokens.chipBackgroundReadOnly, _styledComponents.comboboxTokens.chipColorReadOnly, _styledComponents.comboboxTokens.chipBackgroundReadOnlyHover, _styledComponents.comboboxTokens.chipColorReadOnlyHover, _styledComponents.comboboxTokens.chipOpacityReadonly, _styledComponents.comboboxTokens.disabledOpacity, _styledComponents.comboboxTokens.focusColor)
     }
   }
 };

package/components/Dropdown/Dropdown.config.js

@@ -20,7 +20,7 @@ var config = exports.config = {
       l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 17.5rem;\n                ", ": 0.875rem;\n\n                ", ": 1.0625rem;\n                ", ": 1rem;\n                ", ": 1.0625rem;\n                ", ": 1rem;\n                ", ": 0.75rem;\n                ", ": 0.8125rem;\n                ", ": 0.8125rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemPaddingTop, _styledComponents.dropdownTokens.itemPaddingRight, _styledComponents.dropdownTokens.itemPaddingBottom, _styledComponents.dropdownTokens.itemPaddingLeft, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.itemPaddingTopTight, _styledComponents.dropdownTokens.itemPaddingBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight)
     },
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n                ", ": var(--surface-accent);\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n            "])), _styledComponents.dropdownTokens.disabledOpacity, _styledComponents.dropdownTokens.focusColor, _styledComponents.dropdownTokens.background, _styledComponents.dropdownTokens.boxShadow, _styledComponents.dropdownTokens.disclosureIconColor, _styledComponents.dropdownTokens.itemBackground, _styledComponents.dropdownTokens.itemBackgroundHover, _styledComponents.dropdownTokens.itemColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n                ", ": var(--surface-accent);\n                ", ": var(--surface-solid-card-brightness);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n            "])), _styledComponents.dropdownTokens.disabledOpacity, _styledComponents.dropdownTokens.focusColor, _styledComponents.dropdownTokens.background, _styledComponents.dropdownTokens.boxShadow, _styledComponents.dropdownTokens.disclosureIconColor, _styledComponents.dropdownTokens.itemBackground, _styledComponents.dropdownTokens.itemBackgroundHover, _styledComponents.dropdownTokens.itemColor)
     }
   }
 };

package/components/Dropdown/components/DropdownOld.config.js

@@ -22,7 +22,7 @@ var config = exports.config = {
       l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ";\n\n                ", ";\n                ", ": 1.0625rem;\n                ", ": 1rem;\n                ", ": 1.0625rem;\n                ", ": 1rem;\n                ", ": 0.75rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), dropdownSizeCommon, dropdownItemSizeCommon, _styledComponents.dropdownOldTokens.itemPaddingTop, _styledComponents.dropdownOldTokens.itemPaddingRight, _styledComponents.dropdownOldTokens.itemPaddingBottom, _styledComponents.dropdownOldTokens.itemPaddingLeft, _styledComponents.dropdownOldTokens.itemBorderRadius, _styledComponents.dropdownOldTokens.itemFontFamily, _styledComponents.dropdownOldTokens.itemFontSize, _styledComponents.dropdownOldTokens.itemFontStyle, _styledComponents.dropdownOldTokens.itemFontWeightBold, _styledComponents.dropdownOldTokens.itemFontLetterSpacing, _styledComponents.dropdownOldTokens.itemFontLineHeight)
     },
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n                ", ": var(--surface-solid-card);\n                // TODO: #1131 \u0412\u0435\u0440\u043D\u0443\u0442\u044C \u0442\u043E\u043A\u0435\u043D --shadow-down-soft-s\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": inherit;\n                ", ": inherit;\n                ", ": inherit;\n                ", ": inherit;\n                ", ": var(--text-primary);\n            "])), _styledComponents.dropdownOldTokens.disabledOpacity, _styledComponents.dropdownOldTokens.background, _styledComponents.dropdownOldTokens.boxShadow, _styledComponents.dropdownOldTokens.itemBackground, _styledComponents.dropdownOldTokens.itemBackgroundHover, _styledComponents.dropdownOldTokens.itemBackgroundSelected, _styledComponents.dropdownOldTokens.itemColorSelected, _styledComponents.dropdownOldTokens.itemBackgroundSelectedHover, _styledComponents.dropdownOldTokens.itemColorSelectedHover, _styledComponents.dropdownOldTokens.itemColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n                ", ": var(--surface-solid-card-brightness);\n                // TODO: #1131 \u0412\u0435\u0440\u043D\u0443\u0442\u044C \u0442\u043E\u043A\u0435\u043D --shadow-down-soft-s\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": inherit;\n                ", ": inherit;\n                ", ": inherit;\n                ", ": inherit;\n                ", ": var(--text-primary);\n            "])), _styledComponents.dropdownOldTokens.disabledOpacity, _styledComponents.dropdownOldTokens.background, _styledComponents.dropdownOldTokens.boxShadow, _styledComponents.dropdownOldTokens.itemBackground, _styledComponents.dropdownOldTokens.itemBackgroundHover, _styledComponents.dropdownOldTokens.itemBackgroundSelected, _styledComponents.dropdownOldTokens.itemColorSelected, _styledComponents.dropdownOldTokens.itemBackgroundSelectedHover, _styledComponents.dropdownOldTokens.itemColorSelectedHover, _styledComponents.dropdownOldTokens.itemColor)
     }
   }
 };

package/components/Notification/Notification.config.js

@@ -13,7 +13,7 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-secondary);\n                ", ": var(--plasma-colors-background-primary);\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 1rem;\n\n                ", ": 0.1875rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n\n                ", ": 1.625rem;\n                ", ": 0.25rem;\n\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": 0.375rem;\n\n                ", ": 1.5rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-colors-tertiary);\n                ", ": var(--plasma-colors-primary);\n\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n            "])), _styledComponents.notificationTokens.contentColor, _styledComponents.notificationTokens.background, _styledComponents.notificationTokens.borderRadius, _styledComponents.notificationTokens.padding, _styledComponents.notificationTokens.contentPaddingTop, _styledComponents.notificationTokens.contentPaddingRight, _styledComponents.notificationTokens.contentPaddingBottom, _styledComponents.notificationTokens.contentPaddingLeft, _styledComponents.notificationTokens.contentPaddingTopWithoutIcon, _styledComponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledComponents.notificationTokens.textboxPaddingTop, _styledComponents.notificationTokens.textboxPaddingRight, _styledComponents.notificationTokens.textboxPaddingBottom, _styledComponents.notificationTokens.textboxPaddingLeft, _styledComponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledComponents.notificationTokens.textboxGap, _styledComponents.notificationTokens.closeIconTop, _styledComponents.notificationTokens.closeIconRight, _styledComponents.notificationTokens.buttonsMarginTop, _styledComponents.notificationTokens.contentLeftIconSize, _styledComponents.notificationTokens.contentLeftIconMargin, _styledComponents.notificationTokens.contentTopIconMargin, _styledComponents.notificationTokens.contentFontFamily, _styledComponents.notificationTokens.contentFontSize, _styledComponents.notificationTokens.contentFontStyle, _styledComponents.notificationTokens.contentFontWeight, _styledComponents.notificationTokens.contentFontLetterSpacing, _styledComponents.notificationTokens.contentFontLineHeight, _styledComponents.notificationTokens.titleFontFamily, _styledComponents.notificationTokens.titleFontSize, _styledComponents.notificationTokens.titleFontStyle, _styledComponents.notificationTokens.titleFontWeight, _styledComponents.notificationTokens.titleFontLetterSpacing, _styledComponents.notificationTokens.titleFontLineHeight, _styledComponents.notificationTokens.closeIconColor, _styledComponents.notificationTokens.closeIconColorOnHover, _styledComponents.notificationTokens.horizontalLayoutGap, _styledComponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledComponents.notificationTokens.paddingOneLineTextbox)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-secondary);\n                ", ": var(--surface-solid-card-brightness);\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 1rem;\n\n                ", ": 0.1875rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n\n                ", ": 1.625rem;\n                ", ": 0.25rem;\n\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": 0.375rem;\n\n                ", ": 1.5rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-colors-tertiary);\n                ", ": var(--plasma-colors-primary);\n\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n            "])), _styledComponents.notificationTokens.contentColor, _styledComponents.notificationTokens.background, _styledComponents.notificationTokens.borderRadius, _styledComponents.notificationTokens.padding, _styledComponents.notificationTokens.contentPaddingTop, _styledComponents.notificationTokens.contentPaddingRight, _styledComponents.notificationTokens.contentPaddingBottom, _styledComponents.notificationTokens.contentPaddingLeft, _styledComponents.notificationTokens.contentPaddingTopWithoutIcon, _styledComponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledComponents.notificationTokens.textboxPaddingTop, _styledComponents.notificationTokens.textboxPaddingRight, _styledComponents.notificationTokens.textboxPaddingBottom, _styledComponents.notificationTokens.textboxPaddingLeft, _styledComponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledComponents.notificationTokens.textboxGap, _styledComponents.notificationTokens.closeIconTop, _styledComponents.notificationTokens.closeIconRight, _styledComponents.notificationTokens.buttonsMarginTop, _styledComponents.notificationTokens.contentLeftIconSize, _styledComponents.notificationTokens.contentLeftIconMargin, _styledComponents.notificationTokens.contentTopIconMargin, _styledComponents.notificationTokens.contentFontFamily, _styledComponents.notificationTokens.contentFontSize, _styledComponents.notificationTokens.contentFontStyle, _styledComponents.notificationTokens.contentFontWeight, _styledComponents.notificationTokens.contentFontLetterSpacing, _styledComponents.notificationTokens.contentFontLineHeight, _styledComponents.notificationTokens.titleFontFamily, _styledComponents.notificationTokens.titleFontSize, _styledComponents.notificationTokens.titleFontStyle, _styledComponents.notificationTokens.titleFontWeight, _styledComponents.notificationTokens.titleFontLetterSpacing, _styledComponents.notificationTokens.titleFontLineHeight, _styledComponents.notificationTokens.closeIconColor, _styledComponents.notificationTokens.closeIconColorOnHover, _styledComponents.notificationTokens.horizontalLayoutGap, _styledComponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledComponents.notificationTokens.paddingOneLineTextbox)
     },
     layout: {
       horizontal: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 25rem;\n                ", ": 1rem 0.5rem 1rem 0.875rem;\n            "])), _styledComponents.notificationTokens.width, _styledComponents.notificationTokens.horizontalLayoutPadding),

package/components/Select/Select.d.ts

@@ -1,175 +1,7 @@
-/// <reference types="react" />
-declare const Select: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
-    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;
-        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        dark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        black: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        white: 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;
-    };
-}> & (({
-    target?: "textfield-like" | undefined;
-    view?: "default" | "positive" | "warning" | "negative" | undefined;
-    contentLeft?: import("react").ReactNode;
-    labelPlacement?: "outer" | "inner" | undefined;
-    placeholder?: string | undefined;
-    helperText?: string | undefined;
-} & {
-    multiselect?: false | undefined;
-    separator?: undefined;
-} & {
-    value: any;
-    onChange?: ((value: any) => void) | undefined;
-    listOverflow?: import("csstype").Property.Overflow | undefined;
-    listHeight?: import("csstype").Property.Height<string | number> | undefined;
-    status?: "warning" | "success" | "error" | undefined;
-    placeholder?: string | undefined;
-    helperText?: string | undefined;
-    disabled?: boolean | undefined;
-    items?: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
-    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-    hasItems?: boolean | undefined;
-    children?: undefined;
-    isOpen?: boolean | undefined;
-    isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
-    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
-    label?: string | undefined;
-    onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
-    variant?: "normal" | "tight" | undefined;
-    listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
-    renderItem?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-    chipView?: string | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
-    target?: "textfield-like" | undefined;
-    view?: "default" | "positive" | "warning" | "negative" | undefined;
-    contentLeft?: import("react").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?: import("csstype").Property.Overflow | undefined;
-    listHeight?: import("csstype").Property.Height<string | number> | undefined;
-    status?: "warning" | "success" | "error" | undefined;
-    placeholder?: string | undefined;
-    helperText?: string | undefined;
-    disabled?: boolean | undefined;
-    items?: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
-    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-    hasItems?: boolean | undefined;
-    children?: undefined;
-    isOpen?: boolean | undefined;
-    isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
-    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
-    label?: string | undefined;
-    onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
-    variant?: "normal" | "tight" | undefined;
-    listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
-    renderItem?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-    chipView?: string | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
-    target?: "button-like" | undefined;
-    view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "black" | "white" | "dark" | "clear" | undefined;
-    contentLeft?: undefined;
-    labelPlacement?: undefined;
-    placeholder?: undefined;
-    helperText?: undefined;
-} & {
-    multiselect?: false | undefined;
-    separator?: undefined;
-} & {
-    value: any;
-    onChange?: ((value: any) => void) | undefined;
-    listOverflow?: import("csstype").Property.Overflow | undefined;
-    listHeight?: import("csstype").Property.Height<string | number> | undefined;
-    status?: "warning" | "success" | "error" | undefined;
-    placeholder?: string | undefined;
-    helperText?: string | undefined;
-    disabled?: boolean | undefined;
-    items?: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
-    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-    hasItems?: boolean | undefined;
-    children?: undefined;
-    isOpen?: boolean | undefined;
-    isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
-    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
-    label?: string | undefined;
-    onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
-    variant?: "normal" | "tight" | undefined;
-    listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
-    renderItem?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-    chipView?: string | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
-    target?: "button-like" | undefined;
-    view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "black" | "white" | "dark" | "clear" | undefined;
-    contentLeft?: undefined;
-    labelPlacement?: undefined;
-    placeholder?: undefined;
-    helperText?: undefined;
-} & {
-    multiselect?: true | undefined;
-    separator?: string | undefined;
-} & {
-    value: any;
-    onChange?: ((value: any) => void) | undefined;
-    listOverflow?: import("csstype").Property.Overflow | undefined;
-    listHeight?: import("csstype").Property.Height<string | number> | undefined;
-    status?: "warning" | "success" | "error" | undefined;
-    placeholder?: string | undefined;
-    helperText?: string | undefined;
-    disabled?: boolean | undefined;
-    items?: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
-    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-    hasItems?: boolean | undefined;
-    children?: undefined;
-    isOpen?: boolean | undefined;
-    isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
-    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
-    label?: string | undefined;
-    onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
-    variant?: "normal" | "tight" | undefined;
-    listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
-    renderItem?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-    chipView?: string | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>))>;
-export { Select };
+import React from 'react';
+import type { SelectProps } from '@salutejs/plasma-hope';
+/**
+ * Выпадающий список для использования в формах.
+ * Поддерживает выбор одного или нескольких значений.
+ */
+export declare const Select: React.ForwardRefExoticComponent<SelectProps<any> & React.RefAttributes<HTMLButtonElement>>;

package/components/Select/Select.js

@@ -1,10 +1,27 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Select = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _Select = /*#__PURE__*/require("./Select.config");
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.selectConfig, _Select.config);
-var Select = exports.Select = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _plasmaHope = /*#__PURE__*/require("@salutejs/plasma-hope");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+// TODO: Удалить Select из hope с внедрением компонента SelectNested в new-hope
+
+var SelectBase = /*#__PURE__*/(0, _plasmaHope.Select)({
+  design: 'web'
+});
+
+/**
+ * Выпадающий список для использования в формах.
+ * Поддерживает выбор одного или нескольких значений.
+ */
+var Select = exports.Select = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return /*#__PURE__*/_react["default"].createElement(SelectBase, _extends({}, props, {
+    ref: ref
+  }));
+});