@alfalab/core-components 48.22.1-beta.2 → 48.22.1-beta.3

package/pure-cell/modern/components/category/index.js

@@ -1,4 +1,4 @@
-export { e as Category } from '../../component-8478eb62.js';
+export { e as Category } from '../../component-e98fa1b8.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/content/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/modern';
-export { C as Content } from '../../component-8478eb62.js';
+export { C as Content } from '../../component-e98fa1b8.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/content/index.d.ts

@@ -1 +1 @@
-export * from "../../component-8478eb62";
+export * from "../../component-e98fa1b8";

package/pure-cell/modern/components/content/index.js

@@ -1,4 +1,4 @@
-export { C as Content } from '../../component-8478eb62.js';
+export { C as Content } from '../../component-e98fa1b8.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/footer/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/modern';
-export { F as Footer } from '../../component-8478eb62.js';
+export { F as Footer } from '../../component-e98fa1b8.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/footer/index.d.ts

@@ -1 +1 @@
-export * from "../../component-8478eb62";
+export * from "../../component-e98fa1b8";

package/pure-cell/modern/components/footer/index.js

@@ -1,4 +1,4 @@
-export { F as Footer } from '../../component-8478eb62.js';
+export { F as Footer } from '../../component-e98fa1b8.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/footer-button/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import '../../../../button/modern';
 import '../../../../shared/modern';
-export { d as FooterButton } from '../../component-8478eb62.js';
+export { d as FooterButton } from '../../component-e98fa1b8.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../comment/modern';

package/pure-cell/modern/components/footer-button/index.d.ts

@@ -1 +1 @@
-export * from "../../component-8478eb62";
+export * from "../../component-e98fa1b8";

package/pure-cell/modern/components/footer-button/index.js

@@ -1,4 +1,4 @@
-export { d as FooterButton } from '../../component-8478eb62.js';
+export { d as FooterButton } from '../../component-e98fa1b8.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/footer-text/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import '../../../../shared/modern';
 import '../../../../typography/modern';
-export { f as FooterText } from '../../component-8478eb62.js';
+export { f as FooterText } from '../../component-e98fa1b8.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../comment/modern';

package/pure-cell/modern/components/footer-text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-8478eb62";
+export * from "../../component-e98fa1b8";

package/pure-cell/modern/components/footer-text/index.js

@@ -1,4 +1,4 @@
-export { f as FooterText } from '../../component-8478eb62.js';
+export { f as FooterText } from '../../component-e98fa1b8.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/graphics/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/modern';
-export { G as Graphics } from '../../component-8478eb62.js';
+export { G as Graphics } from '../../component-e98fa1b8.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/graphics/index.d.ts

@@ -1 +1 @@
-export * from "../../component-8478eb62";
+export * from "../../component-e98fa1b8";

package/pure-cell/modern/components/graphics/index.js

@@ -1,4 +1,4 @@
-export { G as Graphics } from '../../component-8478eb62.js';
+export { G as Graphics } from '../../component-e98fa1b8.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/main/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/modern';
-export { M as Main } from '../../component-8478eb62.js';
+export { M as Main } from '../../component-e98fa1b8.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/main/index.d.ts

@@ -1 +1 @@
-export * from "../../component-8478eb62";
+export * from "../../component-e98fa1b8";

package/pure-cell/modern/components/main/index.js

@@ -1,4 +1,4 @@
-export { M as Main } from '../../component-8478eb62.js';
+export { M as Main } from '../../component-e98fa1b8.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/text/component.js

@@ -2,7 +2,7 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../../../typography/modern';
-export { T as Text } from '../../component-8478eb62.js';
+export { T as Text } from '../../component-e98fa1b8.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-8478eb62";
+export * from "../../component-e98fa1b8";

package/pure-cell/modern/components/text/index.js

@@ -1,4 +1,4 @@
-export { T as Text } from '../../component-8478eb62.js';
+export { T as Text } from '../../component-e98fa1b8.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/index.js

@@ -1,4 +1,4 @@
-export { c as Addon, A as Amount, b as AmountTitle, e as Category, C as Content, E as ExtraSubtitle, F as Footer, d as FooterButton, G as Graphics, M as Main, P as PureCell, a as PureCellComponent, T as Text } from './component-8478eb62.js';
+export { c as Addon, A as Amount, b as AmountTitle, e as Category, C as Content, E as ExtraSubtitle, F as Footer, d as FooterButton, G as Graphics, M as Main, P as PureCell, a as PureCellComponent, T as Text } from './component-e98fa1b8.js';
 export { Comment } from '../../comment/modern';
 import 'react';
 import 'react-merge-refs';

package/select/components/base-option/Component.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
+var consts = require('../../consts.js');
 var components_baseCheckmark_Component = require('../base-checkmark/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -10,14 +11,14 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"option":"select__option_wbpqi","disabled":"select__disabled_wbpqi","checkmarkBefore":"select__checkmarkBefore_wbpqi","mobile":"select__mobile_wbpqi","checkmarkAfter":"select__checkmarkAfter_wbpqi","textContent":"select__textContent_wbpqi","selected":"select__selected_wbpqi","highlighted":"select__highlighted_wbpqi","checkmarkBeforeContent":"select__checkmarkBeforeContent_wbpqi","checkmarkAfterContent":"select__checkmarkAfterContent_wbpqi","content":"select__content_wbpqi"};
+var styles = {"option":"select__option_wbpqi","disabled":"select__disabled_wbpqi","checkmarkBefore":"select__checkmarkBefore_wbpqi","mobile":"select__mobile_wbpqi","checkmarkAfter":"select__checkmarkAfter_wbpqi","size-72":"select__size-72_wbpqi","textContent":"select__textContent_wbpqi","selected":"select__selected_wbpqi","highlighted":"select__highlighted_wbpqi","checkmarkBeforeContent":"select__checkmarkBeforeContent_wbpqi","checkmarkAfterContent":"select__checkmarkAfterContent_wbpqi","content":"select__content_wbpqi"};
 require('./index.css');
 
 var BaseOption = function (_a) {
     var _b;
-    var className = _a.className, option = _a.option, children = _a.children, selected = _a.selected, highlighted = _a.highlighted, disabled = _a.disabled, multiple = _a.multiple, _c = _a.Checkmark, Checkmark = _c === void 0 ? components_baseCheckmark_Component.BaseCheckmark : _c, _d = _a.checkmarkPosition, checkmarkPosition = _d === void 0 ? multiple ? 'before' : 'after' : _d, _e = _a.align, align = _e === void 0 ? 'center' : _e, innerProps = _a.innerProps, dataTestId = _a.dataTestId, _f = _a.mobile, mobile = _f === void 0 ? false : _f;
+    var className = _a.className, option = _a.option, children = _a.children, selected = _a.selected, highlighted = _a.highlighted, disabled = _a.disabled, multiple = _a.multiple, _c = _a.Checkmark, Checkmark = _c === void 0 ? components_baseCheckmark_Component.BaseCheckmark : _c, _d = _a.checkmarkPosition, checkmarkPosition = _d === void 0 ? multiple ? 'before' : 'after' : _d, _e = _a.align, align = _e === void 0 ? 'center' : _e, innerProps = _a.innerProps, dataTestId = _a.dataTestId, _f = _a.mobile, mobile = _f === void 0 ? false : _f, _g = _a.size, size = _g === void 0 ? 48 : _g;
     var content = children || option.content || option.key;
-    var _g = option.showCheckMark, showCheckMark = _g === void 0 ? true : _g;
+    var _h = option.showCheckMark, showCheckMark = _h === void 0 ? true : _h;
     var isTextContent = !React.isValidElement(content);
     var renderCheckmark = function () {
         var _a;
@@ -29,7 +30,7 @@ var BaseOption = function (_a) {
         }
         return null;
     };
-    return (React__default.default.createElement("div", tslib.__assign({}, innerProps, { className: cn__default.default(styles.option, className, (_b = {},
+    return (React__default.default.createElement("div", tslib.__assign({}, innerProps, { className: cn__default.default(styles.option, styles[consts.SIZE_TO_CLASSNAME_MAP[size]], className, (_b = {},
             _b[styles.highlighted] = !mobile && highlighted,
             _b[styles.selected] = selected,
             _b[styles.disabled] = disabled,

package/select/components/base-option/index.css

@@ -77,11 +77,16 @@
             padding-left: var(--gap-16);
         } .select__option_wbpqi.select__checkmarkAfter_wbpqi.select__checkmarkAfter_wbpqi {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0)
-    } .select__option_wbpqi.select__checkmarkAfter_wbpqi.select__checkmarkAfter_wbpqi.select__mobile_wbpqi {
+    } .select__option_wbpqi.select__checkmarkAfter_wbpqi.select__checkmarkAfter_wbpqi.select__size-72_wbpqi {
+            padding-right: var(--gap-16);
+        } .select__option_wbpqi.select__checkmarkAfter_wbpqi.select__checkmarkAfter_wbpqi.select__mobile_wbpqi {
             padding-right: var(--gap-20);
         } .select__option_wbpqi.select__textContent_wbpqi {
         padding: var(--gap-12)
-    } .select__option_wbpqi.select__textContent_wbpqi.select__mobile_wbpqi {
+    } .select__option_wbpqi.select__textContent_wbpqi.select__size-72_wbpqi {
+            padding-left: var(--gap-16);
+            padding-right: var(--gap-16);
+        } .select__option_wbpqi.select__textContent_wbpqi.select__mobile_wbpqi {
             padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
         } .select__selected_wbpqi {
     background: var(--select-option-selected-background);

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

@@ -9,14 +9,15 @@ var computeScrollIntoView = require('compute-scroll-into-view');
 var downshift = require('downshift');
 var coreComponentsShared = require('../../../shared');
 var hooks = require('@alfalab/hooks');
+var consts = require('../../consts.js');
 var utils = require('../../utils.js');
 var components_nativeSelect_Component = require('../native-select/Component.js');
 var components_baseSelect_components_listDesktop_helpers_getListPopoverDesktopProps = require('./components/list-desktop/helpers/get-list-popover-desktop-props.js');
-var components_baseSelect_components_listDesktop_listPopoverDesktop = require('../../list-popover-desktop-7c0c3ff4.js');
+var components_baseSelect_components_listDesktop_listPopoverDesktop = require('../../list-popover-desktop-668b6105.js');
 var components_baseSelect_components_listMobile_helpers_getListModalMobileProps = require('./components/list-mobile/helpers/get-list-modal-mobile-props.js');
 var components_baseSelect_components_listMobile_helpers_getListBottomSheetMobileProps = require('./components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js');
 var components_baseSelect_components_listMobile_listMobile = require('./components/list-mobile/list-mobile.js');
-var mobile_module = require('../../mobile.module-92b87d8e.js');
+var mobile_module = require('../../mobile.module-63335534.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -369,7 +370,7 @@ function (props, ref) {
         return (React__default.default.createElement(Search, tslib.__assign({}, searchProps === null || searchProps === void 0 ? void 0 : searchProps.componentProps, { onBlur: handleBlur, value: search, onChange: handleChange, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'search'), onClear: handleClear, className: cn__default.default((_b = searchProps === null || searchProps === void 0 ? void 0 : searchProps.componentProps) === null || _b === void 0 ? void 0 : _b.className, (_a = {},
                 _a[components_baseSelect_components_listDesktop_listPopoverDesktop.styles.search] = view === 'desktop',
                 _a[mobile_module.mobileStyles.search] = view === 'mobile',
-                _a)), ref: mergeRefs__default.default([searchRef, ((_c = searchProps === null || searchProps === void 0 ? void 0 : searchProps.componentProps) === null || _c === void 0 ? void 0 : _c.ref) || null]) })));
+                _a), size && components_baseSelect_components_listDesktop_listPopoverDesktop.styles[consts.SIZE_TO_CLASSNAME_MAP[size]]), ref: mergeRefs__default.default([searchRef, ((_c = searchProps === null || searchProps === void 0 ? void 0 : searchProps.componentProps) === null || _c === void 0 ? void 0 : _c.ref) || null]) })));
     };
     var _9 = optionsListProps, header = _9.header, emptyPlaceholder = _9.emptyPlaceholder;
     var renderOptionsListHeader = function () {

package/select/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts

@@ -2,7 +2,7 @@
 import { ComponentProps } from "../../../types/component-types";
 declare const getListPopoverDesktopProps: (props: ComponentProps) => {
     Popover: import("react").ForwardRefExoticComponent<import("../../../../../../popover").PopoverProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-    popoverProps: Omit<import("../../../../../../popover").PopoverProps, "className" | "open" | "dataTestId" | "zIndex" | "position" | "anchorElement" | "preventFlip" | "update"> | undefined;
+    popoverProps: Omit<import("../../../../../../popover").PopoverProps, "className" | "dataTestId" | "anchorElement" | "position" | "preventFlip" | "open" | "update" | "zIndex"> | undefined;
     popoverPosition: import("../../../../../../popover").Position;
     preventFlip: boolean;
     popperClassName: string | undefined;

package/select/components/base-select/components/list-desktop/list-popover-desktop.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('classnames');
-var components_baseSelect_components_listDesktop_listPopoverDesktop = require('../../../../list-popover-desktop-7c0c3ff4.js');
+var components_baseSelect_components_listDesktop_listPopoverDesktop = require('../../../../list-popover-desktop-668b6105.js');
 
 
 

package/select/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsShared = require('../../../../../shared');
-var mobile_module = require('../../../../mobile.module-92b87d8e.js');
+var mobile_module = require('../../../../mobile.module-63335534.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/select/components/base-select/components/list-mobile/list-modal-mobile.js

@@ -5,7 +5,7 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var coreComponentsShared = require('../../../../../shared');
-var mobile_module = require('../../../../mobile.module-92b87d8e.js');
+var mobile_module = require('../../../../mobile.module-63335534.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/select/components/base-select/index.css

@@ -21,7 +21,8 @@
     --border-radius-8: var(--border-radius-m);
 } :root { /* deprecated */
     --gap-2xs: 4px; /* deprecated */ /* deprecated */
-    --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --gap-s: 12px; /* deprecated */ /* deprecated */
+    --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
 
@@ -30,6 +31,7 @@
     --gap-0: 0px;
     --gap-4: var(--gap-2xs);
     --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -99,6 +101,9 @@
     text-align: center;
 } .select__search_ctgcn {
     margin: var(--gap-12) var(--gap-12) var(--gap-0)
-} .select__search_ctgcn:last-child {
+} .select__search_ctgcn.select__size-72_ctgcn {
+        margin-left: var(--gap-16);
+        margin-right: var(--gap-16);
+    } .select__search_ctgcn:last-child {
         margin-bottom: var(--gap-12);
     }

package/select/components/optgroup/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 = {"optgroup":"select__optgroup_176r8","label":"select__label_176r8","size-64":"select__size-64_176r8","size-72":"select__size-72_176r8"};
+var styles = {"optgroup":"select__optgroup_176r8","label":"select__label_176r8","size-72":"select__size-72_176r8"};
 require('./index.css');
 
 var Optgroup = function (_a) {

package/select/components/optgroup/index.css

@@ -65,8 +65,7 @@
 
     display: block;
     color: var(--select-optgroup-color);
-} .select__size-64_176r8,
-.select__size-72_176r8 {
+} .select__size-72_176r8 {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

package/select/components/option/desktop/index.css

@@ -101,11 +101,10 @@
     min-height: var(--size-l-height);
 } .select__size-72_13ag1 {
     min-height: var(--size-xl-height);
-} .select__size-64_13ag1,
-.select__size-72_13ag1 {
+} .select__size-72_13ag1 {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-} .select__size-64_13ag1:before, .select__size-72_13ag1:before {
+} .select__size-72_13ag1:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     } .select__selected_13ag1 {

package/select/components/option/mobile/index.css

@@ -101,11 +101,10 @@
     min-height: var(--size-l-height);
 } .select__size-72_10ed3 {
     min-height: var(--size-xl-height);
-} .select__size-64_10ed3,
-.select__size-72_10ed3 {
+} .select__size-72_10ed3 {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-} .select__size-64_10ed3:before, .select__size-72_10ed3:before {
+} .select__size-72_10ed3:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     } .select__selected_10ed3 {

package/select/components/options-list/Component.js

@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"optionsList":"select__optionsList_1l77i","optionsListHeader":"select__optionsListHeader_1l77i","headerHighlighted":"select__headerHighlighted_1l77i","optionsListFooter":"select__optionsListFooter_1l77i","withBorder":"select__withBorder_1l77i","scrollable":"select__scrollable_1l77i","-webkit-mask":"select__mask_1l77i","mask":"select__mask_1l77i","emptyPlaceholder":"select__emptyPlaceholder_1l77i","size-64":"select__size-64_1l77i","size-72":"select__size-72_1l77i"};
+var styles = {"optionsList":"select__optionsList_1l77i","optionsListHeader":"select__optionsListHeader_1l77i","headerHighlighted":"select__headerHighlighted_1l77i","optionsListFooter":"select__optionsListFooter_1l77i","withBorder":"select__withBorder_1l77i","scrollable":"select__scrollable_1l77i","-webkit-mask":"select__mask_1l77i","mask":"select__mask_1l77i","emptyPlaceholder":"select__emptyPlaceholder_1l77i","size-72":"select__size-72_1l77i"};
 require('./index.css');
 
 var createCounter = function () {

package/select/components/options-list/index.css

@@ -67,7 +67,6 @@
 } .select__emptyPlaceholder_1l77i {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__size-64_1l77i .select__emptyPlaceholder_1l77i,
-.select__size-72_1l77i .select__emptyPlaceholder_1l77i {
+} .select__size-72_1l77i .select__emptyPlaceholder_1l77i {
     padding: var(--gap-24) var(--gap-16);
 }

package/select/components/virtual-options-list/Component.js

@@ -18,7 +18,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_rw283","virtualOptionsListHeader":"select__virtualOptionsListHeader_rw283","virtualOptionsListFooter":"select__virtualOptionsListFooter_rw283","withBorder":"select__withBorder_rw283","scrollable":"select__scrollable_rw283","inner":"select__inner_rw283","virtualRow":"select__virtualRow_rw283","highlighted":"select__highlighted_rw283","emptyPlaceholder":"select__emptyPlaceholder_rw283","size-64":"select__size-64_rw283","size-72":"select__size-72_rw283"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_rw283","virtualOptionsListHeader":"select__virtualOptionsListHeader_rw283","virtualOptionsListFooter":"select__virtualOptionsListFooter_rw283","withBorder":"select__withBorder_rw283","scrollable":"select__scrollable_rw283","inner":"select__inner_rw283","virtualRow":"select__virtualRow_rw283","highlighted":"select__highlighted_rw283","emptyPlaceholder":"select__emptyPlaceholder_rw283","size-72":"select__size-72_rw283"};
 require('./index.css');
 
 var VirtualOptionsList = React.forwardRef(function (_a, ref) {

package/select/components/virtual-options-list/index.css

@@ -93,7 +93,6 @@
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
-} .select__size-64_rw283 .select__emptyPlaceholder_rw283,
-.select__size-72_rw283 .select__emptyPlaceholder_rw283 {
+} .select__size-72_rw283 .select__emptyPlaceholder_rw283 {
     padding: var(--gap-24) var(--gap-16);
 }

package/select/cssm/components/base-option/Component.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
+var consts = require('../../consts.js');
 var components_baseCheckmark_Component = require('../base-checkmark/Component.js');
 var styles = require('./index.module.css');
 
@@ -14,9 +15,9 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var BaseOption = function (_a) {
     var _b;
-    var className = _a.className, option = _a.option, children = _a.children, selected = _a.selected, highlighted = _a.highlighted, disabled = _a.disabled, multiple = _a.multiple, _c = _a.Checkmark, Checkmark = _c === void 0 ? components_baseCheckmark_Component.BaseCheckmark : _c, _d = _a.checkmarkPosition, checkmarkPosition = _d === void 0 ? multiple ? 'before' : 'after' : _d, _e = _a.align, align = _e === void 0 ? 'center' : _e, innerProps = _a.innerProps, dataTestId = _a.dataTestId, _f = _a.mobile, mobile = _f === void 0 ? false : _f;
+    var className = _a.className, option = _a.option, children = _a.children, selected = _a.selected, highlighted = _a.highlighted, disabled = _a.disabled, multiple = _a.multiple, _c = _a.Checkmark, Checkmark = _c === void 0 ? components_baseCheckmark_Component.BaseCheckmark : _c, _d = _a.checkmarkPosition, checkmarkPosition = _d === void 0 ? multiple ? 'before' : 'after' : _d, _e = _a.align, align = _e === void 0 ? 'center' : _e, innerProps = _a.innerProps, dataTestId = _a.dataTestId, _f = _a.mobile, mobile = _f === void 0 ? false : _f, _g = _a.size, size = _g === void 0 ? 48 : _g;
     var content = children || option.content || option.key;
-    var _g = option.showCheckMark, showCheckMark = _g === void 0 ? true : _g;
+    var _h = option.showCheckMark, showCheckMark = _h === void 0 ? true : _h;
     var isTextContent = !React.isValidElement(content);
     var renderCheckmark = function () {
         var _a;
@@ -28,7 +29,7 @@ var BaseOption = function (_a) {
         }
         return null;
     };
-    return (React__default.default.createElement("div", tslib.__assign({}, innerProps, { className: cn__default.default(styles__default.default.option, className, (_b = {},
+    return (React__default.default.createElement("div", tslib.__assign({}, innerProps, { className: cn__default.default(styles__default.default.option, styles__default.default[consts.SIZE_TO_CLASSNAME_MAP[size]], className, (_b = {},
             _b[styles__default.default.highlighted] = !mobile && highlighted,
             _b[styles__default.default.selected] = selected,
             _b[styles__default.default.disabled] = disabled,

package/select/cssm/components/base-option/index.module.css

@@ -76,11 +76,16 @@
             padding-left: var(--gap-16);
         } .option.checkmarkAfter.checkmarkAfter {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0)
-    } .option.checkmarkAfter.checkmarkAfter.mobile {
+    } .option.checkmarkAfter.checkmarkAfter.size-72 {
+            padding-right: var(--gap-16);
+        } .option.checkmarkAfter.checkmarkAfter.mobile {
             padding-right: var(--gap-20);
         } .option.textContent {
         padding: var(--gap-12)
-    } .option.textContent.mobile {
+    } .option.textContent.size-72 {
+            padding-left: var(--gap-16);
+            padding-right: var(--gap-16);
+        } .option.textContent.mobile {
             padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
         } .selected {
     background: var(--select-option-selected-background);

package/select/cssm/components/base-select/Component.js

@@ -9,6 +9,7 @@ var computeScrollIntoView = require('compute-scroll-into-view');
 var downshift = require('downshift');
 var coreComponentsShared = require('../../../../shared/cssm');
 var hooks = require('@alfalab/hooks');
+var consts = require('../../consts.js');
 var utils = require('../../utils.js');
 var components_nativeSelect_Component = require('../native-select/Component.js');
 var components_baseSelect_components_listDesktop_helpers_getListPopoverDesktopProps = require('./components/list-desktop/helpers/get-list-popover-desktop-props.js');
@@ -372,7 +373,7 @@ function (props, ref) {
         return (React__default.default.createElement(Search, tslib.__assign({}, searchProps === null || searchProps === void 0 ? void 0 : searchProps.componentProps, { onBlur: handleBlur, value: search, onChange: handleChange, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'search'), onClear: handleClear, className: cn__default.default((_b = searchProps === null || searchProps === void 0 ? void 0 : searchProps.componentProps) === null || _b === void 0 ? void 0 : _b.className, (_a = {},
                 _a[styles__default.default.search] = view === 'desktop',
                 _a[mobileStyles__default.default.search] = view === 'mobile',
-                _a)), ref: mergeRefs__default.default([searchRef, ((_c = searchProps === null || searchProps === void 0 ? void 0 : searchProps.componentProps) === null || _c === void 0 ? void 0 : _c.ref) || null]) })));
+                _a), size && styles__default.default[consts.SIZE_TO_CLASSNAME_MAP[size]]), ref: mergeRefs__default.default([searchRef, ((_c = searchProps === null || searchProps === void 0 ? void 0 : searchProps.componentProps) === null || _c === void 0 ? void 0 : _c.ref) || null]) })));
     };
     var _9 = optionsListProps, header = _9.header, emptyPlaceholder = _9.emptyPlaceholder;
     var renderOptionsListHeader = function () {

package/select/cssm/components/base-select/index.module.css

@@ -20,7 +20,8 @@
     --border-radius-8: var(--border-radius-m);
 } :root { /* deprecated */
     --gap-2xs: 4px; /* deprecated */ /* deprecated */
-    --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --gap-s: 12px; /* deprecated */ /* deprecated */
+    --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
 
@@ -29,6 +30,7 @@
     --gap-0: 0px;
     --gap-4: var(--gap-2xs);
     --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -98,6 +100,9 @@
     text-align: center;
 } .search {
     margin: var(--gap-12) var(--gap-12) var(--gap-0)
-} .search:last-child {
+} .search.size-72 {
+        margin-left: var(--gap-16);
+        margin-right: var(--gap-16);
+    } .search:last-child {
         margin-bottom: var(--gap-12);
     }

package/select/cssm/components/optgroup/index.module.css

@@ -64,8 +64,7 @@
 
     display: block;
     color: var(--select-optgroup-color);
-} .size-64,
-.size-72 {
+} .size-72 {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

package/select/cssm/components/option/desktop/index.module.css

@@ -100,11 +100,10 @@
     min-height: var(--size-l-height);
 } .size-72 {
     min-height: var(--size-xl-height);
-} .size-64,
-.size-72 {
+} .size-72 {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-} .size-64:before, .size-72:before {
+} .size-72:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     } .selected {

package/select/cssm/components/option/index.module.css

@@ -100,11 +100,10 @@
     min-height: var(--size-l-height);
 } .size-72 {
     min-height: var(--size-xl-height);
-} .size-64,
-.size-72 {
+} .size-72 {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-} .size-64:before, .size-72:before {
+} .size-72:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     } .selected {

package/select/cssm/components/option/mobile/index.module.css

@@ -100,11 +100,10 @@
     min-height: var(--size-l-height);
 } .size-72 {
     min-height: var(--size-xl-height);
-} .size-64,
-.size-72 {
+} .size-72 {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-} .size-64:before, .size-72:before {
+} .size-72:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     } .selected {

package/select/cssm/components/options-list/index.module.css

@@ -66,7 +66,6 @@
 } .emptyPlaceholder {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
-} .size-64 .emptyPlaceholder,
-.size-72 .emptyPlaceholder {
+} .size-72 .emptyPlaceholder {
     padding: var(--gap-24) var(--gap-16);
 }

package/select/cssm/components/virtual-options-list/index.module.css

@@ -92,7 +92,6 @@
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
-} .size-64 .emptyPlaceholder,
-.size-72 .emptyPlaceholder {
+} .size-72 .emptyPlaceholder {
     padding: var(--gap-24) var(--gap-16);
 }