@alfalab/core-components 44.7.1 → 44.7.3

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

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

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

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

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

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

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

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

package/pure-cell/modern/components/types.d.ts

@@ -7,14 +7,14 @@ import { FooterText } from "./footer-text/index";
 import { Graphics } from "./graphics/index";
 import { Text } from "./text/index";
 type TextElement = ReactElement<typeof Text>;
-type GraphicsElement = ReactElement<typeof Graphics> | boolean;
+type GraphicsElement = ReactElement<typeof Graphics>;
 type AmountElement = ReactElement<typeof Amount>;
 type AmountTitleElement = ReactElement<typeof AmountTitle>;
 type CommentElement = ReactElement<typeof Comment>;
 type FooterButtonElement = ReactElement<typeof FooterButton>;
 type FooterTitleElement = ReactElement<typeof FooterText>;
-type FooterElement = Array<ReactElement<FooterButtonElement> | FooterTitleElement> | CommentElement | boolean;
-type MainElement = Array<undefined | '' | TextElement | AmountElement | AmountTitleElement> | (TextElement | AmountElement | AmountTitleElement | boolean);
+type FooterElement = Array<ReactElement<FooterButtonElement> | FooterTitleElement> | CommentElement;
+type MainElement = Array<undefined | '' | TextElement | AmountElement | AmountTitleElement> | (TextElement | AmountElement | AmountTitleElement);
 type ContentElement = Array<MainElement | AddonElement | FooterElement> | MainElement;
 type AddonElement = Array<TextElement | ReactNode> | TextElement | ReactNode;
 type PureCellElement = Array<GraphicsElement | ContentElement> | ContentElement;

package/pure-cell/modern/index.js

@@ -1,4 +1,4 @@
-export { P as PureCell } from './component-e207609e.js';
+export { P as PureCell } from './component-1c8b86d9.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/segmented-control/Component.d.ts

@@ -1,4 +1,6 @@
-import { FC, ReactElement } from 'react';
+/// <reference types="react" />
+import React from 'react';
+import { FC, ReactElement } from "react";
 import { SegmentProps } from "./components/index";
 import { ContextType } from "./context";
 import { IDType } from "./typing";
@@ -35,6 +37,10 @@ type SegmentedControlProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Дополнительные инлайн стили для враппера
+     */
+    style?: React.CSSProperties;
 };
 declare const SegmentedControl: FC<SegmentedControlProps>;
 export { SegmentedControlProps, SegmentedControl };

package/segmented-control/Component.js

@@ -25,7 +25,7 @@ var colorStyles = {
 };
 var MAX_SEGMENTS = 5;
 var SegmentedControl = function (_a) {
-    var className = _a.className, selectedId = _a.selectedId, onChange = _a.onChange, _b = _a.shape, shape = _b === void 0 ? 'rectangular' : _b, _c = _a.size, size = _c === void 0 ? 'xxs' : _c, defaultChildren = _a.children, _d = _a.colors, colors = _d === void 0 ? 'default' : _d, dataTestId = _a.dataTestId;
+    var className = _a.className, selectedId = _a.selectedId, onChange = _a.onChange, _b = _a.shape, shape = _b === void 0 ? 'rectangular' : _b, _c = _a.size, size = _c === void 0 ? 'xxs' : _c, defaultChildren = _a.children, _d = _a.colors, colors = _d === void 0 ? 'default' : _d, dataTestId = _a.dataTestId, style = _a.style;
     var wrapperRef = React.useRef(null);
     var innerRef = React.useRef(null);
     var selectedBoxRef = React.useRef(null);
@@ -60,18 +60,19 @@ var SegmentedControl = function (_a) {
     return (
     // eslint-disable-next-line react/jsx-no-constructed-context-values
     React__default.default.createElement(context.SegmentedControlContext.Provider, { value: { onChange: onChange, colors: colors } },
-        React__default.default.createElement("div", { ref: wrapperRef, className: cn__default.default(styles.wrapper, colorStyles[colors].wrapper, styles[shape], styles[size], className), "data-test-id": dataTestId },
-            React__default.default.createElement("div", { className: cn__default.default(styles.container) },
-                React__default.default.createElement("div", { className: cn__default.default(styles.selectedBox, colorStyles[colors].selectedBox, styles[shape]), ref: selectedBoxRef }),
-                React__default.default.createElement("div", { className: cn__default.default(styles.inner), ref: innerRef }, React__default.default.Children.map(children, function (item) {
-                    var _a;
-                    return React__default.default.cloneElement(item, {
-                        className: cn__default.default(styles.segment, colorStyles[colors].segment, (_a = {},
-                            _a[styles.selected] = item.props.id === selectedId,
-                            _a[colorStyles[colors].selected] = item.props.id === selectedId,
-                            _a), item.props.className),
-                    });
-                })))),
+        React__default.default.createElement("div", { ref: wrapperRef, className: className, style: style, "data-test-id": dataTestId },
+            React__default.default.createElement("div", { className: cn__default.default(styles.wrapper, colorStyles[colors].wrapper, styles[shape], styles[size]) },
+                React__default.default.createElement("div", { className: cn__default.default(styles.container) },
+                    React__default.default.createElement("div", { className: cn__default.default(styles.selectedBox, colorStyles[colors].selectedBox, styles[shape]), ref: selectedBoxRef }),
+                    React__default.default.createElement("div", { className: cn__default.default(styles.inner), ref: innerRef }, React__default.default.Children.map(children, function (item) {
+                        var _a;
+                        return React__default.default.cloneElement(item, {
+                            className: cn__default.default(styles.segment, colorStyles[colors].segment, (_a = {},
+                                _a[styles.selected] = item.props.id === selectedId,
+                                _a[colorStyles[colors].selected] = item.props.id === selectedId,
+                                _a), item.props.className),
+                        });
+                    }))))),
         content && React__default.default.createElement("div", { className: cn__default.default(contentClassName) }, content)));
 };
 

package/segmented-control/cssm/Component.d.ts

@@ -1,4 +1,6 @@
-import { FC, ReactElement } from 'react';
+/// <reference types="react" />
+import React from 'react';
+import { FC, ReactElement } from "react";
 import { SegmentProps } from "./components/index";
 import { ContextType } from "./context";
 import { IDType } from "./typing";
@@ -35,6 +37,10 @@ type SegmentedControlProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Дополнительные инлайн стили для враппера
+     */
+    style?: React.CSSProperties;
 };
 declare const SegmentedControl: FC<SegmentedControlProps>;
 export { SegmentedControlProps, SegmentedControl };

package/segmented-control/cssm/Component.js

@@ -22,7 +22,7 @@ var colorStyles = {
 };
 var MAX_SEGMENTS = 5;
 var SegmentedControl = function (_a) {
-    var className = _a.className, selectedId = _a.selectedId, onChange = _a.onChange, _b = _a.shape, shape = _b === void 0 ? 'rectangular' : _b, _c = _a.size, size = _c === void 0 ? 'xxs' : _c, defaultChildren = _a.children, _d = _a.colors, colors = _d === void 0 ? 'default' : _d, dataTestId = _a.dataTestId;
+    var className = _a.className, selectedId = _a.selectedId, onChange = _a.onChange, _b = _a.shape, shape = _b === void 0 ? 'rectangular' : _b, _c = _a.size, size = _c === void 0 ? 'xxs' : _c, defaultChildren = _a.children, _d = _a.colors, colors = _d === void 0 ? 'default' : _d, dataTestId = _a.dataTestId, style = _a.style;
     var wrapperRef = React.useRef(null);
     var innerRef = React.useRef(null);
     var selectedBoxRef = React.useRef(null);
@@ -57,18 +57,19 @@ var SegmentedControl = function (_a) {
     return (
     // eslint-disable-next-line react/jsx-no-constructed-context-values
     React__default.default.createElement(context.SegmentedControlContext.Provider, { value: { onChange: onChange, colors: colors } },
-        React__default.default.createElement("div", { ref: wrapperRef, className: cn__default.default(styles__default.default.wrapper, colorStyles[colors].wrapper, styles__default.default[shape], styles__default.default[size], className), "data-test-id": dataTestId },
-            React__default.default.createElement("div", { className: cn__default.default(styles__default.default.container) },
-                React__default.default.createElement("div", { className: cn__default.default(styles__default.default.selectedBox, colorStyles[colors].selectedBox, styles__default.default[shape]), ref: selectedBoxRef }),
-                React__default.default.createElement("div", { className: cn__default.default(styles__default.default.inner), ref: innerRef }, React__default.default.Children.map(children, function (item) {
-                    var _a;
-                    return React__default.default.cloneElement(item, {
-                        className: cn__default.default(styles__default.default.segment, colorStyles[colors].segment, (_a = {},
-                            _a[styles__default.default.selected] = item.props.id === selectedId,
-                            _a[colorStyles[colors].selected] = item.props.id === selectedId,
-                            _a), item.props.className),
-                    });
-                })))),
+        React__default.default.createElement("div", { ref: wrapperRef, className: className, style: style, "data-test-id": dataTestId },
+            React__default.default.createElement("div", { className: cn__default.default(styles__default.default.wrapper, colorStyles[colors].wrapper, styles__default.default[shape], styles__default.default[size]) },
+                React__default.default.createElement("div", { className: cn__default.default(styles__default.default.container) },
+                    React__default.default.createElement("div", { className: cn__default.default(styles__default.default.selectedBox, colorStyles[colors].selectedBox, styles__default.default[shape]), ref: selectedBoxRef }),
+                    React__default.default.createElement("div", { className: cn__default.default(styles__default.default.inner), ref: innerRef }, React__default.default.Children.map(children, function (item) {
+                        var _a;
+                        return React__default.default.cloneElement(item, {
+                            className: cn__default.default(styles__default.default.segment, colorStyles[colors].segment, (_a = {},
+                                _a[styles__default.default.selected] = item.props.id === selectedId,
+                                _a[colorStyles[colors].selected] = item.props.id === selectedId,
+                                _a), item.props.className),
+                        });
+                    }))))),
         content && React__default.default.createElement("div", { className: cn__default.default(contentClassName) }, content)));
 };
 

package/segmented-control/esm/Component.d.ts

@@ -1,4 +1,6 @@
-import { FC, ReactElement } from 'react';
+/// <reference types="react" />
+import React from 'react';
+import { FC, ReactElement } from "react";
 import { SegmentProps } from "./components/index";
 import { ContextType } from "./context";
 import { IDType } from "./typing";
@@ -35,6 +37,10 @@ type SegmentedControlProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Дополнительные инлайн стили для враппера
+     */
+    style?: React.CSSProperties;
 };
 declare const SegmentedControl: FC<SegmentedControlProps>;
 export { SegmentedControlProps, SegmentedControl };

package/segmented-control/esm/Component.js

@@ -18,7 +18,7 @@ var colorStyles = {
 };
 var MAX_SEGMENTS = 5;
 var SegmentedControl = function (_a) {
-    var className = _a.className, selectedId = _a.selectedId, onChange = _a.onChange, _b = _a.shape, shape = _b === void 0 ? 'rectangular' : _b, _c = _a.size, size = _c === void 0 ? 'xxs' : _c, defaultChildren = _a.children, _d = _a.colors, colors = _d === void 0 ? 'default' : _d, dataTestId = _a.dataTestId;
+    var className = _a.className, selectedId = _a.selectedId, onChange = _a.onChange, _b = _a.shape, shape = _b === void 0 ? 'rectangular' : _b, _c = _a.size, size = _c === void 0 ? 'xxs' : _c, defaultChildren = _a.children, _d = _a.colors, colors = _d === void 0 ? 'default' : _d, dataTestId = _a.dataTestId, style = _a.style;
     var wrapperRef = useRef(null);
     var innerRef = useRef(null);
     var selectedBoxRef = useRef(null);
@@ -53,18 +53,19 @@ var SegmentedControl = function (_a) {
     return (
     // eslint-disable-next-line react/jsx-no-constructed-context-values
     React.createElement(SegmentedControlContext.Provider, { value: { onChange: onChange, colors: colors } },
-        React.createElement("div", { ref: wrapperRef, className: cn(styles.wrapper, colorStyles[colors].wrapper, styles[shape], styles[size], className), "data-test-id": dataTestId },
-            React.createElement("div", { className: cn(styles.container) },
-                React.createElement("div", { className: cn(styles.selectedBox, colorStyles[colors].selectedBox, styles[shape]), ref: selectedBoxRef }),
-                React.createElement("div", { className: cn(styles.inner), ref: innerRef }, React.Children.map(children, function (item) {
-                    var _a;
-                    return React.cloneElement(item, {
-                        className: cn(styles.segment, colorStyles[colors].segment, (_a = {},
-                            _a[styles.selected] = item.props.id === selectedId,
-                            _a[colorStyles[colors].selected] = item.props.id === selectedId,
-                            _a), item.props.className),
-                    });
-                })))),
+        React.createElement("div", { ref: wrapperRef, className: className, style: style, "data-test-id": dataTestId },
+            React.createElement("div", { className: cn(styles.wrapper, colorStyles[colors].wrapper, styles[shape], styles[size]) },
+                React.createElement("div", { className: cn(styles.container) },
+                    React.createElement("div", { className: cn(styles.selectedBox, colorStyles[colors].selectedBox, styles[shape]), ref: selectedBoxRef }),
+                    React.createElement("div", { className: cn(styles.inner), ref: innerRef }, React.Children.map(children, function (item) {
+                        var _a;
+                        return React.cloneElement(item, {
+                            className: cn(styles.segment, colorStyles[colors].segment, (_a = {},
+                                _a[styles.selected] = item.props.id === selectedId,
+                                _a[colorStyles[colors].selected] = item.props.id === selectedId,
+                                _a), item.props.className),
+                        });
+                    }))))),
         content && React.createElement("div", { className: cn(contentClassName) }, content)));
 };
 

package/segmented-control/modern/Component.d.ts

@@ -1,4 +1,6 @@
-import { FC, ReactElement } from 'react';
+/// <reference types="react" />
+import React from 'react';
+import { FC, ReactElement } from "react";
 import { SegmentProps } from "./components/index";
 import { ContextType } from "./context";
 import { IDType } from "./typing";
@@ -35,6 +37,10 @@ type SegmentedControlProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Дополнительные инлайн стили для враппера
+     */
+    style?: React.CSSProperties;
 };
 declare const SegmentedControl: FC<SegmentedControlProps>;
 export { SegmentedControlProps, SegmentedControl };

package/segmented-control/modern/Component.js

@@ -17,7 +17,7 @@ const colorStyles = {
     inverted: invertedColors,
 };
 const MAX_SEGMENTS = 5;
-const SegmentedControl = ({ className, selectedId, onChange, shape = 'rectangular', size = 'xxs', children: defaultChildren, colors = 'default', dataTestId, }) => {
+const SegmentedControl = ({ className, selectedId, onChange, shape = 'rectangular', size = 'xxs', children: defaultChildren, colors = 'default', dataTestId, style, }) => {
     const wrapperRef = useRef(null);
     const innerRef = useRef(null);
     const selectedBoxRef = useRef(null);
@@ -52,15 +52,16 @@ const SegmentedControl = ({ className, selectedId, onChange, shape = 'rectangula
     return (
     // eslint-disable-next-line react/jsx-no-constructed-context-values
     React.createElement(SegmentedControlContext.Provider, { value: { onChange, colors } },
-        React.createElement("div", { ref: wrapperRef, className: cn(styles.wrapper, colorStyles[colors].wrapper, styles[shape], styles[size], className), "data-test-id": dataTestId },
-            React.createElement("div", { className: cn(styles.container) },
-                React.createElement("div", { className: cn(styles.selectedBox, colorStyles[colors].selectedBox, styles[shape]), ref: selectedBoxRef }),
-                React.createElement("div", { className: cn(styles.inner), ref: innerRef }, React.Children.map(children, (item) => React.cloneElement(item, {
-                    className: cn(styles.segment, colorStyles[colors].segment, {
-                        [styles.selected]: item.props.id === selectedId,
-                        [colorStyles[colors].selected]: item.props.id === selectedId,
-                    }, item.props.className),
-                }))))),
+        React.createElement("div", { ref: wrapperRef, className: className, style: style, "data-test-id": dataTestId },
+            React.createElement("div", { className: cn(styles.wrapper, colorStyles[colors].wrapper, styles[shape], styles[size]) },
+                React.createElement("div", { className: cn(styles.container) },
+                    React.createElement("div", { className: cn(styles.selectedBox, colorStyles[colors].selectedBox, styles[shape]), ref: selectedBoxRef }),
+                    React.createElement("div", { className: cn(styles.inner), ref: innerRef }, React.Children.map(children, (item) => React.cloneElement(item, {
+                        className: cn(styles.segment, colorStyles[colors].segment, {
+                            [styles.selected]: item.props.id === selectedId,
+                            [colorStyles[colors].selected]: item.props.id === selectedId,
+                        }, item.props.className),
+                    })))))),
         content && React.createElement("div", { className: cn(contentClassName) }, content)));
 };
 

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

@@ -67,9 +67,9 @@
         padding: 0 0 0 var(--gap-s)
     } .select__option_13bmv.select__checkmarkBefore_13bmv.select__mobile_13bmv {
             padding-left: var(--gap-m);
-        } .select__option_13bmv.select__checkmarkAfter_13bmv.select__checkmarkAfter_13bmv {
+        } .select__option_13bmv.select__checkmarkAfter_13bmv {
         padding: 0 var(--gap-s) 0 0
-    } .select__option_13bmv.select__checkmarkAfter_13bmv.select__checkmarkAfter_13bmv.select__mobile_13bmv {
+    } .select__option_13bmv.select__checkmarkAfter_13bmv.select__mobile_13bmv {
             padding-right: var(--gap-l);
         } .select__option_13bmv.select__textContent_13bmv {
         padding: var(--gap-s)

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

@@ -47,9 +47,9 @@
     flex: 1;
 } .select__search_jo8og {
     padding: var(--gap-xs);
-} .select__option_jo8og.select__option_jo8og {
+} .select__option_jo8og {
     padding: var(--gap-2xs) var(--gap-l) var(--gap-2xs) var(--gap-m)
-} .select__option_jo8og.select__option_jo8og:before {
+} .select__option_jo8og:before {
         display: none;
     } .select__optionGroup_jo8og {
     padding: var(--gap-m) var(--gap-m) var(--gap-xs);

package/select/components/checkmark/index.css

@@ -61,9 +61,9 @@
 } .select__before_u7j1e.select__multiple_u7j1e {
         margin-right: var(--gap-s);
         display: var(--select-checkmark-before-display-multiple);
-    } .select__after_u7j1e.select__after_u7j1e {
+    } .select__after_u7j1e {
     display: var(--select-checkmark-after-display)
-} .select__after_u7j1e.select__after_u7j1e.select__single_u7j1e {
+} .select__after_u7j1e.select__single_u7j1e {
         display: var(--select-checkmark-after-display-single);
     } .select__colorIcon_u7j1e {
     color: var(--color-light-status-positive);

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

@@ -65,9 +65,9 @@
         padding: 0 0 0 var(--gap-s)
     } .option.checkmarkBefore.mobile {
             padding-left: var(--gap-m);
-        } .option.checkmarkAfter.checkmarkAfter {
+        } .option.checkmarkAfter {
         padding: 0 var(--gap-s) 0 0
-    } .option.checkmarkAfter.checkmarkAfter.mobile {
+    } .option.checkmarkAfter.mobile {
             padding-right: var(--gap-l);
         } .option.textContent {
         padding: var(--gap-s)

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

@@ -46,9 +46,9 @@
     flex: 1;
 } .search {
     padding: var(--gap-xs);
-} .option.option {
+} .option {
     padding: var(--gap-2xs) var(--gap-l) var(--gap-2xs) var(--gap-m)
-} .option.option:before {
+} .option:before {
         display: none;
     } .optionGroup {
     padding: var(--gap-m) var(--gap-m) var(--gap-xs);

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

@@ -60,9 +60,9 @@
 } .before.multiple {
         margin-right: var(--gap-s);
         display: var(--select-checkmark-before-display-multiple);
-    } .after.after {
+    } .after {
     display: var(--select-checkmark-after-display)
-} .after.after.single {
+} .after.single {
         display: var(--select-checkmark-after-display-single);
     } .colorIcon {
     color: var(--color-light-status-positive);

package/select/esm/Component.responsive.js

@@ -41,7 +41,7 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-693c40bc.js';
+import './hook-f4ceb9c7.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

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

@@ -67,9 +67,9 @@
         padding: 0 0 0 var(--gap-s)
     } .select__option_13bmv.select__checkmarkBefore_13bmv.select__mobile_13bmv {
             padding-left: var(--gap-m);
-        } .select__option_13bmv.select__checkmarkAfter_13bmv.select__checkmarkAfter_13bmv {
+        } .select__option_13bmv.select__checkmarkAfter_13bmv {
         padding: 0 var(--gap-s) 0 0
-    } .select__option_13bmv.select__checkmarkAfter_13bmv.select__checkmarkAfter_13bmv.select__mobile_13bmv {
+    } .select__option_13bmv.select__checkmarkAfter_13bmv.select__mobile_13bmv {
             padding-right: var(--gap-l);
         } .select__option_13bmv.select__textContent_13bmv {
         padding: var(--gap-s)

package/select/esm/components/base-select/mobile.css

@@ -47,9 +47,9 @@
     flex: 1;
 } .select__search_jo8og {
     padding: var(--gap-xs);
-} .select__option_jo8og.select__option_jo8og {
+} .select__option_jo8og {
     padding: var(--gap-2xs) var(--gap-l) var(--gap-2xs) var(--gap-m)
-} .select__option_jo8og.select__option_jo8og:before {
+} .select__option_jo8og:before {
         display: none;
     } .select__optionGroup_jo8og {
     padding: var(--gap-m) var(--gap-m) var(--gap-xs);

package/select/esm/components/checkmark/index.css

@@ -61,9 +61,9 @@
 } .select__before_u7j1e.select__multiple_u7j1e {
         margin-right: var(--gap-s);
         display: var(--select-checkmark-before-display-multiple);
-    } .select__after_u7j1e.select__after_u7j1e {
+    } .select__after_u7j1e {
     display: var(--select-checkmark-after-display)
-} .select__after_u7j1e.select__after_u7j1e.select__single_u7j1e {
+} .select__after_u7j1e.select__single_u7j1e {
         display: var(--select-checkmark-after-display-single);
     } .select__colorIcon_u7j1e {
     color: var(--color-light-status-positive);

package/select/esm/index.js

@@ -41,7 +41,7 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-693c40bc.js';
+import './hook-f4ceb9c7.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/esm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import { Option } from '../components/option/Component.js';
 import { OptionsList } from '../components/options-list/Component.js';
 import { Search } from '../components/search/Component.js';
 import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from '../hook-693c40bc.js';
+import { u as useSelectWithApply } from '../hook-f4ceb9c7.js';
 import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

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

@@ -37,7 +37,7 @@ import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-693c40bc.js';
+import '../hook-f4ceb9c7.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/esm/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/esm/mobile/index.js

@@ -38,7 +38,7 @@ import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-693c40bc.js';
+import '../hook-f4ceb9c7.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/esm/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/esm/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-693c40bc.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-f4ceb9c7.js';
 import 'tslib';
 import 'react';
 import '../../../skeleton/esm';

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

@@ -1,7 +1,7 @@
 import 'tslib';
 import 'react';
 import '../../../../shared/esm';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-693c40bc.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-f4ceb9c7.js';
 import '../../utils.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';

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

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

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

@@ -1 +1 @@
-export * from "../../../hook-693c40bc";
+export * from "../../../hook-f4ceb9c7";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-693c40bc.js';
+export { O as OptionsListWithApply } from '../../../hook-f4ceb9c7.js';
 import 'tslib';
 import 'react';
 import '../../../utils.js';

package/select/esm/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-693c40bc.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-f4ceb9c7.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';

package/select/mobile/Component.mobile.js

@@ -14,7 +14,7 @@ var components_option_Component = require('../components/option/Component.js');
 var components_optionsList_Component = require('../components/options-list/Component.js');
 var components_search_Component = require('../components/search/Component.js');
 var components_virtualOptionsList_Component = require('../components/virtual-options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-5b3405f1.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-56db6fb6.js');
 var presets_useSelectWithApply_optionsListWithApply_header_Component = require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/select/modern/Component.responsive.js

@@ -40,7 +40,7 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-97881f72.js';
+import './hook-14011f30.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/components/base-option/index.css

@@ -67,9 +67,9 @@
         padding: 0 0 0 var(--gap-s)
     } .select__option_13bmv.select__checkmarkBefore_13bmv.select__mobile_13bmv {
             padding-left: var(--gap-m);
-        } .select__option_13bmv.select__checkmarkAfter_13bmv.select__checkmarkAfter_13bmv {
+        } .select__option_13bmv.select__checkmarkAfter_13bmv {
         padding: 0 var(--gap-s) 0 0
-    } .select__option_13bmv.select__checkmarkAfter_13bmv.select__checkmarkAfter_13bmv.select__mobile_13bmv {
+    } .select__option_13bmv.select__checkmarkAfter_13bmv.select__mobile_13bmv {
             padding-right: var(--gap-l);
         } .select__option_13bmv.select__textContent_13bmv {
         padding: var(--gap-s)