@salutejs/plasma-web 1.390.0-canary.1406.10688605172.0 → 1.390.0-canary.1417.10685487591.0

package/api/plasma-web.api.md

@@ -39,7 +39,6 @@ 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/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';
@@ -89,15 +88,15 @@ import { ColCount } from '@salutejs/plasma-new-hope/styled-components';
 import { ColOffsetProps } from '@salutejs/plasma-new-hope/styled-components';
 import { ColProps } from '@salutejs/plasma-new-hope/styled-components';
 import { ColSizeProps } from '@salutejs/plasma-new-hope/styled-components';
-import { ComboboxPrimitiveValue } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types';
-import { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope/styled-components';
+import { ComboboxPrimitiveValue } from '@salutejs/plasma-new-hope/styled-components';
+import { ComboboxProps } from '@salutejs/plasma-new-hope/styled-components';
 import { ComponentClass } from 'react';
 import { ComponentProps } from 'react';
 import { GridProps as ContainerProps } from '@salutejs/plasma-new-hope/styled-components';
 import { convertRoundnessMatrix } from '@salutejs/plasma-core';
 import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
 import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { CustomComboboxProps } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types';
+import { CustomComboboxProps } from '@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types';
 import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
 import { CustomTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/TabItem/TabItem.types';
 import { CustomTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/Tabs/Tabs.types';
@@ -945,79 +944,7 @@ export { ColProps }
 export { ColSizeProps }
 
 // @public (undocumented)
-export const Combobox: React_2.ForwardRefExoticComponent<(Omit<PropsType<    {
-view: {
-default: PolymorphicClassName;
-positive: PolymorphicClassName;
-warning: PolymorphicClassName;
-negative: PolymorphicClassName;
-};
-size: {
-l: PolymorphicClassName;
-m: PolymorphicClassName;
-s: PolymorphicClassName;
-xs: PolymorphicClassName;
-};
-labelPlacement: {
-inner: PolymorphicClassName;
-outer: PolymorphicClassName;
-};
-disabled: {
-true: PolymorphicClassName;
-};
-readOnly: {
-true: PolymorphicClassName;
-};
-}> & BasicProps & {
-    multiple?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<PropsType<    {
-view: {
-default: PolymorphicClassName;
-positive: PolymorphicClassName;
-warning: PolymorphicClassName;
-negative: PolymorphicClassName;
-};
-size: {
-l: PolymorphicClassName;
-m: PolymorphicClassName;
-s: PolymorphicClassName;
-xs: PolymorphicClassName;
-};
-labelPlacement: {
-inner: PolymorphicClassName;
-outer: PolymorphicClassName;
-};
-disabled: {
-true: PolymorphicClassName;
-};
-readOnly: {
-true: PolymorphicClassName;
-};
-}> & BasicProps & {
-    multiple: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: boolean | undefined;
-} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<PropsType<    {
-size: {
-xs: PolymorphicClassName;
-s: PolymorphicClassName;
-m: PolymorphicClassName;
-l: PolymorphicClassName;
-};
-view: {
-default: PolymorphicClassName;
-};
-}> & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
-    valueType?: "single" | undefined;
-    value?: ComboboxPrimitiveValue | undefined;
-    onChangeValue?: ((value?: ComboboxPrimitiveValue | undefined) => void) | undefined;
-} & React_2.RefAttributes<HTMLInputElement> & {
-    items?: undefined;
-}, "ref"> | Omit<PropsType<    {
+export const Combobox: FunctionComponent<PropsType<    {
 size: {
 xs: PolymorphicClassName;
 s: PolymorphicClassName;
@@ -1027,13 +954,15 @@ l: PolymorphicClassName;
 view: {
 default: PolymorphicClassName;
 };
-}> & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
-    valueType: "multiple";
-    value?: ComboboxPrimitiveValue[] | undefined;
-    onChangeValue?: ((value?: ComboboxPrimitiveValue[] | undefined) => void) | undefined;
-} & React_2.RefAttributes<HTMLInputElement> & {
-    items?: undefined;
-}, "ref">) & React_2.RefAttributes<HTMLInputElement>>;
+}> & ((Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
+valueType?: "single" | undefined;
+value?: ComboboxPrimitiveValue | undefined;
+onChangeValue?: ((value?: ComboboxPrimitiveValue | undefined) => void) | undefined;
+} & RefAttributes<HTMLInputElement>) | (Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
+valueType: "multiple";
+value?: ComboboxPrimitiveValue[] | undefined;
+onChangeValue?: ((value?: ComboboxPrimitiveValue[] | undefined) => void) | undefined;
+} & RefAttributes<HTMLInputElement>))>;
 
 // @public (undocumented)
 export const ComboboxDivider: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
@@ -1256,7 +1185,7 @@ none: PolymorphicClassName;
 default: PolymorphicClassName;
 };
 }> & PopupBaseProps & PanelProps & {
-placement?: "top" | "right" | "bottom" | "left" | undefined;
+placement?: "top" | "bottom" | "right" | "left" | undefined;
 asModal?: boolean | undefined;
 withBlur?: boolean | undefined;
 closeOnEsc?: boolean | undefined;
@@ -2172,7 +2101,7 @@ children?: undefined;
 isOpen?: boolean | undefined;
 isTargetAmount?: boolean | undefined;
 renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => ReactNode) | undefined;
-placement?: ("auto" | ("top" | "right" | "bottom" | "left")) | ("top" | "right" | "bottom" | "left")[] | 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;
@@ -2180,7 +2109,6 @@ listWidth?: Property.Width<string | number> | undefined;
 portal?: string | RefObject<HTMLElement> | undefined;
 renderValue?: ((item: MergedDropdownNode) => string) | undefined;
 renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
-closeAfterSelect?: boolean | undefined;
 size?: string | undefined;
 view?: string | undefined;
 chipView?: string | undefined;
@@ -2210,7 +2138,7 @@ children?: undefined;
 isOpen?: boolean | undefined;
 isTargetAmount?: boolean | undefined;
 renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => ReactNode) | undefined;
-placement?: ("auto" | ("top" | "right" | "bottom" | "left")) | ("top" | "right" | "bottom" | "left")[] | 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;
@@ -2218,7 +2146,6 @@ listWidth?: Property.Width<string | number> | undefined;
 portal?: string | RefObject<HTMLElement> | undefined;
 renderValue?: ((item: MergedDropdownNode) => string) | undefined;
 renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
-closeAfterSelect?: boolean | undefined;
 size?: string | undefined;
 view?: string | undefined;
 chipView?: string | undefined;
@@ -2248,7 +2175,7 @@ children?: undefined;
 isOpen?: boolean | undefined;
 isTargetAmount?: boolean | undefined;
 renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => ReactNode) | undefined;
-placement?: ("auto" | ("top" | "right" | "bottom" | "left")) | ("top" | "right" | "bottom" | "left")[] | 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;
@@ -2256,7 +2183,6 @@ listWidth?: Property.Width<string | number> | undefined;
 portal?: string | RefObject<HTMLElement> | undefined;
 renderValue?: ((item: MergedDropdownNode) => string) | undefined;
 renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
-closeAfterSelect?: boolean | undefined;
 size?: string | undefined;
 view?: string | undefined;
 chipView?: string | undefined;
@@ -2286,7 +2212,7 @@ children?: undefined;
 isOpen?: boolean | undefined;
 isTargetAmount?: boolean | undefined;
 renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => ReactNode) | undefined;
-placement?: ("auto" | ("top" | "right" | "bottom" | "left")) | ("top" | "right" | "bottom" | "left")[] | 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;
@@ -2294,7 +2220,6 @@ listWidth?: Property.Width<string | number> | undefined;
 portal?: string | RefObject<HTMLElement> | undefined;
 renderValue?: ((item: MergedDropdownNode) => string) | undefined;
 renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
-closeAfterSelect?: boolean | undefined;
 size?: string | undefined;
 view?: string | undefined;
 chipView?: string | undefined;

package/components/Combobox/Combobox.config.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    size: {
+      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": auto;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": 0.063rem;\n                ", ": 0;\n                ", ": 0.5rem;\n                ", ": 0;\n                ", ": 0.375rem;\n\n                ", ": auto;\n                ", ": 1rem;\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 1.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": auto;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.5rem;\n                ", ": 2rem;\n                ", ": 100%;\n                ", ": 0.5rem;\n                ", ": 0 2.5rem 0 0.75rem;\n                ", ": 0 2.625rem 0 0.375rem;\n                ", ": 0 2.625rem 0 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-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),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": auto;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": 0.063rem;\n                ", ": 0;\n                ", ": 0.75rem;\n                ", ": 0;\n                ", ": 0.75rem;\n\n                ", ": auto;\n                ", ": 1.5rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n                ", ": 1.75rem;\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                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": auto;\n                ", ": 1.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\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                ", ": 0.75rem;\n                ", ": 2.5rem;\n                ", ": 100%;\n                ", ": 0.625rem;\n                ", ": 0 3rem 0 1rem;\n                ", ": 0 3.125rem 0 0.375rem;\n                ", ": 0 3.125rem 0 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0.375rem;\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                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-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),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": auto;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": 0.063rem;\n                ", ": 0;\n                ", ": 0.875rem;\n                ", ": 0;\n                ", ": 0.875rem;\n\n                ", ": auto;\n                ", ": 1.5rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0.625rem;\n                ", ": 1.75rem;\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                ", ": 0.25rem;\n                ", ": 0.375rem;\n                ", ": auto;\n                ", ": 2.25rem;\n                ", ": 0.875rem;\n                ", ": 0.625rem;\n                ", ": 0.5rem;\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                ", ": 0.875rem;\n                ", ": 3rem;\n                ", ": 100%;\n                ", ": 0.75rem;\n                ", ": 0 3.25rem 0 1.25rem;\n                ", ": 0 3.375rem 0 0.375rem;\n                ", ": 0 3.375rem 0 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0.375rem;\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                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-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),
+      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-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/Combobox/{ComboboxOld/Combobox.d.ts → Combobox.d.ts}

@@ -9,14 +9,14 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & ((Omit<import("@salutejs/plasma-core").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").CustomComboboxProps & {
+}> & ((Omit<import("@salutejs/plasma-core").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types").CustomComboboxProps & {
     valueType?: "single" | undefined;
-    value?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").ComboboxPrimitiveValue | undefined;
-    onChangeValue?: ((value?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").ComboboxPrimitiveValue | undefined) => void) | undefined;
-} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("@salutejs/plasma-core").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").CustomComboboxProps & {
+    value?: import("@salutejs/plasma-new-hope/styled-components").ComboboxPrimitiveValue | undefined;
+    onChangeValue?: ((value?: import("@salutejs/plasma-new-hope/styled-components").ComboboxPrimitiveValue | undefined) => void) | undefined;
+} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("@salutejs/plasma-core").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types").CustomComboboxProps & {
     valueType: "multiple";
-    value?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").ComboboxPrimitiveValue[] | undefined;
-    onChangeValue?: ((value?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").ComboboxPrimitiveValue[] | undefined) => void) | undefined;
+    value?: import("@salutejs/plasma-new-hope/styled-components").ComboboxPrimitiveValue[] | undefined;
+    onChangeValue?: ((value?: import("@salutejs/plasma-new-hope/styled-components").ComboboxPrimitiveValue[] | undefined) => void) | undefined;
 } & import("react").RefAttributes<HTMLInputElement>))>;
 export declare const ComboboxItem: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<import("@salutejs/plasma-new-hope/types/engines/types").Variants> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onSelect"> & {
     id?: string | undefined;

package/components/Combobox/{ComboboxOld/Combobox.js → Combobox.js}

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ComboboxItem = exports.ComboboxHeader = exports.ComboboxGroup = exports.ComboboxFooter = exports.ComboboxDivider = exports.Combobox = void 0;
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
 var _Combobox = /*#__PURE__*/require("./Combobox.config");
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.comboboxOldConfig, _Combobox.config);
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.comboboxConfig, _Combobox.config);
 var Combobox = exports.Combobox = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
 var mergedItemConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.comboboxItemConfig);
 var ComboboxItem = exports.ComboboxItem = /*#__PURE__*/(0, _styledComponents.component)(mergedItemConfig);

package/components/Combobox/index.d.ts

@@ -1,93 +1,2 @@
-import React from 'react';
-export { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './ComboboxOld';
-export type { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope/styled-components';
-declare const Combobox: React.ForwardRefExoticComponent<(Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
-    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;
-    };
-    size: {
-        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    labelPlacement: {
-        inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    disabled: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    readOnly: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
-    multiple?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
-    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;
-    };
-    size: {
-        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    labelPlacement: {
-        inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    disabled: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    readOnly: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
-    multiple: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: boolean | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<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;
-    };
-}> & Omit<import("@salutejs/plasma-core").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").CustomComboboxProps & {
-    valueType?: "single" | undefined;
-    value?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").ComboboxPrimitiveValue | undefined;
-    onChangeValue?: ((value?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").ComboboxPrimitiveValue | undefined) => void) | undefined;
-} & React.RefAttributes<HTMLInputElement> & {
-    items?: undefined;
-}, "ref"> | Omit<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;
-    };
-}> & Omit<import("@salutejs/plasma-core").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").CustomComboboxProps & {
-    valueType: "multiple";
-    value?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").ComboboxPrimitiveValue[] | undefined;
-    onChangeValue?: ((value?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").ComboboxPrimitiveValue[] | undefined) => void) | undefined;
-} & React.RefAttributes<HTMLInputElement> & {
-    items?: undefined;
-}, "ref">) & React.RefAttributes<HTMLInputElement>>;
-export { Combobox };
+export { Combobox, ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Combobox';
+export type { ComboboxProps } from '@salutejs/plasma-new-hope/styled-components';

package/components/Combobox/index.js

@@ -1,53 +1,42 @@
 "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.Combobox = void 0;
+Object.defineProperty(exports, "Combobox", {
+  enumerable: true,
+  get: function get() {
+    return _Combobox.Combobox;
+  }
+});
 Object.defineProperty(exports, "ComboboxDivider", {
   enumerable: true,
   get: function get() {
-    return _ComboboxOld.ComboboxDivider;
+    return _Combobox.ComboboxDivider;
   }
 });
 Object.defineProperty(exports, "ComboboxFooter", {
   enumerable: true,
   get: function get() {
-    return _ComboboxOld.ComboboxFooter;
+    return _Combobox.ComboboxFooter;
   }
 });
 Object.defineProperty(exports, "ComboboxGroup", {
   enumerable: true,
   get: function get() {
-    return _ComboboxOld.ComboboxGroup;
+    return _Combobox.ComboboxGroup;
   }
 });
 Object.defineProperty(exports, "ComboboxHeader", {
   enumerable: true,
   get: function get() {
-    return _ComboboxOld.ComboboxHeader;
+    return _Combobox.ComboboxHeader;
   }
 });
 Object.defineProperty(exports, "ComboboxItem", {
   enumerable: true,
   get: function get() {
-    return _ComboboxOld.ComboboxItem;
+    return _Combobox.ComboboxItem;
   }
 });
-var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _ComboboxOld = /*#__PURE__*/require("./ComboboxOld");
-var _ComboboxNew = /*#__PURE__*/require("./ComboboxNew");
-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); }
-var Combobox = exports.Combobox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  if (props.items) {
-    return /*#__PURE__*/_react["default"].createElement(_ComboboxNew.Combobox, _extends({
-      ref: ref
-    }, props));
-  }
-  return /*#__PURE__*/_react["default"].createElement(_ComboboxOld.Combobox, _extends({
-    ref: ref
-  }, props));
-});
+var _Combobox = /*#__PURE__*/require("./Combobox");

package/components/Drawer/Drawer.d.ts

@@ -14,7 +14,7 @@ export declare const Drawer: import("react").FunctionComponent<import("@salutejs
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & import("@salutejs/plasma-new-hope/styled-components").PopupProps & import("@salutejs/plasma-new-hope/types/components/Panel").PanelProps & {
-    placement?: "top" | "right" | "bottom" | "left" | undefined;
+    placement?: "top" | "bottom" | "right" | "left" | undefined;
     asModal?: boolean | undefined;
     withBlur?: boolean | undefined;
     closeOnEsc?: boolean | undefined;

package/components/Select/Select.d.ts

@@ -49,7 +49,7 @@ declare const Select: import("react").FunctionComponent<import("@salutejs/plasma
     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" | "right" | "bottom" | "left")) | ("top" | "right" | "bottom" | "left")[] | 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;
@@ -57,7 +57,6 @@ declare const Select: import("react").FunctionComponent<import("@salutejs/plasma
     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;
-    closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
     chipView?: string | undefined;
@@ -87,7 +86,7 @@ declare const Select: import("react").FunctionComponent<import("@salutejs/plasma
     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" | "right" | "bottom" | "left")) | ("top" | "right" | "bottom" | "left")[] | 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;
@@ -95,7 +94,6 @@ declare const Select: import("react").FunctionComponent<import("@salutejs/plasma
     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;
-    closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
     chipView?: string | undefined;
@@ -125,7 +123,7 @@ declare const Select: import("react").FunctionComponent<import("@salutejs/plasma
     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" | "right" | "bottom" | "left")) | ("top" | "right" | "bottom" | "left")[] | 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;
@@ -133,7 +131,6 @@ declare const Select: import("react").FunctionComponent<import("@salutejs/plasma
     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;
-    closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
     chipView?: string | undefined;
@@ -163,7 +160,7 @@ declare const Select: import("react").FunctionComponent<import("@salutejs/plasma
     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" | "right" | "bottom" | "left")) | ("top" | "right" | "bottom" | "left")[] | 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;
@@ -171,7 +168,6 @@ declare const Select: import("react").FunctionComponent<import("@salutejs/plasma
     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;
-    closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
     chipView?: string | undefined;

package/css/cjs/components/Combobox/{ComboboxOld/Combobox.config.js → Combobox.config.js}

@@ -1,4 +1,4 @@
-import './Combobox.config_w36spd.css';
+import './Combobox.config_1xa4b1s.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -10,13 +10,13 @@ var config = {
   },
   variations: {
     size: {
-      xs: "x46pgad",
-      s: "s1mq5iwv",
-      m: "m1b6fvk2",
-      l: "lwop2ev"
+      xs: "x1scuc1k",
+      s: "s953oeh",
+      m: "mcllkda",
+      l: "l1ioh6mq"
     },
     view: {
-      "default": "dappaew"
+      "default": "d1jkqh6u"
     }
   }
 };