@alfalab/core-components-select 13.0.3 → 13.1.1

package/cssm/components/base-option/Component.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { OptionProps } from "../../typings";
+declare const BaseOption: FC<OptionProps>;
+export { BaseOption };

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

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../tslib.es6-0857346e.js');
+var React = require('react');
+var cn = require('classnames');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('@alfalab/core-components-checkbox/cssm');
+require('../base-checkmark/index.module.css');
+var components_baseCheckmark_Component = require('../base-checkmark/Component.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(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, innerProps = _a.innerProps, dataTestId = _a.dataTestId, _e = _a.mobile, mobile = _e === void 0 ? false : _e;
+    var content = children || option.content || option.key;
+    var _f = option.showCheckMark, showCheckMark = _f === void 0 ? true : _f;
+    var isTextContent = !React.isValidElement(content);
+    var renderCheckmark = function () {
+        if (Checkmark && showCheckMark) {
+            return React__default['default'].createElement(Checkmark, { disabled: disabled, selected: selected, multiple: multiple });
+        }
+        return null;
+    };
+    return (React__default['default'].createElement("div", tslib_es6.__assign({}, innerProps, { className: cn__default['default'](styles__default['default'].option, className, (_b = {},
+            _b[styles__default['default'].highlighted] = highlighted,
+            _b[styles__default['default'].selected] = selected,
+            _b[styles__default['default'].disabled] = disabled,
+            _b[styles__default['default'].textContent] = isTextContent && !mobile,
+            _b[styles__default['default'].mobileTextContent] = isTextContent && mobile,
+            _b[styles__default['default'].checkmarkAfter] = !isTextContent && checkmarkPosition === 'after',
+            _b[styles__default['default'].checkmarkBefore] = !isTextContent && checkmarkPosition === 'before',
+            _b)), "data-test-id": dataTestId }),
+        checkmarkPosition === 'before' && renderCheckmark(),
+        React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].content) }, content),
+        checkmarkPosition === 'after' && renderCheckmark()));
+};
+
+exports.BaseOption = BaseOption;

package/cssm/components/base-option/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/cssm/components/base-option/index.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../tslib.es6-0857346e.js');
+require('react');
+require('classnames');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('@alfalab/core-components-checkbox/cssm');
+require('../base-checkmark/index.module.css');
+require('../base-checkmark/Component.js');
+require('./index.module.css');
+var components_baseOption_Component = require('./Component.js');
+
+
+
+exports.BaseOption = components_baseOption_Component.BaseOption;

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

@@ -0,0 +1,93 @@
+:root {
+    --color-light-bg-primary: #fff;
+    --color-light-bg-secondary: #f3f4f5;
+    --color-light-bg-tertiary: #e7e9eb;
+    --color-light-text-primary: #0b1f35;
+    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-s: 12px;
+    --gap-m: 16px;
+}
+:root {
+    --disabled-cursor: not-allowed;
+    --size-s-height: 48px;
+}
+:root {
+
+    /* options list */
+
+    /* option */
+    --select-option-background: var(--color-light-bg-primary);
+    --select-option-selected-background: var(--color-light-bg-primary);
+    --select-option-hover-background: var(--color-light-bg-secondary);
+    --select-option-active-background: var(--color-light-bg-tertiary);
+    --select-option-disabled-background: var(--color-light-bg-primary);
+    --select-option-color: var(--color-light-text-primary);
+    --select-option-selected-color: var(--color-light-text-primary);
+    --select-option-hover-color: var(--color-light-text-primary);
+    --select-option-active-color: var(--color-light-text-primary);
+    --select-option-disabled-color: var(--color-light-text-secondary);
+
+    /* checkmark */
+
+    /* optgroup */
+}
+.option {
+    font-size: 16px;
+    line-height: 20px;
+    font-weight: 400;
+
+    display: flex;
+    align-items: center;
+    grid-gap: var(--gap-s);
+    gap: var(--gap-s);
+    transition: background-color 0.2s ease;
+    background: var(--select-option-background);
+    color: var(--select-option-color);
+    box-sizing: border-box;
+    position: relative;
+    cursor: pointer;
+    min-height: var(--size-s-height)
+}
+.option:not(.disabled):active {
+        background: var(--select-option-active-background);
+        color: var(--select-option-active-color);
+    }
+.option.checkmarkBefore {
+        padding: 0 0 0 var(--gap-s);
+    }
+.option.checkmarkAfter {
+        padding: 0 var(--gap-s) 0 0;
+    }
+.option.textContent {
+        padding: var(--gap-s);
+    }
+.option.mobileTextContent {
+        padding: var(--gap-m);
+    }
+.selected {
+    background: var(--select-option-selected-background);
+    color: var(--select-option-selected-color);
+    cursor: default;
+}
+.highlighted {
+    background: var(--select-option-hover-background);
+    color: var(--select-option-hover-color);
+}
+.disabled {
+    cursor: var(--disabled-cursor);
+    background: var(--select-option-disabled-background);
+    color: var(--select-option-disabled-color);
+}
+.content {
+    flex: 1;
+}

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

@@ -22,6 +22,11 @@ require('../field/index.module.css');
 require('../field/Component.js');
 require('../optgroup/index.module.css');
 require('../optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('./checkmark/index.module.css');
+require('./checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');
@@ -34,16 +39,18 @@ require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
-var presets_useSelectWithApply_hook = require('../../Component-095a346d.js');
+var presets_useSelectWithApply_hook = require('../../Component-c7975bd7.js');
 require('../../presets/useSelectWithApply/options-list-with-apply/index.module.css');
-require('./checkmark/index.module.css');
-require('./checkmark/Component.js');
+require('../base-checkmark/index.module.css');
+require('../base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('./options-list/index.module.css');
 require('./options-list/Component.js');
 require('./index.module.css');
 require('react-virtual');
 require('../virtual-options-list/index.module.css');
+require('../base-option/index.module.css');
+require('../base-option/Component.js');
 require('@alfalab/core-components-skeleton/cssm');
 require('../../presets/useSelectWithLoading/index.module.css');
 require('../../presets/useLazyLoading/index.module.css');

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

@@ -4,6 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
+var badge = require('@alfalab/core-components/badge');
+var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+var CheckmarkMIcon = require('@alfalab/icons-glyph/CheckmarkMIcon');
 var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15,9 +18,11 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 var Checkmark = function (_a) {
     var _b;
     var selected = _a.selected, className = _a.className;
-    return (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].checkmark, className, (_b = {},
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].checkmark, className, (_b = {},
             _b[styles__default['default'].selected] = selected,
-            _b)) }));
+            _b)) },
+        React__default['default'].createElement(CheckmarkMIcon.CheckmarkMIcon, { className: styles__default['default'].displayIcon }),
+        React__default['default'].createElement(badge.Badge, { className: styles__default['default'].displayBadge, view: 'icon', size: 'm', iconColor: 'positive', content: React__default['default'].createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, null) })));
 };
 
 exports.Checkmark = Checkmark;

package/cssm/components/base-select-mobile/checkmark/index.js

@@ -4,6 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('./index.module.css');
 var components_baseSelectMobile_checkmark_Component = require('./Component.js');
 

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

@@ -13,7 +13,8 @@
     /* option */
 
     /* checkmark */
-    --select-mobile-checkmark-background: url('https://alfabank.servicecdn.ru/icons/glyph_checkmark_m.svg');
+    --select-mobile-checkmark-display-icon: block;
+    --select-mobile-checkmark-display-badge: none;
 
     /* optgroup */
 }
@@ -22,8 +23,6 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    background: var(--select-mobile-checkmark-background);
-    background-size: cover;
     width: 24px;
     height: 24px;
     opacity: 0
@@ -34,3 +33,9 @@
 .checkmark.selected {
         opacity: 1;
     }
+.displayIcon {
+    display: var(--select-mobile-checkmark-display-icon);
+}
+.displayBadge {
+    display: var(--select-mobile-checkmark-display-badge);
+}

package/cssm/components/base-select-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-095a346d";
+export * from "../../Component-c7975bd7";

package/cssm/components/base-select-mobile/index.js

@@ -22,6 +22,11 @@ require('../field/index.module.css');
 require('../field/Component.js');
 require('../optgroup/index.module.css');
 require('../optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('./checkmark/index.module.css');
+require('./checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');
@@ -34,16 +39,18 @@ require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
-var presets_useSelectWithApply_hook = require('../../Component-095a346d.js');
+var presets_useSelectWithApply_hook = require('../../Component-c7975bd7.js');
 require('../../presets/useSelectWithApply/options-list-with-apply/index.module.css');
-require('./checkmark/index.module.css');
-require('./checkmark/Component.js');
+require('../base-checkmark/index.module.css');
+require('../base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('./options-list/index.module.css');
 require('./options-list/Component.js');
 require('./index.module.css');
 require('react-virtual');
 require('../virtual-options-list/index.module.css');
+require('../base-option/index.module.css');
+require('../base-option/Component.js');
 require('@alfalab/core-components-skeleton/cssm');
 require('../../presets/useSelectWithLoading/index.module.css');
 require('../../presets/useLazyLoading/index.module.css');

package/cssm/components/checkmark/Component.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
+var badge = require('@alfalab/core-components/badge');
+var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 var coreComponentsCheckbox = require('@alfalab/core-components-checkbox/cssm');
 var styles = require('./index.module.css');
 
@@ -23,7 +25,8 @@ var Checkmark = function (_a) {
         _b[styles__default['default'].selected] = selected,
         _b));
     var handleCheckboxClick = React.useCallback(function (event) { return event.stopPropagation(); }, []);
-    return single ? (React__default['default'].createElement("span", { className: checkmarkClassNames })) : (React__default['default'].createElement(coreComponentsCheckbox.Checkbox, { checked: selected, disabled: disabled, className: checkmarkClassNames, size: 'm', onClick: handleCheckboxClick }));
+    return single ? (React__default['default'].createElement("div", { className: checkmarkClassNames },
+        React__default['default'].createElement(badge.Badge, { className: styles__default['default'].after, view: 'icon', size: 'm', iconColor: 'positive', content: React__default['default'].createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: styles__default['default'].colorIcon }) }))) : (React__default['default'].createElement(coreComponentsCheckbox.Checkbox, { checked: selected, disabled: disabled, className: checkmarkClassNames, size: 'm', onClick: handleCheckboxClick }));
 };
 
 exports.Checkmark = Checkmark;

package/cssm/components/checkmark/index.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/core-components-checkbox/cssm');
 require('./index.module.css');
 var components_checkmark_Component = require('./Component.js');

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

@@ -1,4 +1,5 @@
 :root {
+    --color-light-graphic-positive: #2fc26e;
     --color-light-graphic-primary: #0b1f35;
 }
 :root {
@@ -61,3 +62,6 @@
 .after {
     display: var(--select-checkmark-after-display);
 }
+.colorIcon {
+    color: var(--color-light-graphic-positive);
+}

package/cssm/components/index.d.ts

@@ -7,3 +7,4 @@ export * from "./optgroup/index";
 export * from "./option/index";
 export * from "./options-list/index";
 export * from "./virtual-options-list/index";
+export * from "./base-option/index";

package/cssm/components/index.js

@@ -22,6 +22,11 @@ require('./field/index.module.css');
 var components_field_Component = require('./field/Component.js');
 require('./optgroup/index.module.css');
 var components_optgroup_Component = require('./optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('./base-select-mobile/checkmark/index.module.css');
+require('./base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('./checkmark/index.module.css');
 require('./checkmark/Component.js');
@@ -34,10 +39,10 @@ require('../Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
-var presets_useSelectWithApply_hook = require('../Component-095a346d.js');
+var presets_useSelectWithApply_hook = require('../Component-c7975bd7.js');
 require('../presets/useSelectWithApply/options-list-with-apply/index.module.css');
-require('./base-select-mobile/checkmark/index.module.css');
-require('./base-select-mobile/checkmark/Component.js');
+require('./base-checkmark/index.module.css');
+require('./base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('./base-select-mobile/options-list/index.module.css');
 require('./base-select-mobile/options-list/Component.js');
@@ -45,6 +50,8 @@ require('./base-select-mobile/index.module.css');
 require('react-virtual');
 require('./virtual-options-list/index.module.css');
 var components_virtualOptionsList_Component = require('./virtual-options-list/Component.js');
+require('./base-option/index.module.css');
+var components_baseOption_Component = require('./base-option/Component.js');
 require('@alfalab/core-components-skeleton/cssm');
 require('../presets/useSelectWithLoading/index.module.css');
 require('../presets/useLazyLoading/index.module.css');
@@ -61,3 +68,4 @@ exports.OptionsList = components_optionsList_Component.OptionsList;
 exports.SelectMobile = presets_useSelectWithApply_hook.SelectMobile;
 exports.SelectModalMobile = presets_useSelectWithApply_hook.SelectModalMobile;
 exports.VirtualOptionsList = components_virtualOptionsList_Component.VirtualOptionsList;
+exports.BaseOption = components_baseOption_Component.BaseOption;

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

@@ -11,7 +11,7 @@
     /* Hard up */
 }
 :root {
-    --gap-xs: 8px;
+    --gap-2xs: 4px;
     --gap-s: 12px;
     --gap-m: 16px;
 }
@@ -36,7 +36,7 @@
     position: relative;
     display: flex;
     align-items: center;
-    padding: var(--gap-m) var(--select-optgroup-right-padding) var(--gap-xs)
+    padding: var(--gap-s) var(--select-optgroup-right-padding) var(--gap-2xs)
         var(--select-optgroup-left-padding);
     box-sizing: border-box;
     background: var(--select-optgroup-background);

package/cssm/components/option/Component.js

@@ -5,6 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../../tslib.es6-0857346e.js');
 var React = require('react');
 var cn = require('classnames');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../base-select-mobile/checkmark/index.module.css');
+var components_baseSelectMobile_checkmark_Component = require('../base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../checkmark/index.module.css');
 var components_checkmark_Component = require('../checkmark/Component.js');
@@ -18,7 +23,7 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Option = function (_a) {
     var _b, _c;
-    var _d = _a.size, size = _d === void 0 ? 's' : _d, className = _a.className, option = _a.option, children = _a.children, selected = _a.selected, highlighted = _a.highlighted, disabled = _a.disabled, multiple = _a.multiple, _e = _a.Checkmark, Checkmark = _e === void 0 ? components_checkmark_Component.Checkmark : _e, innerProps = _a.innerProps, dataTestId = _a.dataTestId;
+    var _d = _a.size, size = _d === void 0 ? 's' : _d, className = _a.className, option = _a.option, children = _a.children, selected = _a.selected, highlighted = _a.highlighted, disabled = _a.disabled, multiple = _a.multiple, mobile = _a.mobile, _e = _a.Checkmark, Checkmark = _e === void 0 ? mobile ? components_baseSelectMobile_checkmark_Component.Checkmark : components_checkmark_Component.Checkmark : _e, innerProps = _a.innerProps, dataTestId = _a.dataTestId;
     var content = children || option.content || option.key;
     var _f = option.showCheckMark, showCheckMark = _f === void 0 ? true : _f;
     return (React__default['default'].createElement("div", tslib_es6.__assign({}, innerProps, { className: cn__default['default'](styles__default['default'].option, styles__default['default'][size], className, (_b = {},

package/cssm/components/option/index.js

@@ -5,6 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('../../tslib.es6-0857346e.js');
 require('react');
 require('classnames');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../base-select-mobile/checkmark/index.module.css');
+require('../base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');

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

@@ -22,6 +22,11 @@ require('../field/index.module.css');
 require('../field/Component.js');
 require('../optgroup/index.module.css');
 require('../optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../base-select-mobile/checkmark/index.module.css');
+require('../base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');
@@ -34,16 +39,18 @@ require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
-var presets_useSelectWithApply_hook = require('../../Component-095a346d.js');
+var presets_useSelectWithApply_hook = require('../../Component-c7975bd7.js');
 require('../../presets/useSelectWithApply/options-list-with-apply/index.module.css');
-require('../base-select-mobile/checkmark/index.module.css');
-require('../base-select-mobile/checkmark/Component.js');
+require('../base-checkmark/index.module.css');
+require('../base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../base-select-mobile/options-list/index.module.css');
 require('../base-select-mobile/options-list/Component.js');
 require('../base-select-mobile/index.module.css');
 require('react-virtual');
 require('../virtual-options-list/index.module.css');
+require('../base-option/index.module.css');
+require('../base-option/Component.js');
 require('@alfalab/core-components-skeleton/cssm');
 require('../../presets/useSelectWithLoading/index.module.css');
 require('../../presets/useLazyLoading/index.module.css');

package/cssm/components/select-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-095a346d";
+export * from "../../Component-c7975bd7";

package/cssm/components/select-mobile/index.js

@@ -22,6 +22,11 @@ require('../field/index.module.css');
 require('../field/Component.js');
 require('../optgroup/index.module.css');
 require('../optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../base-select-mobile/checkmark/index.module.css');
+require('../base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');
@@ -34,16 +39,18 @@ require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
-var presets_useSelectWithApply_hook = require('../../Component-095a346d.js');
+var presets_useSelectWithApply_hook = require('../../Component-c7975bd7.js');
 require('../../presets/useSelectWithApply/options-list-with-apply/index.module.css');
-require('../base-select-mobile/checkmark/index.module.css');
-require('../base-select-mobile/checkmark/Component.js');
+require('../base-checkmark/index.module.css');
+require('../base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../base-select-mobile/options-list/index.module.css');
 require('../base-select-mobile/options-list/Component.js');
 require('../base-select-mobile/index.module.css');
 require('react-virtual');
 require('../virtual-options-list/index.module.css');
+require('../base-option/index.module.css');
+require('../base-option/Component.js');
 require('@alfalab/core-components-skeleton/cssm');
 require('../../presets/useSelectWithLoading/index.module.css');
 require('../../presets/useLazyLoading/index.module.css');

package/cssm/components/select-modal-mobile/Component.js

@@ -22,6 +22,11 @@ require('../field/index.module.css');
 require('../field/Component.js');
 require('../optgroup/index.module.css');
 require('../optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../base-select-mobile/checkmark/index.module.css');
+require('../base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');
@@ -34,16 +39,18 @@ require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
-var presets_useSelectWithApply_hook = require('../../Component-095a346d.js');
+var presets_useSelectWithApply_hook = require('../../Component-c7975bd7.js');
 require('../../presets/useSelectWithApply/options-list-with-apply/index.module.css');
-require('../base-select-mobile/checkmark/index.module.css');
-require('../base-select-mobile/checkmark/Component.js');
+require('../base-checkmark/index.module.css');
+require('../base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../base-select-mobile/options-list/index.module.css');
 require('../base-select-mobile/options-list/Component.js');
 require('../base-select-mobile/index.module.css');
 require('react-virtual');
 require('../virtual-options-list/index.module.css');
+require('../base-option/index.module.css');
+require('../base-option/Component.js');
 require('@alfalab/core-components-skeleton/cssm');
 require('../../presets/useSelectWithLoading/index.module.css');
 require('../../presets/useLazyLoading/index.module.css');

package/cssm/components/select-modal-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-095a346d";
+export * from "../../Component-c7975bd7";

package/cssm/components/select-modal-mobile/index.js

@@ -22,6 +22,11 @@ require('../field/index.module.css');
 require('../field/Component.js');
 require('../optgroup/index.module.css');
 require('../optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../base-select-mobile/checkmark/index.module.css');
+require('../base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');
@@ -34,16 +39,18 @@ require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
-var presets_useSelectWithApply_hook = require('../../Component-095a346d.js');
+var presets_useSelectWithApply_hook = require('../../Component-c7975bd7.js');
 require('../../presets/useSelectWithApply/options-list-with-apply/index.module.css');
-require('../base-select-mobile/checkmark/index.module.css');
-require('../base-select-mobile/checkmark/Component.js');
+require('../base-checkmark/index.module.css');
+require('../base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../base-select-mobile/options-list/index.module.css');
 require('../base-select-mobile/options-list/Component.js');
 require('../base-select-mobile/index.module.css');
 require('react-virtual');
 require('../virtual-options-list/index.module.css');
+require('../base-option/index.module.css');
+require('../base-option/Component.js');
 require('@alfalab/core-components-skeleton/cssm');
 require('../../presets/useSelectWithLoading/index.module.css');
 require('../../presets/useLazyLoading/index.module.css');