@salutejs/plasma-web 1.368.1-canary.1362.10423909326.0 → 1.369.0-canary.1349.10433909980.0

package/css/index.d.ts

@@ -36,7 +36,7 @@ export * from '../components/Radiobox';
 export * from '../components/Range';
 export * from '../components/SSRProvider';
 export * from '../components/Segment';
-export * from '../components/SelectNew';
+export * from '../components/Select';
 export * from '../components/Sheet';
 export * from '../components/Skeleton';
 export * from '../components/Slider';
@@ -86,7 +86,7 @@ export * from '../components/Radiobox';
 export * from '../components/Range';
 export * from '../components/SSRProvider';
 export * from '../components/Segment';
-export * from '../components/SelectNew';
+export * from '../components/Select';
 export * from '../components/Sheet';
 export * from '../components/Skeleton';
 export * from '../components/Slider';

package/es/components/Select/Select.js

@@ -1,18 +1,5 @@
-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); }
-import React, { forwardRef } from 'react';
-import { Select as SelectHope } from '@salutejs/plasma-hope';
-// TODO: Удалить Select из hope с внедрением компонента SelectNested в new-hope
-
-var SelectBase = /*#__PURE__*/SelectHope({
-  design: 'web'
-});
-
-/**
- * Выпадающий список для использования в формах.
- * Поддерживает выбор одного или нескольких значений.
- */
-export var Select = /*#__PURE__*/forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(SelectBase, _extends({}, props, {
-    ref: ref
-  }));
-});
+import { selectConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config } from './Select.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(selectConfig, config);
+var Select = /*#__PURE__*/component(mergedConfig);
+export { Select };

package/es/components/Select/Select.perftest.js

@@ -1,61 +1,29 @@
 var _Select, _Select2;
-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); }
 import React from 'react';
 import { Select } from '.';
 var items = [{
-  value: 'each',
-  label: 'Каждый'
+  value: 'north_america',
+  label: 'Северная Америка'
 }, {
-  value: 'hunter',
-  label: 'Охотник',
-  isDisabled: true
-}, {
-  value: 'wants',
-  label: 'Желает'
-}, {
-  value: 'toKnow',
-  label: 'Знать'
-}, {
-  value: 'where',
-  label: 'Где'
-}, {
-  value: 'is',
-  label: 'Сидит'
-}, {
-  value: 'thePheasant',
-  label: 'Фазан'
-}, {
-  value: 'fullText',
-  label: 'Каждый охотник желает знать, где сидит фазан'
+  value: 'south_america',
+  label: 'Южная Америка',
+  items: [{
+    value: 'brazil',
+    label: 'Бразилия'
+  }, {
+    value: 'argentina',
+    label: 'Аргентина'
+  }]
 }];
-var defaultProps = {
-  id: 'example-select',
-  multiselect: false,
-  placeholder: 'Выберите пример',
-  helperText: 'Заполните пример',
-  status: '',
-  disabled: false,
-  listHeight: ''
-};
-var func = function func() {};
-var itemsEmpty = [];
 export var Default = function Default() {
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, _extends({
-    value: "test",
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _Select || (_Select = /*#__PURE__*/React.createElement(Select, {
     items: items,
-    onChange: func,
-    onFocus: func,
-    onBlur: func
-  }, defaultProps)), _Select || (_Select = /*#__PURE__*/React.createElement(Select, {
-    id: "example-empty-select",
-    value: null,
-    items: itemsEmpty,
-    placeholder: "\u041F\u0443\u0441\u0442\u043E\u0439 \u0441\u043F\u0438\u0441\u043E\u043A"
+    label: "Label",
+    placeholder: "Placeholder"
   })), _Select2 || (_Select2 = /*#__PURE__*/React.createElement(Select, {
-    id: "example-disabled-select",
-    value: null,
+    multiselect: true,
     items: items,
-    placeholder: "\u0417\u0430\u0434\u0438\u0437\u0435\u0439\u0431\u043B\u0435\u043D\u043D\u044B\u0439 \u0441\u043F\u0438\u0441\u043E\u043A",
-    disabled: true
+    label: "Label",
+    placeholder: "Placeholder"
   })));
 };

package/es/components/Tabs/TabsController.js

@@ -3,6 +3,9 @@ import { Tabs } from './Tabs';
 import { TabItem } from './TabItem';
 
 /**
+ * @deprecated
+ * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange
+ *
  * Контроллер вкладок.
  * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.
  */

package/es/index.js

@@ -39,7 +39,6 @@ export * from './components/Radiobox';
 export * from './components/Range';
 export * from './components/Segment';
 export * from './components/Select';
-export * from './components/SelectNew';
 export * from './components/Sheet';
 export * from './components/Skeleton';
 export * from './components/Spinner';

package/index.d.ts

@@ -39,7 +39,6 @@ export * from './components/Radiobox';
 export * from './components/Range';
 export * from './components/Segment';
 export * from './components/Select';
-export * from './components/SelectNew';
 export * from './components/Sheet';
 export * from './components/Skeleton';
 export * from './components/Spinner';

package/index.js

@@ -454,17 +454,6 @@ Object.keys(_Select).forEach(function (key) {
     }
   });
 });
-var _SelectNew = /*#__PURE__*/require("./components/SelectNew");
-Object.keys(_SelectNew).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _SelectNew[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _SelectNew[key];
-    }
-  });
-});
 var _Sheet = /*#__PURE__*/require("./components/Sheet");
 Object.keys(_Sheet).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-web",
-  "version": "1.368.1-canary.1362.10423909326.0",
+  "version": "1.369.0-canary.1349.10433909980.0",
   "description": "Salute Design System / React UI kit for web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@salutejs/plasma-core": "1.167.0-dev.0",
     "@salutejs/plasma-hope": "1.293.0-dev.0",
-    "@salutejs/plasma-new-hope": "0.122.1-canary.1362.10423909326.0",
+    "@salutejs/plasma-new-hope": "0.123.0-canary.1349.10433909980.0",
     "@salutejs/plasma-themes": "0.14.0-dev.0",
     "@salutejs/plasma-tokens-b2b": "1.41.0",
     "@salutejs/plasma-tokens-b2c": "0.51.0",
@@ -111,5 +111,5 @@
     "Fanil Zubairov"
   ],
   "sideEffects": false,
-  "gitHead": "8477306512ab8ff186435c43cbdc49a7bb5d01c2"
+  "gitHead": "e2ef49157cb40cada77fbcadac36ee7f8f1df724"
 }

package/temp/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/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';
@@ -99,8 +98,6 @@ 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/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';
 import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
 import { DateInfo } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
 import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
@@ -159,6 +156,7 @@ 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';
@@ -201,6 +199,7 @@ 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';
@@ -230,7 +229,8 @@ 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 { SelectProps } from '@salutejs/plasma-hope';
+import { MergedSelectProps as SelectProps } from '@salutejs/plasma-new-hope/styled-components';
+import { SelectProps as SelectPropsHope } from '@salutejs/plasma-hope';
 import { selectText } from '@salutejs/plasma-hope';
 import { setRef } from '@salutejs/plasma-core';
 import { shadows } from '@salutejs/plasma-core';
@@ -259,6 +259,7 @@ 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';
@@ -285,6 +286,7 @@ 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';
@@ -2044,13 +2046,8 @@ export { SegmentProvider }
 
 export { SegmentProviderProps }
 
-// @public
-export const Select: React_2.ForwardRefExoticComponent<SelectProps<any> & React_2.RefAttributes<HTMLButtonElement>>;
-
-export { SelectGroup }
-
-// @public
-export const SelectNew: FunctionComponent<PropsType<    {
+// @public (undocumented)
+export const Select: FunctionComponent<PropsType<    {
 size: {
 xs: PolymorphicClassName;
 s: PolymorphicClassName;
@@ -2074,62 +2071,162 @@ default: PolymorphicClassName;
 secondary: PolymorphicClassName;
 accent: PolymorphicClassName;
 };
-}> & ((BasicProps & {
+}> & (({
+target?: "textfield-like" | undefined;
+view?: "default" | "positive" | "warning" | "negative" | undefined;
+contentLeft?: ReactNode;
+labelPlacement?: "outer" | "inner" | undefined;
+placeholder?: string | undefined;
+helperText?: string | undefined;
+} & {
 multiselect?: false | undefined;
-value?: string | undefined;
-onChange?: ((value: string) => void) | undefined;
-isTargetAmount?: false | undefined;
-renderTarget?: ((value: string) => ReactNode) | undefined;
+separator?: undefined;
 } & {
+value: any;
+onChange?: ((value: any) => void) | undefined;
+listOverflow?: Property.Overflow | undefined;
+listHeight?: Property.Height<string | number> | undefined;
+status?: "warning" | "success" | "error" | undefined;
+placeholder?: string | undefined;
+helperText?: string | undefined;
+disabled?: boolean | undefined;
+items?: MergedDropdownNode[] | undefined;
+onItemSelect?: ((e: MergedDropdownNode, event: 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;
 } & {
-target?: "textfield-like" | undefined;
-view?: "default" | "positive" | "warning" | "negative" | undefined;
-contentLeft?: ReactNode;
-labelPlacement?: "outer" | "inner" | undefined;
+multiselect?: false | undefined;
+separator?: undefined;
+} & {
+value: any;
+onChange?: ((value: any) => void) | undefined;
+listOverflow?: Property.Overflow | undefined;
+listHeight?: Property.Height<string | number> | undefined;
+status?: "warning" | "success" | "error" | undefined;
 placeholder?: string | undefined;
 helperText?: string | undefined;
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>) | (BasicProps & {
-multiselect: true;
-value?: string[] | undefined;
-onChange?: ((value: string[]) => void) | 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?: ((value: string[]) => ReactNode) | 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;
+} & {
+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 }
@@ -2232,18 +2329,42 @@ export type SwitchProps = ComponentProps<typeof SwitchComponent>;
 export { syntheticFocus }
 
 // @public
-export const TabItem: ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & AsProps_2<any> & CustomTabItemProps & RefAttributes<HTMLDivElement>>;
+export const TabItem: ForwardRefExoticComponent<AsProps<any> & ButtonHTMLAttributes<HTMLButtonElement> & {
+    isActive?: boolean | undefined;
+    selected?: boolean | undefined;
+    disabled?: boolean | undefined;
+    pilled?: boolean | undefined;
+    animated?: boolean | undefined;
+    contentLeft?: ReactNode;
+    contentRight?: ReactNode;
+    onIndexChange?: ((index: number) => void) | undefined;
+    itemIndex?: number | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & RefAttributes<HTMLDivElement>>;
 
 export { TabItemProps }
 
 export { TabItemRefs }
 
 // @public
-export const Tabs: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & AsProps_2<any> & CustomTabsProps & RefAttributes<HTMLDivElement>>;
+export const Tabs: ForwardRefExoticComponent<AsProps_2<any> & HTMLAttributes<HTMLDivElement> & {
+    clip?: "scroll" | "showAll" | undefined;
+    disabled?: boolean | undefined;
+    stretch?: boolean | undefined;
+    pilled?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    index?: number | undefined;
+    outsideScroll?: boolean | {
+        left?: string | undefined;
+        right?: string | undefined;
+    } | undefined;
+} & RefAttributes<HTMLDivElement>>;
 
 export { TabsContext }
 
-// @public
+// @public @deprecated (undocumented)
 export const TabsController: ForwardRefExoticComponent<TabsControllerProps & RefAttributes<HTMLDivElement>>;
 
 export { TabsControllerProps }

package/components/SelectNew/Select.d.ts

@@ -1,79 +0,0 @@
-/// <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;
-    };
-}> & ((import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
-    multiselect?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-    renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
-} & {
-    target?: "textfield-like" | undefined;
-    view?: "default" | "positive" | "warning" | "negative" | undefined;
-    contentLeft?: import("react").ReactNode;
-    labelPlacement?: "outer" | "inner" | undefined;
-    placeholder?: string | undefined;
-    helperText?: string | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
-    multiselect?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-    renderTarget?: ((value: string) => import("react").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;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
-    multiselect: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: boolean | undefined;
-    renderTarget?: ((value: string[]) => import("react").ReactNode) | undefined;
-} & {
-    target?: "textfield-like" | undefined;
-    view?: "default" | "positive" | "warning" | "negative" | undefined;
-    contentLeft?: import("react").ReactNode;
-    labelPlacement?: "outer" | "inner" | undefined;
-    placeholder?: string | undefined;
-    helperText?: string | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
-    multiselect: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: boolean | undefined;
-    renderTarget?: ((value: string[]) => import("react").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;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>))>;
-export { Select };

package/components/SelectNew/Select.js

@@ -1,10 +0,0 @@
-"use strict";
-
-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);