@alfalab/core-components-select 15.3.0 → 16.0.1

package/components/base-select/index.css

@@ -1,8 +1,8 @@
-/* hash: 1j1vr */
+/* hash: 1lqoa */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
-    --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-border-secondary: #e7e8ec; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -37,12 +37,12 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_s8fer {
+} .select__component_17sdy {
     width: max-content;
     position: relative;
     outline: 0;
     max-width: 100%;
-} .select__popoverInner_s8fer {
+} .select__popoverInner_17sdy {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     box-shadow: none;
@@ -50,7 +50,7 @@
     background: transparent;
     border-radius: 0;
     position: relative;
-} .select__optionsList_s8fer {
+} .select__optionsListWrapper_17sdy {
     position: relative;
     padding-top: var(--select-options-list-top-padding);
     padding-bottom: var(--select-options-list-bottom-padding);
@@ -59,7 +59,7 @@
     background: var(--select-option-background);
     overflow: hidden;
     will-change: transform;
-} .select__optionsListBorder_s8fer {
+} .select__optionsListBorder_17sdy {
     position: absolute;
     top: 0;
     right: 0;
@@ -68,7 +68,7 @@
     box-shadow: inset 0 0 0 1px var(--color-light-border-secondary);
     border-radius: inherit;
     pointer-events: none;
-} .select__nativeSelect_s8fer {
+} .select__nativeSelect_17sdy {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -81,16 +81,16 @@
     height: 100%;
     cursor: pointer;
     z-index: 1;
-} .select__block_s8fer {
+} .select__block_17sdy {
     width: 100%;
-} .select__emptySearchPlaceholder_s8fer {
+} .select__emptySearchPlaceholder_17sdy {
     text-align: center;
-} .select__search_s8fer {
+} .select__search_17sdy {
     margin: var(--gap-s) var(--gap-s) 0
-} .select__search_s8fer:last-child {
+} .select__search_17sdy:last-child {
         margin-bottom: var(--gap-s);
     } /* width: max-content; fix for IE */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .select__component_s8fer {
+    .select__component_17sdy {
         float: left;
         clear: left;
     }

package/components/base-select/index.js

@@ -8,8 +8,8 @@ require('react');
 require('react-merge-refs');
 require('@juggle/resize-observer');
 require('classnames');
+require('compute-scroll-into-view');
 require('downshift');
-require('@alfalab/core-components-popover');
 require('@alfalab/core-components-shared');
 require('@alfalab/hooks');
 require('../../utils.js');

package/{esm/components/base-select-mobile/index.css → components/base-select/mobile.css}

@@ -1,4 +1,4 @@
-/* hash: 7g29e */
+/* hash: 16vxx */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -27,44 +27,35 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_tsbxs {
-    width: max-content;
-    position: relative;
-    outline: 0;
-    max-width: 100%;
-} .select__sheet_tsbxs {
+} .select__sheet_112ac {
     overflow: hidden;
-} .select__sheetContent_tsbxs {
+} .select__sheetContent_112ac {
     padding: 0
-} .select__sheetContent_tsbxs .select__modalContent_tsbxs {
+} .select__sheetContent_112ac .select__modalContent_112ac {
         padding: 0;
         display: flex;
         flex-direction: column;
-    } .select__sheetContainer_tsbxs {
+    } .select__sheetContainer_112ac {
     padding: 0;
-} .select__block_tsbxs {
-    width: 100%;
-} .select__optionsListWrapper_tsbxs {
+} .select__optionsListWrapper_112ac {
     flex: 1;
-} .select__optionsList_tsbxs {
+} .select__optionsList_112ac {
     height: 100%;
     display: flex;
     flex-direction: column;
-} .select__scrollbar_tsbxs {
+} .select__scrollbar_112ac {
     flex: 1;
-} .select__emptySearchPlaceholder_tsbxs {
-    text-align: center;
-} .select__search_tsbxs {
+} .select__search_112ac {
     padding: var(--gap-xs);
 } /* width: max-content; fix for IE */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .select__component_tsbxs {
+    .select__component_112ac {
         float: left;
         clear: left;
     }
-} .select__option_tsbxs {
+} .select__option_112ac {
     padding: var(--gap-2xs) var(--gap-l) var(--gap-2xs) var(--gap-m)
-} .select__option_tsbxs:before {
+} .select__option_112ac:before {
         display: none;
-    } .select__optionGroup_tsbxs {
+    } .select__optionGroup_112ac {
     padding: var(--gap-m) var(--gap-m) var(--gap-xs);
 }

package/components/checkmark/Component.js

@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var CheckmarkMIcon__default = /*#__PURE__*/_interopDefaultCompat(CheckmarkMIcon);
 
-var styles = {"checkmark":"select__checkmark_zamkn","after":"select__after_zamkn","single":"select__single_zamkn","selected":"select__selected_zamkn","before":"select__before_zamkn","multiple":"select__multiple_zamkn","colorIcon":"select__colorIcon_zamkn"};
+var styles = {"checkmark":"select__checkmark_knx3c","after":"select__after_knx3c","single":"select__single_knx3c","selected":"select__selected_knx3c","before":"select__before_knx3c","multiple":"select__multiple_knx3c","colorIcon":"select__colorIcon_knx3c"};
 require('./index.css')
 
 var Checkmark = function (_a) {

package/components/checkmark/index.css

@@ -1,7 +1,7 @@
-/* hash: 1opl7 */
+/* hash: itjwl */
 :root {
 } /* deprecated */ :root {
-    --color-light-graphic-positive: #2fc26e;
+    --color-light-graphic-positive: #0cc44d;
     --color-light-graphic-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -39,12 +39,12 @@
     --select-checkmark-border-radius: var(--border-radius-circle);
 
     /* optgroup */
-} .select__checkmark_zamkn {
+} .select__checkmark_knx3c {
     flex-shrink: 0;
     margin: var(--select-checkmark-margin)
-} .select__checkmark_zamkn.select__after_zamkn {
+} .select__checkmark_knx3c.select__after_knx3c {
         margin: var(--select-checkmark-margin-after);
-    } .select__single_zamkn {
+    } .select__single_knx3c {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -54,17 +54,17 @@
     border-radius: var(--select-checkmark-border-radius);
     width: var(--select-checkmark-size);
     height: var(--select-checkmark-size)
-} .select__single_zamkn.select__selected_zamkn {
+} .select__single_knx3c.select__selected_knx3c {
         opacity: 1;
-    } .select__before_zamkn {
+    } .select__before_knx3c {
     display: var(--select-checkmark-before-display)
-} .select__before_zamkn.select__multiple_zamkn {
+} .select__before_knx3c.select__multiple_knx3c {
         margin-right: var(--gap-s);
         display: var(--select-checkmark-before-display-multiple);
-    } .select__after_zamkn {
+    } .select__after_knx3c {
     display: var(--select-checkmark-after-display)
-} .select__after_zamkn.select__single_zamkn {
+} .select__after_knx3c.select__single_knx3c {
         display: var(--select-checkmark-after-display-single);
-    } .select__colorIcon_zamkn {
+    } .select__colorIcon_knx3c {
     color: var(--color-light-graphic-positive);
 }

package/components/checkmark-mobile/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 = {"checkmark":"select__checkmark_87lcj","selected":"select__selected_87lcj","displayIcon":"select__displayIcon_87lcj","displayBadge":"select__displayBadge_87lcj"};
+var styles = {"checkmark":"select__checkmark_1k1yc","selected":"select__selected_1k1yc","displayIcon":"select__displayIcon_1k1yc","displayBadge":"select__displayBadge_1k1yc"};
 require('./index.css')
 
 var Checkmark = function (_a) {

package/components/checkmark-mobile/index.css

@@ -1,4 +1,4 @@
-/* hash: jqmkr */
+/* hash: 101sn */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -25,7 +25,7 @@
     --select-mobile-checkmark-display-badge: none;
 
     /* optgroup */
-} .select__checkmark_87lcj {
+} .select__checkmark_1k1yc {
     flex-shrink: 0;
     display: flex;
     align-items: center;
@@ -33,12 +33,12 @@
     width: 24px;
     height: 24px;
     opacity: 0
-} .select__checkmark_87lcj:first-child {
+} .select__checkmark_1k1yc:first-child {
         display: none;
-    } .select__checkmark_87lcj.select__selected_87lcj {
+    } .select__checkmark_1k1yc.select__selected_1k1yc {
         opacity: 1;
-    } .select__displayIcon_87lcj {
+    } .select__displayIcon_1k1yc {
     display: var(--select-mobile-checkmark-display-icon);
-} .select__displayBadge_87lcj {
+} .select__displayBadge_1k1yc {
     display: var(--select-mobile-checkmark-display-badge);
 }

package/components/field/Component.js

@@ -14,7 +14,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_znjyf","field":"select__field_znjyf","disabled":"select__disabled_znjyf","arrow":"select__arrow_znjyf","placeholder":"select__placeholder_znjyf","show-placeholder":"select__show-placeholder_znjyf","focused":"select__focused_znjyf","contentWrapper":"select__contentWrapper_znjyf","value":"select__value_znjyf","focusVisible":"select__focusVisible_znjyf"};
+var styles = {"component":"select__component_11ue8","field":"select__field_11ue8","disabled":"select__disabled_11ue8","arrow":"select__arrow_11ue8","placeholder":"select__placeholder_11ue8","show-placeholder":"select__show-placeholder_11ue8","focused":"select__focused_11ue8","contentWrapper":"select__contentWrapper_11ue8","value":"select__value_11ue8","focusVisible":"select__focusVisible_11ue8"};
 require('./index.css')
 
 var Field = function (_a) {

package/components/field/index.css

@@ -1,9 +1,9 @@
-/* hash: ksd25 */
+/* hash: 19b7v */
 :root {
 } /* deprecated */ :root {
-    --color-light-border-link: #0072ef;
-    --color-light-text-secondary: rgba(60, 60, 67, 0.66);
-    --color-light-text-tertiary: rgba(60, 60, 67, 0.4); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-border-link: #2288fa;
+    --color-light-text-secondary: rgba(4, 4, 19, 0.55);
+    --color-light-text-tertiary: rgba(5, 8, 29, 0.38); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -32,8 +32,6 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-
-    /* mobile */
 } :root {
     --select-arrow-hover-opacity: 0.7;
 
@@ -44,22 +42,22 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_znjyf {
+} .select__component_11ue8 {
     width: 100%;
     outline: none;
-} .select__field_znjyf:not(.select__disabled_znjyf) {
+} .select__field_11ue8:not(.select__disabled_11ue8) {
     cursor: pointer
-} .select__field_znjyf:not(.select__disabled_znjyf):hover .select__arrow_znjyf {
+} .select__field_11ue8:not(.select__disabled_11ue8):hover .select__arrow_11ue8 {
             opacity: var(--select-arrow-hover-opacity);
-        } .select__disabled_znjyf {
+        } .select__disabled_11ue8 {
     cursor: var(--disabled-cursor);
-} .select__placeholder_znjyf {
+} .select__placeholder_11ue8 {
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-    animation: select__show-placeholder_znjyf 0.2s ease
-} .select__placeholder_znjyf.select__focused_znjyf {
+    animation: select__show-placeholder_11ue8 0.2s ease
+} .select__placeholder_11ue8.select__focused_11ue8 {
         color: var(--input-focus-placeholder-color);
-    } .select__contentWrapper_znjyf {
+    } .select__contentWrapper_11ue8 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -68,14 +66,14 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .select__value_znjyf {
+} .select__value_11ue8 {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .select__focusVisible_znjyf {
+} .select__focusVisible_11ue8 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} @keyframes select__show-placeholder_znjyf {
+} @keyframes select__show-placeholder_11ue8 {
     from {
         opacity: 0;
     }

package/components/footer/Component.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import React from 'react';
+type FooterProps = {
+    handleClear?: () => void;
+    handleApply?: () => void;
+    showClear?: boolean;
+    clearText?: string;
+    applyText?: string;
+    dataTestId?: string;
+};
+declare const Footer: ({ handleApply, handleClear, showClear, clearText, applyText, dataTestId, }: FooterProps) => React.JSX.Element;
+export { FooterProps, Footer };

package/components/{base-select-mobile/footer → footer}/Component.js

@@ -6,19 +6,20 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
 var mobile = require('@alfalab/core-components-button/mobile');
+var coreComponentsShared = require('@alfalab/core-components-shared');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"footer":"select__footer_1tm89","button":"select__button_1tm89","highlighted":"select__highlighted_1tm89"};
+var styles = {"footer":"select__footer_lu2ed","button":"select__button_lu2ed","highlighted":"select__highlighted_lu2ed"};
 require('./index.css')
 
 var Footer = function (_a) {
     var _b;
-    var handleApply = _a.handleApply, handleClear = _a.handleClear, showClear = _a.showClear;
-    var _c = React.useContext(coreComponentsBaseModal.BaseModalContext), footerHighlighted = _c.footerHighlighted, setHasFooter = _c.setHasFooter;
+    var handleApply = _a.handleApply, handleClear = _a.handleClear, showClear = _a.showClear, _c = _a.clearText, clearText = _c === void 0 ? 'Сбросить' : _c, _d = _a.applyText, applyText = _d === void 0 ? 'Применить' : _d, dataTestId = _a.dataTestId;
+    var _e = React.useContext(coreComponentsBaseModal.BaseModalContext), footerHighlighted = _e.footerHighlighted, setHasFooter = _e.setHasFooter;
     React.useEffect(function () {
         setHasFooter(true);
     }, [setHasFooter]);
@@ -27,8 +28,8 @@ var Footer = function (_a) {
         tabIndex: 0, className: cn__default.default(styles.footer, (_b = {},
             _b[styles.highlighted] = footerHighlighted,
             _b)) },
-        showClear && (React__default.default.createElement(mobile.ButtonMobile, { size: 'm', view: 'secondary', className: styles.button, onClick: handleClear }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C")),
-        React__default.default.createElement(mobile.ButtonMobile, { size: 'm', view: 'primary', className: styles.button, onClick: handleApply }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C")));
+        showClear && (React__default.default.createElement(mobile.ButtonMobile, { size: 'm', view: 'secondary', className: styles.button, onClick: handleClear, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'clear') }, clearText)),
+        React__default.default.createElement(mobile.ButtonMobile, { size: 'm', view: 'primary', className: styles.button, onClick: handleApply, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'apply') }, applyText)));
 };
 
 exports.Footer = Footer;

package/components/{base-select-mobile/footer → footer}/index.css

@@ -1,8 +1,8 @@
-/* hash: v5x8a */
+/* hash: 59qcc */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
-    --color-light-border-primary: #dcdcdd; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-border-primary: #d5d6dc; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -26,17 +26,17 @@
     /* checkmark */
 
     /* optgroup */
-} .select__footer_1tm89 {
+} .select__footer_lu2ed {
     display: flex;
     box-sizing: border-box;
     width: 100%;
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-bg-primary)
-} .select__footer_1tm89 .select__button_1tm89:first-of-type {
+} .select__footer_lu2ed .select__button_lu2ed:first-of-type {
         margin-right: var(--gap-m);
-    } .select__button_1tm89 {
+    } .select__button_lu2ed {
     width: 50%;
-} .select__highlighted_1tm89 {
+} .select__highlighted_lu2ed {
     border-top: 1px solid var(--color-light-border-primary);
     background-color: var(--color-light-bg-primary);
 }

package/components/footer/index.d.ts

@@ -0,0 +1 @@
+export { Footer } from "./Component";

package/components/{base-select-mobile/footer → footer}/index.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_baseSelectMobile_footer_Component = require('./Component.js');
+var components_footer_Component = require('./Component.js');
 require('react');
 require('classnames');
 require('@alfalab/core-components-base-modal');
 require('@alfalab/core-components-button/mobile');
+require('@alfalab/core-components-shared');
 
 
 
-exports.Footer = components_baseSelectMobile_footer_Component.Footer;
+exports.Footer = components_footer_Component.Footer;

package/components/index.js

@@ -17,8 +17,8 @@ require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('tslib');
 require('react-merge-refs');
 require('@juggle/resize-observer');
+require('compute-scroll-into-view');
 require('downshift');
-require('@alfalab/core-components-popover');
 require('@alfalab/core-components-shared');
 require('@alfalab/hooks');
 require('../utils.js');
@@ -29,6 +29,7 @@ require('@alfalab/core-components-checkbox');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('./checkmark-mobile/Component.js');
+require('@alfalab/core-components-mq');
 require('@alfalab/core-components-scrollbar');
 require('../consts.js');
 require('react-virtual');

package/components/optgroup/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"optgroup":"select__optgroup_1fnp7","label":"select__label_1fnp7","l":"select__l_1fnp7","xl":"select__xl_1fnp7"};
+var styles = {"optgroup":"select__optgroup_17a6w","label":"select__label_17a6w","l":"select__l_17a6w","xl":"select__xl_17a6w"};
 require('./index.css')
 
 var Optgroup = function (_a) {

package/components/optgroup/index.css

@@ -1,8 +1,8 @@
-/* hash: 132np */
+/* hash: 15rg7 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
-    --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -35,7 +35,7 @@
     --select-optgroup-right-padding: var(--gap-s);
     --select-optgroup-l-left-padding: var(--gap-m);
     --select-optgroup-l-right-padding: var(--gap-m);
-} .select__optgroup_1fnp7 {
+} .select__optgroup_17a6w {
     position: relative;
     display: flex;
     align-items: center;
@@ -44,9 +44,9 @@
     box-sizing: border-box;
     background: var(--select-optgroup-background);
     min-height: 40px
-} .select__optgroup_1fnp7 + *[role='option']:before {
+} .select__optgroup_17a6w + *[role='option']:before {
         display: none;
-    } .select__label_1fnp7 {
+    } .select__label_17a6w {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -55,8 +55,8 @@
 
     display: block;
     color: var(--select-optgroup-color);
-} .select__l_1fnp7,
-.select__xl_1fnp7 {
+} .select__l_17a6w,
+.select__xl_17a6w {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

package/components/option/Component.js

@@ -17,7 +17,7 @@ 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_1grqq","disabled":"select__disabled_1grqq","s":"select__s_1grqq","m":"select__m_1grqq","l":"select__l_1grqq","xl":"select__xl_1grqq","selected":"select__selected_1grqq","highlighted":"select__highlighted_1grqq","content":"select__content_1grqq","textContent":"select__textContent_1grqq"};
+var styles = {"option":"select__option_15fnc","disabled":"select__disabled_15fnc","s":"select__s_15fnc","m":"select__m_15fnc","l":"select__l_15fnc","xl":"select__xl_15fnc","selected":"select__selected_15fnc","highlighted":"select__highlighted_15fnc","content":"select__content_15fnc","textContent":"select__textContent_15fnc"};
 require('./index.css')
 
 var Option = function (_a) {