@alfalab/core-components 44.7.2 → 45.1.0

package/select/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css

@@ -1,5 +1,5 @@
-/* hash: 1wpat */
-:root {
+/* hash: 1fjf1 */
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .select__footer_1bjm6 {
+} .select__footer_ljrjh {
     background-color: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
-} .select__footer_1bjm6 > * + * {
+} .select__footer_ljrjh > * + * {
         margin-left: var(--gap-xs);
     }

package/select/modern/presets/useSelectWithApply/options-list-with-apply/header/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Checkbox } from '../../../../../../checkbox/modern';
 
-const styles = {"desktop":"select__desktop_1g9s3","mobile":"select__mobile_1g9s3"};
+const styles = {"desktop":"select__desktop_6olt8","mobile":"select__mobile_6olt8"};
 require('./index.css');
 
 const Header = ({ onChange, checked, indeterminate, mobile }) => (React.createElement("div", { className: cn({ [styles.desktop]: !mobile, [styles.mobile]: mobile }) },

package/select/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css

@@ -1,5 +1,5 @@
-/* hash: 1j1fm */
-:root {
+/* hash: 6vztc */
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -16,8 +16,8 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .select__desktop_1g9s3 {
+} .select__desktop_6olt8 {
     padding: var(--gap-s);
-} .select__mobile_1g9s3 {
+} .select__mobile_6olt8 {
     padding: var(--gap-s) var(--gap-xs);
 }

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../hook-4d957588";
+export * from "../../../hook-b65cd01d";

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-4d957588.js';
+export { O as OptionsListWithApply } from '../../../hook-b65cd01d.js';
 import 'react';
 import '../../../utils.js';
 import '../../../../../shared/modern';

package/select/modern/presets/useSelectWithLoading/hook.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { Skeleton } from '../../../../skeleton/modern';
 import { Option } from '../../components/option/Component.js';
 import 'classnames';
+import '../../consts.js';
 import '../../components/checkmark/Component.js';
 import '../../../../badge/modern';
 import '../../../../checkbox/modern';
@@ -9,7 +10,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../components/checkmark-mobile/Component.js';
 
-const styles = {"skeleton":"select__skeleton_y8y4e"};
+const styles = {"skeleton":"select__skeleton_hgofm"};
 require('./index.css');
 
 function useSelectWithLoading({ loading = false, visibleOptions = 6, Option: Option$1 = Option, }) {

package/select/modern/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 8o3xc */
-.select__skeleton_y8y4e {
+/* hash: 16t8o */
+.select__skeleton_hgofm {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/modern/shared/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-4d957588.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-b65cd01d.js';
 export { defaultAccessor, defaultFilterFn, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
 export { Option } from '../components/option/Component.js';
 export { BaseOption } from '../components/base-option/Component.js';
@@ -15,6 +15,7 @@ export { Search } from '../components/search/Component.js';
 import 'react';
 import '../../../skeleton/modern';
 import 'classnames';
+import '../consts.js';
 import '../components/checkmark/Component.js';
 import '../../../badge/modern';
 import '../../../checkbox/modern';
@@ -22,7 +23,6 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark-mobile/Component.js';
 import 'intersection-observer';
-import '../consts.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';
 import '../../../shared/modern';

package/select/modern/typings.d.ts

@@ -107,12 +107,14 @@ type BaseSelectProps = {
     multiple?: boolean;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Размер пунктов меню
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    optionsSize?: 's' | 'm' | 'l' | 'xl';
+    optionsSize?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Растягивает компонент на ширину контейнера
      */
@@ -377,8 +379,9 @@ type OptionsListProps = {
     scrollbarClassName?: string;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Компонент пункта меню
      */
@@ -480,8 +483,9 @@ type OptgroupProps = {
     className?: string;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Заголовок группы
      */
@@ -498,8 +502,9 @@ type OptionProps = {
     className?: string;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Контент пункта меню
      */

package/select/presets/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-2bf6e5a4.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-7575b61c.js');
 
 
 

package/select/presets/useSelectWithApply/hook.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-2bf6e5a4.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-7575b61c.js');
 
 
 

package/select/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('../../../components/options-list/Component.js');
 require('../../../consts.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-2bf6e5a4.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-7575b61c.js');
 require('./footer/Component.js');
 require('./header/Component.js');
 

package/select/presets/useSelectWithApply/options-list-with-apply/footer/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"footer":"select__footer_1bjm6"};
+var styles = {"footer":"select__footer_ljrjh"};
 require('./index.css');
 
 var Footer = function (_a) {
@@ -16,8 +16,8 @@ var Footer = function (_a) {
     return (React__default.default.createElement("div", { 
         // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
         tabIndex: 0, className: styles.footer },
-        React__default.default.createElement(desktop.ButtonDesktop, { size: 'xxs', view: 'primary', onClick: handleApply, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'apply') }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C"),
-        showClear && selectedDraft.length > 0 && (React__default.default.createElement(desktop.ButtonDesktop, { size: 'xxs', view: 'secondary', onClick: handleClear, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'clear') }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"))));
+        React__default.default.createElement(desktop.ButtonDesktop, { size: 32, view: 'primary', onClick: handleApply, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'apply') }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C"),
+        showClear && selectedDraft.length > 0 && (React__default.default.createElement(desktop.ButtonDesktop, { size: 32, view: 'secondary', onClick: handleClear, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'clear') }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"))));
 };
 
 exports.Footer = Footer;

package/select/presets/useSelectWithApply/options-list-with-apply/footer/index.css

@@ -1,5 +1,5 @@
-/* hash: 1wpat */
-:root {
+/* hash: 1fjf1 */
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .select__footer_1bjm6 {
+} .select__footer_ljrjh {
     background-color: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
-} .select__footer_1bjm6 > * + * {
+} .select__footer_ljrjh > * + * {
         margin-left: var(--gap-xs);
     }

package/select/presets/useSelectWithApply/options-list-with-apply/header/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"desktop":"select__desktop_1g9s3","mobile":"select__mobile_1g9s3"};
+var styles = {"desktop":"select__desktop_6olt8","mobile":"select__mobile_6olt8"};
 require('./index.css');
 
 var Header = function (_a) {

package/select/presets/useSelectWithApply/options-list-with-apply/header/index.css

@@ -1,5 +1,5 @@
-/* hash: 1j1fm */
-:root {
+/* hash: 6vztc */
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -16,8 +16,8 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .select__desktop_1g9s3 {
+} .select__desktop_6olt8 {
     padding: var(--gap-s);
-} .select__mobile_1g9s3 {
+} .select__mobile_6olt8 {
     padding: var(--gap-s) var(--gap-xs);
 }

package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../hook-2bf6e5a4";
+export * from "../../../hook-7575b61c";

package/select/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-2bf6e5a4.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-7575b61c.js');
 
 
 

package/select/presets/useSelectWithLoading/hook.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"skeleton":"select__skeleton_y8y4e"};
+var styles = {"skeleton":"select__skeleton_hgofm"};
 require('./index.css');
 
 function useSelectWithLoading(_a) {

package/select/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 8o3xc */
-.select__skeleton_y8y4e {
+/* hash: 16t8o */
+.select__skeleton_hgofm {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/shared/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('../presets/useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('../presets/useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-2bf6e5a4.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-7575b61c.js');
 var utils = require('../utils.js');
 var components_option_Component = require('../components/option/Component.js');
 var components_baseOption_Component = require('../components/base-option/Component.js');

package/select/typings.d.ts

@@ -107,12 +107,14 @@ type BaseSelectProps = {
     multiple?: boolean;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Размер пунктов меню
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    optionsSize?: 's' | 'm' | 'l' | 'xl';
+    optionsSize?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Растягивает компонент на ширину контейнера
      */
@@ -377,8 +379,9 @@ type OptionsListProps = {
     scrollbarClassName?: string;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Компонент пункта меню
      */
@@ -480,8 +483,9 @@ type OptgroupProps = {
     className?: string;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Заголовок группы
      */
@@ -498,8 +502,9 @@ type OptionProps = {
     className?: string;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Контент пункта меню
      */

package/select-with-tags/components/base-select-with-tags/Component.js

@@ -13,7 +13,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 
 var BaseSelectWithTags = React.forwardRef(function (_a, ref) {
-    var _b = _a.OptionsList, OptionsList = _b === void 0 ? shared.OptionsList : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? shared.Optgroup : _c, _d = _a.Option, Option = _d === void 0 ? shared.Option : _d, _e = _a.Arrow, Arrow = _e === void 0 ? shared.Arrow : _e, value = _a.value, selectedProp = _a.selected, _f = _a.size, size = _f === void 0 ? 'xl' : _f, onOpen = _a.onOpen, onInput = _a.onInput, onChange = _a.onChange, options = _a.options, _g = _a.autocomplete, autocomplete = _g === void 0 ? true : _g, match = _a.match, _h = _a.allowUnselect, allowUnselect = _h === void 0 ? true : _h, _j = _a.collapseTagList, collapseTagList = _j === void 0 ? false : _j, _k = _a.moveInputToNewLine, moveInputToNewLine = _k === void 0 ? true : _k, transformCollapsedTagText = _a.transformCollapsedTagText, transformTagText = _a.transformTagText, Tag = _a.Tag, view = _a.view, FormControlComponent = _a.FormControlComponent, dataTestId = _a.dataTestId, openProp = _a.open, searchProps = _a.searchProps, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "Arrow", "value", "selected", "size", "onOpen", "onInput", "onChange", "options", "autocomplete", "match", "allowUnselect", "collapseTagList", "moveInputToNewLine", "transformCollapsedTagText", "transformTagText", "Tag", "view", "FormControlComponent", "dataTestId", "open", "searchProps"]);
+    var _b = _a.OptionsList, OptionsList = _b === void 0 ? shared.OptionsList : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? shared.Optgroup : _c, _d = _a.Option, Option = _d === void 0 ? shared.Option : _d, _e = _a.Arrow, Arrow = _e === void 0 ? shared.Arrow : _e, value = _a.value, selectedProp = _a.selected, _f = _a.size, size = _f === void 0 ? 72 : _f, onOpen = _a.onOpen, onInput = _a.onInput, onChange = _a.onChange, options = _a.options, _g = _a.autocomplete, autocomplete = _g === void 0 ? true : _g, match = _a.match, _h = _a.allowUnselect, allowUnselect = _h === void 0 ? true : _h, _j = _a.collapseTagList, collapseTagList = _j === void 0 ? false : _j, _k = _a.moveInputToNewLine, moveInputToNewLine = _k === void 0 ? true : _k, transformCollapsedTagText = _a.transformCollapsedTagText, transformTagText = _a.transformTagText, Tag = _a.Tag, view = _a.view, FormControlComponent = _a.FormControlComponent, dataTestId = _a.dataTestId, openProp = _a.open, searchProps = _a.searchProps, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "Arrow", "value", "selected", "size", "onOpen", "onInput", "onChange", "options", "autocomplete", "match", "allowUnselect", "collapseTagList", "moveInputToNewLine", "transformCollapsedTagText", "transformTagText", "Tag", "view", "FormControlComponent", "dataTestId", "open", "searchProps"]);
     var controlled = Boolean(selectedProp);
     var _l = React.useState(selectedProp || []), selectedTags = _l[0], setSelectedTags = _l[1];
     var _m = React.useState(false), open = _m[0], setOpen = _m[1];

package/select-with-tags/components/tag/component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"tag":"select-with-tags__tag_18l65","tagNoClose":"select-with-tags__tagNoClose_18l65","tagContentWrap":"select-with-tags__tagContentWrap_18l65","cursorPointer":"select-with-tags__cursorPointer_18l65","tagCross":"select-with-tags__tagCross_18l65"};
+var styles = {"tag":"select-with-tags__tag_ivcig","tagNoClose":"select-with-tags__tagNoClose_ivcig","tagContentWrap":"select-with-tags__tagContentWrap_ivcig","cursorPointer":"select-with-tags__cursorPointer_ivcig","tagCross":"select-with-tags__tagCross_ivcig"};
 require('./index.css');
 
 var Tag = function (_a) {
@@ -22,7 +22,7 @@ var Tag = function (_a) {
             handleDeleteTag(key);
         }
     }, [handleDeleteTag, key]);
-    return (React__default.default.createElement(desktop.TagDesktop, tslib.__assign({ key: key, size: 'xxs', shape: 'rectangular', onClick: onClick, checked: checked, className: cn__default.default(styles.tag, (_b = {}, _b[styles.tagNoClose] = !handleDeleteTag, _b)), disabled: disabled }, props),
+    return (React__default.default.createElement(desktop.TagDesktop, tslib.__assign({ key: key, size: 32, shape: 'rectangular', onClick: onClick, checked: checked, className: cn__default.default(styles.tag, (_b = {}, _b[styles.tagNoClose] = !handleDeleteTag, _b)), disabled: disabled }, props),
         React__default.default.createElement("span", { className: cn__default.default(styles.tagContentWrap, (_c = {}, _c[styles.cursorPointer] = !disabled, _c)) },
             content,
             handleDeleteTag && (

package/select-with-tags/components/tag/index.css

@@ -1,5 +1,5 @@
-/* hash: 1sh8h */
-:root {
+/* hash: 13lx0 */
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-secondary: #0e0e0e;
     --color-light-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55);
@@ -49,40 +49,40 @@
     /* mobile */
 
     /* mobile inverted */
-} .select-with-tags__tag_18l65 {
+} .select-with-tags__tag_ivcig {
     padding: 0 0 0 var(--gap-xs);
     margin: var(--gap-3xs);
     cursor: default
-} .select-with-tags__tag_18l65:not(.select-with-tags__tagNoClose_18l65):active:not(:disabled) {
+} .select-with-tags__tag_ivcig:not(.select-with-tags__tagNoClose_ivcig):active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_18l65:not(.select-with-tags__tagNoClose_18l65):hover:not(:disabled):not(:active) {
+    } .select-with-tags__tag_ivcig:not(.select-with-tags__tagNoClose_ivcig):hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_18l65 > span {
+    } .select-with-tags__tag_ivcig > span {
         width: 100%;
         height: 100%;
-    } .select-with-tags__tag_18l65.select-with-tags__tag_18l65 {
+    } .select-with-tags__tag_ivcig.select-with-tags__tag_ivcig {
     min-width: unset;
-} .select-with-tags__tagNoClose_18l65 {
+} .select-with-tags__tagNoClose_ivcig {
     padding-right: var(--gap-xs);
     padding-left: var(--gap-xs);
-} .select-with-tags__tagContentWrap_18l65 {
+} .select-with-tags__tagContentWrap_ivcig {
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 100%;
-} .select-with-tags__cursorPointer_18l65 {
+} .select-with-tags__cursorPointer_ivcig {
     cursor: pointer;
-} .select-with-tags__tagCross_18l65 {
+} .select-with-tags__tagCross_ivcig {
     padding: 0 6px;
     height: 100%
-} .select-with-tags__tagCross_18l65 > svg {
+} .select-with-tags__tagCross_ivcig > svg {
         fill: var(--color-light-neutral-translucent-700-inverted);
-    } .select-with-tags__tagCross_18l65:hover > svg {
+    } .select-with-tags__tagCross_ivcig:hover > svg {
         fill: var(--color-light-neutral-translucent-700-inverted-hover);
-    } .select-with-tags__tagCross_18l65:active > svg {
+    } .select-with-tags__tagCross_ivcig:active > svg {
         fill: var(--color-light-neutral-translucent-700-inverted-press);
-    } .select-with-tags__tagCross_18l65 svg {
+    } .select-with-tags__tagCross_ivcig svg {
         height: 100%;
     }

package/select-with-tags/components/tag-list/component.js

@@ -14,12 +14,22 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"select-with-tags__component_19azb","xl":"select-with-tags__xl_19azb","contentWrapper":"select-with-tags__contentWrapper_19azb","placeholder":"select-with-tags__placeholder_19azb","input":"select-with-tags__input_19azb","l":"select-with-tags__l_19azb","m":"select-with-tags__m_19azb","s":"select-with-tags__s_19azb","hasInnerLabel":"select-with-tags__hasInnerLabel_19azb","hasTags":"select-with-tags__hasTags_19azb","addons":"select-with-tags__addons_19azb","field":"select-with-tags__field_19azb","disabled":"select-with-tags__disabled_19azb","hidden":"select-with-tags__hidden_19azb","block":"select-with-tags__block_19azb","focusVisible":"select-with-tags__focusVisible_19azb","addons-size-m":"select-with-tags__addons-size-m_19azb","addons-size-l":"select-with-tags__addons-size-l_19azb","addons-size-xl":"select-with-tags__addons-size-xl_19azb","label":"select-with-tags__label_19azb"};
+var styles = {"component":"select-with-tags__component_13d1o","size-72":"select-with-tags__size-72_13d1o","contentWrapper":"select-with-tags__contentWrapper_13d1o","placeholder":"select-with-tags__placeholder_13d1o","input":"select-with-tags__input_13d1o","size-64":"select-with-tags__size-64_13d1o","size-56":"select-with-tags__size-56_13d1o","size-48":"select-with-tags__size-48_13d1o","hasInnerLabel":"select-with-tags__hasInnerLabel_13d1o","hasTags":"select-with-tags__hasTags_13d1o","addons":"select-with-tags__addons_13d1o","field":"select-with-tags__field_13d1o","disabled":"select-with-tags__disabled_13d1o","hidden":"select-with-tags__hidden_13d1o","block":"select-with-tags__block_13d1o","focusVisible":"select-with-tags__focusVisible_13d1o","addons-size-56":"select-with-tags__addons-size-56_13d1o","addons-size-64":"select-with-tags__addons-size-64_13d1o","addons-size-72":"select-with-tags__addons-size-72_13d1o","label":"select-with-tags__label_13d1o"};
 require('./index.css');
 
+var SIZE_TO_CLASSNAME_MAP = {
+    s: 'size-48',
+    m: 'size-56',
+    l: 'size-64',
+    xl: 'size-72',
+    48: 'size-48',
+    56: 'size-56',
+    64: 'size-64',
+    72: 'size-72',
+};
 var TagList = function (_a) {
     var _b, _c, _d;
-    var _e = _a.size, size = _e === void 0 ? 'xl' : _e, open = _a.open, disabled = _a.disabled, placeholder = _a.placeholder, _f = _a.selectedMultiple, selectedMultiple = _f === void 0 ? [] : _f, Arrow = _a.Arrow, innerProps = _a.innerProps, className = _a.className, fieldClassName = _a.fieldClassName, _g = _a.value, value = _g === void 0 ? '' : _g, autocomplete = _a.autocomplete, label = _a.label; _a.valueRenderer; var onInput = _a.onInput, handleDeleteTag = _a.handleDeleteTag, collapseTagList = _a.collapseTagList, moveInputToNewLine = _a.moveInputToNewLine, transformCollapsedTagText = _a.transformCollapsedTagText, transformTagText = _a.transformTagText, isOpen = _a.isOpen, handleUpdatePopover = _a.handleUpdatePopover, _h = _a.Tag, Tag = _h === void 0 ? components_tag_component.Tag : _h; _a.setSelectedItems; _a.toggleMenu; var labelView = _a.labelView, _j = _a.inputRef, inputRefProp = _j === void 0 ? null : _j, FormControlComponent = _a.FormControlComponent, restProps = tslib.__rest(_a, ["size", "open", "disabled", "placeholder", "selectedMultiple", "Arrow", "innerProps", "className", "fieldClassName", "value", "autocomplete", "label", "valueRenderer", "onInput", "handleDeleteTag", "collapseTagList", "moveInputToNewLine", "transformCollapsedTagText", "transformTagText", "isOpen", "handleUpdatePopover", "Tag", "setSelectedItems", "toggleMenu", "labelView", "inputRef", "FormControlComponent"]);
+    var _e = _a.size, size = _e === void 0 ? 72 : _e, open = _a.open, disabled = _a.disabled, placeholder = _a.placeholder, _f = _a.selectedMultiple, selectedMultiple = _f === void 0 ? [] : _f, Arrow = _a.Arrow, innerProps = _a.innerProps, className = _a.className, fieldClassName = _a.fieldClassName, _g = _a.value, value = _g === void 0 ? '' : _g, autocomplete = _a.autocomplete, label = _a.label; _a.valueRenderer; var onInput = _a.onInput, handleDeleteTag = _a.handleDeleteTag, collapseTagList = _a.collapseTagList, moveInputToNewLine = _a.moveInputToNewLine, transformCollapsedTagText = _a.transformCollapsedTagText, transformTagText = _a.transformTagText, isOpen = _a.isOpen, handleUpdatePopover = _a.handleUpdatePopover, _h = _a.Tag, Tag = _h === void 0 ? components_tag_component.Tag : _h; _a.setSelectedItems; _a.toggleMenu; var labelView = _a.labelView, _j = _a.inputRef, inputRefProp = _j === void 0 ? null : _j, FormControlComponent = _a.FormControlComponent, restProps = tslib.__rest(_a, ["size", "open", "disabled", "placeholder", "selectedMultiple", "Arrow", "innerProps", "className", "fieldClassName", "value", "autocomplete", "label", "valueRenderer", "onInput", "handleDeleteTag", "collapseTagList", "moveInputToNewLine", "transformCollapsedTagText", "transformTagText", "isOpen", "handleUpdatePopover", "Tag", "setSelectedItems", "toggleMenu", "labelView", "inputRef", "FormControlComponent"]);
     var _k = React.useState(false), focused = _k[0], setFocused = _k[1];
     var _l = React.useState(false), isShowMoreEnabled = _l[0], setShowMoreEnabled = _l[1];
     var _m = React.useState(1), visibleElements = _m[0], setVisibleElements = _m[1];
@@ -101,11 +111,11 @@ var TagList = function (_a) {
     }, [transformCollapsedTagText, isShowMoreEnabled, selectedMultiple.length, visibleElements]);
     var filled = Boolean(selectedMultiple.length > 0) || Boolean(value);
     var hasInnerLabel = Boolean(label) && labelView !== 'outer';
-    return (React__default.default.createElement("div", { ref: wrapperRef, onFocus: handleFocus, onBlur: handleBlur, className: cn__default.default(className, styles.component, styles[size]) },
+    return (React__default.default.createElement("div", { ref: wrapperRef, onFocus: handleFocus, onBlur: handleBlur, className: cn__default.default(className, styles.component, styles[SIZE_TO_CLASSNAME_MAP[size]]) },
         React__default.default.createElement(FormControlComponent, tslib.__assign({}, restProps, { ref: innerProps === null || innerProps === void 0 ? void 0 : innerProps.ref, fieldClassName: cn__default.default(fieldClassName, styles.field, (_b = {},
                 _b[styles.focusVisible] = focusVisible,
                 _b[styles.disabled] = disabled,
-                _b)), block: true, size: size, focused: open || focused, disabled: disabled, filled: filled || !!placeholder, onMouseDown: handleMouseDown, rightAddons: Arrow, onClick: handleClick, addonsClassName: cn__default.default(styles.addons, styles["addons-size-".concat(size)]), label: label, labelClassName: styles.label, labelView: labelView }),
+                _b)), block: true, size: size, focused: open || focused, disabled: disabled, filled: filled || !!placeholder, onMouseDown: handleMouseDown, rightAddons: Arrow, onClick: handleClick, addonsClassName: cn__default.default(styles.addons, styles["addons-".concat(SIZE_TO_CLASSNAME_MAP[size])]), label: label, labelClassName: styles.label, labelView: labelView }),
             React__default.default.createElement("div", { className: cn__default.default(styles.contentWrapper, (_c = {},
                     _c[styles.hasInnerLabel] = hasInnerLabel,
                     _c[styles.hasTags] = selectedMultiple.length > 0,