@alfalab/core-components 48.21.0-beta.6 → 48.21.0-beta.7

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

@@ -1 +1 @@
-export * from "../../component-69ecb66e";
+export * from "../../component-1327917f";

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

@@ -1,4 +1,4 @@
-export { M as Main } from '../../component-69ecb66e.js';
+export { M as Main } from '../../component-1327917f.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

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

@@ -2,7 +2,7 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../../../typography/esm';
-export { T as Text } from '../../component-69ecb66e.js';
+export { T as Text } from '../../component-1327917f.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';

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

@@ -1 +1 @@
-export * from "../../component-69ecb66e";
+export * from "../../component-1327917f";

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

@@ -1,4 +1,4 @@
-export { T as Text } from '../../component-69ecb66e.js';
+export { T as Text } from '../../component-1327917f.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/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-69ecb66e.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-1327917f.js';
 export { Comment } from '../../comment/esm';
 import 'tslib';
 import 'react';

package/pure-cell/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('./component-333042c1.js');
+var components_addon_component = require('./component-b6a27d0b.js');
 var coreComponentsComment = require('../comment');
 
 

package/pure-cell/modern/component.js

@@ -3,7 +3,7 @@ import 'react-merge-refs';
 import 'classnames';
 export { Comment } from '../../comment/modern';
 import '@alfalab/hooks';
-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, g as PureCellContext, T as Text } from './component-5ed1dd37.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, g as PureCellContext, T as Text } from './component-1c682f9d.js';
 import '../../shared/modern';
 import '../../amount/modern';
 import '../../typography/modern';

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

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/modern';
-export { c as Addon } from '../../component-5ed1dd37.js';
+export { c as Addon } from '../../component-1c682f9d.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

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

@@ -1 +1 @@
-export * from "../../component-5ed1dd37";
+export * from "../../component-1c682f9d";

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

@@ -1,4 +1,4 @@
-export { c as Addon } from '../../component-5ed1dd37.js';
+export { c as Addon } from '../../component-1c682f9d.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

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

@@ -3,7 +3,7 @@ import 'classnames';
 import '../../../../amount/modern';
 import '../../../../shared/modern';
 import '../../../../typography/modern';
-export { A as Amount } from '../../component-5ed1dd37.js';
+export { A as Amount } from '../../component-1c682f9d.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

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

@@ -1 +1 @@
-export * from "../../component-5ed1dd37";
+export * from "../../component-1c682f9d";

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

@@ -1,4 +1,4 @@
-export { A as Amount } from '../../component-5ed1dd37.js';
+export { A as Amount } from '../../component-1c682f9d.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/amount-title/component.js

@@ -3,7 +3,7 @@ import 'classnames';
 import '../../../../amount/modern';
 import '../../../../shared/modern';
 import '../../../../typography/modern';
-export { b as AmountTitle } from '../../component-5ed1dd37.js';
+export { b as AmountTitle } from '../../component-1c682f9d.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/amount-title/index.d.ts

@@ -1 +1 @@
-export * from "../../component-5ed1dd37";
+export * from "../../component-1c682f9d";

package/pure-cell/modern/components/amount-title/index.js

@@ -1,4 +1,4 @@
-export { b as AmountTitle } from '../../component-5ed1dd37.js';
+export { b as AmountTitle } from '../../component-1c682f9d.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

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

@@ -1,7 +1,7 @@
 import 'react';
 import '../../../../shared/modern';
 import '../../../../typography/modern';
-export { e as Category } from '../../component-5ed1dd37.js';
+export { e as Category } from '../../component-1c682f9d.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../comment/modern';

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

@@ -1 +1 @@
-export * from "../../component-5ed1dd37";
+export * from "../../component-1c682f9d";

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

@@ -1,4 +1,4 @@
-export { e as Category } from '../../component-5ed1dd37.js';
+export { e as Category } from '../../component-1c682f9d.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-5ed1dd37.js';
+export { C as Content } from '../../component-1c682f9d.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-5ed1dd37";
+export * from "../../component-1c682f9d";

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

@@ -1,4 +1,4 @@
-export { C as Content } from '../../component-5ed1dd37.js';
+export { C as Content } from '../../component-1c682f9d.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-5ed1dd37.js';
+export { F as Footer } from '../../component-1c682f9d.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-5ed1dd37";
+export * from "../../component-1c682f9d";

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

@@ -1,4 +1,4 @@
-export { F as Footer } from '../../component-5ed1dd37.js';
+export { F as Footer } from '../../component-1c682f9d.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-5ed1dd37.js';
+export { d as FooterButton } from '../../component-1c682f9d.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-5ed1dd37";
+export * from "../../component-1c682f9d";

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

@@ -1,4 +1,4 @@
-export { d as FooterButton } from '../../component-5ed1dd37.js';
+export { d as FooterButton } from '../../component-1c682f9d.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-5ed1dd37.js';
+export { f as FooterText } from '../../component-1c682f9d.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-5ed1dd37";
+export * from "../../component-1c682f9d";

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

@@ -1,4 +1,4 @@
-export { f as FooterText } from '../../component-5ed1dd37.js';
+export { f as FooterText } from '../../component-1c682f9d.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-5ed1dd37.js';
+export { G as Graphics } from '../../component-1c682f9d.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-5ed1dd37";
+export * from "../../component-1c682f9d";

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

@@ -1,4 +1,4 @@
-export { G as Graphics } from '../../component-5ed1dd37.js';
+export { G as Graphics } from '../../component-1c682f9d.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-5ed1dd37.js';
+export { M as Main } from '../../component-1c682f9d.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-5ed1dd37";
+export * from "../../component-1c682f9d";

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

@@ -1,4 +1,4 @@
-export { M as Main } from '../../component-5ed1dd37.js';
+export { M as Main } from '../../component-1c682f9d.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-5ed1dd37.js';
+export { T as Text } from '../../component-1c682f9d.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-5ed1dd37";
+export * from "../../component-1c682f9d";

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

@@ -1,4 +1,4 @@
-export { T as Text } from '../../component-5ed1dd37.js';
+export { T as Text } from '../../component-1c682f9d.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-5ed1dd37.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-1c682f9d.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_17g3n","disabled":"select__disabled_17g3n","checkmarkBefore":"select__checkmarkBefore_17g3n","mobile":"select__mobile_17g3n","checkmarkAfter":"select__checkmarkAfter_17g3n","textContent":"select__textContent_17g3n","selected":"select__selected_17g3n","highlighted":"select__highlighted_17g3n","checkmarkBeforeContent":"select__checkmarkBeforeContent_17g3n","checkmarkAfterContent":"select__checkmarkAfterContent_17g3n","content":"select__content_17g3n"};
+var styles = {"option":"select__option_17g3n","disabled":"select__disabled_17g3n","checkmarkBefore":"select__checkmarkBefore_17g3n","mobile":"select__mobile_17g3n","checkmarkAfter":"select__checkmarkAfter_17g3n","size-72":"select__size-72_17g3n","textContent":"select__textContent_17g3n","selected":"select__selected_17g3n","highlighted":"select__highlighted_17g3n","checkmarkBeforeContent":"select__checkmarkBeforeContent_17g3n","checkmarkAfterContent":"select__checkmarkAfterContent_17g3n","content":"select__content_17g3n"};
 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_17g3n.select__checkmarkAfter_17g3n.select__checkmarkAfter_17g3n {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0)
-    } .select__option_17g3n.select__checkmarkAfter_17g3n.select__checkmarkAfter_17g3n.select__mobile_17g3n {
+    } .select__option_17g3n.select__checkmarkAfter_17g3n.select__checkmarkAfter_17g3n.select__size-72_17g3n {
+            padding-right: var(--gap-16);
+        } .select__option_17g3n.select__checkmarkAfter_17g3n.select__checkmarkAfter_17g3n.select__mobile_17g3n {
             padding-right: var(--gap-20);
         } .select__option_17g3n.select__textContent_17g3n {
         padding: var(--gap-12)
-    } .select__option_17g3n.select__textContent_17g3n.select__mobile_17g3n {
+    } .select__option_17g3n.select__textContent_17g3n.select__size-72_17g3n {
+            padding-left: var(--gap-16);
+            padding-right: var(--gap-16);
+        } .select__option_17g3n.select__textContent_17g3n.select__mobile_17g3n {
             padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
         } .select__selected_17g3n {
     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-9b282f32.js');
+var components_baseSelect_components_listDesktop_listPopoverDesktop = require('../../list-popover-desktop-08c1b71a.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-29d7f3db.js');
+var mobile_module = require('../../mobile.module-3a578806.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/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-9b282f32.js');
+var components_baseSelect_components_listDesktop_listPopoverDesktop = require('../../../../list-popover-desktop-08c1b71a.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-29d7f3db.js');
+var mobile_module = require('../../../../mobile.module-3a578806.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-29d7f3db.js');
+var mobile_module = require('../../../../mobile.module-3a578806.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_jcf0k {
     margin: var(--gap-12) var(--gap-12) var(--gap-0)
-} .select__search_jcf0k:last-child {
+} .select__search_jcf0k.select__size-72_jcf0k {
+        margin-left: var(--gap-16);
+        margin-right: var(--gap-16);
+    } .select__search_jcf0k:last-child {
         margin-bottom: var(--gap-12);
     }

package/select/components/search/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 = {"component":"select__component_1t4hx"};
+var styles = {"component":"select__component_1t4hx","size-72":"select__size-72_1t4hx"};
 require('./index.css');
 
 var Search = React.forwardRef(function (_a, ref) {

package/select/components/search/index.css

@@ -13,12 +13,15 @@
 } :root { /* 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 { /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */
 
     /* новые значения, используйте их */
 
     /* no-unit может приводить к проблемам в calc (#1559) */
     /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
+    --gap-16: var(--gap-m);
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -32,4 +35,6 @@
     /* optgroup */
 } .select__component_1t4hx.select__component_1t4hx {
     width: auto;
+} .select__size-72_1t4hx {
+    padding: var(--gap-0) 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);
     }