@alfalab/core-components-select 16.0.2 → 17.0.0

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

@@ -1,7 +1,7 @@
 :root {
 } /* deprecated */ :root {
-    --color-light-bg-primary: #fff;
-    --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 */
+    --color-light-modal-bg-primary: #fff;
+    --color-light-neutral-300: #e7e8eb; /* 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 {
@@ -30,12 +30,12 @@
     box-sizing: border-box;
     width: 100%;
     padding: var(--gap-m) var(--gap-m);
-    background-color: var(--color-light-bg-primary)
+    background-color: var(--color-light-modal-bg-primary)
 } .footer .button:first-of-type {
         margin-right: var(--gap-m);
     } .button {
     width: 50%;
 } .highlighted {
-    border-top: 1px solid var(--color-light-border-primary);
-    background-color: var(--color-light-bg-primary);
+    border-top: 1px solid var(--color-light-neutral-300);
+    background-color: var(--color-light-modal-bg-primary);
 }

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

@@ -1,6 +1,6 @@
 :root {
 } /* deprecated */ :root {
-    --color-light-bg-primary: #fff;
+    --color-light-modal-bg-primary: #fff;
     --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 {
@@ -29,7 +29,7 @@
     /* optgroup */
 
     --select-optgroup-color: var(--color-light-text-secondary);
-    --select-optgroup-background: var(--color-light-bg-primary);
+    --select-optgroup-background: var(--color-light-modal-bg-primary);
     --select-optgroup-left-padding: var(--gap-s);
     --select-optgroup-right-padding: var(--gap-s);
     --select-optgroup-l-left-padding: var(--gap-m);

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

@@ -1,11 +1,11 @@
 :root {
 } /* deprecated */ :root {
-    --color-light-bg-primary: #fff;
-    --color-light-bg-secondary: #f2f3f5;
-    --color-light-bg-tertiary: #e7e8ea;
     --color-light-border-primary: #d5d6dc;
+    --color-light-modal-bg-primary: #fff;
     --color-light-text-primary: #0e0e0e;
-    --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 */
+    --color-light-text-secondary: rgba(4, 4, 19, 0.55);
+    --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
+    --color-light-transparent-default-press: rgba(30, 43, 68, 0.08); /* 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 {
@@ -38,11 +38,11 @@
     --select-option-right-padding: var(--gap-s);
     --select-option-l-left-padding: var(--gap-m);
     --select-option-l-right-padding: var(--gap-m);
-    --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-background: var(--color-light-modal-bg-primary);
+    --select-option-selected-background: var(--color-light-modal-bg-primary);
+    --select-option-hover-background: var(--color-light-transparent-default-hover);
+    --select-option-active-background: var(--color-light-transparent-default-press);
+    --select-option-disabled-background: var(--color-light-modal-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);
@@ -118,10 +118,4 @@
 } .textContent {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
-} /* IE min-height fix */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .option:after {
-        min-height: inherit;
-        font-size: 0;
-        content: '';
-    }
 }

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

@@ -1,6 +1,6 @@
 :root {
 } /* deprecated */ :root {
-    --color-light-border-secondary: #e7e8ec;
+    --color-light-neutral-300: #e7e8eb;
     --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 {
@@ -35,14 +35,14 @@
     position: relative;
 } .optionsListHeader {
     box-sizing: border-box;
-    border-bottom: 1px solid var(--color-light-border-secondary);
+    border-bottom: 1px solid var(--color-light-neutral-300);
 } .optionsListFooter {
     position: sticky;
     bottom: 0;
     box-sizing: border-box;
     border-top: 1px solid transparent
 } .optionsListFooter.withBorder {
-        border-top: 1px solid var(--color-light-border-secondary);
+        border-top: 1px solid var(--color-light-neutral-300);
     } .scrollable {
     overflow: auto;
     width: 100%;

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

@@ -1,7 +1,7 @@
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #d5d6dc;
-    --color-light-border-secondary: #e7e8ec;
+    --color-light-neutral-300: #e7e8eb;
     --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 {
@@ -41,14 +41,14 @@
     position: sticky;
 } .virtualOptionsListHeader {
     box-sizing: border-box;
-    border-bottom: 1px solid var(--color-light-border-secondary);
+    border-bottom: 1px solid var(--color-light-neutral-300);
 } .virtualOptionsListFooter {
     position: sticky;
     bottom: 0;
     box-sizing: border-box;
     border-top: 1px solid transparent
 } .virtualOptionsListFooter.withBorder {
-        border-top: 1px solid var(--color-light-border-secondary);
+        border-top: 1px solid var(--color-light-neutral-300);
     } .scrollable {
     position: relative;
     overflow: auto;

package/{Component.desktop.d.ts → cssm/desktop/Component.desktop.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-declare const SelectDesktop: React.ForwardRefExoticComponent<Omit<import("./typings").BaseSelectProps, "fieldProps"> & {
-    fieldProps?: import("./typings").SelectFieldProps | undefined;
+declare const SelectDesktop: React.ForwardRefExoticComponent<Omit<import("../typings").BaseSelectProps, "fieldProps"> & {
+    fieldProps?: import("../typings").SelectFieldProps | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { SelectDesktop };

package/cssm/{Component.desktop.js → desktop/Component.desktop.js}

@@ -6,44 +6,44 @@ var tslib = require('tslib');
 var React = require('react');
 var desktop = require('@alfalab/core-components-form-control/cssm/desktop');
 var coreComponentsPopover = require('@alfalab/core-components-popover/cssm');
-var components_arrow_Component = require('./components/arrow/Component.js');
-var components_baseSelect_Component = require('./components/base-select/Component.js');
-var components_field_Component = require('./components/field/Component.js');
-var components_optgroup_Component = require('./components/optgroup/Component.js');
-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_arrow_Component = require('../components/arrow/Component.js');
+var components_baseSelect_Component = require('../components/base-select/Component.js');
+var components_field_Component = require('../components/field/Component.js');
+var components_optgroup_Component = require('../components/optgroup/Component.js');
+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');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('./components/arrow/index.module.css');
+require('../components/arrow/index.module.css');
 require('react-merge-refs');
 require('@juggle/resize-observer');
 require('compute-scroll-into-view');
 require('downshift');
 require('@alfalab/core-components-shared/cssm');
 require('@alfalab/hooks');
-require('./utils.js');
-require('./components/native-select/Component.js');
-require('./components/base-select/index.module.css');
-require('./components/base-select/mobile.module.css');
-require('./components/field/index.module.css');
-require('./components/optgroup/index.module.css');
-require('./components/checkmark/Component.js');
+require('../utils.js');
+require('../components/native-select/Component.js');
+require('../components/base-select/index.module.css');
+require('../components/base-select/mobile.module.css');
+require('../components/field/index.module.css');
+require('../components/optgroup/index.module.css');
+require('../components/checkmark/Component.js');
 require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
-require('./components/checkmark/index.module.css');
-require('./components/checkmark-mobile/Component.js');
-require('./components/checkmark-mobile/index.module.css');
-require('./components/option/index.module.css');
+require('../components/checkmark/index.module.css');
+require('../components/checkmark-mobile/Component.js');
+require('../components/checkmark-mobile/index.module.css');
+require('../components/option/index.module.css');
 require('@alfalab/core-components-mq/cssm');
 require('@alfalab/core-components-scrollbar/cssm');
-require('./consts.js');
-require('./components/options-list/index.module.css');
+require('../consts.js');
+require('../components/options-list/index.module.css');
 require('@alfalab/core-components-input/cssm');
 require('@alfalab/icons-glyph/MagnifierMIcon');
-require('./components/search/index.module.css');
+require('../components/search/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cssm/desktop/index.d.ts

@@ -1,2 +1,2 @@
-export { SelectDesktop } from "../Component.desktop";
+export { SelectDesktop } from "./Component.desktop";
 export type { SelectDesktopProps } from "../typings";

package/cssm/desktop/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_desktop = require('../Component.desktop.js');
+var desktop_Component_desktop = require('./Component.desktop.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-form-control/cssm/desktop');
@@ -48,4 +48,4 @@ require('../components/search/index.module.css');
 
 
 
-exports.SelectDesktop = Component_desktop.SelectDesktop;
+exports.SelectDesktop = desktop_Component_desktop.SelectDesktop;

package/cssm/index.js

@@ -6,7 +6,7 @@ var Component_responsive = require('./Component.responsive.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-mq/cssm');
-require('./Component.desktop.js');
+require('./desktop/Component.desktop.js');
 require('@alfalab/core-components-form-control/cssm/desktop');
 require('@alfalab/core-components-popover/cssm');
 require('./components/arrow/Component.js');
@@ -46,10 +46,10 @@ require('./components/search/Component.js');
 require('@alfalab/core-components-input/cssm');
 require('@alfalab/icons-glyph/MagnifierMIcon');
 require('./components/search/index.module.css');
-require('./Component.mobile.js');
+require('./mobile/Component.mobile.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-form-control/cssm/mobile');
-require('@alfalab/core-components-modal/cssm/Component.mobile');
+require('@alfalab/core-components-modal/cssm/mobile');
 require('./components/footer/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('@alfalab/core-components-button/cssm/mobile');
@@ -63,6 +63,7 @@ require('@alfalab/core-components-button/cssm/desktop');
 require('./presets/useSelectWithApply/options-list-with-apply/footer/index.module.css');
 require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 require('./presets/useSelectWithApply/options-list-with-apply/header/index.module.css');
+require('./mobile/Component.modal.mobile.js');
 
 
 

package/{esm → cssm/mobile}/Component.mobile.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { SelectMobileProps } from "./typings";
+import { SelectMobileProps } from "../typings";
 declare const SelectMobile: React.ForwardRefExoticComponent<SelectMobileProps & React.RefAttributes<unknown>>;
 export { SelectMobile };

package/cssm/{Component.mobile.js → mobile/Component.mobile.js}

@@ -6,58 +6,58 @@ var tslib = require('tslib');
 var React = require('react');
 var coreComponentsBottomSheet = require('@alfalab/core-components-bottom-sheet/cssm');
 var mobile = require('@alfalab/core-components-form-control/cssm/mobile');
-var Component_mobile = require('@alfalab/core-components-modal/cssm/Component.mobile');
-var components_arrow_Component = require('./components/arrow/Component.js');
-var components_baseSelect_Component = require('./components/base-select/Component.js');
-var components_field_Component = require('./components/field/Component.js');
-var components_footer_Component = require('./components/footer/Component.js');
-var components_optgroup_Component = require('./components/optgroup/Component.js');
-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-2f9ec939.js');
-var presets_useSelectWithApply_optionsListWithApply_header_Component = require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');
+var mobile$1 = require('@alfalab/core-components-modal/cssm/mobile');
+var components_arrow_Component = require('../components/arrow/Component.js');
+var components_baseSelect_Component = require('../components/base-select/Component.js');
+var components_field_Component = require('../components/field/Component.js');
+var components_footer_Component = require('../components/footer/Component.js');
+var components_optgroup_Component = require('../components/optgroup/Component.js');
+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-2f9ec939.js');
+var presets_useSelectWithApply_optionsListWithApply_header_Component = require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('./components/arrow/index.module.css');
+require('../components/arrow/index.module.css');
 require('react-merge-refs');
 require('@juggle/resize-observer');
 require('compute-scroll-into-view');
 require('downshift');
 require('@alfalab/core-components-shared/cssm');
 require('@alfalab/hooks');
-require('./utils.js');
-require('./components/native-select/Component.js');
-require('./components/base-select/index.module.css');
-require('./components/base-select/mobile.module.css');
-require('./components/field/index.module.css');
+require('../utils.js');
+require('../components/native-select/Component.js');
+require('../components/base-select/index.module.css');
+require('../components/base-select/mobile.module.css');
+require('../components/field/index.module.css');
 require('@alfalab/core-components-base-modal/cssm');
 require('@alfalab/core-components-button/cssm/mobile');
-require('./components/footer/index.module.css');
-require('./components/optgroup/index.module.css');
-require('./components/checkmark/Component.js');
+require('../components/footer/index.module.css');
+require('../components/optgroup/index.module.css');
+require('../components/checkmark/Component.js');
 require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
-require('./components/checkmark/index.module.css');
-require('./components/checkmark-mobile/Component.js');
-require('./components/checkmark-mobile/index.module.css');
-require('./components/option/index.module.css');
+require('../components/checkmark/index.module.css');
+require('../components/checkmark-mobile/Component.js');
+require('../components/checkmark-mobile/index.module.css');
+require('../components/option/index.module.css');
 require('@alfalab/core-components-mq/cssm');
 require('@alfalab/core-components-scrollbar/cssm');
-require('./consts.js');
-require('./components/options-list/index.module.css');
+require('../consts.js');
+require('../components/options-list/index.module.css');
 require('@alfalab/core-components-input/cssm');
 require('@alfalab/icons-glyph/MagnifierMIcon');
-require('./components/search/index.module.css');
+require('../components/search/index.module.css');
 require('react-virtual');
-require('./components/virtual-options-list/index.module.css');
-require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
+require('../components/virtual-options-list/index.module.css');
+require('../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('@alfalab/core-components-button/cssm/desktop');
-require('./presets/useSelectWithApply/options-list-with-apply/footer/index.module.css');
-require('./presets/useSelectWithApply/options-list-with-apply/header/index.module.css');
+require('../presets/useSelectWithApply/options-list-with-apply/footer/index.module.css');
+require('../presets/useSelectWithApply/options-list-with-apply/header/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -82,7 +82,7 @@ var SelectMobile = React.forwardRef(function (_a, ref) {
         showSelectAll: showSelectAll,
     });
     var bottomAddons = useWithApplyHook && showHeaderWithSelectAll && (React__default.default.createElement(presets_useSelectWithApply_optionsListWithApply_header_Component.Header, tslib.__assign({}, applyProps.optionsListProps.headerProps, { mobile: true })));
-    return (React__default.default.createElement(components_baseSelect_Component.BaseSelect, tslib.__assign({ ref: ref, view: 'mobile', autocomplete: autocomplete, multiple: multiple, allowUnselect: allowUnselect, disabled: disabled, closeOnSelect: closeOnSelect, circularNavigation: circularNavigation, defaultOpen: defaultOpen, open: openProp, size: size, optionsSize: optionsSize, fieldProps: tslib.__assign({ FormControlComponent: mobile.FormControlMobile }, fieldProps), optionProps: optionProps, Arrow: Arrow, Field: Field, Optgroup: Optgroup, Option: Option, Search: Search, isBottomSheet: isBottomSheet, options: options, selected: selected, onChange: onChange, OptionsList: OptionsList, showSearch: showSearch, searchProps: searchProps, BottomSheet: coreComponentsBottomSheet.BottomSheet, ModalMobile: Component_mobile.ModalMobile }, (isBottomSheet
+    return (React__default.default.createElement(components_baseSelect_Component.BaseSelect, tslib.__assign({ ref: ref, view: 'mobile', autocomplete: autocomplete, multiple: multiple, allowUnselect: allowUnselect, disabled: disabled, closeOnSelect: closeOnSelect, circularNavigation: circularNavigation, defaultOpen: defaultOpen, open: openProp, size: size, optionsSize: optionsSize, fieldProps: tslib.__assign({ FormControlComponent: mobile.FormControlMobile }, fieldProps), optionProps: optionProps, Arrow: Arrow, Field: Field, Optgroup: Optgroup, Option: Option, Search: Search, isBottomSheet: isBottomSheet, options: options, selected: selected, onChange: onChange, OptionsList: OptionsList, showSearch: showSearch, searchProps: searchProps, BottomSheet: coreComponentsBottomSheet.BottomSheet, ModalMobile: mobile$1.ModalMobile }, (isBottomSheet
         ? {
             bottomSheetProps: tslib.__assign({ bottomAddons: bottomAddons }, typedRestBottomSheetProps.bottomSheetProps),
         }

package/cssm/mobile/Component.modal.mobile.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import React from 'react';
+declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<import("../typings").BaseSelectProps, "Checkmark"> & import("../typings").AdditionalMobileProps & import("../typings").ModalSelectMobileProps & React.RefAttributes<unknown>>;
+export { SelectModalMobile };

package/cssm/mobile/Component.modal.mobile.js

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mobile_Component_mobile = require('./Component.mobile.js');
+require('@alfalab/core-components-bottom-sheet/cssm');
+require('@alfalab/core-components-form-control/cssm/mobile');
+require('@alfalab/core-components-modal/cssm/mobile');
+require('../components/arrow/Component.js');
+require('classnames');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('../components/arrow/index.module.css');
+require('../components/base-select/Component.js');
+require('react-merge-refs');
+require('@juggle/resize-observer');
+require('compute-scroll-into-view');
+require('downshift');
+require('@alfalab/core-components-shared/cssm');
+require('@alfalab/hooks');
+require('../utils.js');
+require('../components/native-select/Component.js');
+require('../components/base-select/index.module.css');
+require('../components/base-select/mobile.module.css');
+require('../components/field/Component.js');
+require('../components/field/index.module.css');
+require('../components/footer/Component.js');
+require('@alfalab/core-components-base-modal/cssm');
+require('@alfalab/core-components-button/cssm/mobile');
+require('../components/footer/index.module.css');
+require('../components/optgroup/Component.js');
+require('../components/optgroup/index.module.css');
+require('../components/option/Component.js');
+require('../components/checkmark/Component.js');
+require('@alfalab/core-components-badge/cssm');
+require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../components/checkmark/index.module.css');
+require('../components/checkmark-mobile/Component.js');
+require('../components/checkmark-mobile/index.module.css');
+require('../components/option/index.module.css');
+require('../components/options-list/Component.js');
+require('@alfalab/core-components-mq/cssm');
+require('@alfalab/core-components-scrollbar/cssm');
+require('../consts.js');
+require('../components/options-list/index.module.css');
+require('../components/search/Component.js');
+require('@alfalab/core-components-input/cssm');
+require('@alfalab/icons-glyph/MagnifierMIcon');
+require('../components/search/index.module.css');
+require('../components/virtual-options-list/Component.js');
+require('react-virtual');
+require('../components/virtual-options-list/index.module.css');
+require('../hook-2f9ec939.js');
+require('../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
+require('@alfalab/core-components-button/cssm/desktop');
+require('../presets/useSelectWithApply/options-list-with-apply/footer/index.module.css');
+require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
+require('../presets/useSelectWithApply/options-list-with-apply/header/index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var SelectModalMobile = React.forwardRef(function (props, ref) { return (React__default.default.createElement(mobile_Component_mobile.SelectMobile, tslib.__assign({}, props, { isBottomSheet: false, ref: ref }))); });
+
+exports.SelectModalMobile = SelectModalMobile;

package/cssm/mobile/index.d.ts

@@ -1,3 +1,3 @@
-export { SelectMobile } from "../Component.mobile";
-export { SelectModalMobile } from "../Component.modal.mobile";
+export { SelectMobile } from "./Component.mobile";
+export { SelectModalMobile } from "./Component.modal.mobile";
 export type { SelectMobileProps, SelectModalMobileProps } from "../typings";

package/cssm/mobile/index.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_mobile = require('../Component.mobile.js');
-var Component_modal_mobile = require('../Component.modal.mobile.js');
+var mobile_Component_mobile = require('./Component.mobile.js');
+var mobile_Component_modal_mobile = require('./Component.modal.mobile.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-form-control/cssm/mobile');
-require('@alfalab/core-components-modal/cssm/Component.mobile');
+require('@alfalab/core-components-modal/cssm/mobile');
 require('../components/arrow/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -63,5 +63,5 @@ require('../presets/useSelectWithApply/options-list-with-apply/header/index.modu
 
 
 
-exports.SelectMobile = Component_mobile.SelectMobile;
-exports.SelectModalMobile = Component_modal_mobile.SelectModalMobile;
+exports.SelectMobile = mobile_Component_mobile.SelectMobile;
+exports.SelectModalMobile = mobile_Component_modal_mobile.SelectModalMobile;

package/cssm/shared/index.d.ts

@@ -10,3 +10,4 @@ export * from "../components/arrow/index";
 export * from "../components/base-select/index";
 export * from "../components/optgroup/index";
 export * from "../components/footer/index";
+export * from "../components/search/index";

package/cssm/shared/index.js

@@ -15,6 +15,7 @@ var components_arrow_Component = require('../components/arrow/Component.js');
 var components_baseSelect_Component = require('../components/base-select/Component.js');
 var components_optgroup_Component = require('../components/optgroup/Component.js');
 var components_footer_Component = require('../components/footer/Component.js');
+var components_search_Component = require('../components/search/Component.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-skeleton/cssm');
@@ -60,6 +61,9 @@ require('../components/optgroup/index.module.css');
 require('@alfalab/core-components-base-modal/cssm');
 require('@alfalab/core-components-button/cssm/mobile');
 require('../components/footer/index.module.css');
+require('@alfalab/core-components-input/cssm');
+require('@alfalab/icons-glyph/MagnifierMIcon');
+require('../components/search/index.module.css');
 
 
 
@@ -85,3 +89,4 @@ exports.Arrow = components_arrow_Component.Arrow;
 exports.BaseSelect = components_baseSelect_Component.BaseSelect;
 exports.Optgroup = components_optgroup_Component.Optgroup;
 exports.Footer = components_footer_Component.Footer;
+exports.Search = components_search_Component.Search;

package/cssm/typings.d.ts

@@ -47,7 +47,10 @@ type BaseSelectChangePayload = {
 };
 type BaseSelectProps = {
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для пункта меню используется модификатор -option, компонента поиска -search,
+     * компонента выпадающего меню -options-list, компонента BottomSheet -bottom-sheet,
+     * компонента поля -field, компонета FormControl -field-form-control
      */
     dataTestId?: string;
     /**
@@ -245,11 +248,11 @@ type BaseSelectProps = {
         name?: string;
     }) => void;
     /**
-     * Обработчик фокуса поля
+     * Обработчик блюра поля
      */
     onBlur?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
     /**
-     * Обработчик блюра поля
+     * Обработчик фокуса поля
      */
     onFocus?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
     /**

package/{esm → desktop}/Component.desktop.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-declare const SelectDesktop: React.ForwardRefExoticComponent<Omit<import("./typings").BaseSelectProps, "fieldProps"> & {
-    fieldProps?: import("./typings").SelectFieldProps | undefined;
+declare const SelectDesktop: React.ForwardRefExoticComponent<Omit<import("../typings").BaseSelectProps, "fieldProps"> & {
+    fieldProps?: import("../typings").SelectFieldProps | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { SelectDesktop };