@alfalab/core-components 44.7.0-beta.1 → 45.0.0

package/select/modern/mobile/Component.modal.mobile.js

@@ -20,6 +20,7 @@ import '../components/footer/Component.js';
 import '../../../base-modal/modern';
 import '../../../button/modern/mobile';
 import '../components/optgroup/Component.js';
+import '../consts.js';
 import '../components/option/Component.js';
 import '../components/checkmark/Component.js';
 import '../../../badge/modern';
@@ -30,13 +31,12 @@ import '../components/checkmark-mobile/Component.js';
 import '../components/options-list/Component.js';
 import '../../../mq/modern';
 import '../../../scrollbar/modern';
-import '../consts.js';
 import '../components/search/Component.js';
 import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-7bb88af2.js';
+import '../hook-a738ac9d.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/mobile/index.js

@@ -21,6 +21,7 @@ import '../components/footer/Component.js';
 import '../../../base-modal/modern';
 import '../../../button/modern/mobile';
 import '../components/optgroup/Component.js';
+import '../consts.js';
 import '../components/option/Component.js';
 import '../components/checkmark/Component.js';
 import '../../../badge/modern';
@@ -31,13 +32,12 @@ import '../components/checkmark-mobile/Component.js';
 import '../components/options-list/Component.js';
 import '../../../mq/modern';
 import '../../../scrollbar/modern';
-import '../consts.js';
 import '../components/search/Component.js';
 import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-7bb88af2.js';
+import '../hook-a738ac9d.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/presets/index.js

@@ -1,10 +1,11 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-7bb88af2.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-a738ac9d.js';
 import 'react';
 import '../../../skeleton/modern';
 import '../components/option/Component.js';
 import 'classnames';
+import '../consts.js';
 import '../components/checkmark/Component.js';
 import '../../../badge/modern';
 import '../../../checkbox/modern';
@@ -18,7 +19,6 @@ import '../components/options-list/Component.js';
 import 'react-merge-refs';
 import '../../../mq/modern';
 import '../../../scrollbar/modern';
-import '../consts.js';
 import '../components/optgroup/Component.js';
 import './useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';

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

@@ -3,6 +3,7 @@ import { Skeleton } from '../../../../skeleton/modern';
 import { Option } from '../../components/option/Component.js';
 import 'intersection-observer';
 import 'classnames';
+import '../../consts.js';
 import '../../components/checkmark/Component.js';
 import '../../../../badge/modern';
 import '../../../../checkbox/modern';

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

@@ -1,6 +1,6 @@
 import 'react';
 import '../../../../shared/modern';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-7bb88af2.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-a738ac9d.js';
 import '../../utils.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';

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

@@ -1,6 +1,6 @@
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../hook-7bb88af2.js';
+export { O as OptionsListWithApply } from '../../../hook-a738ac9d.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';

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

@@ -8,7 +8,7 @@ require('./index.css');
 const Footer = ({ handleApply, handleClear, showClear, selectedDraft = [], dataTestId, }) => (React.createElement("div", { 
     // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
     tabIndex: 0, className: styles.footer },
-    React.createElement(ButtonDesktop, { size: 'xxs', view: 'primary', onClick: handleApply, dataTestId: getDataTestId(dataTestId, 'apply') }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C"),
-    showClear && selectedDraft.length > 0 && (React.createElement(ButtonDesktop, { size: 'xxs', view: 'secondary', onClick: handleClear, dataTestId: getDataTestId(dataTestId, 'clear') }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"))));
+    React.createElement(ButtonDesktop, { size: 32, view: 'primary', onClick: handleApply, dataTestId: getDataTestId(dataTestId, 'apply') }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C"),
+    showClear && selectedDraft.length > 0 && (React.createElement(ButtonDesktop, { size: 32, view: 'secondary', onClick: handleClear, dataTestId: getDataTestId(dataTestId, 'clear') }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"))));
 
 export { Footer };

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

@@ -1,5 +1,5 @@
 /* hash: vrnud */
-:root {
+: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 */

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

@@ -1,5 +1,5 @@
 /* hash: 1m5co */
-:root {
+: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 {

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

@@ -1 +1 @@
-export * from "../../../hook-7bb88af2";
+export * from "../../../hook-a738ac9d";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-7bb88af2.js';
+export { O as OptionsListWithApply } from '../../../hook-a738ac9d.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';

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-7bb88af2.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-a738ac9d.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-6fc2190d.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-6aa923ff.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-6fc2190d.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-6aa923ff.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-6fc2190d.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-6aa923ff.js');
 require('./footer/Component.js');
 require('./header/Component.js');
 

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

@@ -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: vrnud */
-:root {
+: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 */

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

@@ -1,5 +1,5 @@
 /* hash: 1m5co */
-:root {
+: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 {

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

@@ -1 +1 @@
-export * from "../../../hook-6fc2190d";
+export * from "../../../hook-6aa923ff";

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-6fc2190d.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-6aa923ff.js');
 
 
 

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-6fc2190d.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-6aa923ff.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

@@ -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: jp4t7 */
-:root {
+: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);

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_19azb","size-72":"select-with-tags__size-72_19azb","contentWrapper":"select-with-tags__contentWrapper_19azb","placeholder":"select-with-tags__placeholder_19azb","input":"select-with-tags__input_19azb","size-64":"select-with-tags__size-64_19azb","size-56":"select-with-tags__size-56_19azb","size-48":"select-with-tags__size-48_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-56":"select-with-tags__addons-size-56_19azb","addons-size-64":"select-with-tags__addons-size-64_19azb","addons-size-72":"select-with-tags__addons-size-72_19azb","label":"select-with-tags__label_19azb"};
 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,

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

@@ -1,5 +1,5 @@
 /* hash: 1jsuz */
-:root {
+: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-border-link: #2288fa;
     --color-light-text-primary: #0e0e0e;
@@ -28,29 +28,29 @@
     --focus-color: var(--color-light-border-link);
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-} .select-with-tags__component_19azb.select-with-tags__xl_19azb .select-with-tags__contentWrapper_19azb {
+} .select-with-tags__component_19azb.select-with-tags__size-72_19azb .select-with-tags__contentWrapper_19azb {
         padding: 18px 14px;
-    } .select-with-tags__component_19azb.select-with-tags__xl_19azb .select-with-tags__placeholder_19azb {
+    } .select-with-tags__component_19azb.select-with-tags__size-72_19azb .select-with-tags__placeholder_19azb {
         padding-left: var(--gap-3xs);
-    } .select-with-tags__component_19azb.select-with-tags__xl_19azb .select-with-tags__input_19azb {
+    } .select-with-tags__component_19azb.select-with-tags__size-72_19azb .select-with-tags__input_19azb {
         margin-left: var(--gap-3xs);
-    } .select-with-tags__component_19azb.select-with-tags__l_19azb .select-with-tags__contentWrapper_19azb {
+    } .select-with-tags__component_19azb.select-with-tags__size-64_19azb .select-with-tags__contentWrapper_19azb {
         padding: 14px 10px;
-    } .select-with-tags__component_19azb.select-with-tags__l_19azb .select-with-tags__placeholder_19azb {
+    } .select-with-tags__component_19azb.select-with-tags__size-64_19azb .select-with-tags__placeholder_19azb {
         padding-left: var(--gap-3xs);
-    } .select-with-tags__component_19azb.select-with-tags__l_19azb .select-with-tags__input_19azb {
+    } .select-with-tags__component_19azb.select-with-tags__size-64_19azb .select-with-tags__input_19azb {
         margin-left: var(--gap-3xs);
-    } .select-with-tags__component_19azb.select-with-tags__m_19azb .select-with-tags__contentWrapper_19azb {
+    } .select-with-tags__component_19azb.select-with-tags__size-56_19azb .select-with-tags__contentWrapper_19azb {
         padding: 10px;
-    } .select-with-tags__component_19azb.select-with-tags__m_19azb .select-with-tags__placeholder_19azb {
+    } .select-with-tags__component_19azb.select-with-tags__size-56_19azb .select-with-tags__placeholder_19azb {
         padding-left: var(--gap-3xs);
-    } .select-with-tags__component_19azb.select-with-tags__m_19azb .select-with-tags__input_19azb {
+    } .select-with-tags__component_19azb.select-with-tags__size-56_19azb .select-with-tags__input_19azb {
         margin-left: var(--gap-3xs);
-    } .select-with-tags__component_19azb.select-with-tags__s_19azb .select-with-tags__contentWrapper_19azb {
+    } .select-with-tags__component_19azb.select-with-tags__size-48_19azb .select-with-tags__contentWrapper_19azb {
         padding: 6px;
-    } .select-with-tags__component_19azb.select-with-tags__s_19azb .select-with-tags__placeholder_19azb {
+    } .select-with-tags__component_19azb.select-with-tags__size-48_19azb .select-with-tags__placeholder_19azb {
         padding-left: 6px;
-    } .select-with-tags__component_19azb.select-with-tags__s_19azb .select-with-tags__input_19azb {
+    } .select-with-tags__component_19azb.select-with-tags__size-48_19azb .select-with-tags__input_19azb {
         margin-left: 6px;
     } .select-with-tags__component_19azb .select-with-tags__contentWrapper_19azb {
     display: flex;
@@ -107,22 +107,22 @@
 } .select-with-tags__addons_19azb {
     align-self: flex-start;
     padding-top: var(--gap-s);
-} .select-with-tags__addons-size-m_19azb {
+} .select-with-tags__addons-size-56_19azb {
     padding-top: var(--gap-m);
-} .select-with-tags__addons-size-l_19azb {
+} .select-with-tags__addons-size-64_19azb {
     padding-top: var(--gap-l);
-} .select-with-tags__addons-size-xl_19azb {
+} .select-with-tags__addons-size-72_19azb {
     padding-top: var(--gap-xl);
-} .select-with-tags__component_19azb.select-with-tags__s_19azb .select-with-tags__label_19azb {
+} .select-with-tags__component_19azb.select-with-tags__size-48_19azb .select-with-tags__label_19azb {
     top: 5px;
     left: 12px;
-} .select-with-tags__component_19azb.select-with-tags__m_19azb .select-with-tags__label_19azb {
+} .select-with-tags__component_19azb.select-with-tags__size-56_19azb .select-with-tags__label_19azb {
     top: 8px;
     left: 12px;
-} .select-with-tags__component_19azb.select-with-tags__l_19azb .select-with-tags__label_19azb {
+} .select-with-tags__component_19azb.select-with-tags__size-64_19azb.select-with-tags__label_19azb {
     top: 10px;
     left: 16px;
-} .select-with-tags__component_19azb.select-with-tags__xl_19azb .select-with-tags__label_19azb {
+} .select-with-tags__component_19azb.select-with-tags__size-72_19azb .select-with-tags__label_19azb {
     top: 14px;
     left: 16px;
 } .select-with-tags__component_19azb .select-with-tags__label_19azb {

package/select-with-tags/cssm/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/cssm/components/tag/component.js

@@ -21,7 +21,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__default.default.tag, (_b = {}, _b[styles__default.default.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__default.default.tag, (_b = {}, _b[styles__default.default.tagNoClose] = !handleDeleteTag, _b)), disabled: disabled }, props),
         React__default.default.createElement("span", { className: cn__default.default(styles__default.default.tagContentWrap, (_c = {}, _c[styles__default.default.cursorPointer] = !disabled, _c)) },
             content,
             handleDeleteTag && (

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

@@ -1,4 +1,4 @@
-:root {
+: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);